@vitejs/devtools 0.0.0-alpha.2 → 0.0.0-alpha.20

package/dist/cli-commands-BBPbCd8A.js

@@ -0,0 +1,95 @@
+import { a as ansis_default, c as fromNodeMiddleware, d as createDevToolsContext, i as getPort, l as sendRedirect, n as createDevToolsMiddleware, o as createApp, r as MARK_NODE, s as eventHandler, t as DevTools, u as toNodeListener } from "./plugins-DfJlAQ2j.js";
+import { t as dirClientStandalone } from "./dirs-C0s1Ghvy.js";
+import process from "node:process";
+import { existsSync } from "node:fs";
+import sirv from "sirv";
+import { resolveConfig } from "vite";
+import fs from "node:fs/promises";
+import { createServer } from "node:http";
+import open from "open";
+import { join, relative, resolve } from "pathe";
+
+//#region src/node/standalone.ts
+async function startStandaloneDevTools(options = {}) {
+	const { cwd = process.cwd(), command = "build", mode = "production" } = options;
+	const resolved = await resolveConfig({
+		configFile: options.config,
+		root: cwd,
+		plugins: [DevTools()]
+	}, command, mode);
+	dedupeVitePlugins(resolved.plugins, (plugin) => plugin.name?.startsWith("vite:devtools"));
+	return {
+		config: resolved,
+		context: await createDevToolsContext(resolved)
+	};
+}
+function dedupeVitePlugins(plugins, include) {
+	const toDelete = [];
+	const map = /* @__PURE__ */ new Map();
+	for (let i = 0; i < plugins.length; i++) {
+		const plugin = plugins[i];
+		if (!plugin || !include(plugin)) continue;
+		if (map.has(plugin.name)) toDelete.push(i);
+		else map.set(plugin.name, plugin);
+	}
+	toDelete.sort((a, b) => b - a);
+	for (const i of toDelete) plugins.splice(i, 1);
+	return plugins;
+}
+
+//#endregion
+//#region src/node/cli-commands.ts
+async function start(options) {
+	const { host } = options;
+	const port = await getPort({
+		host,
+		port: options.port == null ? void 0 : +options.port,
+		portRange: [9999, 15e3]
+	});
+	const devtools = await startStandaloneDevTools({ cwd: options.root });
+	const { h3 } = await createDevToolsMiddleware({
+		cwd: devtools.config.root,
+		context: devtools.context
+	});
+	const app = createApp();
+	for (const { baseUrl, distDir } of devtools.context.views.buildStaticDirs) app.use(baseUrl, fromNodeMiddleware(sirv(distDir, {
+		dev: true,
+		single: true
+	})));
+	app.use("/.devtools/", h3.handler);
+	app.use("/", eventHandler(async (event) => {
+		if (event.node.req.url === "/") return sendRedirect(event, "/.devtools/");
+	}));
+	createServer(toNodeListener(app)).listen(port, host, async () => {
+		console.log(ansis_default.green`${MARK_NODE} Vite DevTools started at`, ansis_default.green(`http://${host === "127.0.0.1" ? "localhost" : host}:${port}`), "\n");
+		if (options.open) await open(`http://${host === "127.0.0.1" ? "localhost" : host}:${port}`);
+	});
+}
+async function build(options) {
+	console.log(ansis_default.cyan`${MARK_NODE} Building static Vite DevTools...`);
+	const devtools = await startStandaloneDevTools({
+		cwd: options.root,
+		config: options.config
+	});
+	const outDir = resolve(devtools.config.root, options.outDir);
+	if (existsSync(outDir)) await fs.rm(outDir, { recursive: true });
+	const devToolsRoot = join(outDir, ".devtools");
+	await fs.mkdir(devToolsRoot, { recursive: true });
+	await fs.cp(dirClientStandalone, devToolsRoot, { recursive: true });
+	for (const { baseUrl, distDir } of devtools.context.views.buildStaticDirs) {
+		console.log(ansis_default.cyan`${MARK_NODE} Copying static files from ${distDir} to ${join(outDir, baseUrl)}`);
+		await fs.mkdir(join(outDir, baseUrl), { recursive: true });
+		await fs.cp(distDir, join(outDir, baseUrl), { recursive: true });
+	}
+	await fs.mkdir(resolve(devToolsRoot, "api"), { recursive: true });
+	await fs.writeFile(resolve(devToolsRoot, ".vdt-connection.json"), JSON.stringify({ backend: "static" }, null, 2), "utf-8");
+	console.log(ansis_default.cyan`${MARK_NODE} Writing RPC dump to ${resolve(devToolsRoot, ".vdt-rpc-dump.json")}`);
+	const dump = {};
+	for (const [key, value] of Object.entries(devtools.context.rpc.functions)) if (value.type === "static") dump[key] = await value.handler?.();
+	await fs.writeFile(resolve(devToolsRoot, ".vdt-rpc-dump.json"), JSON.stringify(dump, null, 2), "utf-8");
+	console.log(ansis_default.green`${MARK_NODE} Built to ${relative(devtools.config.root, outDir)}`);
+	throw new Error("[Vite DevTools] Build mode of Vite DevTools is not yet complete");
+}
+
+//#endregion
+export { start as n, build as t };

