@vitejs/devtools 0.0.0-alpha.8 → 0.1.0

package/dist/popup-EDv_a9nQ.js

@@ -0,0 +1,358 @@
+import { H as reactive, L as watch, V as markRaw, W as shallowRef } from "./dist-3NIYLDlS.js";
+import { createEventEmitter } from "@vitejs/devtools-kit/utils/events";
+//#region src/client/webcomponents/constants.ts
+const BUILTIN_ENTRY_CLIENT_AUTH_NOTICE = Object.freeze({
+	type: "~builtin",
+	id: "~client-auth-notice",
+	title: "Unauthorized",
+	icon: "i-fluent-emoji-flat-warning"
+});
+const BUILTIN_ENTRIES = Object.freeze([BUILTIN_ENTRY_CLIENT_AUTH_NOTICE]);
+const DEFAULT_CATEGORIES_ORDER = {
+	"~viteplus": -1e3,
+	"default": 0,
+	"app": 100,
+	"framework": 200,
+	"web": 300,
+	"advanced": 400,
+	"~builtin": 1e3
+};
+//#endregion
+//#region src/client/webcomponents/state/dock-settings.ts
+/**
+* Group and sort dock entries based on user settings.
+* Filters out hidden entries and categories, sorts by pinned status, custom order, and default order.
+*/
+function docksGroupByCategories(entries, settings, options) {
+	const { docksHidden, docksCategoriesHidden, docksCustomOrder, docksPinned } = settings;
+	const { includeHidden = false } = options ?? {};
+	const map = /* @__PURE__ */ new Map();
+	for (const entry of entries) {
+		if (entry.isHidden && !includeHidden) continue;
+		if (!includeHidden && docksHidden.includes(entry.id)) continue;
+		const category = entry.category ?? "default";
+		if (!includeHidden && docksCategoriesHidden.includes(category)) continue;
+		if (!map.has(category)) map.set(category, []);
+		map.get(category).push(entry);
+	}
+	const grouped = Array.from(map.entries()).sort(([a], [b]) => {
+		const ia = DEFAULT_CATEGORIES_ORDER[a] || 0;
+		const ib = DEFAULT_CATEGORIES_ORDER[b] || 0;
+		return ib === ia ? b.localeCompare(a) : ia - ib;
+	});
+	grouped.forEach(([_, items]) => {
+		items.sort((a, b) => {
+			const aPinned = docksPinned.includes(a.id);
+			if (aPinned !== docksPinned.includes(b.id)) return aPinned ? -1 : 1;
+			const customOrderA = docksCustomOrder[a.id] ?? 0;
+			const customOrderB = docksCustomOrder[b.id] ?? 0;
+			if (customOrderA !== customOrderB) return customOrderA - customOrderB;
+			const ia = a.defaultOrder ?? 0;
+			const ib = b.defaultOrder ?? 0;
+			return ib === ia ? b.title.localeCompare(a.title) : ia - ib;
+		});
+	});
+	return grouped;
+}
+/**
+* Split grouped entries into visible and overflow based on capacity.
+*/
+function docksSplitGroupsWithCapacity(groups, capacity) {
+	const visible = [];
+	const overflow = [];
+	let left = capacity;
+	for (const [category, items] of groups) if (left <= 0) overflow.push([category, items]);
+	else if (items.length > left) {
+		visible.push([category, items.slice(0, left)]);
+		overflow.push([category, items.slice(left)]);
+		left = 0;
+	} else {
+		left -= items.length;
+		visible.push([category, items]);
+	}
+	return {
+		visible,
+		overflow
+	};
+}
+//#endregion
+//#region src/client/webcomponents/state/docks.ts
+function DEFAULT_DOCK_PANEL_STORE() {
+	return {
+		width: 80,
+		height: 80,
+		top: 0,
+		left: 10,
+		position: "bottom",
+		open: false,
+		inactiveTimeout: 3e3
+	};
+}
+function createDockEntryState(entry, selected) {
+	const events = createEventEmitter();
+	const state = reactive({
+		entryMeta: entry,
+		get isActive() {
+			return selected.value?.id === entry.id;
+		},
+		domElements: {},
+		events: markRaw(events)
+	});
+	watch(() => selected.value?.id, (newSelectedId) => {
+		if (newSelectedId === entry.id) events.emit("entry:activated");
+		else events.emit("entry:deactivated");
+	}, { immediate: true });
+	watch(() => state.domElements.iframe, (newIframe) => {
+		if (newIframe) events.emit("dom:iframe:mounted", newIframe);
+	}, { immediate: true });
+	watch(() => state.domElements.panel, (newPanel) => {
+		if (newPanel) events.emit("dom:panel:mounted", newPanel);
+	}, { immediate: true });
+	return state;
+}
+function sharedStateToRef(sharedState) {
+	const ref = shallowRef(sharedState.value());
+	sharedState.on("updated", (newState) => {
+		ref.value = newState;
+	});
+	return ref;
+}
+const docksEntriesRefByRpc = /* @__PURE__ */ new WeakMap();
+async function useDocksEntries(rpc) {
+	if (docksEntriesRefByRpc.has(rpc)) return docksEntriesRefByRpc.get(rpc);
+	const docksEntriesRef = sharedStateToRef(await rpc.sharedState.get("devtoolskit:internal:docks", { initialValue: [] }));
+	docksEntriesRefByRpc.set(rpc, docksEntriesRef);
+	return docksEntriesRef;
+}
+//#endregion
+//#region src/client/webcomponents/state/floating-tooltip.ts
+const tooltip = shallowRef(null);
+const docksOverflowPanel = shallowRef(null);
+const dockContextMenu = shallowRef(null);
+function setFloatingTooltip(info) {
+	tooltip.value = info;
+}
+function useFloatingTooltip() {
+	return tooltip;
+}
+function setDocksOverflowPanel(info) {
+	docksOverflowPanel.value = info;
+}
+function useDocksOverflowPanel() {
+	return docksOverflowPanel;
+}
+function setDockContextMenu(info) {
+	dockContextMenu.value = info;
+}
+function useDockContextMenu() {
+	return dockContextMenu;
+}
+//#endregion
+//#region src/client/webcomponents/state/popup.ts
+const PANEL_MIN_SIZE = 20;
+const PANEL_MAX_SIZE = 100;
+const POPUP_MIN_WIDTH = 320;
+const POPUP_MIN_HEIGHT = 240;
+const POPUP_DOCK_ID = "~popup";
+const MAIN_FRAME_ACTION_HANDLER_KEY = "__VITE_DEVTOOLS_TRIGGER_DOCK_ACTION__";
+const popupWindow = shallowRef(null);
+const isPopupOpen = shallowRef(false);
+const popupEvents = createEventEmitter();
+let detachPopupListeners;
+let detachColorModeSync;
+let popupDockElement;
+let loadDockStandalone = async () => {
+	return await import("./DockStandalone-Dd6Dcd5B.js").then((m) => m.DockStandalone);
+};
+popupEvents.on("popup:open-requested", (context) => {
+	openDockPopup(context);
+});
+function getDocumentPictureInPicture() {
+	if (typeof window === "undefined") return;
+	return window.documentPictureInPicture;
+}
+function clearListeners() {
+	detachPopupListeners?.();
+	detachPopupListeners = void 0;
+	detachColorModeSync?.();
+	detachColorModeSync = void 0;
+}
+function resolveColorMode() {
+	const sourceWindow = window;
+	const elements = [sourceWindow.document?.documentElement, sourceWindow.document?.body].filter(Boolean);
+	for (const element of elements) {
+		if (element?.classList?.contains("dark")) return "dark";
+		if (element?.classList?.contains("light")) return "light";
+		const dataTheme = element?.getAttribute?.("data-theme");
+		if (dataTheme === "dark" || dataTheme === "light") return dataTheme;
+	}
+	if (sourceWindow.matchMedia?.("(prefers-color-scheme: dark)").matches) return "dark";
+	return "light";
+}
+function applyPopupColorMode(popup, mode) {
+	popup.document.documentElement?.style.setProperty("color-scheme", mode);
+}
+function setupPopupColorModeSync(popup) {
+	const cleanups = [];
+	const update = () => applyPopupColorMode(popup, resolveColorMode());
+	update();
+	const sourceWindow = window;
+	const sourceDocument = sourceWindow.document;
+	if (typeof MutationObserver !== "undefined" && sourceDocument) {
+		const observer = new MutationObserver(update);
+		for (const element of [sourceDocument.documentElement, sourceDocument.body]) {
+			if (!element) continue;
+			observer.observe(element, {
+				attributes: true,
+				attributeFilter: [
+					"class",
+					"data-theme",
+					"style"
+				]
+			});
+		}
+		cleanups.push(() => observer.disconnect());
+	}
+	if (sourceWindow.matchMedia) {
+		const darkQuery = sourceWindow.matchMedia("(prefers-color-scheme: dark)");
+		const lightQuery = sourceWindow.matchMedia("(prefers-color-scheme: light)");
+		darkQuery.addEventListener("change", update);
+		lightQuery.addEventListener("change", update);
+		cleanups.push(() => {
+			darkQuery.removeEventListener("change", update);
+			lightQuery.removeEventListener("change", update);
+		});
+	}
+	return () => {
+		cleanups.forEach((fn) => fn());
+	};
+}
+function unmountPopupElement() {
+	popupDockElement?.remove();
+	popupDockElement = void 0;
+}
+function clearPopupState() {
+	clearListeners();
+	unmountPopupElement();
+	popupWindow.value = null;
+	isPopupOpen.value = false;
+}
+function clamp(value, min, max) {
+	return Math.min(Math.max(value, min), max);
+}
+function syncPanelSizeFromPopup(context, popup) {
+	if (window.innerWidth <= 0 || window.innerHeight <= 0) return;
+	context.panel.store.width = clamp(Math.round(popup.innerWidth / window.innerWidth * 100), PANEL_MIN_SIZE, PANEL_MAX_SIZE);
+	context.panel.store.height = clamp(Math.round(popup.innerHeight / window.innerHeight * 100), PANEL_MIN_SIZE, PANEL_MAX_SIZE);
+}
+async function mountStandaloneApp(context, popup) {
+	const DockStandaloneElement = await loadDockStandalone();
+	const baseStyle = popup.document.createElement("style");
+	baseStyle.textContent = [
+		"html, body {",
+		"  margin: 0;",
+		"  padding: 0;",
+		"  width: 100%;",
+		"  height: 100%;",
+		"  overflow: hidden;",
+		"  background: transparent;",
+		"}",
+		"#vite-devtools-popup-root {",
+		"  width: 100vw;",
+		"  height: 100vh;",
+		"}",
+		"#vite-devtools-popup-root > vite-devtools-dock-standalone {",
+		"  display: block;",
+		"  width: 100%;",
+		"  height: 100%;",
+		"}"
+	].join("\n");
+	popup.document.title = "Vite DevTools";
+	popup.document.head?.appendChild(baseStyle);
+	popup.document.body.textContent = "";
+	const appRoot = popup.document.createElement("div");
+	appRoot.id = "vite-devtools-popup-root";
+	popup.document.body.appendChild(appRoot);
+	const dockElement = new DockStandaloneElement({ context });
+	popupDockElement = dockElement;
+	appRoot.appendChild(dockElement);
+}
+function isDockPopupSupported() {
+	return !!getDocumentPictureInPicture()?.requestWindow;
+}
+function registerMainFrameDockActionHandler(clientType, handler) {
+	if (typeof window === "undefined") return;
+	if (clientType === "standalone") return;
+	window[MAIN_FRAME_ACTION_HANDLER_KEY] = handler;
+}
+async function triggerMainFrameDockAction(clientType, entryId) {
+	if (typeof window === "undefined") return void 0;
+	if (clientType !== "standalone") return void 0;
+	try {
+		const opener = window.opener;
+		if (!opener || opener.closed) return void 0;
+		const handler = opener[MAIN_FRAME_ACTION_HANDLER_KEY];
+		if (typeof handler !== "function") return void 0;
+		return await handler(entryId);
+	} catch {
+		return;
+	}
+}
+function isDockPopupEntryVisible(clientType) {
+	return isDockPopupSupported() && !isPopupOpen.value && clientType !== "standalone";
+}
+function filterPopupDockEntry(groups) {
+	return groups.map(([category, entries]) => [category, entries.filter((entry) => entry.id !== POPUP_DOCK_ID)]).filter(([, entries]) => entries.length > 0);
+}
+function useIsDockPopupOpen() {
+	return isPopupOpen;
+}
+function requestDockPopupOpen(context) {
+	popupEvents.emit("popup:open-requested", context);
+}
+function closeDockPopup() {
+	const popup = popupWindow.value;
+	clearPopupState();
+	if (!popup || popup.closed) return;
+	popup.close();
+}
+async function openDockPopup(context) {
+	setDocksOverflowPanel(null);
+	const currentPopup = popupWindow.value;
+	if (currentPopup?.closed) clearPopupState();
+	else if (currentPopup) {
+		currentPopup.focus();
+		return currentPopup;
+	}
+	const documentPictureInPicture = getDocumentPictureInPicture();
+	if (!documentPictureInPicture?.requestWindow) return null;
+	let openedPopup;
+	try {
+		const popup = openedPopup = await documentPictureInPicture.requestWindow({
+			width: Math.max(POPUP_MIN_WIDTH, Math.round(window.innerWidth * context.panel.store.width / 100)),
+			height: Math.max(POPUP_MIN_HEIGHT, Math.round(window.innerHeight * context.panel.store.height / 100))
+		});
+		await mountStandaloneApp(context, popup);
+		detachColorModeSync = setupPopupColorModeSync(popup);
+		const onResize = () => syncPanelSizeFromPopup(context, popup);
+		const onPageHide = () => {
+			if (popupWindow.value !== popup) return;
+			clearPopupState();
+		};
+		popup.addEventListener("resize", onResize);
+		popup.addEventListener("pagehide", onPageHide);
+		detachPopupListeners = () => {
+			popup.removeEventListener("resize", onResize);
+			popup.removeEventListener("pagehide", onPageHide);
+		};
+		popupWindow.value = popup;
+		isPopupOpen.value = true;
+		return popup;
+	} catch {
+		if (openedPopup && !openedPopup.closed) openedPopup.close();
+		clearPopupState();
+		return null;
+	}
+}
+//#endregion
+export { useDocksEntries as _, requestDockPopupOpen as a, BUILTIN_ENTRIES as b, setDockContextMenu as c, useDockContextMenu as d, useDocksOverflowPanel as f, sharedStateToRef as g, createDockEntryState as h, registerMainFrameDockActionHandler as i, setDocksOverflowPanel as l, DEFAULT_DOCK_PANEL_STORE as m, filterPopupDockEntry as n, triggerMainFrameDockAction as o, useFloatingTooltip as p, isDockPopupEntryVisible as r, useIsDockPopupOpen as s, closeDockPopup as t, setFloatingTooltip as u, docksGroupByCategories as v, BUILTIN_ENTRY_CLIENT_AUTH_NOTICE as x, docksSplitGroupsWithCapacity as y };

