From 7ae86243bc5601d8e9f60bd48a1b1d8dc92a8f98 Mon Sep 17 00:00:00 2001
From: Joao Miguel <joao@stackone.com>
Date: Wed, 27 May 2026 12:04:20 +0100
Subject: [PATCH 1/3] chore: render hub as webcomponent

---
 .gitignore                                  |    4 +
 README.md                                   |  136 +-
 biome.json                                  |    2 +-
 dev/.env.example                            |    9 +
 dev/README.md                               |   54 +
 dev/angular/angular.json                    |   72 +
 dev/angular/package.json                    |   30 +
 dev/angular/src/app/app.component.ts        |  161 +++
 dev/angular/src/environments/environment.ts |    8 +
 dev/angular/src/index.html                  |   11 +
 dev/angular/src/main.ts                     |    5 +
 dev/angular/src/styles.css                  |   10 +
 dev/angular/tsconfig.app.json               |    9 +
 dev/angular/tsconfig.json                   |   28 +
 dev/nextjs/package-lock.json                |   12 +-
 dev/react/index.html                        |   11 +
 dev/react/package.json                      |   23 +
 dev/react/src/App.tsx                       |  156 ++
 dev/react/src/main.tsx                      |   15 +
 dev/react/src/style.css                     |   79 +
 dev/react/tsconfig.json                     |   17 +
 dev/react/vite.config.ts                    |    7 +
 dev/svelte/index.html                       |   11 +
 dev/svelte/package.json                     |   20 +
 dev/svelte/src/App.svelte                   |  124 ++
 dev/svelte/src/main.ts                      |    9 +
 dev/svelte/svelte.config.js                 |    5 +
 dev/svelte/tsconfig.json                    |   14 +
 dev/svelte/vite.config.ts                   |    7 +
 dev/vanilla/index.html                      |   39 +
 dev/vanilla/main.js                         |   51 +
 dev/vanilla/package-lock.json               | 1100 ++++++++++++++
 dev/vanilla/package.json                    |   14 +
 dev/vanilla/style.css                       |   82 ++
 dev/vue/index.html                          |   11 +
 dev/vue/package-lock.json                   | 1424 +++++++++++++++++++
 dev/vue/package.json                        |   21 +
 dev/vue/src/App.vue                         |  122 ++
 dev/vue/src/main.ts                         |    5 +
 dev/vue/tsconfig.json                       |   16 +
 dev/vue/vite.config.ts                      |   15 +
 index.html                                  |   26 +-
 package-lock.json                           |   20 -
 package.json                                |   11 +-
 rollup.config.mjs                           |    4 +
 src/WebComponentWrapper.tsx                 |  153 +-
 46 files changed, 4113 insertions(+), 50 deletions(-)
 create mode 100644 dev/.env.example
 create mode 100644 dev/README.md
 create mode 100644 dev/angular/angular.json
 create mode 100644 dev/angular/package.json
 create mode 100644 dev/angular/src/app/app.component.ts
 create mode 100644 dev/angular/src/environments/environment.ts
 create mode 100644 dev/angular/src/index.html
 create mode 100644 dev/angular/src/main.ts
 create mode 100644 dev/angular/src/styles.css
 create mode 100644 dev/angular/tsconfig.app.json
 create mode 100644 dev/angular/tsconfig.json
 create mode 100644 dev/react/index.html
 create mode 100644 dev/react/package.json
 create mode 100644 dev/react/src/App.tsx
 create mode 100644 dev/react/src/main.tsx
 create mode 100644 dev/react/src/style.css
 create mode 100644 dev/react/tsconfig.json
 create mode 100644 dev/react/vite.config.ts
 create mode 100644 dev/svelte/index.html
 create mode 100644 dev/svelte/package.json
 create mode 100644 dev/svelte/src/App.svelte
 create mode 100644 dev/svelte/src/main.ts
 create mode 100644 dev/svelte/svelte.config.js
 create mode 100644 dev/svelte/tsconfig.json
 create mode 100644 dev/svelte/vite.config.ts
 create mode 100644 dev/vanilla/index.html
 create mode 100644 dev/vanilla/main.js
 create mode 100644 dev/vanilla/package-lock.json
 create mode 100644 dev/vanilla/package.json
 create mode 100644 dev/vanilla/style.css
 create mode 100644 dev/vue/index.html
 create mode 100644 dev/vue/package-lock.json
 create mode 100644 dev/vue/package.json
 create mode 100644 dev/vue/src/App.vue
 create mode 100644 dev/vue/src/main.ts
 create mode 100644 dev/vue/tsconfig.json
 create mode 100644 dev/vue/vite.config.ts

diff --git a/.gitignore b/.gitignore
index 24ae054..4f9c633 100644
--- a/.gitignore
+++ b/.gitignore
@@ -3,6 +3,10 @@ node_modules/
 
 # Generated files
 dist/
+build/
+.angular/
+.svelte-kit/
+.vite/
 
 # Logs
 npm-debug.log*
diff --git a/README.md b/README.md
index 6e8827c..dbdd487 100644
--- a/README.md
+++ b/README.md
@@ -129,21 +129,149 @@ The build generates multiple bundles in the `dist/` directory:
 
 ### 🌐 Web Component Integration
 
-For vanilla HTML/JavaScript applications:
+`@stackone/hub` also ships a framework-agnostic custom element (`<stackone-hub>`) that works in **plain HTML, Vue, Angular, Svelte, or any other framework**. React + ReactDOM are bundled into the web-component bundle, so consumers do **not** need React installed.
+
+#### Loading the bundle
+
+Install the package and import the web-component subpath once at app startup. The import is side-effecting — it registers `<stackone-hub>` on `customElements`:
+
+```ts
+// main.ts / main.js — anywhere that runs once on app boot
+import '@stackone/hub/webcomponent';
+```
+
+If you'd rather drop a `<script>` tag in plain HTML, point it at the IIFE bundle in `node_modules` (or your own static host):
+
+```html
+<script src="/node_modules/@stackone/hub/dist/webcomponent.js"></script>
+<stackone-hub token="..."></stackone-hub>
+```
+
+#### Attributes
+
+All scalar `StackOneHub` props are exposed as kebab-case HTML attributes:
+
+| Attribute | Type | Notes |
+|---|---|---|
+| `token` | string | Connect-session token (required to render the picker). |
+| `base-url` | string | API base URL. Defaults to `https://api.stackone.com`. |
+| `app-url` | string | Dashboard URL. Defaults to `https://app.stackone.com`. |
+| `mode` | string | Currently only `integration-picker`. |
+| `height` | string | CSS height (e.g. `600px`). Defaults to `500px`. |
+| `theme` | `light` \| `dark` \| JSON | Either the keyword or a JSON-encoded `PartialMalachiteTheme` object. |
+| `account-id` | string | Optional account filter. |
+| `on-close-label` | string | Override the close-button label. |
+| `show-footer-links` | boolean attr | Presence = `true`, value `"false"` = `false`. |
+| `debug` | boolean attr | Enables debug logging. |
+
+#### Events
+
+Callbacks are dispatched as `CustomEvent`s on the host element:
+
+| Event | `event.detail` |
+|---|---|
+| `success` | `{ id: string; provider: string }` — emitted when an account is connected. |
+| `close` | `undefined` — emitted when the user closes the picker. |
+
+Both events `bubble` and `compose`.
+
+#### JS-only properties
+
+For values that don't fit in HTML attributes, set them as JS properties on the element:
+
+| Property | Type | Purpose |
+|---|---|---|
+| `el.onSuccess` | `(account) => void` | Function alternative to the `success` event. |
+| `el.onClose` | `() => void` | Function alternative to the `close` event. |
+| `el.themeObject` | `PartialMalachiteTheme` | Structured theme; overrides the `theme` attribute. |
+
+#### Vanilla HTML
 
 ```html
 <!DOCTYPE html>
 <html>
 <head>
-    <title>StackOne HUB Integration</title>
+  <script src="/node_modules/@stackone/hub/dist/webcomponent.js"></script>
 </head>
 <body>
-    <script src="<TBD>/webcomponent.js"></script>
-    <stackone-hub token="..."></stackone-hub>
+  <stackone-hub id="hub" token="..." mode="integration-picker" height="600px"></stackone-hub>
+  <script>
+    const el = document.getElementById('hub');
+    el.addEventListener('success', (e) => console.log('connected', e.detail));
+    el.addEventListener('close', () => console.log('closed'));
+  </script>
 </body>
 </html>
 ```
 
+#### Vue 3
+
+Tell Vue that `<stackone-hub>` is a custom element so the compiler doesn't try to resolve it as a Vue component:
+
+```ts
+// main.ts
+import { createApp } from 'vue';
+import App from './App.vue';
+import '@stackone/hub/webcomponent';
+
+const app = createApp(App);
+app.config.compilerOptions.isCustomElement = (tag) => tag === 'stackone-hub';
+app.mount('#app');
+```
+
+```vue
+<!-- App.vue -->
+<script setup lang="ts">
+import { ref } from 'vue';
+const token = ref('...');
+const onSuccess = (event: CustomEvent<{ id: string; provider: string }>) => {
+  console.log('connected', event.detail);
+};
+</script>
+
+<template>
+  <stackone-hub :token="token" mode="integration-picker" @success="onSuccess" @close="() => {}" />
+</template>
+```
+
+#### Angular
+
+Add `CUSTOM_ELEMENTS_SCHEMA` to the module (or standalone component) that uses `<stackone-hub>` so Angular treats unknown tags as custom elements:
+
+```ts
+// app.module.ts
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import '@stackone/hub/webcomponent';
+
+@NgModule({
+  declarations: [AppComponent],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  bootstrap: [AppComponent],
+})
+export class AppModule {}
+```
+
+```html
+<!-- app.component.html -->
+<stackone-hub
+  [attr.token]="token"
+  mode="integration-picker"
+  (success)="onSuccess($event)"
+  (close)="onClose()"
+></stackone-hub>
+```
+
+```ts
+// app.component.ts
+onSuccess(event: Event) {
+  const { id, provider } = (event as CustomEvent<{ id: string; provider: string }>).detail;
+  console.log('connected', id, provider);
+}
+onClose() {
+  console.log('closed');
+}
+```
+
 ### ⚛️ React Component Integration
 
 For React applications (CSR — Vite, CRA, etc.):