package/dist/cli-commands.d.ts

@@ -0,0 +1,18 @@
+//#region src/node/cli-commands.d.ts
+interface StartOptions {
+  root?: string;
+  config?: string;
+  host: string;
+  port?: string | number;
+  open?: boolean;
+}
+declare function start(options: StartOptions): Promise<void>;
+interface BuildOptions {
+  root: string;
+  config?: string;
+  outDir: string;
+  base: string;
+}
+declare function build(options: BuildOptions): Promise<void>;
+//#endregion
+export { BuildOptions, StartOptions, build, start };

package/dist/cli-commands.js

@@ -0,0 +1,4 @@
+import "./plugins-DfJlAQ2j.js";
+import { n as start, t as build } from "./cli-commands-BBPbCd8A.js";
+
+export { build, start };

package/dist/cli.js

@@ -1,82 +1,15 @@
-import { MARK_NODE, ansis_default, createApp, createDevToolsContext, createDevToolsMiddleware, eventHandler, getPort, sendRedirect, toNodeListener } from "./server-B_q0HJ88.js";
-import { dirClientStandalone } from "./dirs-B7dOX6eI.js";
-import { existsSync } from "node:fs";
+import "./plugins-DfJlAQ2j.js";
+import { n as start, t as build } from "./cli-commands-BBPbCd8A.js";
 import process from "node:process";
-import { loadConfigFromFile, resolveConfig } from "vite";
-import fs from "node:fs/promises";
-import { createServer } from "node:http";
 import cac from "cac";
-import open from "open";
-import { join, relative, resolve } from "pathe";
 
-//#region src/node/standalone.ts
-async function startStandaloneDevTools(options = {}) {
-	const { cwd = process.cwd(), command = "build", mode = "production" } = options;
-	const loaded = await loadConfigFromFile({
-		command,
-		mode
-	}, options.config, cwd);
-	const resolved = await resolveConfig(loaded?.config || {}, command, mode);
-	const context = await createDevToolsContext(resolved);
-	return {
-		config: resolved,
-		context
-	};
-}
-
-//#endregion
 //#region src/node/cli.ts
 const cli = cac("vite-devtools");
 process.on("SIGINT", () => {
 	process.exit(0);
 });