package/dist/utils--qjmgani.js

@@ -0,0 +1,6 @@
+//#region src/node/utils.ts
+function isObject(value) {
+	return Object.prototype.toString.call(value) === "[object Object]";
+}
+//#endregion
+export { isObject as t };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vitejs/devtools",
   "type": "module",
-  "version": "0.0.0-alpha.8",
+  "version": "0.1.0",
   "description": "Vite DevTools",
   "author": "VoidZero Inc.",
   "license": "MIT",
@@ -14,6 +14,7 @@
   "bugs": "https://github.com/vitejs/devtools/issues",
   "keywords": [
     "vite",
+    "vite-plugin",
     "devtools",
     "rpc"
   ],
@@ -21,13 +22,13 @@
   "exports": {
     ".": "./dist/index.js",
     "./cli": "./dist/cli.js",
+    "./cli-commands": "./dist/cli-commands.js",
     "./client/inject": "./dist/client/inject.js",
     "./client/webcomponents": "./dist/client/webcomponents.js",
+    "./config": "./dist/config.js",
     "./dirs": "./dist/dirs.js",
     "./package.json": "./package.json"
   },
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "bin": {
     "vite-devtools": "./bin.js"
@@ -37,31 +38,59 @@
     "dist"
   ],
   "peerDependencies": {
-    "vite": "npm:rolldown-vite@^7.1.20"
+    "vite": "*"
   },
   "dependencies": {
-    "cac": "^6.7.14",
-    "debug": "^4.4.3",
-    "launch-editor": "^2.12.0",
-    "mlly": "^1.8.0",
-    "open": "^10.2.0",
+    "birpc": "^4.0.0",
+    "cac": "^7.0.0",
+    "h3": "^1.15.6",
+    "immer": "^11.1.4",
+    "launch-editor": "^2.13.1",
+    "mlly": "^1.8.1",
+    "obug": "^2.1.1",
+    "open": "^11.0.0",
     "pathe": "^2.0.3",
+    "perfect-debounce": "^2.1.0",
     "sirv": "^3.0.2",
-    "ws": "^8.18.3",
-    "@vitejs/devtools-kit": "0.0.0-alpha.8",
-    "@vitejs/devtools-rpc": "0.0.0-alpha.8",
-    "@vitejs/devtools-vite": "0.0.0-alpha.8"
+    "tinyexec": "^1.0.2",
+    "ws": "^8.19.0",
+    "@vitejs/devtools-kit": "0.1.0",
+    "@vitejs/devtools-rpc": "0.1.0",
+    "@vitejs/devtools-rolldown": "0.1.0"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^6.0.1",
-    "tsdown": "^0.15.12",
+    "@clack/prompts": "^1.1.0",
+    "@vitejs/plugin-vue": "^6.0.5",
+    "@xterm/addon-fit": "^0.11.0",
+    "@xterm/xterm": "^6.0.0",
+    "dompurify": "^3.3.3",
+    "tsdown": "^0.21.2",
     "typescript": "^5.9.3",
-    "unplugin-vue": "^7.0.4",
-    "vite": "npm:rolldown-vite@^7.1.20",
-    "vue": "^3.5.22",
-    "vue-tsc": "^3.1.2",
-    "@vitejs/devtools": "0.0.0-alpha.8",
-    "@vitejs/devtools-vite": "0.0.0-alpha.8"
+    "unplugin-vue": "^7.1.1",
+    "unplugin-vue-router": "^0.19.2",
+    "vite": "^8.0.0",
+    "vue": "^3.5.30",
+    "vue-router": "^5.0.3",
+    "vue-tsc": "^3.2.5",
+    "@vitejs/devtools-rolldown": "0.1.0"
+  },
+  "inlinedDependencies": {
+    "@vue/shared": "3.5.30",
+    "@vue/reactivity": "3.5.30",
+    "@vue/runtime-core": "3.5.30",
+    "csstype": "3.2.3",
+    "@vue/runtime-dom": "3.5.30",
+    "vue": "3.5.30",
+    "dompurify": "3.3.3",
+    "@xterm/addon-fit": "0.11.0",
+    "@xterm/xterm": "6.0.0",
+    "@vueuse/shared": "14.2.1",
+    "@vueuse/core": "14.2.1",
+    "sisteransi": "1.0.5",
+    "@clack/core": "1.1.0",
+    "@clack/prompts": "1.1.0",
+    "ansis": "4.2.0",
+    "get-port-please": "3.2.0"
   },
   "scripts": {
     "build": "pnpm build:js && pnpm build:standalone",
@@ -70,6 +99,7 @@
     "watch": "tsdown --watch --config-loader=tsx",
     "dev:standalone": "cd src/client/standalone && vite dev",
     "play": "DEBUG='vite:devtools:*' pnpm -C playground run dev",
+    "play:standalone": "DEBUG='vite:devtools:*' pnpm -C playground run dev:standalone",
     "cli": "DEBUG='vite:devtools:*' tsx src/node/cli.ts",
     "play:build": "pnpm -C playground run build"
   }