diff --git a/biome.json b/biome.json
index 7c7b569..d0967b2 100644
--- a/biome.json
+++ b/biome.json
@@ -7,7 +7,7 @@
   },
   "files": {
     "ignoreUnknown": false,
-    "ignore": ["**/node_modules/**", "**/dist/**", "**/__generated__/**", "**/.next/**"]
+    "ignore": ["**/node_modules/**", "**/dist/**", "**/__generated__/**", "**/.next/**", "**/*.vue", "**/*.svelte"]
   },
   "formatter": {
     "enabled": true,
diff --git a/dev/.env.example b/dev/.env.example
new file mode 100644
index 0000000..2711d7b
--- /dev/null
+++ b/dev/.env.example
@@ -0,0 +1,9 @@
+# Shared by the Vite sandboxes (vue, svelte, react) via `envDir: '..'` in each vite.config.ts.
+# Copy to `dev/.env` and fill in to enable token auto-fetch. Leave blank to use the paste input.
+# NOTE: the Angular sandbox does not read this file — set its values in
+# dev/angular/src/environments/environment.ts instead.
+VITE_STACKONE_API_KEY=
+VITE_API_URL=https://api.stackone.com
+VITE_ORIGIN_OWNER_ID=dummy_customer_id
+VITE_ORIGIN_OWNER_NAME=dummy_customer_name
+VITE_ORIGIN_USERNAME=dummy_customer_username
diff --git a/dev/README.md b/dev/README.md
new file mode 100644
index 0000000..408f651
--- /dev/null
+++ b/dev/README.md
@@ -0,0 +1,54 @@
+# Hub dev sandboxes
+
+Each folder is a self-contained dev app that consumes the hub via `"@stackone/hub": "file:../.."`. Run any one of them from the **hub repo root** using the matching `dev:*` npm script.
+
+| Folder | What it exercises | Stack | Port | Run from hub root |
+|---|---|---|---|---|
+| `vite/` | React export (`<StackOneHub>`) on a Vite SPA | React 18 + Vite | 3001 | `npm run dev` |
+| `nextjs/` | React export (`<StackOneHub>`) under Next.js SSR | React 19 + Next.js 15 | 3002 | `npm run dev:nextjs` |
+| `vanilla/` | `<stackone-hub>` custom element via `<script src>` | Plain HTML + `serve` | 3010 | `npm run dev:vanilla` |
+| `vue/` | `<stackone-hub>` in a Vue template | Vue 3.5 + Vite 5 | 3011 | `npm run dev:vue` |
+| `svelte/` | `<stackone-hub>` in a Svelte component | Svelte 5 + Vite 6 | 3012 | `npm run dev:svelte` |
+| `react/` | `<stackone-hub>` mounted from React (not the React export) | React 19 + Vite 5 | 3013 | `npm run dev:react-wc` |
+| `angular/` | `<stackone-hub>` in an Angular template | Angular 18 + Angular CLI | 4201 | `npm run dev:angular` |
+
+## First-time setup
+
+Each sandbox needs the hub's `dist/` built and its own dependencies installed. The `:setup` scripts handle both:
+
+```bash
+npm run dev:vue:setup     # or dev:vanilla:setup, dev:svelte:setup, etc.
+```
+
+After that, just `npm run dev:<name>` to start the dev server.
+
+## Iterating on the hub
+
+After editing `../src/`, run `npm run build` from the hub root. The sandboxes consume the freshly built `node_modules/@stackone/hub/dist/`; Vite/Angular dev servers pick up the new bundle on the next request — no reinstall needed.
+
+## Token UX (common across sandboxes)
+
+Each cross-framework sandbox renders a paste input for a connect-session token. The token is persisted to `localStorage` under `stackone-hub-token`.
+
+For auto-fetch, copy `dev/.env.example` to `dev/.env` and set `VITE_STACKONE_API_KEY`. This single file is shared by the three Vite sandboxes (`vue`, `svelte`, `react`) — each `vite.config.ts` points at it with `envDir: '..'`. On first load with an empty `localStorage`, the sandbox mints a token via `POST {API_URL}/connect_sessions` and prefills the input.
+
+The Angular sandbox is the one exception: Angular CLI doesn't read `.env` files, so set its values in `angular/src/environments/environment.ts` instead.
+
+> ⚠️ The API key is sent from the browser. Dev key on localhost only.
+
+The vanilla sandbox is paste-only (no build step to inject env vars).
+
+## What each new sandbox demonstrates
+
+All five cross-framework sandboxes exercise the same checklist:
+
+1. Render `<stackone-hub>` with the standard attributes (`token`, `base-url`, `mode`, `height`, `theme`).
+2. Subscribe to the `success` and `close` CustomEvents and append entries to an on-page event log.
+3. Theme toggle that flips between `light` and `dark`.
+
+## Troubleshooting
+
+- **"Failed to resolve component: stackone-hub" (Vue)** — `vite.config.ts` is missing the `isCustomElement` block.
+- **"'stackone-hub' is not a known element" (Angular)** — the component is missing `CUSTOM_ELEMENTS_SCHEMA` in its `schemas`.
+- **`dist/webcomponent.js` not found** — you forgot to `npm run build` in the hub root, or the `:setup` script for that sandbox.
+- **"Invalid hook call — duplicate React" in `react/`** — the React sandbox uses the web-component path (which bundles its own React), so this would only happen if you swap to the `StackOneHub` React export. See the main hub README for the duplicate-React fix.
diff --git a/dev/angular/angular.json b/dev/angular/angular.json
new file mode 100644
index 0000000..2898c65
--- /dev/null
+++ b/dev/angular/angular.json
@@ -0,0 +1,72 @@
+{
+    "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+    "version": 1,
+    "newProjectRoot": "projects",
+    "projects": {
+        "stackone-hub-angular-test": {
+            "projectType": "application",
+            "schematics": {},
+            "root": "",
+            "sourceRoot": "src",
+            "prefix": "app",
+            "architect": {
+                "build": {
+                    "builder": "@angular-devkit/build-angular:application",
+                    "options": {
+                        "outputPath": "dist/stackone-hub-angular-test",
+                        "index": "src/index.html",
+                        "browser": "src/main.ts",
+                        "polyfills": ["zone.js"],
+                        "tsConfig": "tsconfig.app.json",
+                        "assets": [
+                            {
+                                "glob": "**/*",
+                                "input": "public"
+                            }
+                        ],
+                        "styles": ["src/styles.css"],
+                        "scripts": []
+                    },
+                    "configurations": {
+                        "production": {
+                            "budgets": [
+                                {
+                                    "type": "initial",
+                                    "maximumWarning": "500kb",
+                                    "maximumError": "1mb"
+                                },
+                                {
+                                    "type": "anyComponentStyle",
+                                    "maximumWarning": "2kb",
+                                    "maximumError": "4kb"
+                                }
+                            ],
+                            "outputHashing": "all"
+                        },
+                        "development": {
+                            "optimization": false,
+                            "extractLicenses": false,
+                            "sourceMap": true
+                        }
+                    },
+                    "defaultConfiguration": "production"
+                },
+                "serve": {
+                    "builder": "@angular-devkit/build-angular:dev-server",
+                    "configurations": {
+                        "production": {
+                            "buildTarget": "stackone-hub-angular-test:build:production"
+                        },
+                        "development": {
+                            "buildTarget": "stackone-hub-angular-test:build:development"
+                        }
+                    },
+                    "defaultConfiguration": "development"
+                }
+            }
+        }
+    },
+    "cli": {
+        "analytics": false
+    }
+}
diff --git a/dev/angular/package.json b/dev/angular/package.json
new file mode 100644
index 0000000..f05c5ab
--- /dev/null
+++ b/dev/angular/package.json
@@ -0,0 +1,30 @@
+{
+    "name": "stackone-hub-angular-test",
+    "private": true,
+    "version": "0.0.0",
+    "scripts": {
+        "dev": "ng serve --port 4201",
+        "build": "ng build",
+        "ng": "ng"
+    },
+    "dependencies": {
+        "@angular/common": "^18.2.0",
+        "@angular/compiler": "^18.2.0",
+        "@angular/core": "^18.2.0",
+        "@angular/forms": "^18.2.0",
+        "@angular/platform-browser": "^18.2.0",
+        "@angular/platform-browser-dynamic": "^18.2.0",
+        "@angular/router": "^18.2.0",
+        "@stackone/hub": "file:../..",
+        "rxjs": "~7.8.0",
+        "tslib": "^2.3.0",
+        "zone.js": "~0.14.10"
+    },
+    "devDependencies": {
+        "@angular-devkit/build-angular": "^18.2.0",
+        "@angular/cli": "^18.2.0",
+        "@angular/compiler-cli": "^18.2.0",
+        "@types/node": "^20.0.0",
+        "typescript": "~5.5.0"
+    }
+}
diff --git a/dev/angular/src/app/app.component.ts b/dev/angular/src/app/app.component.ts
new file mode 100644
index 0000000..932ebdc
--- /dev/null
+++ b/dev/angular/src/app/app.component.ts
@@ -0,0 +1,161 @@
+import { CommonModule } from '@angular/common';
+import {
+    AfterViewInit,
+    CUSTOM_ELEMENTS_SCHEMA,
+    Component,
+    ElementRef,
+    OnDestroy,
+    ViewChild,
+} from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { environment } from '../environments/environment';
+
+const TOKEN_KEY = 'stackone-hub-token';
+const BASE_URL_KEY = 'stackone-hub-base-url';
+
+interface LogEntry {
+    at: string;
+    label: string;
+    detail?: unknown;
+}
+
+@Component({
+    selector: 'app-root',
+    standalone: true,
+    imports: [CommonModule, FormsModule],
+    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+    template: `
+        <header>
+            <h1>stackone-hub — Angular</h1>
+            <p>Standalone component + <code>CUSTOM_ELEMENTS_SCHEMA</code>.</p>
+        </header>
+
+        <section class="controls">
+            <label>
+                Token
+                <input type="text" [(ngModel)]="token" (ngModelChange)="persistToken()" placeholder="paste connect-session token" />
+            </label>
+            <label>
+                Base URL
+                <input type="text" [(ngModel)]="baseUrl" (ngModelChange)="persistBaseUrl()" />
+            </label>
+            <div class="row">
+                <button type="button" (click)="setTheme('light')">Light</button>
+                <button type="button" (click)="setTheme('dark')">Dark</button>
+            </div>
+        </section>
+
+        <stackone-hub
+            #hub
+            [attr.token]="token || null"
+            [attr.base-url]="baseUrl"
+            mode="integration-picker"
+            height="600px"
+            [attr.theme]="theme"
+        ></stackone-hub>
+
+        <section class="events">
+            <h2>Event log</h2>
+            <ol>
+                <li *ngFor="let event of events; let i = index">
+                    [{{ event.at }}] {{ event.label }}
+                    <span *ngIf="event.detail"> — {{ event.detail | json }}</span>
+                </li>
+            </ol>
+        </section>
+    `,
+    styles: [
+        `
+            header h1 { margin: 0 0 4px; font-size: 20px; }
+            header p { margin: 0 0 24px; color: #666; font-size: 14px; }
+            .controls { display: grid; gap: 12px; margin-bottom: 24px; }
+            .controls label { display: grid; gap: 4px; font-size: 13px; color: #444; }
+            .controls input { padding: 8px 10px; border: 1px solid #d4d4d4; border-radius: 6px; font-size: 14px; }
+            .row { display: flex; gap: 8px; }
+            button { padding: 6px 12px; border: 1px solid #d4d4d4; border-radius: 6px; background: #fff; cursor: pointer; font-size: 13px; }
+            button:hover { background: #f5f5f5; }
+            stackone-hub { display: block; margin-bottom: 24px; }
+            .events h2 { font-size: 14px; margin: 0 0 8px; color: #444; }
+            .events ol { list-style: none; padding: 0; margin: 0; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; max-height: 200px; overflow-y: auto; border: 1px solid #eee; border-radius: 6px; background: #fafafa; }
+            .events li { padding: 6px 10px; border-bottom: 1px solid #eee; }
+            .events li:last-child { border-bottom: none; }
+        `,
+    ],
+})
+export class AppComponent implements AfterViewInit, OnDestroy {
+    @ViewChild('hub') hubRef?: ElementRef<HTMLElement>;
+
+    token = localStorage.getItem(TOKEN_KEY) ?? '';
+    baseUrl = localStorage.getItem(BASE_URL_KEY) ?? environment.apiUrl;
+    theme: 'light' | 'dark' = 'light';
+    events: LogEntry[] = [];
+
+    private onSuccess = (event: Event) => {
+        this.events = [
+            {
+                at: new Date().toLocaleTimeString(),
+                label: 'success',
+                detail: (event as CustomEvent).detail,
+            },
+            ...this.events,
+        ];
+    };
+    private onClose = () => {
+        this.events = [{ at: new Date().toLocaleTimeString(), label: 'close' }, ...this.events];
+    };
+
+    ngAfterViewInit() {
+        if (environment.stackOneApiKey && !this.token) {
+            this.mintToken();
+        }
+        const el = this.hubRef?.nativeElement;
+        if (el) {
+            el.addEventListener('success', this.onSuccess);
+            el.addEventListener('close', this.onClose);
+        }
+    }
+
+    ngOnDestroy() {
+        const el = this.hubRef?.nativeElement;
+        if (el) {
+            el.removeEventListener('success', this.onSuccess);
+            el.removeEventListener('close', this.onClose);
+        }
+    }
+
+    persistToken() {
+        localStorage.setItem(TOKEN_KEY, this.token);
+    }
+
+    persistBaseUrl() {
+        localStorage.setItem(BASE_URL_KEY, this.baseUrl);
+    }
+
+    setTheme(next: 'light' | 'dark') {
+        this.theme = next;
+    }
+
+    private async mintToken() {
+        try {
+            const res = await fetch(`${environment.apiUrl}/connect_sessions`, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                    Authorization: `Basic ${btoa(environment.stackOneApiKey)}`,
+                },
+                body: JSON.stringify({
+                    origin_owner_id: environment.originOwnerId,
+                    origin_owner_name: environment.originOwnerName,
+                    origin_username: environment.originUsername,
+                }),
+            });
+            const body = await res.json();
+            if (body?.token) {
+                this.token = body.token;
+                this.persistToken();
+            }
+        } catch (err) {
+            console.warn('connect_sessions failed', err);
+        }
+    }
+}
diff --git a/dev/angular/src/environments/environment.ts b/dev/angular/src/environments/environment.ts
new file mode 100644
index 0000000..3083411
--- /dev/null
+++ b/dev/angular/src/environments/environment.ts
@@ -0,0 +1,8 @@
+export const environment = {
+    production: false,
+    stackOneApiKey: '',
+    apiUrl: 'https://api.stackone.com',
+    originOwnerId: 'dummy_customer_id',
+    originOwnerName: 'dummy_customer_name',
+    originUsername: 'dummy_customer_username',
+};
diff --git a/dev/angular/src/index.html b/dev/angular/src/index.html
new file mode 100644
index 0000000..2781136
--- /dev/null
+++ b/dev/angular/src/index.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>stackone-hub — Angular</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+  </head>
+  <body>
+    <app-root></app-root>
+  </body>
+</html>
diff --git a/dev/angular/src/main.ts b/dev/angular/src/main.ts
new file mode 100644
index 0000000..2322e33
--- /dev/null
+++ b/dev/angular/src/main.ts
@@ -0,0 +1,5 @@
+import '@stackone/hub/webcomponent';
+import { bootstrapApplication } from '@angular/platform-browser';
+import { AppComponent } from './app/app.component';
+
+bootstrapApplication(AppComponent).catch((err) => console.error(err));
diff --git a/dev/angular/src/styles.css b/dev/angular/src/styles.css
new file mode 100644
index 0000000..58feedd
--- /dev/null
+++ b/dev/angular/src/styles.css
@@ -0,0 +1,10 @@
+* {
+    box-sizing: border-box;
+}
+body {
+    font-family: ui-sans-serif, system-ui, -apple-system, sans-serif;
+    max-width: 880px;
+    margin: 24px auto;
+    padding: 0 16px;
+    color: #1a1a1a;
+}
diff --git a/dev/angular/tsconfig.app.json b/dev/angular/tsconfig.app.json
new file mode 100644
index 0000000..20c8459
--- /dev/null
+++ b/dev/angular/tsconfig.app.json
@@ -0,0 +1,9 @@
+{
+    "extends": "./tsconfig.json",
+    "compilerOptions": {
+        "outDir": "./out-tsc/app",
+        "types": []
+    },
+    "files": ["src/main.ts"],
+    "include": ["src/**/*.d.ts", "src/**/*.ts"]
+}
diff --git a/dev/angular/tsconfig.json b/dev/angular/tsconfig.json
new file mode 100644
index 0000000..ce761e7
--- /dev/null
+++ b/dev/angular/tsconfig.json
@@ -0,0 +1,28 @@
+{
+    "compileOnSave": false,
+    "compilerOptions": {
+        "outDir": "./dist/out-tsc",
+        "strict": true,
+        "noImplicitOverride": true,
+        "noPropertyAccessFromIndexSignature": true,
+        "noImplicitReturns": true,
+        "noFallthroughCasesInSwitch": true,
+        "skipLibCheck": true,
+        "esModuleInterop": true,
+        "sourceMap": true,
+        "declaration": false,
+        "experimentalDecorators": true,
+        "moduleResolution": "bundler",
+        "importHelpers": true,
+        "target": "ES2022",
+        "module": "ES2022",
+        "useDefineForClassFields": false,
+        "lib": ["ES2022", "dom"]
+    },
+    "angularCompilerOptions": {
+        "enableI18nLegacyMessageIdFormat": false,
+        "strictInjectionParameters": true,
+        "strictInputAccessModifiers": true,
+        "strictTemplates": true
+    }
+}
diff --git a/dev/nextjs/package-lock.json b/dev/nextjs/package-lock.json
index 61aaf1c..e1aeb73 100644
--- a/dev/nextjs/package-lock.json
+++ b/dev/nextjs/package-lock.json
@@ -25,7 +25,7 @@
         },
         "../..": {
             "name": "@stackone/hub",
-            "version": "1.4.0",
+            "version": "1.7.1",
             "license": "MIT",
             "dependencies": {
                 "@stackone/expressions": "^0.16.0",
@@ -34,7 +34,6 @@
                 "use-deep-compare-effect": "^1.8.1"
             },
             "devDependencies": {
-                "@babel/preset-typescript": "^7.28.5",
                 "@biomejs/biome": "1.9.4",
                 "@rollup/plugin-commonjs": "^28.0.3",
                 "@rollup/plugin-node-resolve": "^16.0.1",
@@ -44,21 +43,14 @@
                 "@types/node": "^22.15.17",
                 "@types/react": "^18.3.23",
                 "@types/react-dom": "^18.3.7",
-                "@vitejs/plugin-react-swc": "^3.9.0",
-                "babel-plugin-relay": "^20.1.1",
-                "graphql": "^16.13.2",
-                "react-relay": "^20.1.1",
                 "react-to-webcomponent": "^2.0.1",
-                "relay-compiler": "^20.1.1",
-                "relay-runtime": "^20.1.1",
                 "rollup": "^4.40.2",
                 "rollup-plugin-delete": "^3.0.1",
                 "rollup-plugin-dts": "^6.2.1",
                 "rollup-plugin-peer-deps-external": "^2.2.4",
                 "rollup-plugin-postcss": "^4.0.2",
                 "tslib": "^2.8.1",
-                "typescript": "^5.8.3",
-                "vite-plugin-relay": "^2.1.0"
+                "typescript": "^5.8.3"
             },
             "peerDependencies": {
                 "@hookform/resolvers": "^5.2.2",
diff --git a/dev/react/index.html b/dev/react/index.html
new file mode 100644
index 0000000..cb300c2
--- /dev/null
+++ b/dev/react/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <title>stackone-hub — React (web-component path)</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/dev/react/package.json b/dev/react/package.json
new file mode 100644
index 0000000..7bd6273
--- /dev/null
+++ b/dev/react/package.json
@@ -0,0 +1,23 @@
+{
+    "name": "stackone-hub-react-test",
+    "private": true,
+    "version": "0.0.0",
+    "type": "module",
+    "scripts": {
+        "dev": "vite --port 3013",
+        "build": "tsc --noEmit && vite build",
+        "preview": "vite preview --port 3013"
+    },
+    "dependencies": {
+        "@stackone/hub": "file:../..",
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0"
+    },
+    "devDependencies": {
+        "@types/react": "^19.0.2",
+        "@types/react-dom": "^19.0.2",
+        "@vitejs/plugin-react": "^4.3.4",
+        "typescript": "^5.6.3",
+        "vite": "^5.4.11"
+    }
+}
diff --git a/dev/react/src/App.tsx b/dev/react/src/App.tsx
new file mode 100644
index 0000000..6ca14e5
--- /dev/null
+++ b/dev/react/src/App.tsx
@@ -0,0 +1,156 @@
+import { useEffect, useRef, useState } from 'react';
+
+const TOKEN_KEY = 'stackone-hub-token';
+const BASE_URL_KEY = 'stackone-hub-base-url';
+
+declare global {
+    // biome-ignore lint/style/noNamespace: JSX intrinsic-element augmentation requires namespace syntax.
+    namespace JSX {
+        interface IntrinsicElements {
+            'stackone-hub': React.DetailedHTMLProps<
+                React.HTMLAttributes<HTMLElement> & {
+                    token?: string;
+                    'base-url'?: string;
+                    'app-url'?: string;
+                    mode?: string;
+                    height?: string;
+                    theme?: string;
+                    'account-id'?: string;
+                    'on-close-label'?: string;
+                    'show-footer-links'?: boolean;
+                    debug?: boolean;
+                },
+                HTMLElement
+            >;
+        }
+    }
+}
+
+export default function App() {
+    const [token, setToken] = useState(() => localStorage.getItem(TOKEN_KEY) ?? '');
+    const [baseUrl, setBaseUrl] = useState(
+        () => localStorage.getItem(BASE_URL_KEY) ?? 'https://api.stackone.com',
+    );
+    const [theme, setTheme] = useState<'light' | 'dark'>('light');
+    const [events, setEvents] = useState<{ at: string; label: string; detail?: unknown }[]>([]);
+    const hubRef = useRef<HTMLElement>(null);
+
+    useEffect(() => {
+        localStorage.setItem(TOKEN_KEY, token);
+    }, [token]);
+    useEffect(() => {
+        localStorage.setItem(BASE_URL_KEY, baseUrl);
+    }, [baseUrl]);
+
+    // biome-ignore lint/correctness/useExhaustiveDependencies: token check is intentionally one-shot on mount.
+    useEffect(() => {
+        const apiKey = import.meta.env.VITE_STACKONE_API_KEY;
+        const apiUrl = import.meta.env.VITE_API_URL ?? 'https://api.stackone.com';
+        if (!apiKey || token) {
+            return;
+        }
+        fetch(`${apiUrl}/connect_sessions`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                Authorization: `Basic ${btoa(apiKey)}`,
+            },
+            body: JSON.stringify({
+                origin_owner_id: import.meta.env.VITE_ORIGIN_OWNER_ID ?? 'dummy_customer_id',
+                origin_owner_name: import.meta.env.VITE_ORIGIN_OWNER_NAME ?? 'dummy_customer_name',
+                origin_username: import.meta.env.VITE_ORIGIN_USERNAME ?? 'dummy_customer_username',
+            }),
+        })
+            .then((r) => r.json())
+            .then((body) => {
+                if (body?.token) {
+                    setToken(body.token);
+                }
+            })
+            .catch((err) => console.warn('connect_sessions failed', err));
+    }, []);
+
+    useEffect(() => {
+        const el = hubRef.current;
+        if (!el) {
+            return;
+        }
+        const onSuccess = (event: Event) => {
+            const detail = (event as CustomEvent).detail;
+            setEvents((prev) => [
+                { at: new Date().toLocaleTimeString(), label: 'success', detail },
+                ...prev,
+            ]);
+        };
+        const onClose = () => {
+            setEvents((prev) => [{ at: new Date().toLocaleTimeString(), label: 'close' }, ...prev]);
+        };
+        el.addEventListener('success', onSuccess);
+        el.addEventListener('close', onClose);
+        return () => {
+            el.removeEventListener('success', onSuccess);
+            el.removeEventListener('close', onClose);
+        };
+    }, []);
+
+    return (
+        <>
+            <header>
+                <h1>stackone-hub — React (web-component path)</h1>
+                <p>
+                    React 19 mounting <code>&lt;stackone-hub&gt;</code> directly, with{' '}
+                    <code>addEventListener</code> via ref. Not the <code>StackOneHub</code> export.
+                </p>
+            </header>
+
+            <section className="controls">
+                <label>
+                    Token
+                    <input
+                        type="text"
+                        value={token}
+                        placeholder="paste connect-session token"
+                        onChange={(e) => setToken(e.target.value)}
+                    />
+                </label>
+                <label>
+                    Base URL
+                    <input
+                        type="text"
+                        value={baseUrl}
+                        onChange={(e) => setBaseUrl(e.target.value)}
+                    />
+                </label>
+                <div className="row">
+                    <button type="button" onClick={() => setTheme('light')}>
+                        Light
+                    </button>
+                    <button type="button" onClick={() => setTheme('dark')}>
+                        Dark
+                    </button>
+                </div>
+            </section>
+
+            <stackone-hub
+                ref={hubRef}
+                token={token || undefined}
+                base-url={baseUrl}
+                mode="integration-picker"
+                height="600px"
+                theme={theme}
+            />
+
+            <section className="events">
+                <h2>Event log</h2>
+                <ol>
+                    {events.map((event, i) => (
+                        <li key={i}>
+                            [{event.at}] {event.label}
+                            {event.detail ? ` — ${JSON.stringify(event.detail)}` : ''}
+                        </li>
+                    ))}
+                </ol>
+            </section>
+        </>
+    );
+}
diff --git a/dev/react/src/main.tsx b/dev/react/src/main.tsx
new file mode 100644
index 0000000..9041067
--- /dev/null
+++ b/dev/react/src/main.tsx
@@ -0,0 +1,15 @@
+import '@stackone/hub/webcomponent';
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import App from './App';
+import './style.css';
+
+const root = document.getElementById('root');
+if (!root) {
+    throw new Error('#root element not found');
+}
+createRoot(root).render(
+    <StrictMode>
+        <App />
+    </StrictMode>,
+);
diff --git a/dev/react/src/style.css b/dev/react/src/style.css
new file mode 100644
index 0000000..5b659eb
--- /dev/null
+++ b/dev/react/src/style.css
@@ -0,0 +1,79 @@
+* {
+    box-sizing: border-box;
+}
+body {
+    font-family: ui-sans-serif, system-ui, -apple-system, sans-serif;
+    max-width: 880px;
+    margin: 24px auto;
+    padding: 0 16px;
+    color: #1a1a1a;
+}
+header h1 {
+    margin: 0 0 4px;
+    font-size: 20px;
+}
+header p {
+    margin: 0 0 24px;
+    color: #666;
+    font-size: 14px;
+}
+.controls {
+    display: grid;
+    gap: 12px;
+    margin-bottom: 24px;
+}
+.controls label {
+    display: grid;
+    gap: 4px;
+    font-size: 13px;
+    color: #444;
+}
+.controls input {
+    padding: 8px 10px;
+    border: 1px solid #d4d4d4;
+    border-radius: 6px;
+    font-size: 14px;
+}
+.row {
+    display: flex;
+    gap: 8px;
+}
+button {
+    padding: 6px 12px;
+    border: 1px solid #d4d4d4;
+    border-radius: 6px;
+    background: #fff;
+    cursor: pointer;
+    font-size: 13px;
+}
+button:hover {
+    background: #f5f5f5;
+}
+stackone-hub {
+    display: block;
+    margin-bottom: 24px;
+}
+.events h2 {
+    font-size: 14px;
+    margin: 0 0 8px;
+    color: #444;
+}
+.events ol {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+    font-size: 12px;
+    max-height: 200px;
+    overflow-y: auto;
+    border: 1px solid #eee;
+    border-radius: 6px;
+    background: #fafafa;
+}
+.events li {
+    padding: 6px 10px;
+    border-bottom: 1px solid #eee;
+}
+.events li:last-child {
+    border-bottom: none;
+}
diff --git a/dev/react/tsconfig.json b/dev/react/tsconfig.json
new file mode 100644
index 0000000..e5b6437
--- /dev/null
+++ b/dev/react/tsconfig.json
@@ -0,0 +1,17 @@
+{
+    "compilerOptions": {
+        "target": "ES2020",
+        "module": "ESNext",
+        "moduleResolution": "Bundler",
+        "strict": true,
+        "jsx": "react-jsx",
+        "esModuleInterop": true,
+        "skipLibCheck": true,
+        "isolatedModules": true,
+        "resolveJsonModule": true,
+        "useDefineForClassFields": true,
+        "lib": ["ES2020", "DOM", "DOM.Iterable"],
+        "types": ["vite/client"]
+    },
+    "include": ["src/**/*.ts", "src/**/*.tsx", "vite.config.ts"]
+}
diff --git a/dev/react/vite.config.ts b/dev/react/vite.config.ts
new file mode 100644
index 0000000..b043491
--- /dev/null
+++ b/dev/react/vite.config.ts
@@ -0,0 +1,7 @@
+import react from '@vitejs/plugin-react';
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+    envDir: '..',
+    plugins: [react()],
+});
diff --git a/dev/svelte/index.html b/dev/svelte/index.html
new file mode 100644
index 0000000..61d5dca
--- /dev/null
+++ b/dev/svelte/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <title>stackone-hub — Svelte 5</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/dev/svelte/package.json b/dev/svelte/package.json
new file mode 100644
index 0000000..af9baa4
--- /dev/null
+++ b/dev/svelte/package.json
@@ -0,0 +1,20 @@
+{
+    "name": "stackone-hub-svelte-test",
+    "private": true,
+    "version": "0.0.0",
+    "type": "module",
+    "scripts": {
+        "dev": "vite --port 3012",
+        "build": "vite build",
+        "preview": "vite preview --port 3012"
+    },
+    "dependencies": {
+        "@stackone/hub": "file:../.."
+    },
+    "devDependencies": {
+        "@sveltejs/vite-plugin-svelte": "^5.0.3",
+        "svelte": "^5.16.0",
+        "typescript": "^5.6.3",
+        "vite": "^6.0.5"
+    }
+}
diff --git a/dev/svelte/src/App.svelte b/dev/svelte/src/App.svelte
new file mode 100644
index 0000000..be245ab
--- /dev/null
+++ b/dev/svelte/src/App.svelte
@@ -0,0 +1,124 @@
+<script lang="ts">
+    const TOKEN_KEY = 'stackone-hub-token';
+    const BASE_URL_KEY = 'stackone-hub-base-url';
+
+    let token = $state(localStorage.getItem(TOKEN_KEY) ?? '');
+    let baseUrl = $state(localStorage.getItem(BASE_URL_KEY) ?? 'https://api.stackone.com');
+    let theme = $state<'light' | 'dark'>('light');
+    let events = $state<{ at: string; label: string; detail?: unknown }[]>([]);
+    let hubEl: HTMLElement | undefined = $state();
+
+    $effect(() => {
+        localStorage.setItem(TOKEN_KEY, token);
+    });
+    $effect(() => {
+        localStorage.setItem(BASE_URL_KEY, baseUrl);
+    });
+
+    const apiKey = import.meta.env.VITE_STACKONE_API_KEY as string | undefined;
+    const apiUrl = (import.meta.env.VITE_API_URL as string | undefined) ?? 'https://api.stackone.com';
+    if (apiKey && !token) {
+        fetch(`${apiUrl}/connect_sessions`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                Authorization: `Basic ${btoa(apiKey)}`,
+            },
+            body: JSON.stringify({
+                origin_owner_id: import.meta.env.VITE_ORIGIN_OWNER_ID ?? 'dummy_customer_id',
+                origin_owner_name: import.meta.env.VITE_ORIGIN_OWNER_NAME ?? 'dummy_customer_name',
+                origin_username: import.meta.env.VITE_ORIGIN_USERNAME ?? 'dummy_customer_username',
+            }),
+        })
+            .then((r) => r.json())
+            .then((body) => {
+                if (body?.token) token = body.token;
+            })
+            .catch((err) => console.warn('connect_sessions failed', err));
+    }
+
+    const log = (label: string, detail?: unknown) => {
+        events = [{ at: new Date().toLocaleTimeString(), label, detail }, ...events];
+    };
+
+    $effect(() => {
+        if (!hubEl) return;
+        const onSuccess = (event: Event) => log('success', (event as CustomEvent).detail);
+        const onClose = () => log('close');
+        hubEl.addEventListener('success', onSuccess);
+        hubEl.addEventListener('close', onClose);
+        return () => {
+            hubEl?.removeEventListener('success', onSuccess);
+            hubEl?.removeEventListener('close', onClose);
+        };
+    });
+
+    const setTheme = (next: 'light' | 'dark') => {
+        theme = next;
+    };
+</script>
+
+<header>
+    <h1>stackone-hub — Svelte 5</h1>
+    <p>Svelte 5 + Vite. Custom elements work natively, no config.</p>
+</header>
+
+<section class="controls">
+    <label>
+        Token
+        <input bind:value={token} type="text" placeholder="paste connect-session token" />
+    </label>
+    <label>
+        Base URL
+        <input bind:value={baseUrl} type="text" />
+    </label>
+    <div class="row">
+        <button type="button" onclick={() => setTheme('light')}>Light</button>
+        <button type="button" onclick={() => setTheme('dark')}>Dark</button>
+    </div>
+</section>
+
+<stackone-hub
+    bind:this={hubEl}
+    token={token || null}
+    base-url={baseUrl}
+    mode="integration-picker"
+    height="600px"
+    {theme}
+></stackone-hub>
+
+<section class="events">
+    <h2>Event log</h2>
+    <ol>
+        {#each events as event, i (i)}
+            <li>
+                [{event.at}] {event.label}
+                {#if event.detail} — {JSON.stringify(event.detail)}{/if}
+            </li>
+        {/each}
+    </ol>
+</section>
+
+<style>
+    :global(*) { box-sizing: border-box; }
+    :global(body) {
+        font-family: ui-sans-serif, system-ui, -apple-system, sans-serif;
+        max-width: 880px;
+        margin: 24px auto;
+        padding: 0 16px;
+        color: #1a1a1a;
+    }
+    header h1 { margin: 0 0 4px; font-size: 20px; }
+    header p { margin: 0 0 24px; color: #666; font-size: 14px; }
+    .controls { display: grid; gap: 12px; margin-bottom: 24px; }
+    .controls label { display: grid; gap: 4px; font-size: 13px; color: #444; }
+    .controls input { padding: 8px 10px; border: 1px solid #d4d4d4; border-radius: 6px; font-size: 14px; }
+    .row { display: flex; gap: 8px; }
+    button { padding: 6px 12px; border: 1px solid #d4d4d4; border-radius: 6px; background: #fff; cursor: pointer; font-size: 13px; }
+    button:hover { background: #f5f5f5; }
+    stackone-hub { display: block; margin-bottom: 24px; }
+    .events h2 { font-size: 14px; margin: 0 0 8px; color: #444; }
+    .events ol { list-style: none; padding: 0; margin: 0; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; max-height: 200px; overflow-y: auto; border: 1px solid #eee; border-radius: 6px; background: #fafafa; }
+    .events li { padding: 6px 10px; border-bottom: 1px solid #eee; }
+    .events li:last-child { border-bottom: none; }
+</style>
diff --git a/dev/svelte/src/main.ts b/dev/svelte/src/main.ts
new file mode 100644
index 0000000..41caeb0
--- /dev/null
+++ b/dev/svelte/src/main.ts
@@ -0,0 +1,9 @@
+import '@stackone/hub/webcomponent';
+import { mount } from 'svelte';
+import App from './App.svelte';
+
+const target = document.getElementById('app');
+if (!target) {
+    throw new Error('#app element not found');
+}
+mount(App, { target });
diff --git a/dev/svelte/svelte.config.js b/dev/svelte/svelte.config.js
new file mode 100644
index 0000000..c9a9871
--- /dev/null
+++ b/dev/svelte/svelte.config.js
@@ -0,0 +1,5 @@
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
+
+export default {
+    preprocess: vitePreprocess(),
+};
diff --git a/dev/svelte/tsconfig.json b/dev/svelte/tsconfig.json
new file mode 100644
index 0000000..d885a38
--- /dev/null
+++ b/dev/svelte/tsconfig.json
@@ -0,0 +1,14 @@
+{
+    "compilerOptions": {
+        "target": "ES2020",
+        "module": "ESNext",
+        "moduleResolution": "Bundler",
+        "strict": true,
+        "esModuleInterop": true,
+        "skipLibCheck": true,
+        "isolatedModules": true,
+        "resolveJsonModule": true,
+        "types": ["vite/client", "svelte"]
+    },
+    "include": ["src/**/*.ts", "src/**/*.svelte", "vite.config.ts"]
+}
diff --git a/dev/svelte/vite.config.ts b/dev/svelte/vite.config.ts
new file mode 100644
index 0000000..84ac5c7
--- /dev/null
+++ b/dev/svelte/vite.config.ts
@@ -0,0 +1,7 @@
+import { svelte } from '@sveltejs/vite-plugin-svelte';
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+    envDir: '..',
+    plugins: [svelte()],
+});
diff --git a/dev/vanilla/index.html b/dev/vanilla/index.html
new file mode 100644
index 0000000..2354832
--- /dev/null
+++ b/dev/vanilla/index.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <title>stackone-hub — vanilla HTML</title>
+    <script src="./node_modules/@stackone/hub/dist/webcomponent.js"></script>
+    <link rel="stylesheet" href="./style.css" />
+  </head>
+  <body>
+    <header>
+      <h1>stackone-hub — vanilla HTML</h1>
+      <p>Plain <code>&lt;script src&gt;</code> + <code>addEventListener</code>. No bundler.</p>
+    </header>
+
+    <section class="controls">
+      <label>
+        Token
+        <input id="token" type="text" placeholder="paste connect-session token" />
+      </label>
+      <label>
+        Base URL
+        <input id="base-url" type="text" value="https://api.stackone.com" />
+      </label>
+      <div class="row">
+        <button id="theme-light" type="button">Light</button>
+        <button id="theme-dark" type="button">Dark</button>
+      </div>
+    </section>
+
+    <stackone-hub id="hub" mode="integration-picker" height="600px" theme="light"></stackone-hub>
+
+    <section class="events">
+      <h2>Event log</h2>
+      <ol id="event-log"></ol>
+    </section>
+
+    <script type="module" src="./main.js"></script>
+  </body>
+</html>
diff --git a/dev/vanilla/main.js b/dev/vanilla/main.js
new file mode 100644
index 0000000..3f9d898
--- /dev/null
+++ b/dev/vanilla/main.js
@@ -0,0 +1,51 @@
+const TOKEN_KEY = 'stackone-hub-token';
+const BASE_URL_KEY = 'stackone-hub-base-url';
+
+const hub = document.getElementById('hub');
+const tokenInput = document.getElementById('token');
+const baseUrlInput = document.getElementById('base-url');
+const eventLog = document.getElementById('event-log');
+
+const storedToken = localStorage.getItem(TOKEN_KEY) ?? '';
+const storedBaseUrl = localStorage.getItem(BASE_URL_KEY);
+
+tokenInput.value = storedToken;
+if (storedBaseUrl) {
+    baseUrlInput.value = storedBaseUrl;
+}
+
+const applyAttributes = () => {
+    if (tokenInput.value) {
+        hub.setAttribute('token', tokenInput.value);
+    } else {
+        hub.removeAttribute('token');
+    }
+    hub.setAttribute('base-url', baseUrlInput.value);
+};
+applyAttributes();
+
+tokenInput.addEventListener('input', () => {
+    localStorage.setItem(TOKEN_KEY, tokenInput.value);
+    applyAttributes();
+});
+baseUrlInput.addEventListener('input', () => {
+    localStorage.setItem(BASE_URL_KEY, baseUrlInput.value);
+    applyAttributes();
+});
+
+document.getElementById('theme-light').addEventListener('click', () => {
+    hub.setAttribute('theme', 'light');
+});
+document.getElementById('theme-dark').addEventListener('click', () => {
+    hub.setAttribute('theme', 'dark');
+});
+
+const log = (label, detail) => {
+    const li = document.createElement('li');
+    const time = new Date().toLocaleTimeString();
+    li.textContent = `[${time}] ${label}${detail ? ` — ${JSON.stringify(detail)}` : ''}`;
+    eventLog.prepend(li);
+};
+
+hub.addEventListener('success', (event) => log('success', event.detail));
+hub.addEventListener('close', () => log('close'));
diff --git a/dev/vanilla/package-lock.json b/dev/vanilla/package-lock.json
new file mode 100644
index 0000000..384c931
--- /dev/null
+++ b/dev/vanilla/package-lock.json
@@ -0,0 +1,1100 @@
+{
+  "name": "stackone-hub-vanilla-test",
+  "version": "0.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "stackone-hub-vanilla-test",
+      "version": "0.0.0",
+      "dependencies": {
+        "@stackone/hub": "file:../.."
+      },
+      "devDependencies": {
+        "serve": "^14.2.4"
+      }
+    },
+    "../..": {
+      "name": "@stackone/hub",
+      "version": "1.7.1",
+      "license": "MIT",
+      "dependencies": {
+        "@stackone/expressions": "^0.16.0",
+        "@stackone/malachite": "^0.25.2",
+        "@tanstack/react-query": "^5.77.2",
+        "use-deep-compare-effect": "^1.8.1"
+      },
+      "devDependencies": {
+        "@biomejs/biome": "1.9.4",
+        "@rollup/plugin-commonjs": "^28.0.3",
+        "@rollup/plugin-node-resolve": "^16.0.1",
+        "@rollup/plugin-replace": "^6.0.2",
+        "@rollup/plugin-terser": "^0.4.4",
+        "@rollup/plugin-typescript": "^12.1.2",
+        "@types/node": "^22.15.17",
+        "@types/react": "^18.3.23",
+        "@types/react-dom": "^18.3.7",
+        "rollup": "^4.40.2",
+        "rollup-plugin-delete": "^3.0.1",
+        "rollup-plugin-dts": "^6.2.1",
+        "rollup-plugin-peer-deps-external": "^2.2.4",
+        "rollup-plugin-postcss": "^4.0.2",
+        "tslib": "^2.8.1",
+        "typescript": "^5.8.3"
+      },
+      "peerDependencies": {
+        "@hookform/resolvers": "^5.2.2",
+        "react": "^18.3.1 || ^19.0.0",
+        "react-dom": "^18.3.1 || ^19.0.0",
+        "react-hook-form": "7.60.0",
+        "zod": "^4.1.12"
+      }
+    },
+    "node_modules/@stackone/hub": {
+      "resolved": "../..",
+      "link": true
+    },
+    "node_modules/@zeit/schemas": {
+      "version": "2.36.0",
+      "resolved": "https://registry.npmjs.org/@zeit/schemas/-/schemas-2.36.0.tgz",
+      "integrity": "sha512-7kjMwcChYEzMKjeex9ZFXkt1AyNov9R5HZtjBKVsmVpw7pa7ZtlCGvCBC2vnnXctaYN+aRI61HjIqeetZW5ROg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/ajv": {
+      "version": "8.18.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.18.0.tgz",
+      "integrity": "sha512-PlXPeEWMXMZ7sPYOHqmDyCJzcfNrUr3fGNKtezX14ykXOEIvyK81d+qydx89KY5O71FKMPaQ2vBfBFI5NHR63A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "fast-uri": "^3.0.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ansi-align": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-align/-/ansi-align-3.0.1.tgz",
+      "integrity": "sha512-IOfwwBF5iczOjp/WeY4YxyjqAFMQoZufdQWDd19SEExbVLNXqvpzSJ/M7Za4/sCPmQ0+GRquoA7bGcINcxew6w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^4.1.0"
+      }
+    },
+    "node_modules/ansi-align/node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-align/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/ansi-align/node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-align/node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
+      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
+      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/arch": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/arch/-/arch-2.2.0.tgz",
+      "integrity": "sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/arg": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/boxen": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/boxen/-/boxen-7.0.0.tgz",
+      "integrity": "sha512-j//dBVuyacJbvW+tvZ9HuH03fZ46QcaKvvhZickZqtB271DxJ7SNRSNxrV/dZX0085m7hISRZWbzWlJvx/rHSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-align": "^3.0.1",
+        "camelcase": "^7.0.0",
+        "chalk": "^5.0.1",
+        "cli-boxes": "^3.0.0",
+        "string-width": "^5.1.2",
+        "type-fest": "^2.13.0",
+        "widest-line": "^4.0.1",
+        "wrap-ansi": "^8.0.1"
+      },
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.15.tgz",
+      "integrity": "sha512-EwOCDEex4quD37XhqM3omwtMoJjr//isUZz1JopUNWms+4Z2ViyM/k1YIRePpoVNnQhENnxtFjLaxNHrT7xIUg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/bytes": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/camelcase": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-7.0.1.tgz",
+      "integrity": "sha512-xlx1yCK2Oc1APsPXDL2LdlNP6+uu8OCDdhOBSVT279M/S+y75O30C2VuD8T2ogdePBBl7PfPF4504tnLgX3zfw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/chalk": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.0.1.tgz",
+      "integrity": "sha512-Fo07WOYGqMfCWHOzSXOt2CxDbC6skS/jO9ynEcmpANMoPrD+W1r1K6Vx7iNm+AQmETU1Xr2t+n8nzkV9t6xh3w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/chalk-template": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/chalk-template/-/chalk-template-0.4.0.tgz",
+      "integrity": "sha512-/ghrgmhfY8RaSdeo43hNXxpoHAtxdbskUHjPpfqUWGttFgycUhYPGx3YZBCnUCvOa7Doivn1IZec3DEGFoMgLg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^4.1.2"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk-template?sponsor=1"
+      }
+    },
+    "node_modules/chalk-template/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/chalk-template/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/cli-boxes": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cli-boxes/-/cli-boxes-3.0.0.tgz",
+      "integrity": "sha512-/lzGpEWL/8PfI0BmBOPRwp0c/wFNX1RdUML3jK/RcSBA9T8mZDdQpqYBKtCFTOfQbwPqWEOpjqW+Fnayc0969g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/clipboardy": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/clipboardy/-/clipboardy-3.0.0.tgz",
+      "integrity": "sha512-Su+uU5sr1jkUy1sGRpLKjKrvEOVXgSgiSInwa/qeID6aJ07yh+5NWc3h2QfjHjBnfX4LhtFcuAWKUsJ3r+fjbg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "arch": "^2.2.0",
+        "execa": "^5.1.1",
+        "is-wsl": "^2.2.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/compressible": {
+      "version": "2.0.18",
+      "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
+      "integrity": "sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": ">= 1.43.0 < 2"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/compression": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/compression/-/compression-1.8.1.tgz",
+      "integrity": "sha512-9mAqGPHLakhCLeNyxPkK4xVo746zQ/czLH1Ky+vkitMnWfWZps8r0qXuwhwizagCRttsL4lfG4pIOvaWLpAP0w==",
+      "dev": true,
+      "license": "MIT",
+      "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"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/content-disposition": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz",
+      "integrity": "sha512-kRGRZw3bLlFISDBgwTSA1TMBFN6J6GWDeubmDE3AF+3+yXL8hTWv8r5rkLbqYXY4RjPk/EzHnClI3zQf1cFmHA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/deep-extend": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz",
+      "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/eastasianwidth": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
+      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/emoji-regex": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/execa": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
+      "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cross-spawn": "^7.0.3",
+        "get-stream": "^6.0.0",
+        "human-signals": "^2.1.0",
+        "is-stream": "^2.0.0",
+        "merge-stream": "^2.0.0",
+        "npm-run-path": "^4.0.1",
+        "onetime": "^5.1.2",
+        "signal-exit": "^3.0.3",
+        "strip-final-newline": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/execa?sponsor=1"
+      }
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.2.tgz",
+      "integrity": "sha512-rVjf7ArG3LTk+FS6Yw81V1DLuZl1bRbNrev6Tmd/9RaroeeRRJhAt7jg/6YFxbvAQXUCavSoZhPPj6oOx+5KjQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fastify"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fastify"
+        }
+      ],
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/get-stream": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
+      "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/human-signals": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
+      "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=10.17.0"
+      }
+    },
+    "node_modules/ini": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/is-docker": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
+      "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "is-docker": "cli.js"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-port-reachable": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/is-port-reachable/-/is-port-reachable-4.0.0.tgz",
+      "integrity": "sha512-9UoipoxYmSk6Xy7QFgRv2HDyaysmgSG75TFQs6S+3pDM7ZhKTF/bskZV+0UlABHzKjNVhPjYCLfeZUEg1wXxig==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-stream": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
+      "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-wsl": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
+      "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-docker": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/merge-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/mime-db": {
+      "version": "1.54.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.54.0.tgz",
+      "integrity": "sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.18",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.18.tgz",
+      "integrity": "sha512-lc/aahn+t4/SWV/qcmumYjymLsWfN3ELhpmVuUFjgsORruuZPVSwAQryq+HHGvO/SI2KVX26bx+En+zhM8g8hQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "~1.33.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types/node_modules/mime-db": {
+      "version": "1.33.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.33.0.tgz",
+      "integrity": "sha512-BHJ/EKruNIqJf/QahvxwQZXKygOQ256myeN/Ew+THcAa5q+PjyTTMMeNQC4DZw5AwfvelsUrA6B67NKMqXDbzQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mimic-fn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/negotiator": {
+      "version": "0.6.4",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.4.tgz",
+      "integrity": "sha512-myRT3DiWPHqho5PrJaIRyaMv2kgYf0mUVgBNOYMuCH5Ki1yEiQaf/ZJuQ62nvpc44wL5WDbTX7yGJi1Neevw8w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/npm-run-path": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
+      "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/on-headers": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.1.0.tgz",
+      "integrity": "sha512-737ZY3yNnXy37FHkQxPzt4UZ2UWPWiCZWLvFZ4fu5cueciegX0zGPnrlY6bwRg4FdQOe9YU8MkmJwGhoMybl8A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/onetime": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
+      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mimic-fn": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/path-is-inside": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/path-is-inside/-/path-is-inside-1.0.2.tgz",
+      "integrity": "sha512-DUWJr3+ULp4zXmol/SZkFf3JGsS9/SIv+Y3Rt93/UjPpDpklB5f1er4O3POIbUuUJ3FXgqte2Q7SrU6zAqwk8w==",
+      "dev": true,
+      "license": "(WTFPL OR MIT)"
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-to-regexp": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-3.3.0.tgz",
+      "integrity": "sha512-qyCH421YQPS2WFDxDjftfc1ZR5WKQzVzqsp4n9M2kQhVOo/ByahFoUNJfl58kOcEGfQ//7weFTDhm+ss8Ecxgw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/range-parser": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.0.tgz",
+      "integrity": "sha512-kA5WQoNVo4t9lNx2kQNFCxKeBl5IbbSNBl1M/tLkw9WCn+hxNBAW5Qh8gdhs63CJnhjJ2zQWFoqPJP2sK1AV5A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/rc": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz",
+      "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==",
+      "dev": true,
+      "license": "(BSD-2-Clause OR MIT OR Apache-2.0)",
+      "dependencies": {
+        "deep-extend": "^0.6.0",
+        "ini": "~1.3.0",
+        "minimist": "^1.2.0",
+        "strip-json-comments": "~2.0.1"
+      },
+      "bin": {
+        "rc": "cli.js"
+      }
+    },
+    "node_modules/registry-auth-token": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/registry-auth-token/-/registry-auth-token-3.3.2.tgz",
+      "integrity": "sha512-JL39c60XlzCVgNrO+qq68FoNb56w/m7JYvGR2jT5iR1xBrUA3Mfx5Twk5rqTThPmQKMWydGmq8oFtDlxfrmxnQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "rc": "^1.1.6",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/registry-url": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/registry-url/-/registry-url-3.1.0.tgz",
+      "integrity": "sha512-ZbgR5aZEdf4UKZVBPYIgaglBmSF2Hi94s2PcIHhRGFjKYu+chjJdYfHn4rt3hB6eCKLJ8giVIIfgMa1ehDfZKA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "rc": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/require-from-string": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/serve": {
+      "version": "14.2.6",
+      "resolved": "https://registry.npmjs.org/serve/-/serve-14.2.6.tgz",
+      "integrity": "sha512-QEjUSA+sD4Rotm1znR8s50YqA3kYpRGPmtd5GlFxbaL9n/FdUNbqMhxClqdditSk0LlZyA/dhud6XNRTOC9x2Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@zeit/schemas": "2.36.0",
+        "ajv": "8.18.0",
+        "arg": "5.0.2",
+        "boxen": "7.0.0",
+        "chalk": "5.0.1",
+        "chalk-template": "0.4.0",
+        "clipboardy": "3.0.0",
+        "compression": "1.8.1",
+        "is-port-reachable": "4.0.0",
+        "serve-handler": "6.1.7",
+        "update-check": "1.5.4"
+      },
+      "bin": {
+        "serve": "build/main.js"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/serve-handler": {
+      "version": "6.1.7",
+      "resolved": "https://registry.npmjs.org/serve-handler/-/serve-handler-6.1.7.tgz",
+      "integrity": "sha512-CinAq1xWb0vR3twAv9evEU8cNWkXCb9kd5ePAHUKJBkOsUpR1wt/CvGdeca7vqumL1U5cSaeVQ6zZMxiJ3yWsg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "3.0.0",
+        "content-disposition": "0.5.2",
+        "mime-types": "2.1.18",
+        "minimatch": "3.1.5",
+        "path-is-inside": "1.0.2",
+        "path-to-regexp": "3.3.0",
+        "range-parser": "1.2.0"
+      }
+    },
+    "node_modules/serve-handler/node_modules/bytes": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
+      "integrity": "sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/string-width": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
+      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eastasianwidth": "^0.2.0",
+        "emoji-regex": "^9.2.2",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.2.0.tgz",
+      "integrity": "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.2.2"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/strip-final-newline": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
+      "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
+      "integrity": "sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/type-fest": {
+      "version": "2.19.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-2.19.0.tgz",
+      "integrity": "sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=12.20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/update-check": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/update-check/-/update-check-1.5.4.tgz",
+      "integrity": "sha512-5YHsflzHP4t1G+8WGPlvKbJEbAJGCgw+Em+dGR1KmBUbr1J36SJBqlHLjR7oob7sco5hWHGQVcr9B2poIVDDTQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "registry-auth-token": "3.3.2",
+        "registry-url": "3.1.0"
+      }
+    },
+    "node_modules/vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/widest-line": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/widest-line/-/widest-line-4.0.1.tgz",
+      "integrity": "sha512-o0cyEG0e8GPzT4iGHphIOh0cJOV8fivsXxddQasHPHfoZf1ZexrfeA21w2NaEN1RHE+fXlfISmOE8R9N3u3Qig==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "string-width": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/wrap-ansi": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
+      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.1.0",
+        "string-width": "^5.0.1",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    }
+  }
+}
diff --git a/dev/vanilla/package.json b/dev/vanilla/package.json
new file mode 100644
index 0000000..18d5732
--- /dev/null
+++ b/dev/vanilla/package.json
@@ -0,0 +1,14 @@
+{
+    "name": "stackone-hub-vanilla-test",
+    "private": true,
+    "version": "0.0.0",
+    "scripts": {
+        "dev": "serve -l 3010 ."
+    },
+    "dependencies": {
+        "@stackone/hub": "file:../.."
+    },
+    "devDependencies": {
+        "serve": "^14.2.4"
+    }
+}
diff --git a/dev/vanilla/style.css b/dev/vanilla/style.css
new file mode 100644
index 0000000..8baa822
--- /dev/null
+++ b/dev/vanilla/style.css
@@ -0,0 +1,82 @@
+* {
+    box-sizing: border-box;
+}
+body {
+    font-family: ui-sans-serif, system-ui, -apple-system, sans-serif;
+    max-width: 880px;
+    margin: 24px auto;
+    padding: 0 16px;
+    color: #1a1a1a;
+}
+header h1 {
+    margin: 0 0 4px;
+    font-size: 20px;
+}
+header p {
+    margin: 0 0 24px;
+    color: #666;
+    font-size: 14px;
+}
+
+.controls {
+    display: grid;
+    gap: 12px;
+    margin-bottom: 24px;
+}
+.controls label {
+    display: grid;
+    gap: 4px;
+    font-size: 13px;
+    color: #444;
+}
+.controls input {
+    padding: 8px 10px;
+    border: 1px solid #d4d4d4;
+    border-radius: 6px;
+    font-size: 14px;
+}
+.row {
+    display: flex;
+    gap: 8px;
+}
+button {
+    padding: 6px 12px;
+    border: 1px solid #d4d4d4;
+    border-radius: 6px;
+    background: #fff;
+    cursor: pointer;
+    font-size: 13px;
+}
+button:hover {
+    background: #f5f5f5;
+}
+
+stackone-hub {
+    display: block;
+    margin-bottom: 24px;
+}
+
+.events h2 {
+    font-size: 14px;
+    margin: 0 0 8px;
+    color: #444;
+}
+#event-log {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+    font-size: 12px;
+    max-height: 200px;
+    overflow-y: auto;
+    border: 1px solid #eee;
+    border-radius: 6px;
+    background: #fafafa;
+}
+#event-log li {
+    padding: 6px 10px;
+    border-bottom: 1px solid #eee;
+}
+#event-log li:last-child {
+    border-bottom: none;
+}
diff --git a/dev/vue/index.html b/dev/vue/index.html
new file mode 100644
index 0000000..47ef262
--- /dev/null
+++ b/dev/vue/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <title>stackone-hub — Vue 3</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/dev/vue/package-lock.json b/dev/vue/package-lock.json
new file mode 100644
index 0000000..73219f9
--- /dev/null
+++ b/dev/vue/package-lock.json
@@ -0,0 +1,1424 @@
+{
+  "name": "stackone-hub-vue-test",
+  "version": "0.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "stackone-hub-vue-test",
+      "version": "0.0.0",
+      "dependencies": {
+        "@stackone/hub": "file:../..",
+        "vue": "^3.5.13"
+      },
+      "devDependencies": {
+        "@vitejs/plugin-vue": "^5.2.1",
+        "typescript": "^5.6.3",
+        "vite": "^5.4.11",
+        "vue-tsc": "^2.1.10"
+      }
+    },
+    "../..": {
+      "name": "@stackone/hub",
+      "version": "1.7.1",
+      "license": "MIT",
+      "dependencies": {
+        "@stackone/expressions": "^0.16.0",
+        "@stackone/malachite": "^0.25.2",
+        "@tanstack/react-query": "^5.77.2",
+        "use-deep-compare-effect": "^1.8.1"
+      },
+      "devDependencies": {
+        "@biomejs/biome": "1.9.4",
+        "@rollup/plugin-commonjs": "^28.0.3",
+        "@rollup/plugin-node-resolve": "^16.0.1",
+        "@rollup/plugin-replace": "^6.0.2",
+        "@rollup/plugin-terser": "^0.4.4",
+        "@rollup/plugin-typescript": "^12.1.2",
+        "@types/node": "^22.15.17",
+        "@types/react": "^18.3.23",
+        "@types/react-dom": "^18.3.7",
+        "rollup": "^4.40.2",
+        "rollup-plugin-delete": "^3.0.1",
+        "rollup-plugin-dts": "^6.2.1",
+        "rollup-plugin-peer-deps-external": "^2.2.4",
+        "rollup-plugin-postcss": "^4.0.2",
+        "tslib": "^2.8.1",
+        "typescript": "^5.8.3"
+      },
+      "peerDependencies": {
+        "@hookform/resolvers": "^5.2.2",
+        "react": "^18.3.1 || ^19.0.0",
+        "react-dom": "^18.3.1 || ^19.0.0",
+        "react-hook-form": "7.60.0",
+        "zod": "^4.1.12"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.29.7.tgz",
+      "integrity": "sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.29.7.tgz",
+      "integrity": "sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.7.tgz",
+      "integrity": "sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.29.7"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.7.tgz",
+      "integrity": "sha512-4zBIxpPzowiZpusoFkyGVwakdRJUyuH5PxQ/PrqghfdFWWasvnCdPfQXHrenDai+gyLARulZjZowCOj6fjT4pA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.29.7",
+        "@babel/helper-validator-identifier": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
+      "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
+      "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
+      "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
+      "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
+      "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
+      "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
+      "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
+      "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
+      "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
+      "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
+      "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
+      "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
+      "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
+      "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
+      "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
+      "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
+      "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
+      "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
+      "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
+      "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
+      "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
+      "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
+      "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "license": "MIT"
+    },
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.60.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.60.4.tgz",
+      "integrity": "sha512-F5QXMSiFebS9hKZj02XhWLLnRpJ3B3AROP0tWbFBSj+6kCbg5m9j5JoHKd4mmSVy5mS/IMQloYgYxCuJC0fxEQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.60.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.60.4.tgz",
+      "integrity": "sha512-GxxTKApUpzRhof7poWvCJHRF51C67u1R7D6DiluBE8wKU1u5GWE8t+v81JvJYtbawoBFX1hLv5Ei4eVjkWokaw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.60.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.60.4.tgz",
+      "integrity": "sha512-tua0TaJxMOB1R0V0RS1jFZ/RpURFDJIOR2A6jWwQeawuFyS4gBW+rntLRaQd0EQ4bd6Vp44Z2rXW+YYDBsj6IA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.60.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.60.4.tgz",
+      "integrity": "sha512-CSKq7MsP+5PFIcydhAiR1K0UhEI1A2jWXVKHPCBZ151yOutENwvnPocgVHkivu2kviURtCEB6zUQw0vs8RrhMg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-arm64": {
+      "version": "4.60.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.60.4.tgz",
+      "integrity": "sha512-+O8OkVdyvXMtJEciu2wS/pzm1IxntEEQx3z5TAVy4l32G0etZn+RsA48ARRrFm6Ri8fvqPQfgrvNxSjKAbnd3g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-x64": {
+      "version": "4.60.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.60.4.tgz",
+      "integrity": "sha512-Iw3oMskH3AfNuhU0MSN7vNbdi4me/NiYo2azqPz/Le16zHSa+3RRmliCMWWQmh4lcndccU40xcJuTYJZxNo/lw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.60.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.60.4.tgz",
+      "integrity": "sha512-EIPRXTVQpHyF8WOo219AD2yEltPehLTcTMz2fn6JsatLYSzQf00hj3rulF+yauOlF9/FtM2WpkT/hJh/KJFGhA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.60.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.60.4.tgz",
+      "integrity": "sha512-J3Yh9PzzF1Ovah2At+lHiGQdsYgArxBbXv/zHfSyaiFQEqvNv7DcW98pCrmdjCZBrqBiKrKKe2V+aaSGWuBe/w==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.60.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.60.4.tgz",
+      "integrity": "sha512-BFDEZMYfUvLn37ONE1yMBojPxnMlTFsdyNoqncT0qFq1mAfllL+ATMMJd8TeuVMiX84s1KbcxcZbXInmcO2mRg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.60.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.60.4.tgz",
+      "integrity": "sha512-pc9EYOSlOgdQ2uPl1o9PF6/kLSgaUosia7gOuS8mB69IxJvlclko1MECXysjs5ryez1/5zjYqx3+xYU0TU6R1A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loong64-gnu": {
+      "version": "4.60.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.60.4.tgz",
+      "integrity": "sha512-NxnomyxYerDh5n4iLrNa+sH+Z+U4BMEE46V2PgQ/hoB909i8gV1M5wPojWg9fk1jWpO3IQnOs20K4wyZuFLEFQ==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loong64-musl": {
+      "version": "4.60.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.60.4.tgz",
+      "integrity": "sha512-nbJnQ8a3z1mtmrwImCYhc6BGpThAyYVRQxw9uKSKG4wR6aAYno9sVjJ0zaZcW9BPJX1GbrDPf+SvdWjgTuDmnw==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-gnu": {
+      "version": "4.60.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.60.4.tgz",
+      "integrity": "sha512-2EU6acNrQLd8tYvo/LXW535wupT3m6fo7HKo6lr7ktQoItxTyOL1ZCR/GfGCuXl2vR+zmfI6eRXkSemafv+iVg==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-musl": {
+      "version": "4.60.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.60.4.tgz",
+      "integrity": "sha512-WeBtoMuaMxiiIrO2IYP3xs6GMWkJP2C0EoT8beTLkUPmzV1i/UcOSVw1d5r9KBODtHKilG5yFxsGRnBbK3wJ4A==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.60.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.60.4.tgz",
+      "integrity": "sha512-FJHFfqpKUI3A10WrWKiFbBZ7yVbGT4q4B5o1qKFFojqpaYoh9LrQgqWCmmcxQzVSXYtyB5bzkXrYzlHTs21MYA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-musl": {
+      "version": "4.60.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.60.4.tgz",
+      "integrity": "sha512-mcEl6CUT5IAUmQf1m9FYSmVqCJlpQ8r8eyftFUHG8i9OhY7BkBXSUdnLH5DOf0wCOjcP9v/QO93zpmF1SptCCw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.60.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.60.4.tgz",
+      "integrity": "sha512-ynt3JxVd2w2buzoKDWIyiV1pJW93xlQic1THVLXilz429oijRpSHivZAgp65KBu+cMcgf1eVVjdnTLvPxgCuoQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.60.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.60.4.tgz",
+      "integrity": "sha512-Boiz5+MsaROEWDf+GGEwF8VMHGhlUoQMtIPjOgA5fv4osupqTVnJteQNKJwUcnUog2G55jYXH7KZFFiJe0TEzQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.60.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.60.4.tgz",
+      "integrity": "sha512-+qfSY27qIrFfI/Hom04KYFw3GKZSGU4lXus51wsb5EuySfFlWRwjkKWoE9emgRw/ukoT4Udsj4W/+xxG8VbPKg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-openbsd-x64": {
+      "version": "4.60.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.60.4.tgz",
+      "integrity": "sha512-VpTfOPHgVXEBeeR8hZ2O0F3aSso+JDWqTWmTmzcQKted54IAdUVbxE+j/MVxUsKa8L20HJhv3vUezVPoquqWjA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-openharmony-arm64": {
+      "version": "4.60.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.60.4.tgz",
+      "integrity": "sha512-IPOsh5aRYuLv/nkU51X10Bf75Bsf6+gZdx1X+QP5QM6lIJFHHqbHLG0uJn/hWthzo13UAc2umiUorqZy3axoZg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.60.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.60.4.tgz",
+      "integrity": "sha512-4QzE9E81OohJ/HKzHhsqU+zcYYojVOXlFMs1DdyMT6qXl/niOH7AVElmmEdUNHHS/oRkc++d5k6Vy85zFs0DEw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.60.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.60.4.tgz",
+      "integrity": "sha512-zTPgT1YuHHcd+Tmx7h8aml0FWFVelV5N54oHow9SLj+GfoDy/huQ+UV396N/C7KpMDMiPspRktzM1/0r1usYEA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-gnu": {
+      "version": "4.60.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.60.4.tgz",
+      "integrity": "sha512-DRS4G7mi9lJxqEDezIkKCaUIKCrLUUDCUaCsTPCi/rtqaC6D/jjwslMQyiDU50Ka0JKpeXeRBFBAXwArY52vBw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.60.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.60.4.tgz",
+      "integrity": "sha512-QVTUovf40zgTqlFVrKA1uXMVvU2QWEFWfAH8Wdc48IxLvrJMQVMBRjuQyUpzZCDkakImib9eVazbWlC6ksWtJw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@stackone/hub": {
+      "resolved": "../..",
+      "link": true
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
+      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@vitejs/plugin-vue": {
+      "version": "5.2.4",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.2.4.tgz",
+      "integrity": "sha512-7Yx/SXSOcQq5HiiV3orevHUFn+pmMB4cgbEkDYgnkUWb0WfeQ/wa2yFv6D5ICiCQOVpjA7vYDXrC7AGO8yjDHA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.0.0 || >=20.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^5.0.0 || ^6.0.0",
+        "vue": "^3.2.25"
+      }
+    },
+    "node_modules/@volar/language-core": {
+      "version": "2.4.15",
+      "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-2.4.15.tgz",
+      "integrity": "sha512-3VHw+QZU0ZG9IuQmzT68IyN4hZNd9GchGPhbD9+pa8CVv7rnoOZwo7T8weIbrRmihqy3ATpdfXFnqRrfPVK6CA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/source-map": "2.4.15"
+      }
+    },
+    "node_modules/@volar/source-map": {
+      "version": "2.4.15",
+      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-2.4.15.tgz",
+      "integrity": "sha512-CPbMWlUN6hVZJYGcU/GSoHu4EnCHiLaXI9n8c9la6RaI9W5JHX+NqG+GSQcB0JdC2FIBLdZJwGsfKyBB71VlTg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@volar/typescript": {
+      "version": "2.4.15",
+      "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-2.4.15.tgz",
+      "integrity": "sha512-2aZ8i0cqPGjXb4BhkMsPYDkkuc2ZQ6yOpqwAuNwUoncELqoy5fRgOQtLR9gB0g902iS0NAkvpIzs27geVyVdPg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/language-core": "2.4.15",
+        "path-browserify": "^1.0.1",
+        "vscode-uri": "^3.0.8"
+      }
+    },
+    "node_modules/@vue/compiler-core": {
+      "version": "3.5.34",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.34.tgz",
+      "integrity": "sha512-s9cLyK5mLcvZ4Agva5QgRsQyLKvts9WbU9DB6NqiZkkGEdwmcEiylj5Jbwkp680drF/NNCV8OlAJSe+yMLxaJw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.3",
+        "@vue/shared": "3.5.34",
+        "entities": "^7.0.1",
+        "estree-walker": "^2.0.2",
+        "source-map-js": "^1.2.1"
+      }
+    },
+    "node_modules/@vue/compiler-dom": {
+      "version": "3.5.34",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.34.tgz",
+      "integrity": "sha512-EbF/T++k0e2MMZlJsBhzK8Sgwt0HcIPOhzn1CTB/lv6sQcyk+OWf8YeiLxZp3ro7MbbLcAfAJ6sEvjFWuNgUCw==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-core": "3.5.34",
+        "@vue/shared": "3.5.34"
+      }
+    },
+    "node_modules/@vue/compiler-sfc": {
+      "version": "3.5.34",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.34.tgz",
+      "integrity": "sha512-D/ihr6uZeIt6r+pVZf46RWT1fAsLFMbUP7k8G1VkiiWexriED9GrX3echHd4Abbt17zjlfiFJ8z7a3BxZOPNjg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.3",
+        "@vue/compiler-core": "3.5.34",
+        "@vue/compiler-dom": "3.5.34",
+        "@vue/compiler-ssr": "3.5.34",
+        "@vue/shared": "3.5.34",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.30.21",
+        "postcss": "^8.5.14",
+        "source-map-js": "^1.2.1"
+      }
+    },
+    "node_modules/@vue/compiler-ssr": {
+      "version": "3.5.34",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.34.tgz",
+      "integrity": "sha512-cDtTHKibkThKGHH1SP+WdccquNRYQDFH6rRjQCqT9G2ltFAfoR5pUftpab/z+aM5mW9HLLVQW7hfKKQe/1GBeQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.34",
+        "@vue/shared": "3.5.34"
+      }
+    },
+    "node_modules/@vue/compiler-vue2": {
+      "version": "2.7.16",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-vue2/-/compiler-vue2-2.7.16.tgz",
+      "integrity": "sha512-qYC3Psj9S/mfu9uVi5WvNZIzq+xnXMhOwbTFKKDD7b1lhpnn71jXSFdTQ+WsIEk0ONCd7VV2IMm7ONl6tbQ86A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "de-indent": "^1.0.2",
+        "he": "^1.2.0"
+      }
+    },
+    "node_modules/@vue/language-core": {
+      "version": "2.2.12",
+      "resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-2.2.12.tgz",
+      "integrity": "sha512-IsGljWbKGU1MZpBPN+BvPAdr55YPkj2nB/TBNGNC32Vy2qLG25DYu/NBN2vNtZqdRbTRjaoYrahLrToim2NanA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/language-core": "2.4.15",
+        "@vue/compiler-dom": "^3.5.0",
+        "@vue/compiler-vue2": "^2.7.16",
+        "@vue/shared": "^3.5.0",
+        "alien-signals": "^1.0.3",
+        "minimatch": "^9.0.3",
+        "muggle-string": "^0.4.1",
+        "path-browserify": "^1.0.1"
+      },
+      "peerDependencies": {
+        "typescript": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vue/reactivity": {
+      "version": "3.5.34",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.34.tgz",
+      "integrity": "sha512-y9XDjCEuBp+98k+UL5dbYkh57AHU4o6cxZedOPXw3bmrZZYLQsVHguGurq7hVrPCSrQtrnz1f9dssyFr+dMXfQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/shared": "3.5.34"
+      }
+    },
+    "node_modules/@vue/runtime-core": {
+      "version": "3.5.34",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.34.tgz",
+      "integrity": "sha512-mKeBYvu8tcMSLhypAHBmriUFfWXKTCF/23Z4jiCoYK3UtWepkliViNLuR90V9XOyD62mUxs9p1jsrpK3CCGIzw==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/reactivity": "3.5.34",
+        "@vue/shared": "3.5.34"
+      }
+    },
+    "node_modules/@vue/runtime-dom": {
+      "version": "3.5.34",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.34.tgz",
+      "integrity": "sha512-e8kZzERmCwUnBRVsgSQlAfrfU2rGoy0FFKPBXSlfEjc/O3KfA7QP0t1/2ZylrbchjmIKB4dPTd07A6WPr0eOrg==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/reactivity": "3.5.34",
+        "@vue/runtime-core": "3.5.34",
+        "@vue/shared": "3.5.34",
+        "csstype": "^3.2.3"
+      }
+    },
+    "node_modules/@vue/server-renderer": {
+      "version": "3.5.34",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.34.tgz",
+      "integrity": "sha512-nHxmJoTrKsmrkbILRhkC9gY1G3moZbJTqCzDd7DOOzG5KH9oeJ0Unqrff5f9v0pW//jES05ZkJcNtfE8JjOIew==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-ssr": "3.5.34",
+        "@vue/shared": "3.5.34"
+      },
+      "peerDependencies": {
+        "vue": "3.5.34"
+      }
+    },
+    "node_modules/@vue/shared": {
+      "version": "3.5.34",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.34.tgz",
+      "integrity": "sha512-24uqU4OIiX29ryC3MeWid/Xf2fa2EFRUVLb77nRhk+UrTVrh/XiGtFAFmJBAtBRbjwNdsPRP+jj/OL27Eg1NDA==",
+      "license": "MIT"
+    },
+    "node_modules/alien-signals": {
+      "version": "1.0.13",
+      "resolved": "https://registry.npmjs.org/alien-signals/-/alien-signals-1.0.13.tgz",
+      "integrity": "sha512-OGj9yyTnJEttvzhTUWuscOvtqxq5vrhF7vL9oS0xJ2mK0ItPYP1/y+vCFebfxoEyAz0++1AIwJ5CMr+Fk3nDmg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/brace-expansion": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.1.1.tgz",
+      "integrity": "sha512-WR1cURNjuvBLMZBMbqM0UoE+WAfdUcEV1ccD8PVBVOI+Z3ND4+SZbN8RsfT2bMuG1qwz5RFvPukSZm5fF2D5eA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "license": "MIT"
+    },
+    "node_modules/de-indent": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz",
+      "integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/entities": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-7.0.1.tgz",
+      "integrity": "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
+      "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.21.5",
+        "@esbuild/android-arm": "0.21.5",
+        "@esbuild/android-arm64": "0.21.5",
+        "@esbuild/android-x64": "0.21.5",
+        "@esbuild/darwin-arm64": "0.21.5",
+        "@esbuild/darwin-x64": "0.21.5",
+        "@esbuild/freebsd-arm64": "0.21.5",
+        "@esbuild/freebsd-x64": "0.21.5",
+        "@esbuild/linux-arm": "0.21.5",
+        "@esbuild/linux-arm64": "0.21.5",
+        "@esbuild/linux-ia32": "0.21.5",
+        "@esbuild/linux-loong64": "0.21.5",
+        "@esbuild/linux-mips64el": "0.21.5",
+        "@esbuild/linux-ppc64": "0.21.5",
+        "@esbuild/linux-riscv64": "0.21.5",
+        "@esbuild/linux-s390x": "0.21.5",
+        "@esbuild/linux-x64": "0.21.5",
+        "@esbuild/netbsd-x64": "0.21.5",
+        "@esbuild/openbsd-x64": "0.21.5",
+        "@esbuild/sunos-x64": "0.21.5",
+        "@esbuild/win32-arm64": "0.21.5",
+        "@esbuild/win32-ia32": "0.21.5",
+        "@esbuild/win32-x64": "0.21.5"
+      }
+    },
+    "node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "license": "MIT"
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/he": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
+      "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "he": "bin/he"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.21",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
+      "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.5"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "9.0.9",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.9.tgz",
+      "integrity": "sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/muggle-string": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/muggle-string/-/muggle-string-0.4.1.tgz",
+      "integrity": "sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.12",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.12.tgz",
+      "integrity": "sha512-ZB9RH/39qpq5Vu6Y+NmUaFhQR6pp+M2Xt76XBnEwDaGcVAqhlvxrl3B2bKS5D3NH3QR76v3aSrKaF/Kiy7lEtQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/path-browserify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
+      "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/postcss": {
+      "version": "8.5.15",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.15.tgz",
+      "integrity": "sha512-FfR8sjd4em2T6fb3I2MwAJU7HWVMr9zba+enmQeeWFfCbm+UOC/0X4DS8XtpUTMwWMGbjKYP7xjfNekzyGmB3A==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.12",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "4.60.4",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.60.4.tgz",
+      "integrity": "sha512-WHeFSbZYsPu3+bLoNRUuAO+wavNlocOPf3wSHTP7hcFKVnJeWsYlCDbr3mTS14FCizf9ccIxXA8sGL8zKeQN3g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "1.0.8"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.60.4",
+        "@rollup/rollup-android-arm64": "4.60.4",
+        "@rollup/rollup-darwin-arm64": "4.60.4",
+        "@rollup/rollup-darwin-x64": "4.60.4",
+        "@rollup/rollup-freebsd-arm64": "4.60.4",
+        "@rollup/rollup-freebsd-x64": "4.60.4",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.60.4",
+        "@rollup/rollup-linux-arm-musleabihf": "4.60.4",
+        "@rollup/rollup-linux-arm64-gnu": "4.60.4",
+        "@rollup/rollup-linux-arm64-musl": "4.60.4",
+        "@rollup/rollup-linux-loong64-gnu": "4.60.4",
+        "@rollup/rollup-linux-loong64-musl": "4.60.4",
+        "@rollup/rollup-linux-ppc64-gnu": "4.60.4",
+        "@rollup/rollup-linux-ppc64-musl": "4.60.4",
+        "@rollup/rollup-linux-riscv64-gnu": "4.60.4",
+        "@rollup/rollup-linux-riscv64-musl": "4.60.4",
+        "@rollup/rollup-linux-s390x-gnu": "4.60.4",
+        "@rollup/rollup-linux-x64-gnu": "4.60.4",
+        "@rollup/rollup-linux-x64-musl": "4.60.4",
+        "@rollup/rollup-openbsd-x64": "4.60.4",
+        "@rollup/rollup-openharmony-arm64": "4.60.4",
+        "@rollup/rollup-win32-arm64-msvc": "4.60.4",
+        "@rollup/rollup-win32-ia32-msvc": "4.60.4",
+        "@rollup/rollup-win32-x64-gnu": "4.60.4",
+        "@rollup/rollup-win32-x64-msvc": "4.60.4",
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "devOptional": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/vite": {
+      "version": "5.4.21",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.21.tgz",
+      "integrity": "sha512-o5a9xKjbtuhY6Bi5S3+HvbRERmouabWbyUcpXXUA1u+GNUKoROi9byOJ8M0nHbHYHkYICiMlqxkg1KkYmm25Sw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "^0.21.3",
+        "postcss": "^8.4.43",
+        "rollup": "^4.20.0"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^18.0.0 || >=20.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^18.0.0 || >=20.0.0",
+        "less": "*",
+        "lightningcss": "^1.21.0",
+        "sass": "*",
+        "sass-embedded": "*",
+        "stylus": "*",
+        "sugarss": "*",
+        "terser": "^5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vscode-uri": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.1.0.tgz",
+      "integrity": "sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/vue": {
+      "version": "3.5.34",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.34.tgz",
+      "integrity": "sha512-WdLBG9gm02OgJIG9axd5Hpx0TFLdzVgfG2evFFu8Rur5O/IoGc5cMjnjh3tPL6GnRGsYvUhBSKVPYVcxRKpMCA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.34",
+        "@vue/compiler-sfc": "3.5.34",
+        "@vue/runtime-dom": "3.5.34",
+        "@vue/server-renderer": "3.5.34",
+        "@vue/shared": "3.5.34"
+      },
+      "peerDependencies": {
+        "typescript": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue-tsc": {
+      "version": "2.2.12",
+      "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-2.2.12.tgz",
+      "integrity": "sha512-P7OP77b2h/Pmk+lZdJ0YWs+5tJ6J2+uOQPo7tlBnY44QqQSPYvS0qVT4wqDJgwrZaLe47etJLLQRFia71GYITw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/typescript": "2.4.15",
+        "@vue/language-core": "2.2.12"
+      },
+      "bin": {
+        "vue-tsc": "bin/vue-tsc.js"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.0.0"
+      }
+    }
+  }
+}
diff --git a/dev/vue/package.json b/dev/vue/package.json
new file mode 100644
index 0000000..246a8d0
--- /dev/null
+++ b/dev/vue/package.json
@@ -0,0 +1,21 @@
+{
+    "name": "stackone-hub-vue-test",
+    "private": true,
+    "version": "0.0.0",
+    "type": "module",
+    "scripts": {
+        "dev": "vite --port 3011",
+        "build": "vue-tsc --noEmit && vite build",
+        "preview": "vite preview --port 3011"
+    },
+    "dependencies": {
+        "@stackone/hub": "file:../..",
+        "vue": "^3.5.13"
+    },
+    "devDependencies": {
+        "@vitejs/plugin-vue": "^5.2.1",
+        "typescript": "^5.6.3",
+        "vite": "^5.4.11",
+        "vue-tsc": "^2.1.10"
+    }
+}
diff --git a/dev/vue/src/App.vue b/dev/vue/src/App.vue
new file mode 100644
index 0000000..52cb338
--- /dev/null
+++ b/dev/vue/src/App.vue
@@ -0,0 +1,122 @@
+<script setup lang="ts">
+import { onMounted, ref, useTemplateRef, watch } from 'vue';
+
+const TOKEN_KEY = 'stackone-hub-token';
+const BASE_URL_KEY = 'stackone-hub-base-url';
+
+const token = ref(localStorage.getItem(TOKEN_KEY) ?? '');
+const baseUrl = ref(localStorage.getItem(BASE_URL_KEY) ?? 'https://api.stackone.com');
+const theme = ref<'light' | 'dark'>('light');
+const events = ref<{ at: string; label: string; detail?: unknown }[]>([]);
+
+const hubRef = useTemplateRef<HTMLElement>('hub');
+
+watch(token, (value) => localStorage.setItem(TOKEN_KEY, value));
+watch(baseUrl, (value) => localStorage.setItem(BASE_URL_KEY, value));
+
+const apiKey = import.meta.env.VITE_STACKONE_API_KEY;
+const apiUrl = import.meta.env.VITE_API_URL ?? 'https://api.stackone.com';
+if (apiKey && !token.value) {
+    fetch(`${apiUrl}/connect_sessions`, {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json',
+            Authorization: `Basic ${btoa(apiKey)}`,
+        },
+        body: JSON.stringify({
+            origin_owner_id: import.meta.env.VITE_ORIGIN_OWNER_ID ?? 'dummy_customer_id',
+            origin_owner_name: import.meta.env.VITE_ORIGIN_OWNER_NAME ?? 'dummy_customer_name',
+            origin_username: import.meta.env.VITE_ORIGIN_USERNAME ?? 'dummy_customer_username',
+        }),
+    })
+        .then((r) => r.json())
+        .then((body) => {
+            if (body?.token) {
+                token.value = body.token;
+            }
+        })
+        .catch((err) => console.warn('connect_sessions failed', err));
+}
+
+const log = (label: string, detail?: unknown) => {
+    events.value.unshift({ at: new Date().toLocaleTimeString(), label, detail });
+};
+
+onMounted(() => {
+    const el = hubRef.value;
+    if (!el) return;
+    el.addEventListener('success', (event: Event) => {
+        log('success', (event as CustomEvent).detail);
+    });
+    el.addEventListener('close', () => log('close'));
+});
+
+const setTheme = (next: 'light' | 'dark') => {
+    theme.value = next;
+};
+</script>
+
+<template>
+    <header>
+        <h1>stackone-hub — Vue 3</h1>
+        <p>Vite + <code>isCustomElement</code>. Events via <code>addEventListener</code>.</p>
+    </header>
+
+    <section class="controls">
+        <label>
+            Token
+            <input v-model="token" type="text" placeholder="paste connect-session token" />
+        </label>
+        <label>
+            Base URL
+            <input v-model="baseUrl" type="text" />
+        </label>
+        <div class="row">
+            <button type="button" @click="setTheme('light')">Light</button>
+            <button type="button" @click="setTheme('dark')">Dark</button>
+        </div>
+    </section>
+
+    <stackone-hub
+        ref="hub"
+        :token="token || null"
+        :base-url="baseUrl"
+        mode="integration-picker"
+        height="600px"
+        :theme="theme"
+    ></stackone-hub>
+
+    <section class="events">
+        <h2>Event log</h2>
+        <ol>
+            <li v-for="(event, i) in events" :key="i">
+                [{{ event.at }}] {{ event.label }}
+                <span v-if="event.detail"> — {{ JSON.stringify(event.detail) }}</span>
+            </li>
+        </ol>
+    </section>
+</template>
+
+<style>
+* { box-sizing: border-box; }
+body {
+    font-family: ui-sans-serif, system-ui, -apple-system, sans-serif;
+    max-width: 880px;
+    margin: 24px auto;
+    padding: 0 16px;
+    color: #1a1a1a;
+}
+header h1 { margin: 0 0 4px; font-size: 20px; }
+header p { margin: 0 0 24px; color: #666; font-size: 14px; }
+.controls { display: grid; gap: 12px; margin-bottom: 24px; }
+.controls label { display: grid; gap: 4px; font-size: 13px; color: #444; }
+.controls input { padding: 8px 10px; border: 1px solid #d4d4d4; border-radius: 6px; font-size: 14px; }
+.row { display: flex; gap: 8px; }
+button { padding: 6px 12px; border: 1px solid #d4d4d4; border-radius: 6px; background: #fff; cursor: pointer; font-size: 13px; }
+button:hover { background: #f5f5f5; }
+stackone-hub { display: block; margin-bottom: 24px; }
+.events h2 { font-size: 14px; margin: 0 0 8px; color: #444; }
+.events ol { list-style: none; padding: 0; margin: 0; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; max-height: 200px; overflow-y: auto; border: 1px solid #eee; border-radius: 6px; background: #fafafa; }
+.events li { padding: 6px 10px; border-bottom: 1px solid #eee; }
+.events li:last-child { border-bottom: none; }
+</style>
diff --git a/dev/vue/src/main.ts b/dev/vue/src/main.ts
new file mode 100644
index 0000000..845a049
--- /dev/null
+++ b/dev/vue/src/main.ts
@@ -0,0 +1,5 @@
+import '@stackone/hub/webcomponent';
+import { createApp } from 'vue';
+import App from './App.vue';
+
+createApp(App).mount('#app');
diff --git a/dev/vue/tsconfig.json b/dev/vue/tsconfig.json
new file mode 100644
index 0000000..07dc640
--- /dev/null
+++ b/dev/vue/tsconfig.json
@@ -0,0 +1,16 @@
+{
+    "compilerOptions": {
+        "target": "ES2020",
+        "module": "ESNext",
+        "moduleResolution": "Bundler",
+        "strict": true,
+        "jsx": "preserve",
+        "esModuleInterop": true,
+        "skipLibCheck": true,
+        "isolatedModules": true,
+        "resolveJsonModule": true,
+        "useDefineForClassFields": true,
+        "types": ["vite/client"]
+    },
+    "include": ["src/**/*.ts", "src/**/*.vue", "vite.config.ts"]
+}
diff --git a/dev/vue/vite.config.ts b/dev/vue/vite.config.ts
new file mode 100644
index 0000000..2a9d968
--- /dev/null
+++ b/dev/vue/vite.config.ts
@@ -0,0 +1,15 @@
+import vue from '@vitejs/plugin-vue';
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+    envDir: '..',
+    plugins: [
+        vue({
+            template: {
+                compilerOptions: {
+                    isCustomElement: (tag) => tag === 'stackone-hub',
+                },
+            },
+        }),
+    ],
+});
diff --git a/index.html b/index.html
index dc8a86f..dd1098d 100644
--- a/index.html
+++ b/index.html
@@ -1,14 +1,34 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="dist/webcomponent/StackOneHub.web.js"></script>
+    <title>StackOne Hub — Web Component Demo</title>
+    <script src="dist/webcomponent.js"></script>
   </head>
   <body>
-    <!-- Add a  -->
     <stackone-hub
-      token="eyJyZWdpb25fc2x1ZyI6ImV1IiwidG9rZW4iOiJzclgzU0xUemttcmpWQWQtWTdNZXFUTUh3OV9KaVdNRFk3M3RaenRwdVZIVV9EZERmQU14NGF3X3hWb09wdXZuRkQ1OW11WlJjZlZBRDRQMUxRcmVRdyJ9"
+      id="hub"
+      token="eyJyZWdpb25fc2x1ZyI6ImV1IiwidG9rZW4iOiJNWGEyUU4xZzFnU1ZDNGpzdkU5YmlCU0dJSnVtbUtsVmphMTkyODM2Qkc1cEtHdTZxdkdteV9WdXdFaHZKS05NdXYwUlJ4Nlg1SHZqYlhUQWhMZ19udyJ9"
       base-url="http://localhost:4000"
       mode="integration-picker"
+      height="600px"
+      theme="light"
     ></stackone-hub>
+
+    <script>
+      const el = document.getElementById('hub');
+
+      el.addEventListener('success', (event) => {
+        console.log('[hub] success', event.detail);
+      });
+
+      el.addEventListener('close', () => {
+        console.log('[hub] close');
+      });
+
+      // Property-setter equivalents (work alongside the events):
+      // el.onSuccess = (account) => console.log('via property', account);
+      // el.onClose = () => console.log('closed via property');
+      // el.themeObject = { primaryColor: '#7c3aed' };
+    </script>
   </body>
 </html>
diff --git a/package-lock.json b/package-lock.json
index ec33838..30ec5c2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -24,7 +24,6 @@
                 "@types/node": "^22.15.17",
                 "@types/react": "^18.3.23",
                 "@types/react-dom": "^18.3.7",
-                "react-to-webcomponent": "^2.0.1",
                 "rollup": "^4.40.2",
                 "rollup-plugin-delete": "^3.0.1",
                 "rollup-plugin-dts": "^6.2.1",
@@ -353,12 +352,6 @@
                 "node": ">= 8"
             }
         },
-        "node_modules/@r2wc/core": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/@r2wc/core/-/core-1.2.0.tgz",
-            "integrity": "sha512-vAfiuS5KywtV54SRzc4maEHcpdgeUyJzln+ATpNCOkO+ArIuOkTXd92b5YauVAd0A8B2rV/y9OeVW19vb73bUQ==",
-            "dev": true
-        },
         "node_modules/@rollup/plugin-commonjs": {
             "version": "28.0.3",
             "resolved": "https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-28.0.3.tgz",
@@ -2699,19 +2692,6 @@
                 "react": "^16.8.0 || ^17 || ^18 || ^19"
             }
         },
-        "node_modules/react-to-webcomponent": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/react-to-webcomponent/-/react-to-webcomponent-2.0.1.tgz",
-            "integrity": "sha512-jpVztcA0SbV6TnBRV6EFuU+hmuuSIxgEww3wRcbneT0ytqn57y9ygeRfUmhzz8+bYg53u1h4COKk8iAextHE+Q==",
-            "dev": true,
-            "dependencies": {
-                "@r2wc/core": "^1.0.0"
-            },
-            "peerDependencies": {
-                "react": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-                "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
-            }
-        },
         "node_modules/resolve": {
             "version": "1.22.10",
             "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.10.tgz",
diff --git a/package.json b/package.json
index f6c5823..ee5ecdb 100644
--- a/package.json
+++ b/package.json
@@ -26,6 +26,16 @@
         "dev:setup": "npm run build && cd dev/vite && npm install",
         "dev:nextjs": "cd dev/nextjs && npm run dev",
         "dev:nextjs:setup": "npm run build && cd dev/nextjs && npm install",
+        "dev:vanilla": "cd dev/vanilla && npm run dev",
+        "dev:vanilla:setup": "npm run build && cd dev/vanilla && npm install",
+        "dev:vue": "cd dev/vue && npm run dev",
+        "dev:vue:setup": "npm run build && cd dev/vue && npm install",
+        "dev:svelte": "cd dev/svelte && npm run dev",
+        "dev:svelte:setup": "npm run build && cd dev/svelte && npm install",
+        "dev:react-wc": "cd dev/react && npm run dev",
+        "dev:react-wc:setup": "npm run build && cd dev/react && npm install",
+        "dev:angular": "cd dev/angular && npm run dev",
+        "dev:angular:setup": "npm run build && cd dev/angular && npm install",
         "relay": "cd dev/vite && npm run relay",
         "code:format": "biome format ./src ./dev",
         "code:format:fix": "biome format --write ./src ./dev",
@@ -58,7 +68,6 @@
         "@types/node": "^22.15.17",
         "@types/react": "^18.3.23",
         "@types/react-dom": "^18.3.7",
-        "react-to-webcomponent": "^2.0.1",
         "rollup": "^4.40.2",
         "rollup-plugin-delete": "^3.0.1",
         "rollup-plugin-dts": "^6.2.1",
diff --git a/rollup.config.mjs b/rollup.config.mjs
index 5aafb28..3b4213a 100644
--- a/rollup.config.mjs
+++ b/rollup.config.mjs
@@ -64,10 +64,14 @@ export default [
       format: "iife",
       name: "StackOneHubWebComponent",
       sourcemap: true,
+      globals: { crypto: "globalThis.crypto" },
     },
+    external: ["crypto"],
     plugins: [
       resolve({
         preferBuiltins: false,
+        browser: true,
+        exportConditions: ["browser", "module", "import", "default"],
       }),
       commonjs(),
       typescript({ 
diff --git a/src/WebComponentWrapper.tsx b/src/WebComponentWrapper.tsx
index b6bad4d..6e1b249 100644
--- a/src/WebComponentWrapper.tsx
+++ b/src/WebComponentWrapper.tsx
@@ -1,18 +1,149 @@
+import type { PartialMalachiteTheme } from '@stackone/malachite';
 import React from 'react';
-import ReactDOM from 'react-dom/client';
-import reactToWebComponent from 'react-to-webcomponent';
+import { type Root, createRoot } from 'react-dom/client';
 import { StackOneHub } from './StackOneHub';
+import type { HubModes } from './types/types';
 
-if (typeof window !== 'undefined' && typeof customElements !== 'undefined') {
-    const WebComponent = reactToWebComponent(StackOneHub, React, ReactDOM, {
-        props: {
-            token: 'string',
-            baseUrl: 'string',
-            mode: 'string',
-        },
-    });
+type SuccessHandler = (account: { id: string; provider: string }) => void;
+type CloseHandler = () => void;
+type ThemeProp = 'light' | 'dark' | PartialMalachiteTheme;
+
+const OBSERVED_ATTRS = [
+    'token',
+    'base-url',
+    'app-url',
+    'mode',
+    'height',
+    'theme',
+    'account-id',
+    'on-close-label',
+    'show-footer-links',
+    'debug',
+] as const;
+
+const parseBool = (value: string | null): boolean | undefined => {
+    if (value === null) {
+        return undefined;
+    }
+    if (value === '' || value === 'true') {
+        return true;
+    }
+    if (value === 'false') {
+        return false;
+    }
+    return undefined;
+};
+
+const parseTheme = (value: string | null): ThemeProp | undefined => {
+    if (value === null) {
+        return undefined;
+    }
+    if (value === 'light' || value === 'dark') {
+        return value;
+    }
+    try {
+        const parsed = JSON.parse(value);
+        if (parsed && typeof parsed === 'object') {
+            return parsed as PartialMalachiteTheme;
+        }
+    } catch {
+        return undefined;
+    }
+    return undefined;
+};
+
+class StackOneHubElement extends HTMLElement {
+    static get observedAttributes(): readonly string[] {
+        return OBSERVED_ATTRS;
+    }
+
+    private root: Root | null = null;
+    private _themeObject?: PartialMalachiteTheme;
+
+    onSuccess?: SuccessHandler;
+    onClose?: CloseHandler;
+
+    get themeObject(): PartialMalachiteTheme | undefined {
+        return this._themeObject;
+    }
 
+    set themeObject(value: PartialMalachiteTheme | undefined) {
+        this._themeObject = value;
+        if (this.root) {
+            this.render();
+        }
+    }
+
+    connectedCallback() {
+        if (!this.root) {
+            this.root = createRoot(this);
+        }
+        this.render();
+    }
+
+    disconnectedCallback() {
+        if (this.root) {
+            this.root.unmount();
+            this.root = null;
+        }
+    }
+
+    attributeChangedCallback() {
+        if (this.root) {
+            this.render();
+        }
+    }
+
+    private render() {
+        if (!this.root) {
+            return;
+        }
+
+        const handleSuccess: SuccessHandler = (account) => {
+            this.dispatchEvent(
+                new CustomEvent('success', {
+                    detail: account,
+                    bubbles: true,
+                    composed: true,
+                }),
+            );
+            this.onSuccess?.(account);
+        };
+
+        const handleClose: CloseHandler = () => {
+            this.dispatchEvent(
+                new CustomEvent('close', {
+                    bubbles: true,
+                    composed: true,
+                }),
+            );
+            this.onClose?.();
+        };
+
+        const theme: ThemeProp =
+            this._themeObject ?? parseTheme(this.getAttribute('theme')) ?? 'light';
+
+        this.root.render(
+            React.createElement(StackOneHub, {
+                token: this.getAttribute('token') ?? undefined,
+                baseUrl: this.getAttribute('base-url') ?? undefined,
+                appUrl: this.getAttribute('app-url') ?? undefined,
+                mode: (this.getAttribute('mode') as HubModes | null) ?? undefined,
+                height: this.getAttribute('height') ?? undefined,
+                theme,
+                accountId: this.getAttribute('account-id') ?? undefined,
+                onCloseLabel: this.getAttribute('on-close-label') ?? undefined,
+                showFooterLinks: parseBool(this.getAttribute('show-footer-links')),
+                debug: parseBool(this.getAttribute('debug')),
+                onSuccess: handleSuccess,
+                onClose: handleClose,
+            }),
+        );
+    }
+}
+
+if (typeof window !== 'undefined' && typeof customElements !== 'undefined') {
     if (!customElements.get('stackone-hub')) {
-        customElements.define('stackone-hub', WebComponent);
+        customElements.define('stackone-hub', StackOneHubElement);
     }
 }

From 0e82f723d72c215508b387143d6f9a41175c5e71 Mon Sep 17 00:00:00 2001
From: Joao Miguel <joao@stackone.com>
Date: Wed, 27 May 2026 13:55:38 +0100
Subject: [PATCH 2/3] chore: pr suggestions

---
 README.md                    |  2 +-
 dev/nextjs/package-lock.json |  1 -
 dev/vite/package-lock.json   | 29 +++++++++++++++++++++++------
 index.html                   |  3 ++-
 src/WebComponentWrapper.tsx  | 10 ++++++++--
 5 files changed, 34 insertions(+), 11 deletions(-)

diff --git a/README.md b/README.md
index dbdd487..220a107 100644
--- a/README.md
+++ b/README.md
@@ -173,7 +173,7 @@ Callbacks are dispatched as `CustomEvent`s on the host element:
 | `success` | `{ id: string; provider: string }` — emitted when an account is connected. |
 | `close` | `undefined` — emitted when the user closes the picker. |
 
-Both events `bubble` and `compose`.
+Both events are dispatched with `bubbles: true` and `composed: true`, so they bubble and cross shadow-DOM boundaries.
 
 #### JS-only properties
 
diff --git a/dev/nextjs/package-lock.json b/dev/nextjs/package-lock.json
index e1aeb73..34637a8 100644
--- a/dev/nextjs/package-lock.json
+++ b/dev/nextjs/package-lock.json
@@ -43,7 +43,6 @@
                 "@types/node": "^22.15.17",
                 "@types/react": "^18.3.23",
                 "@types/react-dom": "^18.3.7",
-                "react-to-webcomponent": "^2.0.1",
                 "rollup": "^4.40.2",
                 "rollup-plugin-delete": "^3.0.1",
                 "rollup-plugin-dts": "^6.2.1",
diff --git a/dev/vite/package-lock.json b/dev/vite/package-lock.json
index 53799c0..f627778 100644
--- a/dev/vite/package-lock.json
+++ b/dev/vite/package-lock.json
@@ -32,7 +32,7 @@
         },
         "../..": {
             "name": "@stackone/hub",
-            "version": "1.4.0",
+            "version": "1.7.1",
             "license": "MIT",
             "dependencies": {
                 "@stackone/expressions": "^0.16.0",
@@ -50,7 +50,6 @@
                 "@types/node": "^22.15.17",
                 "@types/react": "^18.3.23",
                 "@types/react-dom": "^18.3.7",
-                "react-to-webcomponent": "^2.0.1",
                 "rollup": "^4.40.2",
                 "rollup-plugin-delete": "^3.0.1",
                 "rollup-plugin-dts": "^6.2.1",
@@ -1789,6 +1788,16 @@
                 "node": ">=4"
             }
         },
+        "node_modules/babel-plugin-macros/node_modules/yaml": {
+            "version": "1.10.3",
+            "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.3.tgz",
+            "integrity": "sha512-vIYeF1u3CjlhAFekPPAk2h/Kv4T3mAkMox5OymRiJQB0spDP10LHvt+K7G9Ny6NuuMAb25/6n1qyUjAcGNf/AA==",
+            "dev": true,
+            "license": "ISC",
+            "engines": {
+                "node": ">= 6"
+            }
+        },
         "node_modules/babel-plugin-relay": {
             "version": "20.1.1",
             "resolved": "https://registry.npmjs.org/babel-plugin-relay/-/babel-plugin-relay-20.1.1.tgz",
@@ -2904,13 +2913,21 @@
             "license": "ISC"
         },
         "node_modules/yaml": {
-            "version": "1.10.3",
-            "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.3.tgz",
-            "integrity": "sha512-vIYeF1u3CjlhAFekPPAk2h/Kv4T3mAkMox5OymRiJQB0spDP10LHvt+K7G9Ny6NuuMAb25/6n1qyUjAcGNf/AA==",
+            "version": "2.9.0",
+            "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.9.0.tgz",
+            "integrity": "sha512-2AvhNX3mb8zd6Zy7INTtSpl1F15HW6Wnqj0srWlkKLcpYl/gMIMJiyuGq2KeI2YFxUPjdlB+3Lc10seMLtL4cA==",
             "dev": true,
             "license": "ISC",
+            "optional": true,
+            "peer": true,
+            "bin": {
+                "yaml": "bin.mjs"
+            },
             "engines": {
-                "node": ">= 6"
+                "node": ">= 14.6"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/eemeli"
             }
         },
         "node_modules/zod": {
diff --git a/index.html b/index.html
index dd1098d..5921667 100644
--- a/index.html
+++ b/index.html
@@ -5,9 +5,10 @@
     <script src="dist/webcomponent.js"></script>
   </head>
   <body>
+    <!-- Replace the token below with a connect-session token minted from your StackOne API key. Do not commit real tokens. -->
     <stackone-hub
       id="hub"
-      token="eyJyZWdpb25fc2x1ZyI6ImV1IiwidG9rZW4iOiJNWGEyUU4xZzFnU1ZDNGpzdkU5YmlCU0dJSnVtbUtsVmphMTkyODM2Qkc1cEtHdTZxdkdteV9WdXdFaHZKS05NdXYwUlJ4Nlg1SHZqYlhUQWhMZ19udyJ9"
+      token="REPLACE_WITH_YOUR_CONNECT_SESSION_TOKEN"
       base-url="http://localhost:4000"
       mode="integration-picker"
       height="600px"
diff --git a/src/WebComponentWrapper.tsx b/src/WebComponentWrapper.tsx
index 6e1b249..a81f03b 100644
--- a/src/WebComponentWrapper.tsx
+++ b/src/WebComponentWrapper.tsx
@@ -43,7 +43,7 @@ const parseTheme = (value: string | null): ThemeProp | undefined => {
     }
     try {
         const parsed = JSON.parse(value);
-        if (parsed && typeof parsed === 'object') {
+        if (parsed && typeof parsed === 'object' && !Array.isArray(parsed)) {
             return parsed as PartialMalachiteTheme;
         }
     } catch {
@@ -52,6 +52,12 @@ const parseTheme = (value: string | null): ThemeProp | undefined => {
     return undefined;
 };
 
+const VALID_MODES: readonly HubModes[] = ['integration-picker'];
+
+const parseMode = (value: string | null): HubModes | undefined => {
+    return VALID_MODES.includes(value as HubModes) ? (value as HubModes) : undefined;
+};
+
 class StackOneHubElement extends HTMLElement {
     static get observedAttributes(): readonly string[] {
         return OBSERVED_ATTRS;
@@ -128,7 +134,7 @@ class StackOneHubElement extends HTMLElement {
                 token: this.getAttribute('token') ?? undefined,
                 baseUrl: this.getAttribute('base-url') ?? undefined,
                 appUrl: this.getAttribute('app-url') ?? undefined,
-                mode: (this.getAttribute('mode') as HubModes | null) ?? undefined,
+                mode: parseMode(this.getAttribute('mode')),
                 height: this.getAttribute('height') ?? undefined,
                 theme,
                 accountId: this.getAttribute('account-id') ?? undefined,

From 7534ee2f1db419687d9054a1cdfff3a87cdba8f0 Mon Sep 17 00:00:00 2001
From: Joao Miguel <joao@stackone.com>
Date: Thu, 28 May 2026 11:47:01 +0100
Subject: [PATCH 3/3] chore: pr suggestions

---
 dev/README.md                        |  2 +-
 dev/angular/src/app/app.component.ts | 16 +++++++++++++++-
 dev/react/src/App.tsx                | 15 ++++++++++++++-
 dev/svelte/src/App.svelte            | 14 +++++++++++++-
 dev/vue/src/App.vue                  | 14 +++++++++++++-
 5 files changed, 56 insertions(+), 5 deletions(-)

diff --git a/dev/README.md b/dev/README.md
index 408f651..3fea8d5 100644
--- a/dev/README.md
+++ b/dev/README.md
@@ -34,7 +34,7 @@ For auto-fetch, copy `dev/.env.example` to `dev/.env` and set `VITE_STACKONE_API
 
 The Angular sandbox is the one exception: Angular CLI doesn't read `.env` files, so set its values in `angular/src/environments/environment.ts` instead.
 
-> ⚠️ The API key is sent from the browser. Dev key on localhost only.
+> ⚠️ **Localhost only.** The auto-fetch path POSTs to `connect_sessions` from the browser, which only works against a local API. Pointing `VITE_API_URL` at `api.stackone.com`, `api.stackone-dev.com`, or `api.stackone-exp.com` will fail (CORS) — the sandbox detects this and logs a warning instead. For dev/exp/prod, mint a token out-of-band (curl/server/Postman) and paste it into the token input.
 
 The vanilla sandbox is paste-only (no build step to inject env vars).
 
diff --git a/dev/angular/src/app/app.component.ts b/dev/angular/src/app/app.component.ts
index 932ebdc..295df80 100644
--- a/dev/angular/src/app/app.component.ts
+++ b/dev/angular/src/app/app.component.ts
@@ -106,7 +106,21 @@ export class AppComponent implements AfterViewInit, OnDestroy {
 
     ngAfterViewInit() {
         if (environment.stackOneApiKey && !this.token) {
-            this.mintToken();
+            const apiHost = (() => {
+                try {
+                    return new URL(environment.apiUrl).hostname;
+                } catch {
+                    return '';
+                }
+            })();
+            const isLocalhost = apiHost === 'localhost' || apiHost === '127.0.0.1';
+            if (!isLocalhost) {
+                console.warn(
+                    `Skipping connect_sessions auto-fetch — "${environment.apiUrl}" is not localhost. Paste a pre-minted token.`,
+                );
+            } else {
+                this.mintToken();
+            }
         }
         const el = this.hubRef?.nativeElement;
         if (el) {
diff --git a/dev/react/src/App.tsx b/dev/react/src/App.tsx
index 6ca14e5..366cc03 100644
--- a/dev/react/src/App.tsx
+++ b/dev/react/src/App.tsx
@@ -46,7 +46,20 @@ export default function App() {
     useEffect(() => {
         const apiKey = import.meta.env.VITE_STACKONE_API_KEY;
         const apiUrl = import.meta.env.VITE_API_URL ?? 'https://api.stackone.com';
-        if (!apiKey || token) {
+        const host = (() => {
+            try {
+                return new URL(apiUrl).hostname;
+            } catch {
+                return '';
+            }
+        })();
+        const isLocalhost = host === 'localhost' || host === '127.0.0.1';
+        if (!apiKey || token || !isLocalhost) {
+            if (apiKey && !isLocalhost) {
+                console.warn(
+                    `Skipping connect_sessions auto-fetch — "${apiUrl}" is not localhost. Paste a pre-minted token.`,
+                );
+            }
             return;
         }
         fetch(`${apiUrl}/connect_sessions`, {
diff --git a/dev/svelte/src/App.svelte b/dev/svelte/src/App.svelte
index be245ab..0510e78 100644
--- a/dev/svelte/src/App.svelte
+++ b/dev/svelte/src/App.svelte
@@ -17,7 +17,19 @@
 
     const apiKey = import.meta.env.VITE_STACKONE_API_KEY as string | undefined;
     const apiUrl = (import.meta.env.VITE_API_URL as string | undefined) ?? 'https://api.stackone.com';
-    if (apiKey && !token) {
+    const apiHost = (() => {
+        try {
+            return new URL(apiUrl).hostname;
+        } catch {
+            return '';
+        }
+    })();
+    const isLocalhost = apiHost === 'localhost' || apiHost === '127.0.0.1';
+    if (apiKey && !token && !isLocalhost) {
+        console.warn(
+            `Skipping connect_sessions auto-fetch — "${apiUrl}" is not localhost. Paste a pre-minted token.`,
+        );
+    } else if (apiKey && !token) {
         fetch(`${apiUrl}/connect_sessions`, {
             method: 'POST',
             headers: {
diff --git a/dev/vue/src/App.vue b/dev/vue/src/App.vue
index 52cb338..7ef9063 100644
--- a/dev/vue/src/App.vue
+++ b/dev/vue/src/App.vue
@@ -16,7 +16,19 @@ watch(baseUrl, (value) => localStorage.setItem(BASE_URL_KEY, value));
 
 const apiKey = import.meta.env.VITE_STACKONE_API_KEY;
 const apiUrl = import.meta.env.VITE_API_URL ?? 'https://api.stackone.com';
-if (apiKey && !token.value) {
+const apiHost = (() => {
+    try {
+        return new URL(apiUrl).hostname;
+    } catch {
+        return '';
+    }
+})();
+const isLocalhost = apiHost === 'localhost' || apiHost === '127.0.0.1';
+if (apiKey && !token.value && !isLocalhost) {
+    console.warn(
+        `Skipping connect_sessions auto-fetch — "${apiUrl}" is not localhost. Paste a pre-minted token.`,
+    );
+} else if (apiKey && !token.value) {
     fetch(`${apiUrl}/connect_sessions`, {
         method: 'POST',
         headers: {