-cli.command("build", "Build devtools with current config file for static hosting").option("--root <root>", "Root directory", { default: process.cwd() }).option("--config <config>", "Vite config file").option("--base <baseURL>", "Base URL for deployment", { default: "/" }).option("--outDir <dir>", "Output directory", { default: ".vite-devtools" }).action(async (options) => {
-	console.log(ansis_default.cyan`${MARK_NODE} Building static Vite DevTools...`);
-	const devtools = await startStandaloneDevTools({
-		cwd: options.root,
-		config: options.config
-	});
-	const outDir = resolve(devtools.config.root, options.outDir);
-	if (existsSync(outDir)) await fs.rm(outDir, { recursive: true });
-	const devToolsRoot = join(outDir, "__vite_devtools__");
-	await fs.mkdir(devToolsRoot, { recursive: true });
-	await fs.cp(dirClientStandalone, devToolsRoot, { recursive: true });
-	for (const { baseUrl, distDir } of devtools.context.staticDirs) {
-		console.log(ansis_default.cyan`${MARK_NODE} Copying static files from ${distDir} to ${join(outDir, baseUrl)}`);
-		await fs.mkdir(join(outDir, baseUrl), { recursive: true });
-		await fs.cp(distDir, join(outDir, baseUrl), { recursive: true });
-	}
-	await fs.mkdir(resolve(devToolsRoot, "api"), { recursive: true });
-	await fs.writeFile(resolve(devToolsRoot, "api/connection.json"), JSON.stringify({ backend: "static" }, null, 2), "utf-8");
-	console.log(ansis_default.cyan`${MARK_NODE} Writing RPC dump to ${resolve(devToolsRoot, "api/rpc-dump.json")}`);
-	const dump = {};
-	for (const [key, value] of Object.entries(devtools.context.rpc.functions)) if (value.type === "static") dump[key] = await value.handler?.();
-	await fs.writeFile(resolve(devToolsRoot, "api/rpc-dump.json"), JSON.stringify(dump, null, 2), "utf-8");
-	console.log(ansis_default.green`${MARK_NODE} Built to ${relative(devtools.config.root, outDir)}`);
-	throw new Error("[Vite DevTools] Build mode of Vite DevTools is not yet complete");
-});
-cli.command("", "Start devtools").option("--root <root>", "Root directory", { default: process.cwd() }).option("--config <config>", "Vite config file").option("--host <host>", "Host", { default: process.env.HOST || "127.0.0.1" }).option("--port <port>", "Port", { default: process.env.PORT || 9999 }).option("--open", "Open browser", { default: true }).action(async (options) => {
-	const host = options.host;
-	const port = await getPort({
-		port: options.port,
-		portRange: [9999, 15e3],
-		host
-	});
-	const devtools = await startStandaloneDevTools({ cwd: options.root });
-	const { h3 } = await createDevToolsMiddleware({
-		cwd: devtools.config.root,
-		context: devtools.context
-	});
-	const app = createApp();
-	app.use("/__vite_devtools__", h3.handler);
-	app.use("/", eventHandler(async (event) => {
-		return sendRedirect(event, "/__vite_devtools__/");
-	}));
-	createServer(toNodeListener(app)).listen(port, host, async () => {
-		console.log(ansis_default.green`${MARK_NODE} Vite DevTools started at`, ansis_default.green(`http://${host === "127.0.0.1" ? "localhost" : host}:${port}`), "\n");
-		if (options.open) await open(`http://${host === "127.0.0.1" ? "localhost" : host}:${port}`);
-	});
-});
+cli.command("build", "Build devtools with current config file for static hosting").option("--root <root>", "Root directory", { default: process.cwd() }).option("--config <config>", "Vite config file").option("--base <baseURL>", "Base URL for deployment", { default: "/" }).option("--outDir <dir>", "Output directory", { default: ".vite-devtools" }).action(build);
+cli.command("", "Start devtools").option("--root <root>", "Root directory", { default: process.cwd() }).option("--config <config>", "Vite config file").option("--host <host>", "Host", { default: process.env.HOST || "127.0.0.1" }).option("--port <port>", "Port", { default: process.env.PORT || 9999 }).option("--open", "Open browser", { default: true }).action(start);
 cli.help();
 cli.parse();
 

package/dist/client/inject.js

@@ -1,29 +1,101 @@
-import { useLocalStorage } from "../core-uTAXYiA1.js";
+import { A as watchEffect, F as ref, L as toRefs, N as markRaw, P as reactive, m as computed, n as createDockEntryState, o as useLocalStorage, r as useDocksEntries, t as DEFAULT_DOCK_PANEL_STORE } from "../docks-B3cDUs1u.js";
 import { getDevToolsRpcClient } from "@vitejs/devtools-kit/client";
 