package/dist/client/standalone/assets/index-DULlvzQC.css

@@ -1 +0,0 @@
-*,: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-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:2147483645}.vite-devtools-resize-handle:hover{background-color:#9ca3af1a}#vite-devtools-anchor{z-index:2147483645;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:44px;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}#vite-devtools-anchor.vite-devtools-vertical #vite-devtools-dock-container{transition:all .6s,max-width .6s,padding .5s,transform .4s,opacity .2s;transform:translate(-50%,-50%)rotate(90deg)}#vite-devtools-anchor #vite-devtools-dock{touch-action:none;-webkit-user-select:none;user-select:none;--vdt-border-opacity:.13;border-width:1px;border-color:rgb(136 136 136/var(--vdt-border-opacity));--vdt-backdrop-blur:blur(5px);min-width:100%;height:100%;-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);background-color:#ffffffbf;border-radius:9999px;padding-left:1rem;padding-right:1rem;transition:all .6s,max-width .6s,padding .5s,transform .4s,opacity .2s}@media (prefers-color-scheme:dark){#vite-devtools-anchor #vite-devtools-dock{background-color:#111111bf}}#vite-devtools-anchor.vite-devtools-minimized #vite-devtools-dock{width:52px;height:8px;padding:2px 0}#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-dock-label{--vdt-translate-x:-50%;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));bottom:-1.75rem;left:50%}.vite-devtools-vertical .vite-devtools-dock-label{--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));bottom:-2.5rem}*,: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: }.border-base{--vdt-border-opacity:.13;border-color:rgb(136 136 136/var(--vdt-border-opacity))}.bg-glass{--vdt-backdrop-blur:blur(5px);-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);background-color:#ffffffbf}@media (prefers-color-scheme:dark){.bg-glass{background-color:#111111bf}}.absolute{position:absolute}.relative{position:relative}.z--1{z-index:-1}.z-10{z-index:10}.h-5{height:1.25rem}.h-full{height:100%}.w-5{width:1.25rem}.w-full{width:100%}.w-max{width:max-content}.flex{display:flex}.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))}.transform{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}.border{border-width:1px}.rounded{border-radius:.25rem}.rounded-xl{border-radius:.75rem}.hover\:bg-\[\#8881\]:hover{--vdt-bg-opacity:.07;background-color:rgb(136 136 136/var(--vdt-bg-opacity))}.p1{padding:.25rem}.p1\.5{padding:.375rem}.px{padding-left:1rem;padding-right:1rem}.px2{padding-left:.5rem;padding-right:.5rem}.text-xs{font-size:.75rem;line-height:1rem}.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}.op50{opacity:.5}.opacity-0{opacity:0}.opacity-100,.group:hover .group-hover\:opacity-100{opacity:1}.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-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}@media (prefers-color-scheme:dark){.dark\:bg-hex-121212{--vdt-bg-opacity:1;background-color:rgb(18 18 18/var(--vdt-bg-opacity))}.dark\:text-white{--vdt-text-opacity:1;color:rgb(255 255 255/var(--vdt-text-opacity))}}