all

2026-09-12 00:06:14 +00:00 · 2024-08-12 18:36:30 +02:00
parent e7d08359fc
commit a974e48988
62 changed files with 1337 additions and 10953 deletions
@@ -1,24 +0,0 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-lerna-debug.log*
-
-node_modules
-dist
-dist-ssr
-*.local
-
-# Editor directories and files
-.vscode/*
-!.vscode/extensions.json
-.idea
-.DS_Store
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
@@ -1,245 +0,0 @@
-
-// this file is generated — do not edit it
-
-
-/// <reference types="@sveltejs/kit" />
-
-/**
- * Environment variables [loaded by Vite](https://vitejs.dev/guide/env-and-mode.html#env-files) from `.env` files and `process.env`. Like [`$env/dynamic/private`](https://kit.svelte.dev/docs/modules#$env-dynamic-private), this module cannot be imported into client-side code. This module only includes variables that _do not_ begin with [`config.kit.env.publicPrefix`](https://kit.svelte.dev/docs/configuration#env) _and do_ start with [`config.kit.env.privatePrefix`](https://kit.svelte.dev/docs/configuration#env) (if configured).
- * 
- * _Unlike_ [`$env/dynamic/private`](https://kit.svelte.dev/docs/modules#$env-dynamic-private), the values exported from this module are statically injected into your bundle at build time, enabling optimisations like dead code elimination.
- * 
- * ```ts
- * import { API_KEY } from '$env/static/private';
- * ```
- * 
- * Note that all environment variables referenced in your code should be declared (for example in an `.env` file), even if they don't have a value until the app is deployed:
- * 
- * ```
- * MY_FEATURE_FLAG=""
- * ```
- * 
- * You can override `.env` values from the command line like so:
- * 
- * ```bash
- * MY_FEATURE_FLAG="enabled" npm run dev
- * ```
- */
-declare module '$env/static/private' {
-	export const SHELL: string;
-	export const npm_command: string;
-	export const LSCOLORS: string;
-	export const npm_config_userconfig: string;
-	export const COLORTERM: string;
-	export const GTK_THEME: string;
-	export const GDK_DPI_SCALE: string;
-	export const npm_config_cache: string;
-	export const npm_package_dev_optional: string;
-	export const LESS: string;
-	export const npm_package_integrity: string;
-	export const I3SOCK: string;
-	export const NODE: string;
-	export const CREDENTIALS_DIRECTORY: string;
-	export const MEMORY_PRESSURE_WRITE: string;
-	export const AWS_CLI_AUTO_PROMPT: string;
-	export const COLOR: string;
-	export const npm_config_local_prefix: string;
-	export const GREP_COLORS: string;
-	export const npm_config_globalconfig: string;
-	export const XCURSOR_SIZE: string;
-	export const EDITOR: string;
-	export const XDG_SEAT: string;
-	export const PWD: string;
-	export const LOGNAME: string;
-	export const XDG_SESSION_TYPE: string;
-	export const GOOGLE_APPLICATION_CREDENTIALS: string;
-	export const npm_package_dev: string;
-	export const npm_config_init_module: string;
-	export const SYSTEMD_EXEC_PID: string;
-	export const _: string;
-	export const MOTD_SHOWN: string;
-	export const HOME: string;
-	export const npm_package_peer: string;
-	export const LANG: string;
-	export const LS_COLORS: string;
-	export const XDG_CURRENT_DESKTOP: string;
-	export const npm_package_version: string;
-	export const MEMORY_PRESSURE_WATCH: string;
-	export const SWAYSOCK: string;
-	export const WAYLAND_DISPLAY: string;
-	export const npm_package_resolved: string;
-	export const INVOCATION_ID: string;
-	export const INIT_CWD: string;
-	export const npm_lifecycle_script: string;
-	export const npm_package_optional: string;
-	export const npm_config_npm_version: string;
-	export const XDG_SESSION_CLASS: string;
-	export const TERM: string;
-	export const npm_package_name: string;
-	export const npm_config_prefix: string;
-	export const USER: string;
-	export const NOMAD_ADDR: string;
-	export const DISPLAY: string;
-	export const npm_lifecycle_event: string;
-	export const SHLVL: string;
-	export const MOZ_ENABLE_WAYLAND: string;
-	export const PAGER: string;
-	export const XDG_VTNR: string;
-	export const XDG_SESSION_ID: string;
-	export const npm_config_user_agent: string;
-	export const npm_execpath: string;
-	export const UPDATE_ZSH_DAYS: string;
-	export const XDG_RUNTIME_DIR: string;
-	export const DEBUGINFOD_URLS: string;
-	export const npm_package_json: string;
-	export const BUN_INSTALL: string;
-	export const WLR_DRM_NO_MODIFIERS: string;
-	export const npm_config_legacy_peer_deps: string;
-	export const npm_config_noproxy: string;
-	export const PATH: string;
-	export const GDK_SCALE: string;
-	export const npm_config_node_gyp: string;
-	export const DBUS_SESSION_BUS_ADDRESS: string;
-	export const CARGO_INCREMENTAL: string;
-	export const npm_config_global_prefix: string;
-	export const MAIL: string;
-	export const npm_node_execpath: string;
-	export const OLDPWD: string;
-	export const GOPATH: string;
-	export const npm_package_engines_node: string;
-	export const CONSUL_HTTP_ADDR: string;
-}
-
-/**
- * Similar to [`$env/static/private`](https://kit.svelte.dev/docs/modules#$env-static-private), except that it only includes environment variables that begin with [`config.kit.env.publicPrefix`](https://kit.svelte.dev/docs/configuration#env) (which defaults to `PUBLIC_`), and can therefore safely be exposed to client-side code.
- * 
- * Values are replaced statically at build time.
- * 
- * ```ts
- * import { PUBLIC_BASE_URL } from '$env/static/public';
- * ```
- */
-declare module '$env/static/public' {
-	
-}
-
-/**
- * This module provides access to runtime environment variables, as defined by the platform you're running on. For example if you're using [`adapter-node`](https://github.com/sveltejs/kit/tree/main/packages/adapter-node) (or running [`vite preview`](https://kit.svelte.dev/docs/cli)), this is equivalent to `process.env`. This module only includes variables that _do not_ begin with [`config.kit.env.publicPrefix`](https://kit.svelte.dev/docs/configuration#env) _and do_ start with [`config.kit.env.privatePrefix`](https://kit.svelte.dev/docs/configuration#env) (if configured).
- * 
- * This module cannot be imported into client-side code.
- * 
- * Dynamic environment variables cannot be used during prerendering.
- * 
- * ```ts
- * import { env } from '$env/dynamic/private';
- * console.log(env.DEPLOYMENT_SPECIFIC_VARIABLE);
- * ```
- * 
- * > In `dev`, `$env/dynamic` always includes environment variables from `.env`. In `prod`, this behavior will depend on your adapter.
- */
-declare module '$env/dynamic/private' {
-	export const env: {
-		SHELL: string;
-		npm_command: string;
-		LSCOLORS: string;
-		npm_config_userconfig: string;
-		COLORTERM: string;
-		GTK_THEME: string;
-		GDK_DPI_SCALE: string;
-		npm_config_cache: string;
-		npm_package_dev_optional: string;
-		LESS: string;
-		npm_package_integrity: string;
-		I3SOCK: string;
-		NODE: string;
-		CREDENTIALS_DIRECTORY: string;
-		MEMORY_PRESSURE_WRITE: string;
-		AWS_CLI_AUTO_PROMPT: string;
-		COLOR: string;
-		npm_config_local_prefix: string;
-		GREP_COLORS: string;
-		npm_config_globalconfig: string;
-		XCURSOR_SIZE: string;
-		EDITOR: string;
-		XDG_SEAT: string;
-		PWD: string;
-		LOGNAME: string;
-		XDG_SESSION_TYPE: string;
-		GOOGLE_APPLICATION_CREDENTIALS: string;
-		npm_package_dev: string;
-		npm_config_init_module: string;
-		SYSTEMD_EXEC_PID: string;
-		_: string;
-		MOTD_SHOWN: string;
-		HOME: string;
-		npm_package_peer: string;
-		LANG: string;
-		LS_COLORS: string;
-		XDG_CURRENT_DESKTOP: string;
-		npm_package_version: string;
-		MEMORY_PRESSURE_WATCH: string;
-		SWAYSOCK: string;
-		WAYLAND_DISPLAY: string;
-		npm_package_resolved: string;
-		INVOCATION_ID: string;
-		INIT_CWD: string;
-		npm_lifecycle_script: string;
-		npm_package_optional: string;
-		npm_config_npm_version: string;
-		XDG_SESSION_CLASS: string;
-		TERM: string;
-		npm_package_name: string;
-		npm_config_prefix: string;
-		USER: string;
-		NOMAD_ADDR: string;
-		DISPLAY: string;
-		npm_lifecycle_event: string;
-		SHLVL: string;
-		MOZ_ENABLE_WAYLAND: string;
-		PAGER: string;
-		XDG_VTNR: string;
-		XDG_SESSION_ID: string;
-		npm_config_user_agent: string;
-		npm_execpath: string;
-		UPDATE_ZSH_DAYS: string;
-		XDG_RUNTIME_DIR: string;
-		DEBUGINFOD_URLS: string;
-		npm_package_json: string;
-		BUN_INSTALL: string;
-		WLR_DRM_NO_MODIFIERS: string;
-		npm_config_legacy_peer_deps: string;
-		npm_config_noproxy: string;
-		PATH: string;
-		GDK_SCALE: string;
-		npm_config_node_gyp: string;
-		DBUS_SESSION_BUS_ADDRESS: string;
-		CARGO_INCREMENTAL: string;
-		npm_config_global_prefix: string;
-		MAIL: string;
-		npm_node_execpath: string;
-		OLDPWD: string;
-		GOPATH: string;
-		npm_package_engines_node: string;
-		CONSUL_HTTP_ADDR: string;
-		[key: `PUBLIC_${string}`]: undefined;
-		[key: `${string}`]: string | undefined;
-	}
-}
-
-/**
- * Similar to [`$env/dynamic/private`](https://kit.svelte.dev/docs/modules#$env-dynamic-private), but only includes variables that begin with [`config.kit.env.publicPrefix`](https://kit.svelte.dev/docs/configuration#env) (which defaults to `PUBLIC_`), and can therefore safely be exposed to client-side code.
- * 
- * Note that public dynamic environment variables must all be sent from the server to the client, causing larger network requests — when possible, use `$env/static/public` instead.
- * 
- * Dynamic environment variables cannot be used during prerendering.
- * 
- * ```ts
- * import { env } from '$env/dynamic/public';
- * console.log(env.PUBLIC_DEPLOYMENT_SPECIFIC_VARIABLE);
- * ```
- */
-declare module '$env/dynamic/public' {
-	export const env: {
-		[key: `PUBLIC_${string}`]: string | undefined;
-	}
-}
@@ -1,20 +0,0 @@
-export { matchers } from './matchers.js';
-
-export const nodes = [
-	() => import('./nodes/0'),
-	() => import('./nodes/1')
-];
-
-export const server_loads = [];
-
-export const dictionary = {
-		
-	};
-
-export const hooks = {
-	handleError: (({ error }) => { console.error(error) }),
-
-	reroute: (() => {})
-};
-
-export { default as root } from '../root.svelte';
@@ -1 +0,0 @@
-export const matchers = {};
@@ -1 +0,0 @@
-export { default as component } from "../../../../node_modules/@sveltejs/kit/src/runtime/components/layout.svelte";
@@ -1 +0,0 @@
-export { default as component } from "../../../../node_modules/@sveltejs/kit/src/runtime/components/error.svelte";
@@ -1,25 +0,0 @@
-
-// this file is generated — do not edit it
-
-
-declare module "svelte/elements" {
-	export interface HTMLAttributes<T> {
-		'data-sveltekit-keepfocus'?: true | '' | 'off' | undefined | null;
-		'data-sveltekit-noscroll'?: true | '' | 'off' | undefined | null;
-		'data-sveltekit-preload-code'?:
-			| true
-			| ''
-			| 'eager'
-			| 'viewport'
-			| 'hover'
-			| 'tap'
-			| 'off'
-			| undefined
-			| null;
-		'data-sveltekit-preload-data'?: true | '' | 'hover' | 'tap' | 'off' | undefined | null;
-		'data-sveltekit-reload'?: true | '' | 'off' | undefined | null;
-		'data-sveltekit-replacestate'?: true | '' | 'off' | undefined | null;
-	}
-}
-
-export {};
@@ -1,39 +0,0 @@
-{
-	"compilerOptions": {
-		"paths": {},
-		"rootDirs": [
-			"..",
-			"./types"
-		],
-		"verbatimModuleSyntax": true,
-		"isolatedModules": true,
-		"lib": [
-			"esnext",
-			"DOM",
-			"DOM.Iterable"
-		],
-		"moduleResolution": "bundler",
-		"module": "esnext",
-		"noEmit": true,
-		"target": "esnext"
-	},
-	"include": [
-		"ambient.d.ts",
-		"non-ambient.d.ts",
-		"./types/**/$types.d.ts",
-		"../vite.config.js",
-		"../vite.config.ts",
-		"../src/**/*.js",
-		"../src/**/*.ts",
-		"../src/**/*.svelte",
-		"../tests/**/*.js",
-		"../tests/**/*.ts",
-		"../tests/**/*.svelte"
-	],
-	"exclude": [
-		"../node_modules/**",
-		"../src/service-worker.js",
-		"../src/service-worker.ts",
-		"../src/service-worker.d.ts"
-	]
-}
@@ -1,3 +0,0 @@
-{
-  "recommendations": ["svelte.svelte-vscode"]
-}
@@ -1,47 +0,0 @@
-# Svelte + Vite
-
-This template should help get you started developing with Svelte in Vite.
-
-## Recommended IDE Setup
-
-[VS Code](https://code.visualstudio.com/) + [Svelte](https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode).
-
-## Need an official Svelte framework?
-
-Check out [SvelteKit](https://github.com/sveltejs/kit#readme), which is also powered by Vite. Deploy anywhere with its serverless-first approach and adapt to various platforms, with out of the box support for TypeScript, SCSS, and Less, and easily-added support for mdsvex, GraphQL, PostCSS, Tailwind CSS, and more.
-
-## Technical considerations
-
-**Why use this over SvelteKit?**
-
- It brings its own routing solution which might not be preferable for some users.
- It is first and foremost a framework that just happens to use Vite under the hood, not a Vite app.
-
-This template contains as little as possible to get started with Vite + Svelte, while taking into account the developer experience with regards to HMR and intellisense. It demonstrates capabilities on par with the other `create-vite` templates and is a good starting point for beginners dipping their toes into a Vite + Svelte project.
-
-Should you later need the extended capabilities and extensibility provided by SvelteKit, the template has been structured similarly to SvelteKit so that it is easy to migrate.
-
-**Why `global.d.ts` instead of `compilerOptions.types` inside `jsconfig.json` or `tsconfig.json`?**
-
-Setting `compilerOptions.types` shuts out all other types not explicitly listed in the configuration. Using triple-slash references keeps the default TypeScript setting of accepting type information from the entire workspace, while also adding `svelte` and `vite/client` type information.
-
-**Why include `.vscode/extensions.json`?**
-
-Other templates indirectly recommend extensions via the README, but this file allows VS Code to prompt the user to install the recommended extension upon opening the project.
-
-**Why enable `checkJs` in the JS template?**
-
-It is likely that most cases of changing variable types in runtime are likely to be accidental, rather than deliberate. This provides advanced typechecking out of the box. Should you like to take advantage of the dynamically-typed nature of JavaScript, it is trivial to change the configuration.
-
-**Why is HMR not preserving my local component state?**
-
-HMR state preservation comes with a number of gotchas! It has been disabled by default in both `svelte-hmr` and `@sveltejs/vite-plugin-svelte` due to its often surprising behavior. You can read the details [here](https://github.com/sveltejs/svelte-hmr/tree/master/packages/svelte-hmr#preservation-of-local-state).
-
-If you have state that's important to retain within a component, consider creating an external store which would not be replaced by HMR.
-
-```js
-// store.js
-// An extremely simple external store
-import { writable } from 'svelte/store'
-export default writable(0)
-```
@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + Svelte</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.js"></script>
-  </body>
-</html>
@@ -1,32 +0,0 @@
-{
-  "compilerOptions": {
-    "moduleResolution": "bundler",
-    "target": "ESNext",
-    "module": "ESNext",
-    /**
-     * svelte-preprocess cannot figure out whether you have
-     * a value or a type, so tell TypeScript to enforce using
-     * `import type` instead of `import` for Types.
-     */
-    "verbatimModuleSyntax": true,
-    "isolatedModules": true,
-    "resolveJsonModule": true,
-    /**
-     * To have warnings / errors of the Svelte compiler at the
-     * correct position, enable source maps by default.
-     */
-    "sourceMap": true,
-    "esModuleInterop": true,
-    "skipLibCheck": true,
-    /**
-     * Typecheck JS in `.svelte` and `.js` files by default.
-     * Disable this if you'd like to use dynamic types.
-     */
-    "checkJs": true
-  },
-  /**
-   * Use global.d.ts instead of compilerOptions.types
-   * to avoid limiting type declarations.
-   */
-  "include": ["src/**/*.d.ts", "src/**/*.js", "src/**/*.svelte"]
-}
@@ -1,63 +0,0 @@
-{
-  "name": "app-viewer-bundle",
-  "private": true,
-  "version": "0.0.0",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "preview": "vite preview"
-  },
-  "devDependencies": {
-    "@floating-ui/core": "^1.3.1",
-    "@hey-api/openapi-ts": "^0.43.0",
-    "@playwright/test": "^1.34.3",
-    "@rgossiaux/svelte-headlessui": "^2.0.0",
-    "@sveltejs/vite-plugin-svelte": "^3.0.0",
-    "@tailwindcss/forms": "^0.5.3",
-    "@tailwindcss/typography": "^0.5.8",
-    "@types/d3": "^7.4.0",
-    "@types/d3-zoom": "^3.0.3",
-    "@types/lodash": "^4.14.195",
-    "@types/node": "^20.3.3",
-    "@types/vscode": "^1.83.5",
-    "@typescript-eslint/eslint-plugin": "^5.59.8",
-    "@typescript-eslint/parser": "^5.60.0",
-    "@zerodevx/svelte-toast": "^0.9.5",
-    "autoprefixer": "^10.4.13",
-    "cssnano": "^6.0.1",
-    "d3-dag": "^0.11.5",
-    "eslint": "^8.47.0",
-    "eslint-config-prettier": "^8.6.0",
-    "eslint-plugin-svelte": "^2.33.1",
-    "path-browserify": "^1.0.1",
-    "postcss": "^8.4.24",
-    "postcss-load-config": "^4.0.1",
-    "prettier": "^2.8.8",
-    "prettier-plugin-svelte": "^2.10.1",
-    "simple-svelte-autocomplete": "^2.5.1",
-    "style-to-object": "^0.4.1",
-    "stylelint-config-recommended": "^13.0.0",
-    "svelte": "^4.0.0",
-    "svelte-awesome-color-picker": "^3.0.4",
-    "svelte-check": "^3.4.3",
-    "svelte-floating-ui": "^1.5.8",
-    "svelte-highlight": "^7.6.0",
-    "svelte-multiselect": "^10.0.0",
-    "svelte-popperjs": "^1.3.2",
-    "svelte-preprocess": "^5.0.1",
-    "svelte-range-slider-pips": "^2.3.1",
-    "svelte-splitpanes": "0.8.0",
-    "tailwindcss": "^3.4.1",
-    "tslib": "^2.6.1",
-    "typescript": "^5.1.3",
-    "vite": "^5",
-    "vite-plugin-circular-dependency": "^0.2.1",
-    "vite-plugin-mkcert": "^1.17.5",
-    "yootils": "^0.3.1"
-  },
-  "dependencies": {
-    "vite-plugin-css-injected-by-js": "^3.5.1",
-    "windmill-components": "^1.377.2"
-  }
-}
@@ -0,0 +1,8 @@
+export default {
+  plugins: {
+    "postcss-import": {},
+    "tailwindcss/nesting": "postcss-nesting",
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
@@ -1,165 +0,0 @@
-import AppPreview from "windmill-components/components/apps/editor/AppPreview.svelte";
-// import "./app.css";
-
-globalThis.render = (workspace) => {
-  new AppPreview({
-    target: document.getElementById("app"),
-    props: {
-      app: {
-        grid: [
-          {
-            3: {
-              fixed: true,
-              x: 0,
-              y: 0,
-              fullHeight: false,
-              w: 6,
-              h: 2,
-            },
-            12: {
-              fixed: true,
-              x: 0,
-              y: 0,
-              fullHeight: false,
-              w: 12,
-              h: 2,
-            },
-            data: {
-              type: "containercomponent",
-              configuration: {},
-              customCss: {
-                container: {
-                  class: "!p-0",
-                  style: "",
-                },
-              },
-              actions: [],
-              numberOfSubgrids: 1,
-              id: "topbar",
-            },
-            id: "topbar",
-          },
-          {
-            3: {
-              fixed: false,
-              x: 0,
-              y: 2,
-              fullHeight: false,
-              w: 3,
-              h: 10,
-            },
-            12: {
-              fixed: false,
-              x: 0,
-              y: 2,
-              fullHeight: false,
-              w: 6,
-              h: 10,
-            },
-            data: {
-              type: "aggridcomponent",
-              configuration: {
-                columnDefs: {
-                  type: "static",
-                  value: [
-                    {
-                      field: "id",
-                      flex: 1,
-                    },
-                    {
-                      field: "name",
-                      editable: true,
-                      flex: 1,
-                    },
-                    {
-                      field: "age",
-                      flex: 1,
-                    },
-                  ],
-                },
-                flex: {
-                  type: "static",
-                  value: true,
-                },
-                allEditable: {
-                  type: "static",
-                  value: false,
-                },
-                multipleSelectable: {
-                  type: "static",
-                  value: false,
-                },
-                rowMultiselectWithClick: {
-                  type: "static",
-                  value: true,
-                },
-                pagination: {
-                  type: "static",
-                  value: false,
-                },
-                selectFirstRowByDefault: {
-                  type: "static",
-                  value: true,
-                },
-                extraConfig: {
-                  type: "static",
-                  value: {},
-                },
-                compactness: {
-                  type: "static",
-                  value: "normal",
-                },
-                wrapActions: {
-                  type: "static",
-                  value: false,
-                },
-                footer: {
-                  type: "static",
-                  value: true,
-                },
-                customActionsHeader: {
-                  type: "static",
-                },
-              },
-              componentInput: {
-                type: "static",
-                fieldType: "array",
-                subFieldType: "object",
-                value: [
-                  {
-                    id: 1,
-                    name: "A cell with a long name",
-                    age: 42,
-                  },
-                  {
-                    id: 2,
-                    name: "A briefer cell",
-                    age: 84,
-                  },
-                ],
-              },
-              customCss: {
-                container: {
-                  class: "",
-                  style: "",
-                },
-              },
-              actions: [],
-              id: "a",
-            },
-            id: "a",
-          },
-        ],
-        fullscreen: false,
-        unusedInlineScripts: [],
-        hiddenInlineScripts: [],
-        theme: undefined,
-      },
-      author: "",
-    },
-  });
-};
-
-if (import.meta.env.DEV) {
-  globalThis.render("foo");
-}
@@ -1,2 +0,0 @@
-/// <reference types="svelte" />
-/// <reference types="vite/client" />
@@ -1,7 +0,0 @@
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
-
-export default {
-  // Consult https://svelte.dev/docs#compile-time-svelte-preprocess
-  // for more information about preprocessors
-  preprocess: vitePreprocess(),
-}
@@ -0,0 +1,950 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};
+
+const plugin = require("tailwindcss/plugin");
+
+const lightTheme = {
+  surface: "#ffffff",
+  surfaceSecondary: "#f3f4f6",
+  surfaceHover: "#e5e7eb",
+  surfaceDisabled: "#f9fafb",
+  surfaceSelected: "#d1d5db",
+
+  textPrimary: "#2d3748",
+  textSecondary: "#4a5568",
+  textTertiary: "#505c70",
+  textDisabled: "#a0aec0",
+
+  border: "#ddd",
+  borderHover: "#ccc",
+};
+
+const lightThemeRgb = makeRgb(lightTheme);
+
+const darkTheme = {
+  surface: "#2e3440",
+  surfaceSecondary: "#3b4252",
+  surfaceHover: "#454F64",
+  surfaceDisabled: "#212732",
+  surfaceSelected: "#434c5e",
+
+  textPrimary: "#EEEEEE",
+  textSecondary: "#C2C9D1",
+  textTertiary: "#A8AEB7",
+  textDisabled: "#989DA5",
+
+  border: "#3e4c60",
+  borderHover: "#3e4c60",
+};
+
+const darkThemeRgb = makeRgb(darkTheme);
+
+function makeRgb(theme) {
+  return Object.fromEntries(
+    Object.entries(theme).map(([key, value]) => {
+      if (typeof value === "string" && value.startsWith("#")) {
+        return [key, hexToRgb(value)];
+      }
+
+      return [key, value];
+    })
+  );
+}
+
+function hexToRgb(hex) {
+  // Remove '#' symbol from the beginning of the hex value
+  hex = hex.replace("#", "");
+
+  // Convert the hex value to decimal
+  const r = parseInt(hex.substring(0, 2), 16);
+  const g = parseInt(hex.substring(2, 4), 16);
+  const b = parseInt(hex.substring(4, 6), 16);
+
+  // Return the RGB string format
+  return `${r} ${g} ${b}`;
+}
+
+/** @type {import('tailwindcss').Config} */
+const config = {
+  content: [
+    "./src/**/*.{html,js,svelte,ts}",
+    "./node_modules/windmill-components/**/*.{html,js,svelte,ts}",
+  ],
+  safelist: [
+    "hljs",
+    "splitpanes__pane",
+    "splitpanes__splitter",
+    "wm-tab",
+    "autocomplete-list",
+    "autocomplete-list-item",
+    "autocomplete-list-item-create",
+    "selected",
+    "wm-tab-selected",
+    ...(process.env.NODE_ENV === "production"
+      ? [
+          { pattern: /^m(\w?)-.*$/ },
+          { pattern: /^p(\w?)-.*$/ },
+          { pattern: /^rounded-.*$/ },
+          { pattern: /^shadow-.*$/, variants: ["hover"] },
+          { pattern: /^text-[^/]*$/, variants: ["hover", "active", "focus"] },
+          { pattern: /^bg-[^/]*$/, variants: ["hover", "active", "focus"] },
+          { pattern: /^border-[^/]*$/, variants: ["hover", "active", "focus"] },
+          { pattern: /^ring-[^/]*$/, variants: ["hover", "active", "focus"] },
+        ]
+      : []),
+  ],
+  theme: {
+    colors: {
+      current: "currentcolor",
+      transparent: "transparent",
+      white: "#ffffff",
+      black: "#000000",
+      slate: {
+        50: "#f8fafc",
+        100: "#f1f5f9",
+        200: "#e2e8f0",
+        300: "#cbd5e1",
+        400: "#94a3b8",
+        500: "#64748b",
+        600: "#475569",
+        700: "#334155",
+        800: "#1e293b",
+        900: "#0f172a",
+      },
+      zinc: {
+        50: "#fafafa",
+        100: "#f4f4f5",
+        200: "#e4e4e7",
+        300: "#d4d4d8",
+        400: "#a1a1aa",
+        500: "#71717a",
+        600: "#52525b",
+        700: "#3f3f46",
+        800: "#27272a",
+        900: "#18181b",
+      },
+      neutral: {
+        50: "#fafafa",
+        100: "#f5f5f5",
+        200: "#e5e5e5",
+        300: "#d4d4d4",
+        400: "#a3a3a3",
+        500: "#737373",
+        600: "#525252",
+        700: "#404040",
+        800: "#262626",
+        900: "#171717",
+      },
+      stone: {
+        50: "#fafaf9",
+        100: "#f5f5f4",
+        200: "#e7e5e4",
+        300: "#d6d3d1",
+        400: "#a8a29e",
+        500: "#78716c",
+        600: "#57534e",
+        700: "#44403c",
+        800: "#292524",
+        900: "#1c1917",
+      },
+      orange: {
+        50: "#fff7ed",
+        100: "#ffedd5",
+        200: "#fed7aa",
+        300: "#fdba74",
+        400: "#fb923c",
+        500: "#f97316",
+        600: "#ea580c",
+        700: "#c2410c",
+        800: "#9a3412",
+        900: "#7c2d12",
+      },
+      amber: {
+        50: "#fffbeb",
+        100: "#fef3c7",
+        200: "#fde68a",
+        300: "#fcd34d",
+        400: "#fbbf24",
+        500: "#f59e0b",
+        600: "#d97706",
+        700: "#b45309",
+        800: "#92400e",
+        900: "#78350f",
+      },
+      lime: {
+        50: "#f7fee7",
+        100: "#ecfccb",
+        200: "#d9f99d",
+        300: "#bef264",
+        400: "#a3e635",
+        500: "#84cc16",
+        600: "#65a30d",
+        700: "#4d7c0f",
+        800: "#3f6212",
+        900: "#365314",
+      },
+      emerald: {
+        50: "#ecfdf5",
+        100: "#d1fae5",
+        200: "#a7f3d0",
+        300: "#6ee7b7",
+        400: "#34d399",
+        500: "#10b981",
+        600: "#059669",
+        700: "#047857",
+        800: "#065f46",
+        900: "#064e3b",
+      },
+      teal: {
+        50: "#f0fdfa",
+        100: "#ccfbf1",
+        200: "#99f6e4",
+        300: "#5eead4",
+        400: "#2dd4bf",
+        500: "#14b8a6",
+        600: "#0d9488",
+        700: "#0f766e",
+        800: "#115e59",
+        900: "#134e4a",
+      },
+      cyan: {
+        50: "#ecfeff",
+        100: "#cffafe",
+        200: "#a5f3fc",
+        300: "#67e8f9",
+        400: "#22d3ee",
+        500: "#06b6d4",
+        600: "#0891b2",
+        700: "#0e7490",
+        800: "#155e75",
+        900: "#164e63",
+      },
+      sky: {
+        50: "#f0f9ff",
+        100: "#e0f2fe",
+        200: "#bae6fd",
+        300: "#7dd3fc",
+        400: "#38bdf8",
+        500: "#0ea5e9",
+        600: "#0284c7",
+        700: "#0369a1",
+        800: "#075985",
+        900: "#0c4a6e",
+      },
+      violet: {
+        50: "#f5f3ff",
+        100: "#ede9fe",
+        200: "#ddd6fe",
+        300: "#c4b5fd",
+        400: "#a78bfa",
+        500: "#8b5cf6",
+        600: "#7c3aed",
+        700: "#6d28d9",
+        800: "#5b21b6",
+        900: "#4c1d95",
+      },
+      purple: {
+        50: "#faf5ff",
+        100: "#f3e8ff",
+        200: "#e9d5ff",
+        300: "#d8b4fe",
+        400: "#c084fc",
+        500: "#a855f7",
+        600: "#9333ea",
+        700: "#7e22ce",
+        800: "#6b21a8",
+        900: "#581c87",
+      },
+      fuchsia: {
+        50: "#fdf4ff",
+        100: "#fae8ff",
+        200: "#f5d0fe",
+        300: "#f0abfc",
+        400: "#e879f9",
+        500: "#d946ef",
+        600: "#c026d3",
+        700: "#a21caf",
+        800: "#86198f",
+        900: "#701a75",
+      },
+      pink: {
+        50: "#fdf2f8",
+        100: "#fce7f3",
+        200: "#fbcfe8",
+        300: "#f9a8d4",
+        400: "#f472b6",
+        500: "#ec4899",
+        600: "#db2777",
+        700: "#be185d",
+        800: "#9d174d",
+        900: "#831843",
+      },
+      rose: {
+        50: "#fff1f2",
+        100: "#ffe4e6",
+        200: "#fecdd3",
+        300: "#fda4af",
+        400: "#fb7185",
+        500: "#f43f5e",
+        600: "#e11d48",
+        700: "#be123c",
+        800: "#9f1239",
+        900: "#881337",
+      },
+      gray: {
+        50: "#f9fafb",
+        100: "#f3f4f6",
+        200: "#e5e7eb",
+        300: "#d1d5db",
+        400: "#9ca3af",
+        500: "#6b7280",
+        600: "#4b5563",
+        700: "#374151",
+        800: "#1f2937",
+        900: "#111827",
+      },
+      red: {
+        50: "#fef2f2",
+        100: "#fee2e2",
+        200: "#fecaca",
+        300: "#fca5a5",
+        400: "#f87171",
+        500: "#ef4444",
+        600: "#dc2626",
+        700: "#b91c1c",
+        800: "#991b1b",
+        900: "#7f1d1d",
+      },
+      orange: {
+        100: "#ffedd5",
+        200: "#ffedd5",
+        300: "#FDC089",
+        400: "#fb923c",
+        500: "#f97316",
+        600: "#ea580c",
+        700: "#c2410c",
+        800: "#c2410c",
+      },
+      yellow: {
+        50: "#fefce8",
+        100: "#fef9c3",
+        200: "#fef08a",
+        300: "#fde047",
+        400: "#facc15",
+        500: "#eab308",
+        600: "#ca8a04",
+        700: "#a16207",
+        800: "#854d0e",
+        900: "#713f12",
+      },
+      green: {
+        50: "#f0fdf4",
+        100: "#dcfce7",
+        200: "#bbf7d0",
+        300: "#86efac",
+        400: "#4ade80",
+        500: "#22c55e",
+        600: "#16a34a",
+        700: "#15803d",
+        800: "#166534",
+        900: "#14532d",
+      },
+      blue: {
+        50: "#eff6ff",
+        100: "#dbeafe",
+        200: "#bfdbfe",
+        300: "#93c5fd",
+        400: "#60a5fa",
+        500: "#3b82f6",
+        600: "#2563eb",
+        700: "#1d4ed8",
+        800: "#1e40af",
+        900: "#1e3a8a",
+      },
+
+      indigo: {
+        50: "#eef2ff",
+        100: "#e0e7ff",
+        200: "#c7d2fe",
+        300: "#a5b4fc",
+        400: "#818cf8",
+        500: "#6366f1",
+        600: "#4f46e5",
+        700: "#4338ca",
+        800: "#3730a3",
+        900: "#312e81",
+      },
+      frost: {
+        50: "#f5f7fa",
+        100: "#eaeef4",
+        200: "#cfd9e8",
+        300: "#a6bad3",
+        400: "#7594bb",
+        500: "#5e81ac",
+        600: "#415f88",
+        700: "#364d6e",
+        800: "#2f425d",
+        900: "#2b394f",
+        950: "#1d2534",
+      },
+      marine: {
+        50: "#E9E9F4",
+        100: "#859AC7",
+        200: "#586F9E",
+        300: "#4A5F8A",
+        400: "#394A6D",
+        500: "#323F5B",
+      },
+      surface: "rgb(var(--color-surface) / <alpha-value>)",
+      "surface-secondary":
+        "rgb(var(--color-surface-secondary) / <alpha-value>)",
+      "surface-hover": "rgb(var(--color-surface-hover) / <alpha-value>)",
+      "surface-disabled": "rgb(var(--color-surface-disabled) / <alpha-value>)",
+      "surface-selected": "rgb(var(--color-surface-selected) / <alpha-value>)",
+
+      primary: "rgb(var(--color-text-primary) / <alpha-value>)",
+      secondary: "rgb(var(--color-text-secondary) / <alpha-value>)",
+      tertiary: "rgb(var(--color-text-tertiary) / <alpha-value>)",
+      disabled: "rgb(var(--color-text-disabled) / <alpha-value>)",
+
+      "surface-inverse": "rgb(var(--color-surface-inverse) / <alpha-value>)",
+      "surface-secondary-inverse":
+        "rgb(var(--color-surface-secondary-inverse) / <alpha-value>)",
+      "surface-hover-inverse":
+        "rgb(var(--color-surface-hover-inverse) / <alpha-value>)",
+      "surface-disabled-inverse":
+        "rgb(var(--color-surface-disabled-inverse) / <alpha-value>)",
+      "surface-selected-inverse":
+        "rgb(var(--color-surface-selected-inverse) / <alpha-value>)",
+
+      "primary-inverse":
+        "rgb(var(--color-text-primary-inverse) / <alpha-value>)",
+      "secondary-inverse":
+        "rgb(var(--color-text-secondary-inverse) / <alpha-value>)",
+      "tertiary-inverse":
+        "rgb(var(--color-text-tertiary-inverse) / <alpha-value>)",
+      "disabled-inverse":
+        "rgb(var(--color-text-disabled-inverse) / <alpha-value>)",
+    },
+    fontFamily: {
+      // add double quotes if there is space in font name
+      main: ["Inter", "sans-serif"],
+      mono: [
+        "ui-monospace",
+        "SFMono-Regular",
+        "Menlo",
+        "Monaco",
+        "Consolas",
+        '"Liberation Mono"',
+        '"Courier New"',
+        "monospace",
+      ],
+    },
+    extend: {
+      border: {
+        color: "red",
+      },
+      borderRadius: {
+        component: "0.250rem",
+      },
+      maxHeight: {
+        "1/2": "50vh",
+        "2/3": "66vh",
+        "3/4": "75vh",
+      },
+      minWidth: {
+        "1/4": "25%",
+        "1/3": "33%",
+        "1/2": "50%",
+        "2/3": "66%",
+        "3/4": "75%",
+      },
+      minHeight: {
+        "1/2": "50vh",
+      },
+      height: {
+        "2/3": "66vh",
+      },
+      transitionProperty: {
+        height: "height",
+      },
+      fontSize: {
+        "2xs": "0.7rem",
+      },
+      screens: {
+        fhd: "1900px",
+        qhd: "2500px",
+        "4k": "3800px",
+      },
+      animation: {
+        "spin-counter-clockwise": "spin-counter-clockwise 1s linear infinite",
+      },
+      keyframes: {
+        "spin-counter-clockwise": {
+          to: { transform: "rotate(-360deg)" },
+        },
+      },
+    },
+  },
+
+  plugins: [
+    require("@tailwindcss/forms"),
+    require("@tailwindcss/typography"),
+    // scopedPreflightStyles({
+    //   isolationStrategy: isolateInsideOfContainer("#windmill-app"),
+    // }),
+    plugin(({ addBase, addComponents, addUtilities, theme }) => {
+      addBase({
+        fontFamily: theme("fontFamily.main"),
+        fontSize: theme("fontSize.base"),
+        fontWeight: theme("fontWeight.normal"),
+
+        backgroundColor: "rgb(var(--color-surface) / <alpha-value>)",
+        color: lightTheme.textPrimary,
+        "--color-surface": lightThemeRgb.surface,
+        "--color-surface-secondary": lightThemeRgb.surfaceSecondary,
+        "--color-surface-hover": lightThemeRgb.surfaceHover,
+        "--color-surface-disabled": lightThemeRgb.surfaceDisabled,
+        "--color-surface-selected": lightThemeRgb.surfaceSelected,
+
+        "--color-text-primary": lightThemeRgb.textPrimary,
+        "--color-text-secondary": lightThemeRgb.textSecondary,
+        "--color-text-tertiary": lightThemeRgb.textTertiary,
+        "--color-text-disabled": lightThemeRgb.textDisabled,
+
+        "--color-surface-inverse": darkThemeRgb.surface,
+        "--color-surface-secondary-inverse": darkThemeRgb.surfaceSecondary,
+        "--color-surface-hover-inverse": darkThemeRgb.surfaceHover,
+        "--color-surface-disabled-inverse": darkThemeRgb.surfaceDisabled,
+        "--color-surface-selected-inverse": darkThemeRgb.surfaceSelected,
+
+        "--color-text-primary-inverse": darkThemeRgb.textPrimary,
+        "--color-text-secondary-inverse": darkThemeRgb.textSecondary,
+        "--color-text-tertiary-inverse": darkThemeRgb.textTertiary,
+        "--color-text-disabled-inverse": darkThemeRgb.textDisabled,
+
+        "--color-border": lightThemeRgb.border,
+        "--color-border-hover": lightThemeRgb.borderHover,
+
+        "--vscode-editorSuggestWidget-background": "#f3f3f3",
+        "--vscode-editorHoverWidget-foreground": "#616161",
+        "--vscode-editorHoverWidget-border": "#c8c8c8",
+        "--vscode-editorHoverWidget-statusBarBackground": "#e7e7e7",
+        "--vscode-editorSuggestWidget-foreground": "#eeffff",
+        "--vscode-editorSuggestWidget-highlightForeground": "#80cbc4",
+        "--vscode-editorSuggestWidget-selectedBackground":
+          "rgba(0, 0, 0, 0.31)",
+
+        [`@media (min-width: ${theme("screens.qhd")})`]: {
+          fontSize: theme("fontSize.lg"),
+        },
+
+        "&.dark": {
+          backgroundColor: darkTheme.surface,
+          color: darkTheme.textPrimary,
+
+          "--color-surface": darkThemeRgb.surface,
+          "--color-surface-secondary": darkThemeRgb.surfaceSecondary,
+          "--color-surface-hover": darkThemeRgb.surfaceHover,
+          "--color-surface-disabled": darkThemeRgb.surfaceDisabled,
+          "--color-surface-selected": darkThemeRgb.surfaceSelected,
+
+          "--color-text-primary": darkThemeRgb.textPrimary,
+          "--color-text-secondary": darkThemeRgb.textSecondary,
+          "--color-text-tertiary": darkThemeRgb.textTertiary,
+          "--color-text-disabled": darkThemeRgb.textDisabled,
+
+          "--color-surface-inverse": lightThemeRgb.surface,
+          "--color-surface-secondary-inverse": lightThemeRgb.surfaceSecondary,
+          "--color-surface-hover-inverse": lightThemeRgb.surfaceHover,
+          "--color-surface-disabled-inverse": lightThemeRgb.surfaceDisabled,
+          "--color-surface-selected-inverse": lightThemeRgb.surfaceSelected,
+
+          "--color-text-primary-inverse": lightThemeRgb.textPrimary,
+          "--color-text-secondary-inverse": lightThemeRgb.textSecondary,
+          "--color-text-tertiary-inverse": lightThemeRgb.textTertiary,
+          "--color-text-disabled-inverse": lightThemeRgb.textDisabled,
+
+          "--color-border": darkThemeRgb.border,
+          "--color-border-hover": darkThemeRgb.borderHover,
+
+          "--vscode-editorSuggestWidget-background": "#252526",
+          "--vscode-editorHoverWidget-foreground": "#cccccc",
+          "--vscode-editorHoverWidget-border": "#454545",
+          "--vscode-editorHoverWidget-statusBarBackground": "#2c2c2d",
+        },
+
+        h1: {
+          fontSize: "24px",
+          fontWeight: theme("fontWeight.extrabold"),
+          lineHeight: "1.05",
+          [`@media (min-width: ${theme("screens.lg")})`]: {
+            fontSize: "26px",
+          },
+          [`@media (min-width: ${theme("screens.fhd")})`]: {
+            fontSize: "29px",
+          },
+          [`@media (min-width: ${theme("screens.qhd")})`]: {
+            fontSize: "34px",
+          },
+        },
+        h2: {
+          fontSize: "20px",
+          fontWeight: theme("fontWeight.extrabold"),
+          lineHeight: "1.1",
+          [`@media (min-width: ${theme("screens.fhd")})`]: {
+            fontSize: "22px",
+          },
+          [`@media (min-width: ${theme("screens.qhd")})`]: {
+            fontSize: "25px",
+          },
+        },
+        mark: {
+          backgroundColor: theme("colors.yellow.200"),
+          borderRadius: theme("borderRadius.sm"),
+        },
+        h3: {
+          fontSize: "18px",
+          fontWeight: theme("fontWeight.bold"),
+          lineHeight: "1.2",
+          [`@media (min-width: ${theme("screens.fhd")})`]: {
+            fontSize: "20px",
+          },
+          [`@media (min-width: ${theme("screens.qhd")})`]: {
+            fontSize: "22px",
+          },
+        },
+        h4: {
+          fontSize: "18px",
+          fontWeight: theme("fontWeight.semibold"),
+          lineHeight: "1.3",
+          [`@media (min-width: ${theme("screens.qhd")})`]: {
+            fontSize: "20px",
+          },
+        },
+        h5: {
+          fontSize: "16px",
+          fontWeight: theme("fontWeight.semibold"),
+          lineHeight: "1.5",
+          [`@media (min-width: ${theme("screens.qhd")})`]: {
+            fontSize: "18px",
+          },
+        },
+        h6: {
+          fontSize: "16px",
+          fontWeight: theme("fontWeight.medium"),
+          lineHeight: "1.5",
+          [`@media (min-width: ${theme("screens.qhd")})`]: {
+            fontSize: "18px",
+          },
+        },
+        button: {
+          fontWeight: theme("fontWeight.semibold"),
+        },
+        a: {
+          color: theme("colors.blue.500"),
+        },
+        ".dark input::placeholder": {
+          color: theme("colors.gray.400"),
+        },
+        "[type='checkbox']:checked": {
+          backgroundImage: `url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='black' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");`,
+        },
+        ".dark [type='checkbox']:checked": {
+          backgroundImage: `url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");`,
+        },
+        'input:not(.windmillapp),input[type="text"]:not(.windmillapp),input[type="email"]:not(.windmillapp),input[type="url"]:not(.windmillapp),input[type="password"]:not(.windmillapp),input[type="number"]:not(.windmillapp),input[type="date"]:not(.windmillapp),input[type="datetime-local"]:not(.windmillapp),input[type="month"]:not(.windmillapp),input[type="search"]:not(.windmillapp),input[type="tel"]:not(.windmillapp),input[type="time"]:not(.windmillapp),input[type="week"]:not(.windmillapp),textarea:not(.windmillapp):not(.monaco-mouse-cursor-text),select:not(.windmillapp)':
+          {
+            display: "block",
+            fontSize: theme("fontSize.sm"),
+            boxShadow: theme("boxShadow.sm"),
+            width: "100%",
+            padding: `${theme("spacing.1")} ${theme("spacing.2")}`,
+            border: `1px solid ${theme("colors.gray.300")}`,
+            borderRadius: theme("borderRadius.md"),
+            "&:focus": {
+              "--tw-ring-color": theme("colors.frost.100"),
+              "--tw-ring-offset-shadow":
+                "var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)",
+              "--tw-ring-shadow":
+                "var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)",
+              boxShadow:
+                "var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)",
+            },
+            "&:disabled,[disabled]": {
+              backgroundColor: theme("colors.gray.100") + " !important",
+              ".dark &": {
+                backgroundColor: theme("colors.gray.700") + " !important",
+              },
+            },
+          },
+        '.dark input:not(.windmillapp),.dark input[type="text"]:not(.windmillapp),.dark input[type="email"]:not(.windmillapp),.dark input[type="url"]:not(.windmillapp),.dark input[type="password"]:not(.windmillapp),.dark input[type="number"]:not(.windmillapp),.dark input[type="date"]:not(.windmillapp),.dark input[type="datetime-local"]:not(.windmillapp),.dark input[type="month"]:not(.windmillapp),.dark input[type="search"]:not(.windmillapp),.dark input[type="tel"]:not(.windmillapp),.dark input[type="time"]:not(.windmillapp),.dark input[type="week"]:not(.windmillapp),.dark textarea:not(.windmillapp):not(.monaco-mouse-cursor-text),.dark select:not(.windmillapp)':
+          {
+            backgroundColor: theme("colors.gray.700"),
+            color: theme("colors.gray.200"),
+            borderColor: theme("colors.gray.600"),
+            "&:focus": {
+              "--tw-ring-color": theme("colors.frost.700"),
+            },
+          },
+
+        "button:disabled,button[disabled=true],a:disabled,a[disabled=true]": {
+          pointerEvents: "none",
+          cursor: "default",
+          opacity: "0.90",
+        },
+        "pre code.hljs": {
+          padding: "0px !important",
+          fontFamily: theme("fontFamily.mono"),
+          fontSize: theme("fontSize.xs") + " !important",
+          lineHeight: theme("lineHeight.4") + " !important",
+        },
+        ".h1-textarea": {
+          fontSize: "24px !important",
+          fontWeight: `${theme("fontWeight.extrabold")} !important`,
+          lineHeight: "1.05 !important",
+          color: theme("!colors.gray.800"),
+          [`@media (min-width: ${theme("screens.lg")})`]: {
+            fontSize: "26px !important",
+          },
+          [`@media (min-width: ${theme("screens.fhd")})`]: {
+            fontSize: "29px !important",
+          },
+          [`@media (min-width: ${theme("screens.qhd")})`]: {
+            fontSize: "34px !important",
+          },
+        },
+        ".h3-textarea": {
+          fontSize: "18px !important",
+          fontWeight: `${theme("fontWeight.bold")} !important`,
+          lineHeight: "1.2 !important",
+          color: theme("!colors.gray.600"),
+          [`@media (min-width: ${theme("screens.fhd")})`]: {
+            fontSize: "20px !important",
+          },
+          [`@media (min-width: ${theme("screens.qhd")})`]: {
+            fontSize: "22px !important",
+          },
+        },
+        ".p-textarea": {
+          fontSize: "16px !important",
+          fontWeight: `${theme("fontWeight.normal")} !important`,
+          lineHeight: "1.5 !important",
+          color: theme("!colors.gray.600"),
+          [`@media (min-width: ${theme("screens.fhd")})`]: {
+            fontSize: "18px !important",
+          },
+
+          [`@media (min-width: ${theme("screens.qhd")})`]: {
+            fontSize: "20px !important",
+          },
+        },
+        input: {
+          backgroundColor: theme("colors.surface-secondary") + " !important",
+        },
+        textarea: {
+          backgroundColor: theme("colors.surface-secondary") + " !important",
+        },
+      });
+      addComponents({
+        ".table-custom": {
+          "& th": {
+            paddingTop: theme("spacing.3"),
+            paddingRight: theme("spacing.1"),
+            paddingLeft: theme("spacing.1"),
+            paddingBottom: theme("spacing.3"),
+            fontSize: theme("fontSize.sm"),
+            textAlign: "left",
+            fontWeight: theme("fontWeight.semibold"),
+            color: theme("colors.gray.900"),
+            textTransform: "capitalize",
+          },
+          ".dark & th": {
+            color: theme("colors.gray.200"),
+          },
+          "& td": {
+            paddingLeft: theme("spacing.1"),
+            paddingRight: theme("spacing.1"),
+            paddingTop: theme("spacing.2"),
+            paddingBottom: theme("spacing.2"),
+            fontSize: theme("fontSize.sm"),
+            color: theme("colors.gray.700"),
+          },
+          ".dark & td ": {
+            color: theme("colors.gray.200"),
+          },
+          "& tbody > :not([hidden]) ~ :not([hidden])": {
+            borderTop: `1px solid ${theme("colors.gray.200")}`,
+          },
+          ".dark & tbody > :not([hidden]) ~ :not([hidden])": {
+            borderTop: `1px solid ${theme("colors.gray.700")}`,
+          },
+          "& tbody > tr:hover": {
+            backgroundColor: theme("colors.gray.50"),
+          },
+          ".dark & tbody > tr:hover": {
+            backgroundColor: theme("colors.gray.800"),
+          },
+        },
+        ".commit-hash": {
+          fontSize: theme("fontSize.2xs"),
+          color: theme("colors.gray.500"),
+          backgroundColor: theme("colors.gray.200"),
+          fontFamily: theme("fontFamily.mono"),
+        },
+        ".input-error": {
+          borderColor: `${theme("colors.red.500")} !important`,
+        },
+        ".box": {
+          borderWidth: "1px",
+          borderRadius: theme("borderRadius.sm"),
+          boxShadow: theme("boxShadow.sm"),
+          padding: theme("spacing.4"),
+        },
+        ".animate-skeleton": {
+          animation: theme("animation.pulse"),
+          backgroundColor: theme("colors.blue.100"),
+          borderRadius: theme("borderRadius.DEFAULT"),
+        },
+        ".text-black-gradient": {
+          color: "transparent",
+          backgroundClip: "text",
+          backgroundImage: `linear-gradient(to right, ${theme(
+            "colors.black"
+          )}, ${theme("colors.gray.600")})`,
+        },
+        ".splitpanes__pane": {
+          backgroundColor: lightTheme.surface + " !important",
+          overflow: "auto !important",
+        },
+        ".dark .splitpanes__pane": {
+          backgroundColor: darkTheme.surface + " !important",
+          overflow: "auto !important",
+        },
+        ".splitpanes__splitter": {
+          backgroundColor: lightTheme.border + " !important",
+          margin: "0 !important",
+          border: "none !important",
+          "&::after": {
+            backgroundColor: lightTheme.border + " !important",
+            margin: "0 !important",
+            transform: "none !important",
+            transition: "opacity 200ms !important",
+            opacity: "0",
+            "--splitter-hover-size": "5px",
+            "--splitter-hover-adjustment": "-2px",
+          },
+          "&:hover::after": {
+            opacity: "1",
+            zIndex: "1001 !important",
+          },
+        },
+        ".dark .splitpanes__splitter": {
+          backgroundColor: darkTheme.border + " !important",
+          "&::after": {
+            backgroundColor: darkTheme.border + " !important",
+          },
+        },
+        ".splitpanes--vertical>.splitpanes__splitter": {
+          width: "1px !important",
+          "&::before": {
+            left: "1px !important",
+            width: "0px !important",
+            marginLeft: "0 !important",
+          },
+          "&::after": {
+            top: "0 !important",
+            height: "100% !important",
+            left: "var(--splitter-hover-adjustment) !important",
+            width: "var(--splitter-hover-size) !important",
+          },
+        },
+        ".splitpanes--horizontal>.splitpanes__splitter": {
+          height: "1px !important",
+          "&::before": {
+            top: "1px !important",
+            height: "0px !important",
+            marginTop: "0 !important",
+          },
+          "&::after": {
+            top: "var(--splitter-hover-adjustment) !important",
+            height: "var(--splitter-hover-size) !important",
+            left: "0 !important",
+            width: "100% !important",
+          },
+        },
+        // Windmill Tab classes
+
+        ".wm-tab-active": {
+          borderColor: darkTheme.border,
+          color: lightTheme.textPrimary,
+        },
+
+        ".dark .wm-tab-active": {
+          borderColor: lightTheme.border,
+          color: darkTheme.textPrimary,
+        },
+      });
+
+      addUtilities({
+        ".separator": {
+          backgroundColor: `${lightTheme.border} !important`,
+        },
+        ".dark .separator": {
+          backgroundColor: `${darkTheme.border} !important`,
+        },
+        ".center-center": {
+          display: "flex",
+          justifyContent: "center",
+          alignItems: "center",
+        },
+        ".inner-border": {
+          boxShadow: `inset 0 0 0 1px ${lightTheme.border}`,
+        },
+        ".dark .inner-border": {
+          boxShadow: `inset 0 0 0 1px ${darkTheme.border}`,
+        },
+        ".z5000": {
+          zIndex: "5000 !important",
+        },
+        ".ellipsize": {
+          overflow: "hidden",
+          whiteSpace: "nowrap",
+          textOverflow: "ellipsis",
+        },
+        /** Set the '-webkit-line-clamp' property to the desired number of lines.
+         *
+         * Eg.: `class="ellipsize-multi-line [-webkit-line-clamp:3]"`
+         */
+        ".ellipsize-multi-line": {
+          display: "-webkit-box",
+          "-webkit-box-orient": "vertical",
+          overflow: "hidden",
+        },
+        ".disabled": {
+          pointerEvents: "none",
+          cursor: "default",
+          filter: "grayscale(1)",
+        },
+        ".scrollbar-hidden": {
+          "-ms-overflow-style": "none",
+          "scrollbar-width": "none",
+          "&::-webkit-scrollbar": {
+            display: "none",
+            width: "0px",
+          },
+        },
+      });
+    }),
+  ],
+  darkMode: "class",
+  important: ".windmill-app",
+};
+
+module.exports = config;
@@ -1,14 +0,0 @@
-import { defineConfig } from "vite";
-import { svelte } from "@sveltejs/vite-plugin-svelte";
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [svelte(), cssInjectedByJsPlugin()],
-  build: {
-    lib: { entry: "src/main.js", formats: ["iife"], name: "app" },
-  },
-  define: {
-    "process.env.NODE_ENV": '"production"',
-    __pkg__: '"0.42.0"'
-  },
-});
@@ -459,7 +459,7 @@ dependencies = [
 "proc-macro2",
 "quote",
 "swc_macros_common",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -542,7 +542,7 @@ checksum = "05b1b633a2115cd122d73b955eadd9916c18c8f510ec9cd1686404c60ad1c29c"
 dependencies = [
 "async-channel 2.3.1",
 "async-executor",
- "async-io 2.3.3",
+ "async-io 2.3.4",
 "async-lock 3.4.0",
 "blocking",
 "futures-lite 2.3.0",
@@ -571,9 +571,9 @@ dependencies = [

 [[package]]
 name = "async-io"
-version = "2.3.3"
+version = "2.3.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0d6baa8f0178795da0e71bc42c9e5d13261aac7ee549853162e66a241ba17964"
+checksum = "444b0228950ee6501b3568d3c93bf1176a1fdbc3b758dcd9475046d30f4dc7e8"
 dependencies = [
 "async-lock 3.4.0",
 "cfg-if",
@@ -581,11 +581,11 @@ dependencies = [
 "futures-io",
 "futures-lite 2.3.0",
 "parking",
- "polling 3.7.2",
+ "polling 3.7.3",
 "rustix 0.38.34",
 "slab",
 "tracing",
- "windows-sys 0.52.0",
+ "windows-sys 0.59.0",
 ]

 [[package]]
@@ -635,7 +635,7 @@ checksum = "3b43422f69d8ff38f95f1b2bb76517c91589a924d1559a0e935d7c8ce0274c11"
 dependencies = [
 "proc-macro2",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -683,7 +683,7 @@ checksum = "16e62a023e7c117e27523144c5d2459f4397fcc3cab0085af8e2224f643a0193"
 dependencies = [
 "proc-macro2",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -725,7 +725,7 @@ checksum = "6e0c28dcc82d7c8ead5cb13beb15405b57b8546e93215673ff8ca0349a028107"
 dependencies = [
 "proc-macro2",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -779,9 +779,9 @@ checksum = "0c4b4d0bd25bd0b74681c0ad21497610ce1b7c91b1022cd21c80c6fbdd9476b0"

 [[package]]
 name = "aws-config"
-version = "1.5.4"
+version = "1.5.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "caf6cfe2881cb1fcbba9ae946fb9a6480d3b7a714ca84c74925014a89ef3387a"
+checksum = "4e95816a168520d72c0e7680c405a5a8c1fb6a035b4bc4b9d7b0de8e1a941697"
 dependencies = [
 "aws-credential-types",
 "aws-runtime",
@@ -799,7 +799,6 @@ dependencies = [
 "fastrand 2.1.0",
 "hex",
 "http 0.2.12",
- "hyper 0.14.30",
 "ring 0.17.8",
 "time",
 "tokio",
@@ -822,9 +821,9 @@ dependencies = [

 [[package]]
 name = "aws-runtime"
-version = "1.3.1"
+version = "1.4.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "87c5f920ffd1e0526ec9e70e50bf444db50b204395a0fa7016bbf9e31ea1698f"
+checksum = "f42c2d4218de4dcd890a109461e2f799a1a2ba3bcd2cde9af88360f5df9266c6"
 dependencies = [
 "aws-credential-types",
 "aws-sigv4",
@@ -837,6 +836,7 @@ dependencies = [
 "fastrand 2.1.0",
 "http 0.2.12",
 "http-body 0.4.6",
+ "once_cell",
 "percent-encoding",
 "pin-project-lite",
 "tracing",
@@ -845,9 +845,9 @@ dependencies = [

 [[package]]
 name = "aws-sdk-sso"
-version = "1.36.0"
+version = "1.37.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6acca681c53374bf1d9af0e317a41d12a44902ca0f2d1e10e5cb5bb98ed74f35"
+checksum = "1074e818fbe4f9169242d78448b15be8916a79daa38ea1231f2e2e10d993fcd2"
 dependencies = [
 "aws-credential-types",
 "aws-runtime",
@@ -867,9 +867,9 @@ dependencies = [

 [[package]]
 name = "aws-sdk-ssooidc"
-version = "1.37.0"
+version = "1.38.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b79c6bdfe612503a526059c05c9ccccbf6bd9530b003673cb863e547fd7c0c9a"
+checksum = "29755c51e33fa3f678598f64324a169cf4b7d3c4865d2709d4308f53366a92a4"
 dependencies = [
 "aws-credential-types",
 "aws-runtime",
@@ -889,9 +889,9 @@ dependencies = [

 [[package]]
 name = "aws-sdk-sts"
-version = "1.36.0"
+version = "1.37.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "32e6ecdb2bd756f3b2383e6f0588dc10a4e65f5d551e70a56e0bfe0c884673ce"
+checksum = "6e52dc3fd7dfa6c01a69cf3903e00aa467261639138a05b06cd92314d2c8fb07"
 dependencies = [
 "aws-credential-types",
 "aws-runtime",
@@ -1264,7 +1264,7 @@ dependencies = [
 "regex",
 "rustc-hash 1.1.0",
 "shlex",
- "syn 2.0.72",
+ "syn 2.0.74",
 "which 4.4.2",
 ]

@@ -1409,7 +1409,7 @@ dependencies = [
 "proc-macro-crate",
 "proc-macro2",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 "syn_derive",
 ]

@@ -1498,7 +1498,7 @@ checksum = "1ee891b04274a59bd38b412188e24b849617b2e45a0fd8d057deb63e7403761b"
 dependencies = [
 "proc-macro2",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -1613,9 +1613,9 @@ dependencies = [

 [[package]]
 name = "cc"
-version = "1.1.8"
+version = "1.1.10"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "504bdec147f2cc13c8b57ed9401fd8a147cc66b67ad5cb241394244f2c947549"
+checksum = "e9e8aabfac534be767c909e0690571677d49f41bd8465ae876fe043d52ba5292"
 dependencies = [
 "jobserver",
 "libc",
@@ -1717,9 +1717,9 @@ dependencies = [

 [[package]]
 name = "clap"
-version = "4.5.14"
+version = "4.5.15"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c937d4061031a6d0c8da4b9a4f98a172fc2976dfb1c19213a9cf7d0d3c837e36"
+checksum = "11d8838454fda655dafd3accb2b6e2bea645b9e4078abe84a22ceb947235c5cc"
 dependencies = [
 "clap_builder",
 "clap_derive",
@@ -1727,9 +1727,9 @@ dependencies = [

 [[package]]
 name = "clap_builder"
-version = "4.5.14"
+version = "4.5.15"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "85379ba512b21a328adf887e85f7742d12e96eb31f3ef077df4ffc26b506ffed"
+checksum = "216aec2b177652e3846684cbfe25c9964d18ec45234f0f5da5157b207ed1aab6"
 dependencies = [
 "anstream",
 "anstyle",
@@ -1746,7 +1746,7 @@ dependencies = [
 "heck 0.5.0",
 "proc-macro2",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -1946,9 +1946,9 @@ dependencies = [

 [[package]]
 name = "core-foundation-sys"
-version = "0.8.6"
+version = "0.8.7"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "06ea2b9bc92be3c2baa9334a323ebca2d6f074ff852cd1d7b11064035cd3868f"
+checksum = "773648b94d0e5d620f64f280777445740e61fe701025087ec8b57f45c791888b"

 [[package]]
 name = "cpufeatures"
@@ -2132,7 +2132,7 @@ checksum = "f46882e17999c6cc590af592290432be3bce0428cb0d5f8b6715e4dc7b383eb3"
 dependencies = [
 "proc-macro2",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -2180,7 +2180,7 @@ dependencies = [
 "proc-macro2",
 "quote",
 "strsim 0.11.1",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -2202,7 +2202,7 @@ checksum = "d336a2a514f6ccccaa3e09b02d41d35330c07ddf03a62165fcec10bb561c7806"
 dependencies = [
 "darling_core 0.20.10",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -2722,7 +2722,7 @@ dependencies = [
 "quote",
 "strum 0.25.0",
 "strum_macros 0.25.3",
- "syn 2.0.72",
+ "syn 2.0.74",
 "thiserror",
 ]

@@ -2901,7 +2901,7 @@ dependencies = [
 "proc-macro2",
 "quote",
 "rustc_version 0.4.0",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -2998,7 +2998,7 @@ checksum = "f2b99bf03862d7f545ebc28ddd33a665b50865f4dfd84031a393823879bd4c54"
 dependencies = [
 "proc-macro2",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -3154,7 +3154,7 @@ dependencies = [
 "heck 0.4.1",
 "proc-macro2",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -3174,7 +3174,7 @@ checksum = "de0d48a183585823424a4ce1aa132d174a6a81bd540895822eb4c8373a8e49e8"
 dependencies = [
 "proc-macro2",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -3285,14 +3285,14 @@ checksum = "28dea519a9695b9977216879a3ebfddf92f1c08c05d984f8996aecd6ecdc811d"

 [[package]]
 name = "filetime"
-version = "0.2.23"
+version = "0.2.24"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1ee447700ac8aa0b2f2bd7bc4462ad686ba06baa6727ac149a2d6277f0d240fd"
+checksum = "bf401df4a4e3872c4fe8151134cf483738e74b67fc934d6532c882b3d24a4550"
 dependencies = [
 "cfg-if",
 "libc",
- "redox_syscall 0.4.1",
- "windows-sys 0.52.0",
+ "libredox",
+ "windows-sys 0.59.0",
 ]

 [[package]]
@@ -3377,7 +3377,7 @@ checksum = "32016f1242eb82af5474752d00fd8ebcd9004bd69b462b1c91de833972d08ed4"
 dependencies = [
 "proc-macro2",
 "swc_macros_common",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -3405,7 +3405,7 @@ checksum = "b0fa992f1656e1707946bbba340ad244f0814009ef8c0118eb7b658395f19a2e"
 dependencies = [
 "frunk_proc_macro_helpers",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -3417,7 +3417,7 @@ dependencies = [
 "frunk_core",
 "proc-macro2",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -3429,7 +3429,7 @@ dependencies = [
 "frunk_core",
 "frunk_proc_macro_helpers",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -3553,7 +3553,7 @@ checksum = "87750cf4b7a4c0625b1529e4c543c2182106e4dedc60a2a6455e00d212c489ac"
 dependencies = [
 "proc-macro2",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -3806,7 +3806,7 @@ checksum = "53010ccb100b96a67bc32c0175f0ed1426b31b655d562898e57325f81c023ac0"
 dependencies = [
 "proc-macro2",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -4048,9 +4048,9 @@ dependencies = [

 [[package]]
 name = "hstr"
-version = "0.2.11"
+version = "0.2.12"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "be89918d912f61134036c4fd49b8db2935b49cca4cbf45b3a6738abd2c6e9f77"
+checksum = "dae404c0c5d4e95d4858876ab02eecd6a196bb8caa42050dfa809938833fc412"
 dependencies = [
 "hashbrown 0.14.5",
 "new_debug_unreachable",
@@ -4450,7 +4450,7 @@ dependencies = [
 "Inflector",
 "proc-macro2",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -4699,6 +4699,7 @@ checksum = "c0ff37bd590ca25063e35af745c343cb7a0271906fb7b37e4813e8f79f00268d"
 dependencies = [
 "bitflags 2.6.0",
 "libc",
+ "redox_syscall 0.5.3",
 ]

 [[package]]
@@ -5081,9 +5082,9 @@ dependencies = [

 [[package]]
 name = "mio"
-version = "1.0.1"
+version = "1.0.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4569e456d394deccd22ce1c1913e6ea0e54519f577285001215d33557431afe4"
+checksum = "80e04d1dcff3aae0704555fe5fee3bcfaf3d1fdf8a7e521d5b9d2b42acb52cec"
 dependencies = [
 "hermit-abi 0.3.9",
 "libc",
@@ -5109,7 +5110,7 @@ checksum = "a7ce64b975ed4f123575d11afd9491f2e37bbd5813fbfbc0f09ae1fbddea74e0"
 dependencies = [
 "proc-macro2",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -5148,7 +5149,7 @@ dependencies = [
 "proc-macro-error",
 "proc-macro2",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 "termcolor",
 "thiserror",
 ]
@@ -5561,7 +5562,7 @@ checksum = "a948666b637a0f465e8564c73e89d4dde00d72d4d473cc972f390fc3dcee7d9c"
 dependencies = [
 "proc-macro2",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -5879,7 +5880,7 @@ dependencies = [
 "phf_shared",
 "proc-macro2",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -5920,7 +5921,7 @@ checksum = "2f38a4412a78282e09a2cf38d195ea5420d15ba0602cb375210efbc877243965"
 dependencies = [
 "proc-macro2",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -5937,9 +5938,9 @@ checksum = "8b870d8c151b6f2fb93e84a13146138f05d02ed11c7e7c54f8826aaaf7c9f184"

 [[package]]
 name = "piper"
-version = "0.2.3"
+version = "0.2.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ae1d5c74c9876f070d3e8fd503d748c7d974c3e48da8f41350fa5222ef9b4391"
+checksum = "96c8c490f422ef9a4efd2cb5b42b76c8613d7e7dfc1caf667b8a3350a5acc066"
 dependencies = [
 "atomic-waker",
 "fastrand 2.1.0",
@@ -6013,9 +6014,9 @@ dependencies = [

 [[package]]
 name = "polling"
-version = "3.7.2"
+version = "3.7.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a3ed00ed3fbf728b5816498ecd316d1716eecaced9c0c8d2c5a6740ca214985b"
+checksum = "cc2790cd301dec6cd3b7a025e4815cf825724a51c98dccfe6a3e55f05ffb6511"
 dependencies = [
 "cfg-if",
 "concurrent-queue",
@@ -6023,7 +6024,7 @@ dependencies = [
 "pin-project-lite",
 "rustix 0.38.34",
 "tracing",
- "windows-sys 0.52.0",
+ "windows-sys 0.59.0",
 ]

 [[package]]
@@ -6118,7 +6119,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "5f12335488a2f3b0a83b14edad48dca9879ce89b2edd10e80237e4e852dd645e"
 dependencies = [
 "proc-macro2",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -6171,7 +6172,7 @@ checksum = "07c277e4e643ef00c1233393c673f655e3672cf7eb3ba08a00bdd0ea59139b5f"
 dependencies = [
 "proc-macro-rules-macros",
 "proc-macro2",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -6183,7 +6184,7 @@ dependencies = [
 "once_cell",
 "proc-macro2",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -6244,7 +6245,7 @@ dependencies = [
 "schemars",
 "serde",
 "serde_json",
- "syn 2.0.72",
+ "syn 2.0.74",
 "thiserror",
 "typify",
 "unicode-ident",
@@ -6264,7 +6265,7 @@ dependencies = [
 "serde_json",
 "serde_tokenstream",
 "serde_yaml",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -6307,7 +6308,7 @@ dependencies = [
 "itertools 0.12.1",
 "proc-macro2",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -6987,7 +6988,7 @@ dependencies = [
 "proc-macro2",
 "quote",
 "rust-embed-utils",
- "syn 2.0.72",
+ "syn 2.0.74",
 "walkdir",
 ]

@@ -7369,7 +7370,7 @@ dependencies = [
 "proc-macro2",
 "quote",
 "serde_derive_internals",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -7469,9 +7470,9 @@ checksum = "a3f0bf26fd526d2a95683cd0f87bf103b8539e2ca1ef48ce002d67aad59aa0b4"

 [[package]]
 name = "serde"
-version = "1.0.205"
+version = "1.0.206"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e33aedb1a7135da52b7c21791455563facbbcc43d0f0f66165b42c21b3dfb150"
+checksum = "5b3e4cd94123dd520a128bcd11e34d9e9e423e7e3e50425cb1b4b1e3549d0284"
 dependencies = [
 "serde_derive",
 ]
@@ -7510,13 +7511,13 @@ dependencies = [

 [[package]]
 name = "serde_derive"
-version = "1.0.205"
+version = "1.0.206"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "692d6f5ac90220161d6774db30c662202721e64aed9058d2c394f451261420c1"
+checksum = "fabfb6138d2383ea8208cf98ccf69cdfb1aff4088460681d84189aa259762f97"
 dependencies = [
 "proc-macro2",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -7527,14 +7528,14 @@ checksum = "18d26a20a969b9e3fdf2fc2d9f21eda6c40e2de84c9408bb5d3b05d499aae711"
 dependencies = [
 "proc-macro2",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
 name = "serde_json"
-version = "1.0.122"
+version = "1.0.124"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "784b6203951c57ff748476b126ccb5e8e2959a5c19e5c617ab1956be3dbc68da"
+checksum = "66ad62847a56b3dba58cc891acd13884b9c61138d330c0d7b6181713d4fce38d"
 dependencies = [
 "indexmap 2.3.0",
 "itoa",
@@ -7602,7 +7603,7 @@ dependencies = [
 "proc-macro2",
 "quote",
 "serde",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -7657,7 +7658,7 @@ dependencies = [
 "darling 0.20.10",
 "proc-macro2",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -8007,7 +8008,7 @@ checksum = "01b2e185515564f15375f593fb966b5718bc624ba77fe49fa4616ad619690554"
 dependencies = [
 "proc-macro2",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -8078,7 +8079,7 @@ dependencies = [
 "quote",
 "sqlx-core",
 "sqlx-macros-core",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -8101,7 +8102,7 @@ dependencies = [
 "sqlx-mysql",
 "sqlx-postgres",
 "sqlx-sqlite",
- "syn 2.0.72",
+ "syn 2.0.74",
 "tempfile",
 "tokio",
 "url",
@@ -8253,7 +8254,7 @@ dependencies = [
 "proc-macro2",
 "quote",
 "swc_macros_common",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -8307,7 +8308,7 @@ dependencies = [
 "proc-macro2",
 "quote",
 "rustversion",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -8320,7 +8321,7 @@ dependencies = [
 "proc-macro2",
 "quote",
 "rustversion",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -8439,7 +8440,7 @@ dependencies = [
 "proc-macro2",
 "quote",
 "swc_macros_common",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -8505,7 +8506,7 @@ dependencies = [
 "proc-macro2",
 "quote",
 "swc_macros_common",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -8612,7 +8613,7 @@ dependencies = [
 "proc-macro2",
 "quote",
 "swc_macros_common",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -8731,7 +8732,7 @@ checksum = "695a1d8b461033d32429b5befbf0ad4d7a2c4d6ba9cd5ba4e0645c615839e8e4"
 dependencies = [
 "proc-macro2",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -8742,7 +8743,7 @@ checksum = "91745f3561057493d2da768437c427c0e979dff7396507ae02f16c981c4a8466"
 dependencies = [
 "proc-macro2",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -8765,7 +8766,7 @@ dependencies = [
 "proc-macro2",
 "quote",
 "swc_macros_common",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -8781,9 +8782,9 @@ dependencies = [

 [[package]]
 name = "syn"
-version = "2.0.72"
+version = "2.0.74"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "dc4b9b9bf2add8093d3f2c0204471e951b2285580335de42f9d2534f3ae7a8af"
+checksum = "1fceb41e3d546d0bd83421d3409b1460cc7444cd389341a4c880fe7a042cb3d7"
 dependencies = [
 "proc-macro2",
 "quote",
@@ -8799,7 +8800,7 @@ dependencies = [
 "proc-macro-error",
 "proc-macro2",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -8822,7 +8823,7 @@ checksum = "c8af7666ab7b6390ab78131fb5b0fce11d6b7a6951602017c35fa82800708971"
 dependencies = [
 "proc-macro2",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -9066,7 +9067,7 @@ checksum = "a4558b58466b9ad7ca0f102865eccc95938dca1a74a856f2b57b6629050da261"
 dependencies = [
 "proc-macro2",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -9272,7 +9273,7 @@ dependencies = [
 "backtrace",
 "bytes",
 "libc",
- "mio 1.0.1",
+ "mio 1.0.2",
 "parking_lot",
 "pin-project-lite",
 "signal-hook-registry",
@@ -9290,7 +9291,7 @@ checksum = "693d596312e88961bc67d7f1f97af8a70227d9f90c31bba5806eec004978d752"
 dependencies = [
 "proc-macro2",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -9571,7 +9572,7 @@ checksum = "34704c8d6ebcbc939824180af020566b01a7c01f80641264eba0999f6c2b6be7"
 dependencies = [
 "proc-macro2",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -9789,7 +9790,7 @@ dependencies = [
 "regress",
 "schemars",
 "serde_json",
- "syn 2.0.72",
+ "syn 2.0.74",
 "thiserror",
 "unicode-ident",
 ]
@@ -9806,7 +9807,7 @@ dependencies = [
 "serde",
 "serde_json",
 "serde_tokenstream",
- "syn 2.0.72",
+ "syn 2.0.74",
 "typify-impl",
 ]

@@ -10009,9 +10010,9 @@ checksum = "8ecb6da28b8a351d773b68d5825ac39017e680750f980f3a1a85cd8dd28a47c1"

 [[package]]
 name = "ureq"
-version = "2.10.0"
+version = "2.10.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "72139d247e5f97a3eff96229a7ae85ead5328a39efe76f8bf5a06313d505b6ea"
+checksum = "b74fc6b57825be3373f7054754755f03ac3a8f5d70015ccad699ba2029956f4a"
 dependencies = [
 "base64 0.22.1",
 "flate2",
@@ -10199,7 +10200,7 @@ dependencies = [
 "once_cell",
 "proc-macro2",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 "wasm-bindgen-shared",
 ]

@@ -10233,7 +10234,7 @@ checksum = "e94f17b526d0a461a191c78ea52bbce64071ed5c04c9ffe424dcb38f74171bb7"
 dependencies = [
 "proc-macro2",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 "wasm-bindgen-backend",
 "wasm-bindgen-shared",
 ]
@@ -10266,7 +10267,7 @@ checksum = "b7f89739351a2e03cb94beb799d47fb2cac01759b40ec441f7de39b00cbf7ef0"
 dependencies = [
 "proc-macro2",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -10469,7 +10470,7 @@ dependencies = [
 "hmac",
 "http 1.1.0",
 "hyper 1.4.1",
- "itertools 0.13.0",
+ "itertools 0.10.5",
 "jsonwebtoken",
 "lazy_static",
 "magic-crypt",
@@ -10571,7 +10572,7 @@ dependencies = [
 "hmac",
 "hyper 1.4.1",
 "indexmap 2.3.0",
- "itertools 0.13.0",
+ "itertools 0.10.5",
 "lazy_static",
 "magic-crypt",
 "mail-send",
@@ -10655,7 +10656,7 @@ version = "1.377.1"
 dependencies = [
 "anyhow",
 "gosyn",
- "itertools 0.13.0",
+ "itertools 0.10.5",
 "lazy_static",
 "regex",
 "windmill-parser",
@@ -10678,7 +10679,7 @@ version = "1.377.1"
 dependencies = [
 "anyhow",
 "convert_case 0.6.0",
- "itertools 0.13.0",
+ "itertools 0.10.5",
 "lazy_static",
 "php-parser-rs",
 "regex",
@@ -10691,7 +10692,7 @@ name = "windmill-parser-py"
 version = "1.377.1"
 dependencies = [
 "anyhow",
- "itertools 0.13.0",
+ "itertools 0.10.5",
 "rustpython-parser",
 "serde_json",
 "windmill-parser",
@@ -10703,7 +10704,7 @@ version = "1.377.1"
 dependencies = [
 "anyhow",
 "async-recursion",
- "itertools 0.13.0",
+ "itertools 0.10.5",
 "lazy_static",
 "phf",
 "regex",
@@ -10777,7 +10778,7 @@ dependencies = [
 "futures-core",
 "hex",
 "hmac",
- "itertools 0.13.0",
+ "itertools 0.10.5",
 "lazy_static",
 "prometheus",
 "regex",
@@ -10833,7 +10834,7 @@ dependencies = [
 "gcp_auth",
 "git-version",
 "hex",
- "itertools 0.13.0",
+ "itertools 0.10.5",
 "jsonwebtoken",
 "lazy_static",
 "mappable-rc",
@@ -11141,7 +11142,7 @@ checksum = "28cc31741b18cb6f1d5ff12f5b7523e3d6eb0852bbbad19d73905511d9849b95"
 dependencies = [
 "proc-macro2",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 "synstructure",
 ]

@@ -11163,7 +11164,7 @@ checksum = "fa4f8080344d4671fb4e831a13ad1e68092748387dfc4f55e356242fae12ce3e"
 dependencies = [
 "proc-macro2",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 ]

 [[package]]
@@ -11183,7 +11184,7 @@ checksum = "0ea7b4a3637ea8669cedf0f1fd5c286a17f3de97b8dd5a70a6c167a1730e63a5"
 dependencies = [
 "proc-macro2",
 "quote",
- "syn 2.0.72",
+ "syn 2.0.74",
 "synstructure",
 ]

@@ -29,6 +29,7 @@ use sha2::{Digest, Sha256};
 use sql_builder::{bind::Bind, SqlBuilder};
 use sqlx::{types::Uuid, FromRow};
 use std::str;
+use tower_http::cors::{Any, CorsLayer};
 use windmill_audit::audit_ee::audit_log;
 use windmill_audit::ActionKind;
 use windmill_common::{
@@ -65,10 +66,24 @@ pub fn workspaced_service() -> Router {
 }

 pub fn unauthed_service() -> Router {
+    let cors = CorsLayer::new()
+        .allow_methods([http::Method::GET])
+        .allow_headers([http::header::CONTENT_TYPE, http::header::AUTHORIZATION])
+        .allow_origin(Any);
+
    Router::new()
-        .route("/execute_component/*path", post(execute_component))
-        .route("/public_app/:secret", get(get_public_app_by_secret))
-        .route("/public_resource/*path", get(get_public_resource))
+        .route(
+            "/execute_component/*path",
+            post(execute_component).layer(cors.clone()),
+        )
+        .route(
+            "/public_app/:secret",
+            get(get_public_app_by_secret).layer(cors.clone()),
+        )
+        .route(
+            "/public_resource/*path",
+            get(get_public_resource).layer(cors.clone()),
+        )
 }

 pub fn global_service() -> Router {
@@ -334,7 +334,7 @@ pub async fn run_server(
                )
                .nest(
                    "/w/:workspace_id/capture_u",
-                    capture::global_service().layer(cors),
+                    capture::global_service().layer(cors.clone()),
                )
                .nest(
                    "/auth",
@@ -346,7 +346,7 @@ pub async fn run_server(
                )
                .route("/version", get(git_v))
                .route("/uptodate", get(is_up_to_date))
-                .route("/ee_license", get(ee_license))
+                .route("/ee_license", get(ee_license).layer(cors.clone()))
                .route("/openapi.yaml", get(openapi))
                .route("/openapi.json", get(openapi_json)),
        )
@@ -44,6 +44,7 @@ use time::OffsetDateTime;
 #[cfg(feature = "enterprise")]
 use tokio::sync::RwLock;
 use tower_cookies::{Cookie, Cookies};
+use tower_http::cors::{Any, CorsLayer};
 use tracing::{Instrument, Span};
 use windmill_audit::audit_ee::{audit_log, AuditAuthor};
 use windmill_audit::ActionKind;
@@ -66,6 +67,11 @@ const COOKIE_NAME: &str = "token";
 const COOKIE_PATH: &str = "/";

 pub fn workspaced_service() -> Router {
+    let cors = CorsLayer::new()
+        .allow_methods([http::Method::GET])
+        .allow_headers([http::header::CONTENT_TYPE, http::header::AUTHORIZATION])
+        .allow_origin(Any);
+
    Router::new()
        .route("/list", get(list_users))
        .route("/list_usage", get(list_user_usage))
@@ -76,16 +82,21 @@ pub fn workspaced_service() -> Router {
        .route("/delete/:user", delete(delete_workspace_user))
        .route("/is_owner/*path", get(is_owner_of_path))
        .route("/whois/:username", get(whois))
-        .route("/whoami", get(whoami))
+        .route("/whoami", get(whoami).layer(cors))
        .route("/leave", post(leave_workspace))
        .route("/username_to_email/:username", get(username_to_email))
 }

 pub fn global_service() -> Router {
+    let cors = CorsLayer::new()
+        .allow_methods([http::Method::GET])
+        .allow_headers([http::header::CONTENT_TYPE, http::header::AUTHORIZATION])
+        .allow_origin(Any);
+
    Router::new()
        .route("/exists/:email", get(exists_email))
        .route("/email", get(get_email))
-        .route("/whoami", get(global_whoami))
+        .route("/whoami", get(global_whoami).layer(cors))
        .route("/list_invites", get(list_invites))
        .route("/decline_invite", post(decline_invite))
        .route("/accept_invite", post(accept_invite))
@@ -118,8 +129,13 @@ pub fn global_service() -> Router {
 }

 pub fn make_unauthed_service() -> Router {
+    let cors = CorsLayer::new()
+        .allow_methods([http::Method::POST])
+        .allow_headers([http::header::CONTENT_TYPE, http::header::AUTHORIZATION])
+        .allow_origin(Any);
+
    Router::new()
-        .route("/login", post(login))
+        .route("/login", post(login).layer(cors))
        .route("/logout", post(logout))
        .route("/logout", get(logout))
 }
@@ -21,6 +21,8 @@ use crate::{
    webhook_util::WebhookShared,
 };

+use tower_http::cors::{Any, CorsLayer};
+
 use axum::{
    extract::{Extension, Path, Query},
    response::IntoResponse,
@@ -124,10 +126,15 @@ pub fn workspaced_service() -> Router {
    router
 }
 pub fn global_service() -> Router {
+    let cors = CorsLayer::new()
+        .allow_methods([http::Method::GET])
+        .allow_headers([http::header::CONTENT_TYPE, http::header::AUTHORIZATION])
+        .allow_origin(Any);
+
    Router::new()
        .route("/list_as_superadmin", get(list_workspaces_as_super_admin))
        .route("/list", get(list_workspaces))
-        .route("/users", get(user_workspaces))
+        .route("/users", get(user_workspaces).layer(cors.clone()))
        .route("/create", post(create_workspace))
        .route("/exists", post(exists_workspace))
        .route("/exists_username", post(exists_username))
@@ -168,9 +175,9 @@ pub struct WorkspaceSettings {
    pub error_handler: Option<String>,
    pub error_handler_extra_args: Option<serde_json::Value>,
    pub error_handler_muted_on_cancel: Option<bool>,
-    pub large_file_storage: Option<serde_json::Value>,  // effectively: DatasetsStorage
-    pub git_sync: Option<serde_json::Value>,            // effectively: WorkspaceGitSyncSettings
-    pub deploy_ui: Option<serde_json::Value>,           // effectively: WorkspaceDeploymentUISettings
+    pub large_file_storage: Option<serde_json::Value>, // effectively: DatasetsStorage
+    pub git_sync: Option<serde_json::Value>,           // effectively: WorkspaceGitSyncSettings
+    pub deploy_ui: Option<serde_json::Value>,          // effectively: WorkspaceDeploymentUISettings
    pub default_app: Option<String>,
    pub automatic_billing: bool,
    pub default_scripts: Option<serde_json::Value>,
@@ -1071,7 +1078,6 @@ async fn edit_deploy_ui_config(
    ));
 }

-
 #[cfg(feature = "enterprise")]
 async fn edit_deploy_ui_config(
    authed: ApiAuthed,
@@ -1097,8 +1103,9 @@ async fn edit_deploy_ui_config(
    .await?;

    if let Some(deploy_ui_settings) = new_config.deploy_ui_settings {
-        let serialized_config = serde_json::to_value::<WorkspaceDeploymentUISettings>(deploy_ui_settings)
-            .map_err(|err| Error::InternalErr(err.to_string()))?;
+        let serialized_config =
+            serde_json::to_value::<WorkspaceDeploymentUISettings>(deploy_ui_settings)
+                .map_err(|err| Error::InternalErr(err.to_string()))?;

        sqlx::query!(
            "UPDATE workspace_settings SET deploy_ui = $1 WHERE workspace_id = $2",
@@ -1120,8 +1127,6 @@ async fn edit_deploy_ui_config(
    Ok(format!("Edit deployment UI config for workspace {}", &w_id))
 }

-
-
 #[derive(Deserialize)]
 pub struct EditDefaultApp {
    pub default_app_path: Option<String>,
@@ -34,7 +34,11 @@ pub async fn schedule_key_renewal(_http_client: &reqwest::Client, _db: &crate::d
 }

 #[cfg(feature = "enterprise")]
-pub async fn renew_license_key(_http_client: &reqwest::Client, _db: &crate::db::DB) -> String {
+pub async fn renew_license_key(
+    _http_client: &reqwest::Client,
+    _db: &crate::db::DB,
+    _key: Option<String>,
+) -> String {
    // Implementation is not open source
    "".to_string()
 }
@@ -42,6 +46,7 @@ pub async fn renew_license_key(_http_client: &reqwest::Client, _db: &crate::db::
 #[cfg(feature = "enterprise")]
 pub async fn create_customer_portal_session(
    _http_client: &reqwest::Client,
+    _key: Option<String>,
 ) -> error::Result<String> {
    // Implementation is not open source
    Ok("".to_string())
@@ -1,12 +1,12 @@
 {
 	"name": "windmill-components",
-	"version": "1.377.1",
+	"version": "1.377.3",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "windmill-components",
-			"version": "1.377.1",
+			"version": "1.377.3",
 			"license": "AGPL-3.0",
 			"dependencies": {
 				"@aws-crypto/sha256-js": "^4.0.0",
@@ -47,7 +47,6 @@
 				"svelte-chartjs": "^3.1.5",
 				"svelte-exmarkdown": "^3.0.5",
 				"svelte-infinite-loading": "^1.3.8",
-				"svelte-portal": "^2.2.1",
 				"svelte-tiny-virtual-list": "^2.0.5",
 				"tailwind-merge": "^1.13.2",
 				"vscode": "npm:@codingame/monaco-vscode-api@>=1.83.5 <1.84.0",
@@ -9837,11 +9836,6 @@
 				"svelte": ">=3"
 			}
 		},
-		"node_modules/svelte-portal": {
-			"version": "2.2.1",
-			"resolved": "https://registry.npmjs.org/svelte-portal/-/svelte-portal-2.2.1.tgz",
-			"integrity": "sha512-uF7is5sM4aq5iN7QF/67XLnTUvQCf2iiG/B1BHTqLwYVY1dsVmTeXZ/LeEyU6dLjApOQdbEG9lkqHzxiQtOLEQ=="
-		},
 		"node_modules/svelte-preprocess": {
 			"version": "5.1.0",
 			"resolved": "https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-5.1.0.tgz",
@@ -1,6 +1,6 @@
 {
 	"name": "windmill-components",
-	"version": "1.377.3",
+	"version": "1.377.8",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build",
@@ -128,7 +128,6 @@
 		"svelte-chartjs": "^3.1.5",
 		"svelte-exmarkdown": "^3.0.5",
 		"svelte-infinite-loading": "^1.3.8",
-		"svelte-portal": "^2.2.1",
 		"svelte-tiny-virtual-list": "^2.0.5",
 		"tailwind-merge": "^1.13.2",
 		"vscode": "npm:@codingame/monaco-vscode-api@>=1.83.5 <1.84.0",
@@ -328,9 +327,9 @@
 			"default": "./package/components/DropdownV2.svelte"
 		},
 		"./components/AppEmbed.svelte": {
-			"types": "./package/components/apps/AppEmbed.svelte.d.ts",
-			"svelte": "./package/components/apps/AppEmbed.svelte",
-			"default": "./package/components/apps/AppEmbed.svelte"
+			"types": "./package/components/AppEmbed.svelte.d.ts",
+			"svelte": "./package/components/AppEmbed.svelte",
+			"default": "./package/components/AppEmbed.svelte"
 		}
 	},
 	"files": [
@@ -90,76 +90,78 @@
 	}
 </script>

-<div
-	class="z-50 text-xs fixed bottom-1 right-2 {$enterpriseLicense && !isCloudHosted()
-		? 'transition-opacity delay-1000 duration-1000 opacity-20 hover:delay-0 hover:opacity-100'
-		: ''}"
->
-	<a href="https://windmill.dev" class="whitespace-nowrap text-tertiary inline-flex items-center"
-		>Powered by &nbsp;<WindmillIcon />&nbsp;Windmill</a
+<div class="windmil-app relative h-full w-full">
+	<div
+		class="z-50 text-xs fixed bottom-1 right-2 {$enterpriseLicense && !isCloudHosted()
+			? 'transition-opacity delay-1000 duration-1000 opacity-20 hover:delay-0 hover:opacity-100'
+			: ''}"
 	>
-</div>
-
-{#if !hideUser}
-	<div class="z-50 text-2xs text-tertiary absolute top-3 left-2"
-		>{#if $userStore}
-			<div class="flex gap-1 items-center"><User size={14} />{$userStore.username}</div>
-		{:else}<UserRoundX size={14} />{/if}
-	</div>
-{/if}
-
-{#if notExists}
-	<div class="px-4 mt-20"
-		><Alert type="error" title="Not found"
-			>There was an error loading the app, is the url correct? <a href={base}>Go to Windmill</a>
-		</Alert></div
-	>
-{:else if noPermission}
-	<div class="px-4 mt-20 w-full text-center font-bold text-xl"
-		>{#if $userStore}You are logged in but have no read access for this app{:else}You must be logged
-			in and have read access for this app{/if}</div
-	>
-	<div class="px-2 mx-auto mt-20 max-w-xl w-full">
-		<Login
-			loginPasswordRequireEEOnPublicApps
-			on:login={() => {
-				// window.location.reload()
-				loadUser().then(() => {
-					loadApp()
-				})
-				app = app
-			}}
-			popup
-			rd={window.location.href}
-		/>
-	</div>
-{:else if app}
-	{#key app}
-		<div
-			class={twMerge(
-				'min-h-screen h-full w-full',
-				app?.value?.['css']?.['app']?.['viewer']?.class,
-				'wm-app-viewer'
-			)}
-			style={app?.value?.['css']?.['app']?.['viewer']?.style}
+		<a href="https://windmill.dev" class="whitespace-nowrap text-tertiary inline-flex items-center"
+			>Powered by &nbsp;<WindmillIcon />&nbsp;Windmill</a
 		>
-			<AppPreview
-				noBackend={false}
-				username={$userStore?.username ?? 'anonymous'}
-				email={$userStore?.email ?? 'anonymous'}
-				groups={$userStore?.groups ?? []}
-				{workspace}
-				summary={app.summary}
-				app={app.value}
-				appPath={app.path}
-				{breakpoint}
-				author={app.policy.on_behalf_of_email ?? ''}
-				isEditor={false}
-				{replaceStateFn}
-				{gotoFn}
+	</div>
+
+	{#if !hideUser}
+		<div class="z-50 text-2xs text-tertiary absolute top-3 left-2"
+			>{#if $userStore}
+				<div class="flex gap-1 items-center"><User size={14} />{$userStore.username}</div>
+			{:else}<UserRoundX size={14} />{/if}
+		</div>
+	{/if}
+
+	{#if notExists}
+		<div class="px-4 mt-20"
+			><Alert type="error" title="Not found"
+				>There was an error loading the app, is the url correct? <a href={base}>Go to Windmill</a>
+			</Alert></div
+		>
+	{:else if noPermission}
+		<div class="px-4 mt-20 w-full text-center font-bold text-xl"
+			>{#if $userStore}You are logged in but have no read access for this app{:else}You must be
+				logged in and have read access for this app{/if}</div
+		>
+		<div class="px-2 mx-auto mt-20 max-w-xl w-full">
+			<Login
+				loginPasswordRequireEEOnPublicApps
+				on:login={() => {
+					// window.location.reload()
+					loadUser().then(() => {
+						loadApp()
+					})
+					app = app
+				}}
+				popup
+				rd={window.location.href}
 			/>
 		</div>
-	{/key}
-{:else}
-	<Skeleton layout={[[4], 0.5, [50]]} />
-{/if}
+	{:else if app}
+		{#key app}
+			<div
+				class={twMerge(
+					'min-h-screen h-full w-full',
+					app?.value?.['css']?.['app']?.['viewer']?.class,
+					'wm-app-viewer'
+				)}
+				style={app?.value?.['css']?.['app']?.['viewer']?.style}
+			>
+				<AppPreview
+					noBackend={false}
+					username={$userStore?.username ?? 'anonymous'}
+					email={$userStore?.email ?? 'anonymous'}
+					groups={$userStore?.groups ?? []}
+					{workspace}
+					summary={app.summary}
+					app={app.value}
+					appPath={app.path}
+					{breakpoint}
+					author={app.policy.on_behalf_of_email ?? ''}
+					isEditor={false}
+					{replaceStateFn}
+					{gotoFn}
+				/>
+			</div>
+		{/key}
+	{:else}
+		<Skeleton layout={[[4], 0.5, [50]]} />
+	{/if}
+</div>
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { createPopperActions, type PopperOptions } from 'svelte-popperjs'
 	import type { PopoverPlacement } from './Popover.model'
-	import Portal from 'svelte-portal'
+	import Portal from '$lib/components/Portal.svelte'

 	export let placement: PopoverPlacement = 'bottom-end'
 	export let notClickable = false
@@ -15,7 +15,7 @@
 		InfoIcon,
 		ArrowDownFromLine
 	} from 'lucide-svelte'
-	import Portal from 'svelte-portal'
+	import Portal from '$lib/components/Portal.svelte'
 	import ObjectViewer from './propertyPicker/ObjectViewer.svelte'
 	import S3FilePicker from './S3FilePicker.svelte'
 	import Alert from './common/alert/Alert.svelte'
@@ -1,5 +1,4 @@
 <script lang="ts">
-	import { goto } from '$lib/navigation'
 	import Github from '$lib/components/icons/brands/Github.svelte'
 	import Gitlab from '$lib/components/icons/brands/Gitlab.svelte'
 	import Google from '$lib/components/icons/brands/Google.svelte'
@@ -23,6 +22,9 @@
 	export let error: string | undefined = undefined
 	export let popup: boolean = false
 	export let loginPasswordRequireEEOnPublicApps: boolean = false
+	export let gotoFn: ((path: string, opt?: Record<string, any> | undefined) => void) | undefined =
+		undefined
+	export let baseApiUrl: string | undefined = undefined

 	const providers = [
 		{
@@ -84,15 +86,19 @@
 		}

 		// Finally, we check whether the user is a superadmin
-		refreshSuperadmin()
-		redirectUser()
+		refreshSuperadmin(gotoFn)
+		if (gotoFn) {
+			redirectUser()
+		} else {
+			dispatch('login')
+		}
 	}

 	async function redirectUser() {
 		const firstTimeCookie =
 			document.cookie.match('(^|;)\\s*first_time\\s*=\\s*([^;]+)')?.pop() || '0'
 		if (Number(firstTimeCookie) > 0 && email === 'admin@windmill.dev') {
-			goto('/user/first-time')
+			gotoFn?.('/user/first-time')
 			return
 		}

@@ -101,12 +107,12 @@
 			return
 		}
 		if ($workspaceStore) {
-			goto(rd ?? '/')
+			gotoFn?.(rd ?? '/')
 		} else {
 			let workspaceTarget = parseQueryParams(rd ?? undefined)['workspace']
 			if (rd && workspaceTarget) {
 				$workspaceStore = workspaceTarget
-				goto(rd)
+				gotoFn?.(rd)
 				return
 			}

@@ -127,19 +133,19 @@
 						workspace: $workspaceStore!
 					})
 					if (!emptyString(defaultApp.default_app_path)) {
-						goto(`/apps/get/${defaultApp.default_app_path}`)
+						gotoFn?.(`/apps/get/${defaultApp.default_app_path}`)
 					} else {
-						goto(rd ?? '/')
+						gotoFn?.(rd ?? '/')
 					}
 				} else {
-					goto(rd ?? '/')
+					gotoFn?.(rd ?? '/')
 				}
 			} else if (rd?.startsWith('/user/workspaces')) {
-				goto(rd)
+				gotoFn?.(rd)
 			} else if (rd == '/#user-settings') {
-				goto(`/user/workspaces#user-settings`)
+				gotoFn?.(`/user/workspaces#user-settings`)
 			} else {
-				goto(`/user/workspaces${rd ? `?rd=${encodeURIComponent(rd)}` : ''}`)
+				gotoFn?.(`/user/workspaces${rd ? `?rd=${encodeURIComponent(rd)}` : ''}`)
 			}
 		}
 	}
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { createPopperActions } from 'svelte-popperjs'
 	import type { PopoverPlacement } from './Popover.model'
-	import Portal from 'svelte-portal'
+	import Portal from '$lib/components/Portal.svelte'
 	import { fade } from 'svelte/transition'
 	import { twMerge } from 'tailwind-merge'

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { createPopperActions, type PopperOptions } from 'svelte-popperjs'
 	import type { PopoverPlacement } from './Popover.model'
-	import Portal from 'svelte-portal'
+	import Portal from '$lib/components/Portal.svelte'
 	import { ExternalLink } from 'lucide-svelte'

 	export let placement: PopoverPlacement = 'bottom-end'
@@ -0,0 +1,63 @@
+<script context="module">
+	import { tick } from 'svelte'
+
+	/**
+	 * Usage: <div use:portal={'css selector'}> or <div use:portal={document.body}>
+	 *
+	 * @param {HTMLElement} el
+	 * @param {HTMLElement|string} target DOM Element or CSS Selector
+	 */
+	export function portal(el, target = 'body') {
+		let targetEl
+		async function update(newTarget) {
+			target = newTarget
+			if (typeof target === 'string') {
+				targetEl = document.querySelector(target)
+				if (targetEl === null) {
+					await tick()
+					targetEl = document.querySelector(target)
+				}
+				if (targetEl === null) {
+					throw new Error(`No element found matching css selector: "${target}"`)
+				}
+			} else if (target instanceof HTMLElement) {
+				targetEl = target
+			} else {
+				throw new TypeError(
+					`Unknown portal target type: ${
+						target === null ? 'null' : typeof target
+					}. Allowed types: string (CSS selector) or HTMLElement.`
+				)
+			}
+			targetEl.appendChild(el)
+			el.hidden = false
+			if (!el.classList.contains('windmill-app')) {
+				el.classList.add('windmill-app')
+			}
+		}
+
+		function destroy() {
+			if (el.parentNode) {
+				el.parentNode.removeChild(el)
+			}
+		}
+
+		update(target)
+		return {
+			update,
+			destroy
+		}
+	}
+</script>
+
+<script>
+	/**
+	 * DOM Element or CSS Selector
+	 * @type { HTMLElement|string}
+	 */
+	export let target = 'body'
+</script>
+
+<div use:portal={target} hidden>
+	<slot />
+</div>
@@ -20,7 +20,7 @@
 	import ResolveStyle from '../helpers/ResolveStyle.svelte'
 	import { initCss } from '../../utils'
 	import ConfirmationModal from '$lib/components/common/confirmationModal/ConfirmationModal.svelte'
-	import Portal from 'svelte-portal'
+	import Portal from '$lib/components/Portal.svelte'

 	export let id: string
 	export let componentInput: AppInput | undefined
@@ -25,7 +25,7 @@
 	import { Plus } from 'lucide-svelte'
 	import { Drawer, DrawerContent } from '$lib/components/common'
 	import InsertRow from './InsertRow.svelte'
-	import Portal from 'svelte-portal'
+	import Portal from '$lib/components/Portal.svelte'
 	import { sendUserToast } from '$lib/toast'
 	import type { AppInput, StaticInput } from '$lib/components/apps/inputType'
 	import DbExplorerCount from './DbExplorerCount.svelte'
@@ -9,7 +9,7 @@
 	import ResolveConfig from '../helpers/ResolveConfig.svelte'
 	// @ts-ignore
 	import MultiSelect from 'svelte-multiselect'
-	import Portal from 'svelte-portal'
+	import Portal from '$lib/components/Portal.svelte'
 	import { createFloatingActions } from 'svelte-floating-ui'
 	import { extractCustomProperties } from '$lib/utils'
 	import { tick } from 'svelte'
@@ -8,7 +8,7 @@
 	import { components } from '../../editor/component'
 	import ResolveConfig from '../helpers/ResolveConfig.svelte'
 	// @ts-ignore
-	import Portal from 'svelte-portal'
+	import Portal from '$lib/components/Portal.svelte'
 	import { createFloatingActions } from 'svelte-floating-ui'
 	import { extractCustomProperties } from '$lib/utils'
 	import { tick } from 'svelte'
@@ -2,7 +2,7 @@
 	import { getContext } from 'svelte'
 	import SubGridEditor from '../../editor/SubGridEditor.svelte'
 	import type { AppViewerContext, ComponentCustomCSS, RichConfigurations } from '../../types'
-	import Portal from 'svelte-portal'
+	import Portal from '$lib/components/Portal.svelte'
 	import { initCss } from '../../utils'
 	import { Button, Drawer, DrawerContent } from '$lib/components/common'
 	import { twMerge } from 'tailwind-merge'
@@ -7,7 +7,7 @@
 	import { twMerge } from 'tailwind-merge'
 	import { initConfig, initOutput, maxHeight, ROW_GAP_Y, ROW_HEIGHT } from '../../editor/appUtils'
 	import InitializeComponent from '../helpers/InitializeComponent.svelte'
-	import Portal from 'svelte-portal'
+	import Portal from '$lib/components/Portal.svelte'
 	import { clickOutside } from '$lib/utils'
 	import { X } from 'lucide-svelte'
 	import { components } from '../../editor/component'
@@ -30,7 +30,7 @@
 	import DeleteComponent from './settingsPanel/DeleteComponent.svelte'
 	import { secondaryMenuLeft } from './settingsPanel/secondaryMenu'
 	import { clickOutside } from '$lib/utils'
-	import Portal from 'svelte-portal'
+	import Portal from '$lib/components/Portal.svelte'
 	import { twMerge } from 'tailwind-merge'

 	let contextMenuVisible = false
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { getContext } from 'svelte'
-	import Portal from 'svelte-portal'
+	import Portal from '$lib/components/Portal.svelte'
 	import type { AppViewerContext } from '../../types'

 	export let condition = false
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import Portal from 'svelte-portal'
+	import Portal from '$lib/components/Portal.svelte'

 	export let condition = false
 </script>
@@ -3,7 +3,7 @@
 	import { ChevronDown } from 'lucide-svelte'
 	import { twMerge } from 'tailwind-merge'
 	import { createPopperActions, type PopperOptions } from 'svelte-popperjs'
-	import Portal from 'svelte-portal'
+	import Portal from '$lib/components/Portal.svelte'

 	export let hasPadding: boolean = true
 	export let target: string | undefined = 'body'
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import Portal from 'svelte-portal'
+	import Portal from '$lib/components/Portal.svelte'

 	export let condition = false
 </script>
@@ -73,7 +73,8 @@
 		on:close
 	>
 		<aside
-			class="drawer windmill-drawer {$$props.class ?? ''} {$$props.positionClass ?? ''}"
+			class="windmill-app drawer windmill-drawer {$$props.class ?? ''} {$$props.positionClass ??
+				''}"
 			class:open
 			class:close={!open && timeout}
 			style={`${style}; --zIndex: ${zIndex};`}
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Menu, MenuButton, MenuItems, Transition } from '@rgossiaux/svelte-headlessui'
-	import Portal from 'svelte-portal'
+	import Portal from '$lib/components/Portal.svelte'
 	import { offset, flip, shift } from 'svelte-floating-ui/dom'
 	import { createFloatingActions } from 'svelte-floating-ui'
 	import { twMerge } from 'tailwind-merge'
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import Portal from 'svelte-portal'
+	import Portal from '$lib/components/Portal.svelte'
 	import { twMerge } from 'tailwind-merge'
 	import { clickOutside } from '$lib/utils'
 	import { X } from 'lucide-svelte'
@@ -2,7 +2,7 @@
 	import { Menu, Transition, MenuButton, MenuItems } from '@rgossiaux/svelte-headlessui'
 	import { MoreVertical } from 'lucide-svelte'
 	import { createPopperActions, type PopperOptions } from 'svelte-popperjs'
-	import Portal from 'svelte-portal'
+	import Portal from '$lib/components/Portal.svelte'
 	import Button from '../common/button/Button.svelte'

 	const [popperRef, popperContent] = createPopperActions({ placement: 'auto' })
@@ -20,7 +20,7 @@
 	import FlowErrorHandlerItem from './FlowErrorHandlerItem.svelte'
 	import { push } from '$lib/history'
 	import ConfirmationModal from '$lib/components/common/confirmationModal/ConfirmationModal.svelte'
-	import Portal from 'svelte-portal'
+	import Portal from '$lib/components/Portal.svelte'
 	import { getDependentComponents } from '../flowExplorer'
 	import type { FlowCopilotContext } from '$lib/components/copilot/flow'
 	import { fade } from 'svelte/transition'
@@ -1,6 +1,6 @@
 <script lang="ts">
 	// @ts-ignore
-	import Portal from 'svelte-portal'
+	import Portal from '$lib/components/Portal.svelte'
 	import { createFloatingActions } from 'svelte-floating-ui'
 	import { tick } from 'svelte'
 	import { offset, flip, shift } from 'svelte-floating-ui/dom'
@@ -6,7 +6,7 @@
 	import { computeKey } from './utils'
 	import WarningMessage from './WarningMessage.svelte'
 	import { NEVER_TESTED_THIS_FAR } from '../flows/models'
-	import Portal from 'svelte-portal'
+	import Portal from '$lib/components/Portal.svelte'
 	import { Download, PanelRightOpen } from 'lucide-svelte'
 	import S3FilePicker from '../S3FilePicker.svelte'
 	import { workspaceStore } from '$lib/stores'
@@ -22,7 +22,7 @@
 	import TimeAgo from '../TimeAgo.svelte'
 	import { forLater } from '$lib/forLater'
 	import { twMerge } from 'tailwind-merge'
-	import Portal from 'svelte-portal'
+	import Portal from '$lib/components/Portal.svelte'
 	import WaitTimeWarning from '../common/waitTimeWarning/WaitTimeWarning.svelte'

 	const dispatch = createEventDispatcher()
@@ -27,7 +27,7 @@
 		SearchCode
 	} from 'lucide-svelte'
 	import JobPreview from '../runs/JobPreview.svelte'
-	import Portal from 'svelte-portal'
+	import Portal from '$lib/components/Portal.svelte'
 	import { twMerge } from 'tailwind-merge'
 	import ContentSearchInner from '../ContentSearchInner.svelte'
 	import { goto } from '$app/navigation'
@@ -333,9 +333,8 @@
 	}

 	let mouseMoved: boolean = false
-	function handleMouseMove () {
+	function handleMouseMove() {
 		mouseMoved = true
-
 	}

 	onMount(() => {
@@ -531,7 +530,8 @@
 						<Popover notClickable placement="bottom-start">
 							<AlertTriangle size={16} class="text-yellow-500" />
 							<svelte:fragment slot="text">
-								Some of your search terms have been ignored because one or more parse errors:<br/><br/>
+								Some of your search terms have been ignored because one or more parse errors:<br
+								/><br />
 								<ul>
 									{#each queryParseErrors as msg}
 										<li>- {msg}</li>
@@ -545,7 +545,7 @@
 					{#if tab === 'default' || tab === 'switch-mode'}
 						{@const items = (itemMap[tab] ?? []).filter((e) => defaultMenuItems.includes(e))}
 						{#if items.length > 0}
-							<div class={tab === 'switch-mode' ? "p-2" : "p-2 border-b"}>
+							<div class={tab === 'switch-mode' ? 'p-2' : 'p-2 border-b'}>
 								{#each items as el}
 									<QuickMenuItem
 										on:select={el?.action}
@@ -1,9 +1,10 @@
 import { get } from 'svelte/store'
 import { UserService } from '$lib/gen'
 import { superadmin } from './stores.js'
-import { goto } from '$lib/navigation'

-export async function refreshSuperadmin(): Promise<void> {
+export async function refreshSuperadmin(
+	gotoFn: ((path: string, opt?: Record<string, any> | undefined) => void) | undefined
+): Promise<void> {
 	if (get(superadmin) == undefined) {
 		try {
 			const me = await UserService.globalWhoami()
@@ -14,7 +15,7 @@ export async function refreshSuperadmin(): Promise<void> {
 			}
 		} catch {
 			superadmin.set(false)
-			goto('/user/logout')
+			gotoFn?.('/user/logout')
 		}
 	}
 }
@@ -76,7 +76,7 @@
 	import { forLater } from '$lib/forLater'
 	import ButtonDropdown from '$lib/components/common/button/ButtonDropdown.svelte'
 	import PersistentScriptDrawer from '$lib/components/PersistentScriptDrawer.svelte'
-	import Portal from 'svelte-portal'
+	import Portal from '$lib/components/Portal.svelte'
 	import MemoryFootprintViewer from '$lib/components/MemoryFootprintViewer.svelte'
 	import Drawer from '$lib/components/common/drawer/Drawer.svelte'
 	import { Highlight } from 'svelte-highlight'
@@ -113,6 +113,6 @@
 		<div class="flex justify-end">
 			<DarkModeToggle forcedDarkMode={false} />
 		</div>
-		<Login {rd} {error} {password} {email} />
+		<Login gotoFn={(path, opt) => goto(path, opt)} {rd} {error} {password} {email} />
 	</div>
 </div>
@@ -44,7 +44,7 @@
 	import PremiumInfo from '$lib/components/settings/PremiumInfo.svelte'
 	import Toggle from '$lib/components/Toggle.svelte'
 	import TestOpenaiKey from '$lib/components/copilot/TestOpenaiKey.svelte'
-	import Portal from 'svelte-portal'
+	import Portal from '$lib/components/Portal.svelte'
 	import { fade } from 'svelte/transition'
 	import ChangeWorkspaceName from '$lib/components/settings/ChangeWorkspaceName.svelte'
 	import ChangeWorkspaceId from '$lib/components/settings/ChangeWorkspaceId.svelte'
@@ -494,7 +494,7 @@
 					apps: (settings.deploy_ui.include_type?.indexOf('app') ?? -1) >= 0,
 					resources: (settings.deploy_ui.include_type?.indexOf('resource') ?? -1) >= 0,
 					variables: (settings.deploy_ui.include_type?.indexOf('variable') ?? -1) >= 0,
-					secrets: (settings.deploy_ui.include_type?.indexOf('secret') ?? -1) >= 0,
+					secrets: (settings.deploy_ui.include_type?.indexOf('secret') ?? -1) >= 0
 				}
 			}
 		}
@@ -506,7 +506,7 @@
 		})
 	}

-	let deployUiSettings:  {
+	let deployUiSettings: {
 		include_path: string[]
 		include_type: {
 			scripts: boolean
@@ -32,7 +32,7 @@

 	async function loadUser() {
 		try {
-			await refreshSuperadmin()
+			await refreshSuperadmin((path, opt) => goto(path, opt))

 			if ($workspaceStore) {
 				if ($userStore) {
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { goto, replaceState } from '$app/navigation'
 	import { page } from '$app/stores'
-	import AppEmbed from '$lib/components/apps/editor/AppEmbed.svelte'
+	import AppEmbed from '$lib/components/AppEmbed.svelte'
 </script>

 <AppEmbed
				`@@ -1 +0,0 @@`
				`export { default as component } from "../../../../node_modules/@sveltejs/kit/src/runtime/components/layout.svelte";`
				`@@ -1 +0,0 @@`
				<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>