+//#region src/client/webcomponents/state/setup-script.ts
+function _executeSetupScript(entry, context) {
+	const id = `${entry.type}:${entry.id}`;
+	return import(
+		/* @vite-ignore */
+		["/.devtools", "imports"].join("-")
+).then((module) => {
+		const importFn = module.importsMap[id];
+		if (!importFn) return Promise.reject(/* @__PURE__ */ new Error(`[VITE DEVTOOLS] No import found for id: ${id}`));
+		return importFn().then((fn) => fn(context));
+	}).catch((error) => {
+		console.error("[VITE DEVTOOLS] Error executing import action", error);
+		return Promise.reject(error);
+	});
+}
+const _setupPromises = /* @__PURE__ */ new Map();
+function executeSetupScript(entry, context) {
+	if (_setupPromises.has(entry.id)) return _setupPromises.get(entry.id);
+	const promise = _executeSetupScript(entry, context);
+	_setupPromises.set(entry.id, promise);
+	return promise;
+}
+
+//#endregion
+//#region src/client/webcomponents/state/context.ts
+let _docksContext;
+async function createDocksContext(clientType, rpc, panelStore) {
+	if (_docksContext) return _docksContext;
+	const selectedId = ref(null);
+	const dockEntries = await useDocksEntries(rpc);
+	const selected = computed(() => dockEntries.value.find((entry) => entry.id === selectedId.value) ?? null);
+	const dockEntryStateMap = reactive(/* @__PURE__ */ new Map());
+	watchEffect(() => {
+		for (const entry of dockEntries.value) {
+			if (dockEntryStateMap.has(entry.id)) {
+				dockEntryStateMap.get(entry.id).entryMeta = entry;
+				continue;
+			}
+			dockEntryStateMap.set(entry.id, createDockEntryState(entry, selected));
+		}
+	});
+	panelStore ||= ref(DEFAULT_DOCK_PANEL_STORE());
+	_docksContext = reactive({
+		panel: {
+			store: panelStore,
+			isDragging: false,
+			isResizing: false,
+			isVertical: computed(() => panelStore.value.position === "left" || panelStore.value.position === "right")
+		},
+		docks: {
+			selectedId,
+			selected,
+			entries: dockEntries,
+			entryToStateMap: markRaw(dockEntryStateMap),
+			getStateById: (id) => dockEntryStateMap.get(id),
+			switchEntry: async (id = null) => {
+				if (id == null) {
+					selectedId.value = null;
+					return true;
+				}
+				const entry = dockEntries.value.find((e) => e.id === id);
+				if (!entry) return false;
+				if (entry.type === "action" || entry.type === "custom-render" || entry.type === "iframe" && entry.clientScript) {
+					const current = dockEntryStateMap.get(id);
+					await executeSetupScript(entry, reactive({
+						...toRefs(_docksContext),
+						current
+					}));
+				}
+				selectedId.value = entry.id;
+				panelStore.value.open = true;
+				return true;
+			}
+		},
+		rpc,
+		clientType
+	});
+	return _docksContext;
+}
+
+//#endregion
 //#region src/client/inject/index.ts
 async function init() {
 	console.log("[VITE DEVTOOLS] Client injected");
-	const { rpc } = await getDevToolsRpcClient();
-	console.log("[VITE DEVTOOLS] RPC", rpc);
-	const docks = await rpc["vite:core:list-dock-entries"]();
-	console.log("[VITE DEVTOOLS] Docks", docks);
-	const rpcFunctions = await rpc["vite:core:list-rpc-functions"]();
-	console.log("[VITE DEVTOOLS] RPC Functions", rpcFunctions);
-	const state = useLocalStorage("vite-devtools-dock-state", {
+	const context = await createDocksContext("embedded", await getDevToolsRpcClient(), useLocalStorage("vite-devtools-dock-state", {
 		width: 80,
 		height: 80,
 		top: 0,
 		left: 0,
 		position: "left",
 		open: false,
-		minimizePanelInactive: 3e3
-	}, { mergeDefaults: true });
+		inactiveTimeout: 3e3
+	}, { mergeDefaults: true }));
 	const { DockEmbedded } = await import("@vitejs/devtools/client/webcomponents");
-	const dockEl = new DockEmbedded({
-		state,
-		docks
-	});
+	const dockEl = new DockEmbedded({ context });
 	document.body.appendChild(dockEl);
 }
 if (window.parent !== window) console.log("[VITE DEVTOOLS] Skipping in iframe");

package/dist/client/standalone/assets/index-CsLZ-29s.css

@@ -0,0 +1 @@
+*,:before,:after{box-sizing:border-box;border-style:solid;border-width:0;border-color:var(--un-default-border-color,#e5e7eb)}:before,:after{--un-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html,body,#app{height:100%;margin:0;padding:0}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--un-text-opacity:100%}#vite-devtools-anchor{z-index:2147483644;box-sizing:border-box;transform-origin:50%;width:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:15px;position:fixed;transform:translate(-50%,-50%)rotate(0)}#vite-devtools-anchor #vite-devtools-dock-container{width:max-content;min-width:100px;height:40px;display:flex;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}#vite-devtools-anchor.vite-devtools-vertical #vite-devtools-dock-container{transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1);transform:translate(-50%,-50%)rotate(90deg)}#vite-devtools-anchor #vite-devtools-dock{touch-action:none;-webkit-user-select:none;user-select:none;--vdt-backdrop-blur:blur(5px);height:40px;-webkit-backdrop-filter:var(--vdt-backdrop-blur)var(--vdt-backdrop-brightness)var(--vdt-backdrop-contrast)var(--vdt-backdrop-grayscale)var(--vdt-backdrop-hue-rotate)var(--vdt-backdrop-invert)var(--vdt-backdrop-opacity)var(--vdt-backdrop-saturate)var(--vdt-backdrop-sepia);backdrop-filter:var(--vdt-backdrop-blur)var(--vdt-backdrop-brightness)var(--vdt-backdrop-contrast)var(--vdt-backdrop-grayscale)var(--vdt-backdrop-hue-rotate)var(--vdt-backdrop-invert)var(--vdt-backdrop-opacity)var(--vdt-backdrop-saturate)var(--vdt-backdrop-sepia);--vdt-text-opacity:1;color:rgb(255 255 255/var(--vdt-text-opacity));--vdt-shadow:var(--vdt-shadow-inset)0 1px 3px 0 var(--vdt-shadow-color,#0000001a),var(--vdt-shadow-inset)0 1px 2px -1px var(--vdt-shadow-color,#0000001a);box-shadow:var(--vdt-ring-offset-shadow),var(--vdt-ring-shadow),var(--vdt-shadow);width:calc-size(max-content,size);background-color:#ffffff80;border-radius:9999px;margin:auto;padding-left:1rem;padding-right:1rem;transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (prefers-color-scheme:dark){#vite-devtools-anchor #vite-devtools-dock{background-color:#11111180}}#vite-devtools-anchor.vite-devtools-minimized #vite-devtools-dock{width:22px;height:22px;padding:2px 0}#vite-devtools-anchor.vite-devtools-minimized .vite-devtools-dock-bracket{opacity:.5;width:.375rem}#vite-devtools-anchor:hover #vite-devtools-glowing{opacity:.6}#vite-devtools-anchor #vite-devtools-glowing{pointer-events:none;z-index:-1;opacity:0;--vdt-blur:blur(60px);width:160px;height:160px;filter:var(--vdt-blur)var(--vdt-brightness)var(--vdt-contrast)var(--vdt-drop-shadow)var(--vdt-grayscale)var(--vdt-hue-rotate)var(--vdt-invert)var(--vdt-saturate)var(--vdt-sepia);background-image:linear-gradient(45deg,#61d9ff,#7a23a1,#715ebd);border-radius:9999px;transition-property:all;transition-duration:1s;transition-timing-function:cubic-bezier(0,0,.2,1);position:absolute;top:0;left:0;transform:translate(-50%,-50%)}@media print{#vite-devtools-anchor{display:none}}.vite-devtools-resize-handle-horizontal{cursor:ns-resize;border-radius:.375rem;height:10px;margin-top:-5px;margin-bottom:-5px;position:absolute;left:6px;right:6px}.vite-devtools-resize-handle-vertical{cursor:ew-resize;border-radius:.375rem;width:10px;margin-left:-5px;margin-right:-5px;position:absolute;top:6px;bottom:0}.vite-devtools-resize-handle-corner{border-radius:.375rem;width:14px;height:14px;margin:-6px;position:absolute}.vite-devtools-resize-handle{z-index:30}.vite-devtools-resize-handle:hover{background-color:#9ca3af1a}*,:before,:after,::backdrop{--vdt-rotate:0;--vdt-rotate-x:0;--vdt-rotate-y:0;--vdt-rotate-z:0;--vdt-scale-x:1;--vdt-scale-y:1;--vdt-scale-z:1;--vdt-skew-x:0;--vdt-skew-y:0;--vdt-translate-x:0;--vdt-translate-y:0;--vdt-translate-z:0;--vdt-pan-x: ;--vdt-pan-y: ;--vdt-pinch-zoom: ;--vdt-scroll-snap-strictness:proximity;--vdt-ordinal: ;--vdt-slashed-zero: ;--vdt-numeric-figure: ;--vdt-numeric-spacing: ;--vdt-numeric-fraction: ;--vdt-border-spacing-x:0;--vdt-border-spacing-y:0;--vdt-ring-offset-shadow:0 0 #0000;--vdt-ring-shadow:0 0 #0000;--vdt-shadow-inset: ;--vdt-shadow:0 0 #0000;--vdt-ring-inset: ;--vdt-ring-offset-width:0px;--vdt-ring-offset-color:#fff;--vdt-ring-width:0px;--vdt-ring-color:#93c5fd80;--vdt-blur: ;--vdt-brightness: ;--vdt-contrast: ;--vdt-drop-shadow: ;--vdt-grayscale: ;--vdt-hue-rotate: ;--vdt-invert: ;--vdt-saturate: ;--vdt-sepia: ;--vdt-backdrop-blur: ;--vdt-backdrop-brightness: ;--vdt-backdrop-contrast: ;--vdt-backdrop-grayscale: ;--vdt-backdrop-hue-rotate: ;--vdt-backdrop-invert: ;--vdt-backdrop-opacity: ;--vdt-backdrop-saturate: ;--vdt-backdrop-sepia: }.i-carbon-clean{--vdt-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M26 20h-6v-2h6zm4 8h-6v-2h6zm-2-4h-6v-2h6z'/%3E%3Cpath fill='currentColor' d='M17.003 20a4.9 4.9 0 0 0-2.404-4.173L22 3l-1.73-1l-7.577 13.126a5.7 5.7 0 0 0-5.243 1.503C3.706 20.24 3.996 28.682 4.01 29.04a1 1 0 0 0 1 .96h14.991a1 1 0 0 0 .6-1.8c-3.54-2.656-3.598-8.146-3.598-8.2m-5.073-3.003A3.11 3.11 0 0 1 15.004 20c0 .038.002.208.017.469l-5.9-2.624a3.8 3.8 0 0 1 2.809-.848M15.45 28A5.2 5.2 0 0 1 14 25h-2a6.5 6.5 0 0 0 .968 3h-2.223A16.6 16.6 0 0 1 10 24H8a17.3 17.3 0 0 0 .665 4H6c.031-1.836.29-5.892 1.803-8.553l7.533 3.35A13 13 0 0 0 17.596 28Z'/%3E%3C/svg%3E");-webkit-mask:var(--vdt-icon)no-repeat;-webkit-mask:var(--vdt-icon)no-repeat;mask:var(--vdt-icon)no-repeat;color:inherit;background-color:currentColor;width:1em;height:1em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-ph-check-duotone{--vdt-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M232 56v144a16 16 0 0 1-16 16H40a16 16 0 0 1-16-16V56a16 16 0 0 1 16-16h176a16 16 0 0 1 16 16' opacity='.2'/%3E%3Cpath d='m205.66 85.66l-96 96a8 8 0 0 1-11.32 0l-40-40a8 8 0 0 1 11.32-11.32L104 164.69l90.34-90.35a8 8 0 0 1 11.32 11.32'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--vdt-icon)no-repeat;-webkit-mask:var(--vdt-icon)no-repeat;mask:var(--vdt-icon)no-repeat;color:inherit;background-color:currentColor;width:1em;height:1em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-ph-rocket-launch-duotone{--vdt-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M184 120v61.65a8 8 0 0 1-2.34 5.65l-34.35 34.35a8 8 0 0 1-13.57-4.53L128 176Zm-48-48H74.35a8 8 0 0 0-5.65 2.34l-34.35 34.35a8 8 0 0 0 4.53 13.57L80 128ZM40 216c37.65 0 50.69-19.69 54.56-28.18l-26.38-26.38C59.69 165.31 40 178.35 40 216' opacity='.2'/%3E%3Cpath d='M223.85 47.12a16 16 0 0 0-15-15c-12.58-.75-44.73.4-71.41 27.07L132.69 64H74.36A15.9 15.9 0 0 0 63 68.68L28.7 103a16 16 0 0 0 9.07 27.16l38.47 5.37l44.21 44.21l5.37 38.49a15.94 15.94 0 0 0 10.78 12.92a16.1 16.1 0 0 0 5.1.83a15.9 15.9 0 0 0 11.3-4.68l34.32-34.3a15.9 15.9 0 0 0 4.68-11.36v-58.33l4.77-4.77c26.68-26.68 27.83-58.83 27.08-71.42M74.36 80h42.33l-39.53 39.52L40 114.34Zm74.41-9.45a76.65 76.65 0 0 1 59.11-22.47a76.46 76.46 0 0 1-22.42 59.16L128 164.68L91.32 128ZM176 181.64L141.67 216l-5.19-37.17L176 139.31Zm-74.16 9.5C97.34 201 82.29 224 40 224a8 8 0 0 1-8-8c0-42.29 23-57.34 32.86-61.85a8 8 0 0 1 6.64 14.56c-6.43 2.93-20.62 12.36-23.12 38.91c26.55-2.5 36-16.69 38.91-23.12a8 8 0 1 1 14.56 6.64Z'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--vdt-icon)no-repeat;-webkit-mask:var(--vdt-icon)no-repeat;mask:var(--vdt-icon)no-repeat;color:inherit;background-color:currentColor;width:1em;height:1em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-ph-warning-duotone{--vdt-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M215.46 216H40.54c-12.62 0-20.54-13.21-14.41-23.91l87.46-151.87c6.3-11 22.52-11 28.82 0l87.46 151.87c6.13 10.7-1.79 23.91-14.41 23.91' opacity='.2'/%3E%3Cpath d='M236.8 188.09L149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19a23.51 23.51 0 0 0 .02-23.72m-13.87 15.71a8.5 8.5 0 0 1-7.48 4.2H40.55a8.5 8.5 0 0 1-7.48-4.2a7.59 7.59 0 0 1 0-7.72l87.45-151.87a8.75 8.75 0 0 1 15 0l87.45 151.87a7.59 7.59 0 0 1-.04 7.72M120 144v-40a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0m20 36a12 12 0 1 1-12-12a12 12 0 0 1 12 12'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--vdt-icon)no-repeat;-webkit-mask:var(--vdt-icon)no-repeat;mask:var(--vdt-icon)no-repeat;color:inherit;background-color:currentColor;width:1em;height:1em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-svg-spinners-8-dots-rotate{--vdt-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg%3E%3Ccircle cx='3' cy='12' r='2' fill='currentColor'/%3E%3Ccircle cx='21' cy='12' r='2' fill='currentColor'/%3E%3Ccircle cx='12' cy='21' r='2' fill='currentColor'/%3E%3Ccircle cx='12' cy='3' r='2' fill='currentColor'/%3E%3Ccircle cx='5.64' cy='5.64' r='2' fill='currentColor'/%3E%3Ccircle cx='18.36' cy='18.36' r='2' fill='currentColor'/%3E%3Ccircle cx='5.64' cy='18.36' r='2' fill='currentColor'/%3E%3Ccircle cx='18.36' cy='5.64' r='2' fill='currentColor'/%3E%3CanimateTransform attributeName='transform' dur='1.5s' repeatCount='indefinite' type='rotate' values='0 12 12;360 12 12'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--vdt-icon)no-repeat;-webkit-mask:var(--vdt-icon)no-repeat;mask:var(--vdt-icon)no-repeat;color:inherit;background-color:currentColor;width:1em;height:1em;-webkit-mask-size:100% 100%;mask-size:100% 100%}.container{width:100%}.border-base{--vdt-border-opacity:.13;border-color:rgb(136 136 136/var(--vdt-border-opacity))}.bg-active,.hover\:bg-active:hover{--vdt-bg-opacity:.07;background-color:rgb(136 136 136/var(--vdt-bg-opacity))}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.pointer-events-auto{pointer-events:auto}.disabled\:pointer-events-none:disabled{pointer-events:none}.relative{position:relative}.z--1{z-index:-1}.grid{display:grid}.cols-\[max-content_1fr\]{grid-template-columns:max-content 1fr}.grid-rows-\[max-content_1fr\]{grid-template-rows:max-content 1fr}.m-auto,.ma{margin:auto}.h-10{height:2.5rem}.h-5{height:1.25rem}.h-7{height:1.75rem}.h-full{height:100%}.h-screen{height:100vh}.h1{height:.25rem}.w-10{width:2.5rem}.w-5{width:1.25rem}.w-7{width:1.75rem}.w-full{width:100%}.w-screen{width:100vw}.flex{display:flex}.flex-col{flex-direction:column}.rotate-270{--vdt-rotate-x:0;--vdt-rotate-y:0;--vdt-rotate-z:0;--vdt-rotate:270deg;transform:translateX(var(--vdt-translate-x))translateY(var(--vdt-translate-y))translateZ(var(--vdt-translate-z))rotate(var(--vdt-rotate))rotateX(var(--vdt-rotate-x))rotateY(var(--vdt-rotate-y))rotateZ(var(--vdt-rotate-z))skewX(var(--vdt-skew-x))skewY(var(--vdt-skew-y))scaleX(var(--vdt-scale-x))scaleY(var(--vdt-scale-y))scaleZ(var(--vdt-scale-z))}.scale-120,.hover\:scale-120:hover{--vdt-scale-x:1.2;--vdt-scale-y:1.2;transform:translateX(var(--vdt-translate-x))translateY(var(--vdt-translate-y))translateZ(var(--vdt-translate-z))rotate(var(--vdt-rotate))rotateX(var(--vdt-rotate-x))rotateY(var(--vdt-rotate-y))rotateZ(var(--vdt-rotate-z))skewX(var(--vdt-skew-x))skewY(var(--vdt-skew-y))scaleX(var(--vdt-scale-x))scaleY(var(--vdt-scale-y))scaleZ(var(--vdt-scale-z))}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.of-auto{overflow:auto}.of-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.rounded{border-radius:.25rem}.rounded-xl{border-radius:.75rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.bg-black{--vdt-bg-opacity:1;background-color:rgb(0 0 0/var(--vdt-bg-opacity))}.bg-lime6{--vdt-bg-opacity:1;background-color:rgb(101 163 13/var(--vdt-bg-opacity))}.hover\:bg-\[\#8881\]:hover{--vdt-bg-opacity:.07;background-color:rgb(136 136 136/var(--vdt-bg-opacity))}.hover\:bg-lime7:hover{--vdt-bg-opacity:1;background-color:rgb(77 124 15/var(--vdt-bg-opacity))}.disabled\:bg-gray6\!:disabled{--vdt-bg-opacity:1!important;background-color:rgb(75 85 99/var(--vdt-bg-opacity))!important}.p1\.5{padding:.375rem}.p2{padding:.5rem}.px3{padding-left:.75rem;padding-right:.75rem}.px4{padding-left:1rem;padding-right:1rem}.py1{padding-top:.25rem;padding-bottom:.25rem}.py1\.5{padding-top:.375rem;padding-bottom:.375rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-purple{--vdt-text-opacity:1;color:rgb(192 132 252/var(--vdt-text-opacity))}.font-bold{font-weight:700}.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.tab{tab-size:4}.op50{opacity:.5}.saturate-0{--vdt-saturate:saturate(0);filter:var(--vdt-blur)var(--vdt-brightness)var(--vdt-contrast)var(--vdt-drop-shadow)var(--vdt-grayscale)var(--vdt-hue-rotate)var(--vdt-invert)var(--vdt-saturate)var(--vdt-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}@media (prefers-color-scheme:dark){.dark\:bg-black{--vdt-bg-opacity:1;background-color:rgb(0 0 0/var(--vdt-bg-opacity))}.dark\:text-white{--vdt-text-opacity:1;color:rgb(255 255 255/var(--vdt-text-opacity))}}