omnix-chat 2.0.0 → 2.0.1

package/dist/SimulatorMask-BHVXyogh-gk7lKSd9.js

@@ -1,492 +1,661 @@
 import { a as e, i as t, n, o as r, r as i, t as a } from "./classPrivateFieldSet2-C_TowLYi.js";
-//#region node_modules/.pnpm/ai-motion@0.4.8/node_modules/ai-motion/build/Motion.js
-function o(e, t, n, r) {
-	let i = Math.max(1, Math.min(e, t)), a = Math.min(Math.min(n, 20) + r, i), o = Math.min(a, Math.floor(e / 2)), s = Math.min(a, Math.floor(t / 2)), c = (t) => t / e * 2 - 1, l = (e) => e / t * 2 - 1, u = e, d = t, f = o, p = e - o, m = s, h = t - s, g = c(0), _ = c(u), v = l(0), y = l(d), b = c(f), x = c(p), S = l(m), C = l(h), w = o / e, T = 1 - o / e, E = s / t, D = 1 - s / t;
-	return {
-		positions: new Float32Array([
-			g,
-			v,
-			_,
-			v,
-			g,
-			S,
-			g,
-			S,
-			_,
-			v,
-			_,
-			S,
-			g,
-			C,
-			_,
-			C,
-			g,
-			y,
-			g,
-			y,
-			_,
-			C,
-			_,
-			y,
-			g,
-			S,
-			b,
-			S,
-			g,
-			C,
-			g,
-			C,
-			b,
-			S,
-			b,
-			C,
-			x,
-			S,
-			_,
-			S,
-			x,
-			C,
-			x,
-			C,
-			_,
-			S,
-			_,
-			C
-		]),
-		uvs: new Float32Array([
-			0,
-			0,
-			1,
-			0,
-			0,
-			E,
-			0,
-			E,
-			1,
-			0,
-			1,
-			E,
-			0,
-			D,
-			1,
-			D,
-			0,
-			1,
-			0,
-			1,
-			1,
-			D,
-			1,
-			1,
-			0,
-			E,
-			w,
-			E,
-			0,
-			D,
-			0,
-			D,
-			w,
-			E,
-			w,
-			D,
-			T,
-			E,
-			1,
-			E,
-			T,
-			D,
-			T,
-			D,
-			1,
-			E,
-			1,
-			D
-		])
-	};
+function o(e2, t2, n2, r2) {
+  let i2 = Math.max(1, Math.min(e2, t2)), a2 = Math.min(Math.min(n2, 20) + r2, i2), o2 = Math.min(a2, Math.floor(e2 / 2)), s2 = Math.min(a2, Math.floor(t2 / 2)), c2 = (t3) => t3 / e2 * 2 - 1, l2 = (e3) => e3 / t2 * 2 - 1, u2 = e2, d2 = t2, f2 = o2, p2 = e2 - o2, m2 = s2, h2 = t2 - s2, g2 = c2(0), _2 = c2(u2), v2 = l2(0), y2 = l2(d2), b2 = c2(f2), x2 = c2(p2), S2 = l2(m2), C2 = l2(h2), w2 = o2 / e2, T2 = 1 - o2 / e2, E2 = s2 / t2, D2 = 1 - s2 / t2;
+  return {
+    positions: new Float32Array([
+      g2,
+      v2,
+      _2,
+      v2,
+      g2,
+      S2,
+      g2,
+      S2,
+      _2,
+      v2,
+      _2,
+      S2,
+      g2,
+      C2,
+      _2,
+      C2,
+      g2,
+      y2,
+      g2,
+      y2,
+      _2,
+      C2,
+      _2,
+      y2,
+      g2,
+      S2,
+      b2,
+      S2,
+      g2,
+      C2,
+      g2,
+      C2,
+      b2,
+      S2,
+      b2,
+      C2,
+      x2,
+      S2,
+      _2,
+      S2,
+      x2,
+      C2,
+      x2,
+      C2,
+      _2,
+      S2,
+      _2,
+      C2
+    ]),
+    uvs: new Float32Array([
+      0,
+      0,
+      1,
+      0,
+      0,
+      E2,
+      0,
+      E2,
+      1,
+      0,
+      1,
+      E2,
+      0,
+      D2,
+      1,
+      D2,
+      0,
+      1,
+      0,
+      1,
+      1,
+      D2,
+      1,
+      1,
+      0,
+      E2,
+      w2,
+      E2,
+      0,
+      D2,
+      0,
+      D2,
+      w2,
+      E2,
+      w2,
+      D2,
+      T2,
+      E2,
+      1,
+      E2,
+      T2,
+      D2,
+      T2,
+      D2,
+      1,
+      E2,
+      1,
+      D2
+    ])
+  };
 }
-function s(e, t, n) {
-	let r = e.createShader(t);
-	if (!r) throw Error("Failed to create shader");
-	if (e.shaderSource(r, n), e.compileShader(r), !e.getShaderParameter(r, e.COMPILE_STATUS)) {
-		let t = e.getShaderInfoLog(r) || "Unknown shader error";
-		throw e.deleteShader(r), Error(t);
-	}
-	return r;
+function s(e2, t2, n2) {
+  let r2 = e2.createShader(t2);
+  if (!r2) throw Error("Failed to create shader");
+  if (e2.shaderSource(r2, n2), e2.compileShader(r2), !e2.getShaderParameter(r2, e2.COMPILE_STATUS)) {
+    let t3 = e2.getShaderInfoLog(r2) || "Unknown shader error";
+    throw e2.deleteShader(r2), Error(t3);
+  }
+  return r2;
 }
-function c(e, t, n) {
-	let r = s(e, e.VERTEX_SHADER, t), i = s(e, e.FRAGMENT_SHADER, n), a = e.createProgram();
-	if (!a) throw Error("Failed to create program");
-	if (e.attachShader(a, r), e.attachShader(a, i), e.linkProgram(a), !e.getProgramParameter(a, e.LINK_STATUS)) {
-		let t = e.getProgramInfoLog(a) || "Unknown link error";
-		throw e.deleteProgram(a), e.deleteShader(r), e.deleteShader(i), Error(t);
-	}
-	return e.deleteShader(r), e.deleteShader(i), a;
+function c(e2, t2, n2) {
+  let r2 = s(e2, e2.VERTEX_SHADER, t2), i2 = s(e2, e2.FRAGMENT_SHADER, n2), a2 = e2.createProgram();
+  if (!a2) throw Error("Failed to create program");
+  if (e2.attachShader(a2, r2), e2.attachShader(a2, i2), e2.linkProgram(a2), !e2.getProgramParameter(a2, e2.LINK_STATUS)) {
+    let t3 = e2.getProgramInfoLog(a2) || "Unknown link error";
+    throw e2.deleteProgram(a2), e2.deleteShader(r2), e2.deleteShader(i2), Error(t3);
+  }
+  return e2.deleteShader(r2), e2.deleteShader(i2), a2;
 }
 var l = "#version 300 es\nprecision lowp float;\nin vec2 vUV;\nout vec4 outColor;\nuniform vec2 uResolution;\nuniform float uTime;\nuniform float uBorderWidth;\nuniform float uGlowWidth;\nuniform float uBorderRadius;\nuniform vec3 uColors[4];\nuniform float uGlowExponent;\nuniform float uGlowFactor;\nconst float PI = 3.14159265359;\nconst float TWO_PI = 2.0 * PI;\nconst float HALF_PI = 0.5 * PI;\nconst vec4 startPositions = vec4(0.0, PI, HALF_PI, 1.5 * PI);\nconst vec4 speeds = vec4(-1.9, -1.9, -1.5, 2.1);\nconst vec4 innerRadius = vec4(PI * 0.8, PI * 0.7, PI * 0.3, PI * 0.1);\nconst vec4 outerRadius = vec4(PI * 1.2, PI * 0.9, PI * 0.6, PI * 0.4);\nfloat random(vec2 st) {\nreturn fract(sin(dot(st.xy, vec2(12.9898, 78.233))) * 43758.5453123);\n}\nvec2 random2(vec2 st) {\nreturn vec2(random(st), random(st + 1.0));\n}\nfloat aaStep(float edge, float d) {\nfloat width = fwidth(d);\nreturn smoothstep(edge - width * 0.5, edge + width * 0.5, d);\n}\nfloat aaFract(float x) {\nfloat f = fract(x);\nfloat w = fwidth(x);\nfloat smooth_f = f * (1.0 - smoothstep(1.0 - w, 1.0, f));\nreturn smooth_f;\n}\nfloat sdRoundedBox(in vec2 p, in vec2 b, in float r) {\nvec2 q = abs(p) - b + r;\nreturn min(max(q.x, q.y), 0.0) + length(max(q, 0.0)) - r;\n}\nfloat getInnerGlow(vec2 p, vec2 b, float radius) {\nfloat dist_x = b.x - abs(p.x);\nfloat dist_y = b.y - abs(p.y);\nfloat glow_x = smoothstep(radius, 0.0, dist_x);\nfloat glow_y = smoothstep(radius, 0.0, dist_y);\nreturn 1.0 - (1.0 - glow_x) * (1.0 - glow_y);\n}\nfloat getVignette(vec2 uv) {\nvec2 vignetteUv = uv;\nvignetteUv = vignetteUv * (1.0 - vignetteUv);\nfloat vignette = vignetteUv.x * vignetteUv.y * 25.0;\nvignette = pow(vignette, 0.16);\nvignette = 1.0 - vignette;\nreturn vignette;\n}\nfloat uvToAngle(vec2 uv) {\nvec2 center = vec2(0.5);\nvec2 dir = uv - center;\nreturn atan(dir.y, dir.x) + PI;\n}\nvoid main() {\nvec2 uv = vUV;\nvec2 pos = uv * uResolution;\nvec2 centeredPos = pos - uResolution * 0.5;\nvec2 size = uResolution - uBorderWidth;\nvec2 halfSize = size * 0.5;\nfloat dBorderBox = sdRoundedBox(centeredPos, halfSize, uBorderRadius);\nfloat border = aaStep(0.0, dBorderBox);\nfloat glow = getInnerGlow(centeredPos, halfSize, uGlowWidth);\nfloat vignette = getVignette(uv);\nglow *= vignette;\nfloat posAngle = uvToAngle(uv);\nvec4 lightCenter = mod(startPositions + speeds * uTime, TWO_PI);\nvec4 angleDist = abs(posAngle - lightCenter);\nvec4 disToLight = min(angleDist, TWO_PI - angleDist) / TWO_PI;\nfloat intensityBorder[4];\nintensityBorder[0] = 1.0;\nintensityBorder[1] = smoothstep(0.4, 0.0, disToLight.y);\nintensityBorder[2] = smoothstep(0.4, 0.0, disToLight.z);\nintensityBorder[3] = smoothstep(0.2, 0.0, disToLight.w) * 0.5;\nvec3 borderColor = vec3(0.0);\nfor(int i = 0; i < 4; i++) {\nborderColor = mix(borderColor, uColors[i], intensityBorder[i]);\n}\nborderColor *= 1.1;\nborderColor = clamp(borderColor, 0.0, 1.0);\nfloat intensityGlow[4];\nintensityGlow[0] = smoothstep(0.9, 0.0, disToLight.x);\nintensityGlow[1] = smoothstep(0.7, 0.0, disToLight.y);\nintensityGlow[2] = smoothstep(0.4, 0.0, disToLight.z);\nintensityGlow[3] = smoothstep(0.1, 0.0, disToLight.w) * 0.7;\nvec4 breath = smoothstep(0.0, 1.0, sin(uTime * 1.0 + startPositions * PI) * 0.2 + 0.8);\nvec3 glowColor = vec3(0.0);\nglowColor += uColors[0] * intensityGlow[0] * breath.x;\nglowColor += uColors[1] * intensityGlow[1] * breath.y;\nglowColor += uColors[2] * intensityGlow[2] * breath.z;\nglowColor += uColors[3] * intensityGlow[3] * breath.w * glow;\nglow = pow(glow, uGlowExponent);\nglow *= random(pos + uTime) * 0.1 + 1.0;\nglowColor *= glow * uGlowFactor;\nglowColor = clamp(glowColor, 0.0, 1.0);\nvec3 color = mix(glowColor, borderColor + glowColor * 0.2, border);\nfloat alpha = mix(glow, 1.0, border);\noutColor = vec4(color, alpha);\n}", u = "#version 300 es\nin vec2 aPosition;\nin vec2 aUV;\nout vec2 vUV;\nvoid main() {\nvUV = aUV;\ngl_Position = vec4(aPosition, 0.0, 1.0);\n}", d = [
-	"rgb(57, 182, 255)",
-	"rgb(189, 69, 251)",
-	"rgb(255, 87, 51)",
-	"rgb(255, 214, 0)"
+  "rgb(57, 182, 255)",
+  "rgb(189, 69, 251)",
+  "rgb(255, 87, 51)",
+  "rgb(255, 214, 0)"
 ];
-function f(e) {
-	let t = e.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/);
-	if (!t) throw Error(`Invalid color format: ${e}`);
-	let [, n, r, i] = t;
-	return [
-		parseInt(n) / 255,
-		parseInt(r) / 255,
-		parseInt(i) / 255
-	];
+function f(e2) {
+  let t2 = e2.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/);
+  if (!t2) throw Error(`Invalid color format: ${e2}`);
+  let [, n2, r2, i2] = t2;
+  return [
+    parseInt(n2) / 255,
+    parseInt(r2) / 255,
+    parseInt(i2) / 255
+  ];
 }
 var p = class {
-	constructor(e = {}) {
-		r(this, "element", void 0), r(this, "canvas", void 0), r(this, "options", void 0), r(this, "running", !1), r(this, "disposed", !1), r(this, "startTime", 0), r(this, "lastTime", 0), r(this, "rafId", null), r(this, "glr", void 0), r(this, "observer", void 0), this.options = {
-			width: e.width ?? 600,
-			height: e.height ?? 600,
-			ratio: e.ratio ?? window.devicePixelRatio ?? 1,
-			borderWidth: e.borderWidth ?? 8,
-			glowWidth: e.glowWidth ?? 200,
-			borderRadius: e.borderRadius ?? 8,
-			mode: e.mode ?? "light",
-			...e
-		}, this.canvas = document.createElement("canvas"), this.options.classNames && (this.canvas.className = this.options.classNames), this.options.styles && Object.assign(this.canvas.style, this.options.styles), this.canvas.style.display = "block", this.canvas.style.transformOrigin = "center", this.canvas.style.pointerEvents = "none", this.element = this.canvas, this.setupGL(), this.options.skipGreeting || this.greet();
-	}
-	start() {
-		if (this.disposed) throw Error("Motion instance has been disposed.");
-		if (this.running) return;
-		if (!this.glr) {
-			console.error("WebGL resources are not initialized.");
-			return;
-		}
-		this.running = !0, this.startTime = performance.now(), this.resize(this.options.width ?? 600, this.options.height ?? 600, this.options.ratio), this.glr.gl.viewport(0, 0, this.canvas.width, this.canvas.height), this.glr.gl.useProgram(this.glr.program), this.glr.gl.uniform2f(this.glr.uResolution, this.canvas.width, this.canvas.height), this.checkGLError(this.glr.gl, "start: after initial setup");
-		let e = () => {
-			if (!this.running || !this.glr) return;
-			this.rafId = requestAnimationFrame(e);
-			let t = performance.now();
-			if (t - this.lastTime < 1e3 / 32) return;
-			this.lastTime = t;
-			let n = (t - this.startTime) * .001;
-			this.render(n);
-		};
-		this.rafId = requestAnimationFrame(e);
-	}
-	pause() {
-		if (this.disposed) throw Error("Motion instance has been disposed.");
-		this.running = !1, this.rafId !== null && cancelAnimationFrame(this.rafId);
-	}
-	dispose() {
-		if (this.disposed) return;
-		this.disposed = !0, this.running = !1, this.rafId !== null && cancelAnimationFrame(this.rafId);
-		let { gl: e, vao: t, positionBuffer: n, uvBuffer: r, program: i } = this.glr;
-		t && e.deleteVertexArray(t), n && e.deleteBuffer(n), r && e.deleteBuffer(r), e.deleteProgram(i), this.observer && this.observer.disconnect(), this.canvas.remove();
-	}
-	resize(e, t, n) {
-		if (this.disposed) throw Error("Motion instance has been disposed.");
-		if (this.options.width = e, this.options.height = t, n && (this.options.ratio = n), !this.running) return;
-		let { gl: r, program: i, vao: a, positionBuffer: s, uvBuffer: c, uResolution: l } = this.glr, u = n ?? this.options.ratio ?? window.devicePixelRatio ?? 1, d = Math.max(1, Math.floor(e * u)), f = Math.max(1, Math.floor(t * u));
-		this.canvas.style.width = `${e}px`, this.canvas.style.height = `${t}px`, (this.canvas.width !== d || this.canvas.height !== f) && (this.canvas.width = d, this.canvas.height = f), r.viewport(0, 0, this.canvas.width, this.canvas.height), this.checkGLError(r, "resize: after viewport setup");
-		let { positions: p, uvs: m } = o(this.canvas.width, this.canvas.height, this.options.borderWidth * u, this.options.glowWidth * u);
-		r.bindVertexArray(a), r.bindBuffer(r.ARRAY_BUFFER, s), r.bufferData(r.ARRAY_BUFFER, p, r.STATIC_DRAW);
-		let h = r.getAttribLocation(i, "aPosition");
-		r.enableVertexAttribArray(h), r.vertexAttribPointer(h, 2, r.FLOAT, !1, 0, 0), this.checkGLError(r, "resize: after position buffer update"), r.bindBuffer(r.ARRAY_BUFFER, c), r.bufferData(r.ARRAY_BUFFER, m, r.STATIC_DRAW);
-		let g = r.getAttribLocation(i, "aUV");
-		r.enableVertexAttribArray(g), r.vertexAttribPointer(g, 2, r.FLOAT, !1, 0, 0), this.checkGLError(r, "resize: after UV buffer update"), r.useProgram(i), r.uniform2f(l, this.canvas.width, this.canvas.height), r.uniform1f(this.glr.uBorderWidth, this.options.borderWidth * u), r.uniform1f(this.glr.uGlowWidth, this.options.glowWidth * u), r.uniform1f(this.glr.uBorderRadius, this.options.borderRadius * u), this.checkGLError(r, "resize: after uniform updates");
-		let _ = performance.now();
-		this.lastTime = _;
-		let v = (_ - this.startTime) * .001;
-		this.render(v);
-	}
-	autoResize(e) {
-		this.observer && this.observer.disconnect(), this.observer = new ResizeObserver(() => {
-			let t = e.getBoundingClientRect();
-			this.resize(t.width, t.height);
-		}), this.observer.observe(e);
-	}
-	fadeIn() {
-		if (this.disposed) throw Error("Motion instance has been disposed.");
-		return new Promise((e, t) => {
-			let n = this.canvas.animate([{
-				opacity: 0,
-				transform: "scale(1.2)"
-			}, {
-				opacity: 1,
-				transform: "scale(1)"
-			}], {
-				duration: 300,
-				easing: "ease-out",
-				fill: "forwards"
-			});
-			n.onfinish = () => e(), n.oncancel = () => t("canceled");
-		});
-	}
-	fadeOut() {
-		if (this.disposed) throw Error("Motion instance has been disposed.");
-		return new Promise((e, t) => {
-			let n = this.canvas.animate([{
-				opacity: 1,
-				transform: "scale(1)"
-			}, {
-				opacity: 0,
-				transform: "scale(1.2)"
-			}], {
-				duration: 300,
-				easing: "ease-in",
-				fill: "forwards"
-			});
-			n.onfinish = () => e(), n.oncancel = () => t("canceled");
-		});
-	}
-	checkGLError(e, t) {
-		let n = e.getError();
-		if (n !== e.NO_ERROR) {
-			for (console.group(`🔴 WebGL Error in ${t}`); n !== e.NO_ERROR;) {
-				let t = this.getGLErrorName(e, n);
-				console.error(`${t} (0x${n.toString(16)})`), n = e.getError();
-			}
-			console.groupEnd();
-		}
-	}
-	getGLErrorName(e, t) {
-		switch (t) {
-			case e.INVALID_ENUM: return "INVALID_ENUM";
-			case e.INVALID_VALUE: return "INVALID_VALUE";
-			case e.INVALID_OPERATION: return "INVALID_OPERATION";
-			case e.INVALID_FRAMEBUFFER_OPERATION: return "INVALID_FRAMEBUFFER_OPERATION";
-			case e.OUT_OF_MEMORY: return "OUT_OF_MEMORY";
-			case e.CONTEXT_LOST_WEBGL: return "CONTEXT_LOST_WEBGL";
-			default: return "UNKNOWN_ERROR";
-		}
+  constructor(e2 = {}) {
+    r(this, "element", void 0), r(this, "canvas", void 0), r(this, "options", void 0), r(this, "running", false), r(this, "disposed", false), r(this, "startTime", 0), r(this, "lastTime", 0), r(this, "rafId", null), r(this, "glr", void 0), r(this, "observer", void 0), this.options = {
+      width: e2.width ?? 600,
+      height: e2.height ?? 600,
+      ratio: e2.ratio ?? window.devicePixelRatio ?? 1,
+      borderWidth: e2.borderWidth ?? 8,
+      glowWidth: e2.glowWidth ?? 200,
+      borderRadius: e2.borderRadius ?? 8,
+      mode: e2.mode ?? "light",
+      ...e2
+    }, this.canvas = document.createElement("canvas"), this.options.classNames && (this.canvas.className = this.options.classNames), this.options.styles && Object.assign(this.canvas.style, this.options.styles), this.canvas.style.display = "block", this.canvas.style.transformOrigin = "center", this.canvas.style.pointerEvents = "none", this.element = this.canvas, this.setupGL(), this.options.skipGreeting || this.greet();
+  }
+  start() {
+    if (this.disposed) throw Error("Motion instance has been disposed.");
+    if (this.running) return;
+    if (!this.glr) {
+      console.error("WebGL resources are not initialized.");
+      return;
+    }
+    this.running = true, this.startTime = performance.now(), this.resize(this.options.width ?? 600, this.options.height ?? 600, this.options.ratio), this.glr.gl.viewport(0, 0, this.canvas.width, this.canvas.height), this.glr.gl.useProgram(this.glr.program), this.glr.gl.uniform2f(this.glr.uResolution, this.canvas.width, this.canvas.height), this.checkGLError(this.glr.gl, "start: after initial setup");
+    let e2 = () => {
+      if (!this.running || !this.glr) return;
+      this.rafId = requestAnimationFrame(e2);
+      let t2 = performance.now();
+      if (t2 - this.lastTime < 1e3 / 32) return;
+      this.lastTime = t2;
+      let n2 = (t2 - this.startTime) * 1e-3;
+      this.render(n2);
+    };
+    this.rafId = requestAnimationFrame(e2);
+  }
+  pause() {
+    if (this.disposed) throw Error("Motion instance has been disposed.");
+    this.running = false, this.rafId !== null && cancelAnimationFrame(this.rafId);
+  }
+  dispose() {
+    if (this.disposed) return;
+    this.disposed = true, this.running = false, this.rafId !== null && cancelAnimationFrame(this.rafId);
+    let { gl: e2, vao: t2, positionBuffer: n2, uvBuffer: r2, program: i2 } = this.glr;
+    t2 && e2.deleteVertexArray(t2), n2 && e2.deleteBuffer(n2), r2 && e2.deleteBuffer(r2), e2.deleteProgram(i2), this.observer && this.observer.disconnect(), this.canvas.remove();
+  }
+  resize(e2, t2, n2) {
+    if (this.disposed) throw Error("Motion instance has been disposed.");
+    if (this.options.width = e2, this.options.height = t2, n2 && (this.options.ratio = n2), !this.running) return;
+    let { gl: r2, program: i2, vao: a2, positionBuffer: s2, uvBuffer: c2, uResolution: l2 } = this.glr, u2 = n2 ?? this.options.ratio ?? window.devicePixelRatio ?? 1, d2 = Math.max(1, Math.floor(e2 * u2)), f2 = Math.max(1, Math.floor(t2 * u2));
+    this.canvas.style.width = `${e2}px`, this.canvas.style.height = `${t2}px`, (this.canvas.width !== d2 || this.canvas.height !== f2) && (this.canvas.width = d2, this.canvas.height = f2), r2.viewport(0, 0, this.canvas.width, this.canvas.height), this.checkGLError(r2, "resize: after viewport setup");
+    let { positions: p2, uvs: m2 } = o(this.canvas.width, this.canvas.height, this.options.borderWidth * u2, this.options.glowWidth * u2);
+    r2.bindVertexArray(a2), r2.bindBuffer(r2.ARRAY_BUFFER, s2), r2.bufferData(r2.ARRAY_BUFFER, p2, r2.STATIC_DRAW);
+    let h2 = r2.getAttribLocation(i2, "aPosition");
+    r2.enableVertexAttribArray(h2), r2.vertexAttribPointer(h2, 2, r2.FLOAT, false, 0, 0), this.checkGLError(r2, "resize: after position buffer update"), r2.bindBuffer(r2.ARRAY_BUFFER, c2), r2.bufferData(r2.ARRAY_BUFFER, m2, r2.STATIC_DRAW);
+    let g2 = r2.getAttribLocation(i2, "aUV");
+    r2.enableVertexAttribArray(g2), r2.vertexAttribPointer(g2, 2, r2.FLOAT, false, 0, 0), this.checkGLError(r2, "resize: after UV buffer update"), r2.useProgram(i2), r2.uniform2f(l2, this.canvas.width, this.canvas.height), r2.uniform1f(this.glr.uBorderWidth, this.options.borderWidth * u2), r2.uniform1f(this.glr.uGlowWidth, this.options.glowWidth * u2), r2.uniform1f(this.glr.uBorderRadius, this.options.borderRadius * u2), this.checkGLError(r2, "resize: after uniform updates");
+    let _2 = performance.now();
+    this.lastTime = _2;
+    let v2 = (_2 - this.startTime) * 1e-3;
+    this.render(v2);
+  }
+  autoResize(e2) {
+    this.observer && this.observer.disconnect(), this.observer = new ResizeObserver(() => {
+      let t2 = e2.getBoundingClientRect();
+      this.resize(t2.width, t2.height);
+    }), this.observer.observe(e2);
+  }
+  fadeIn() {
+    if (this.disposed) throw Error("Motion instance has been disposed.");
+    return new Promise((e2, t2) => {
+      let n2 = this.canvas.animate([{
+        opacity: 0,
+        transform: "scale(1.2)"
+      }, {
+        opacity: 1,
+        transform: "scale(1)"
+      }], {
+        duration: 300,
+        easing: "ease-out",
+        fill: "forwards"
+      });
+      n2.onfinish = () => e2(), n2.oncancel = () => t2("canceled");
+    });
+  }
+  fadeOut() {
+    if (this.disposed) throw Error("Motion instance has been disposed.");
+    return new Promise((e2, t2) => {
+      let n2 = this.canvas.animate([{
+        opacity: 1,
+        transform: "scale(1)"
+      }, {
+        opacity: 0,
+        transform: "scale(1.2)"
+      }], {
+        duration: 300,
+        easing: "ease-in",
+        fill: "forwards"
+      });
+      n2.onfinish = () => e2(), n2.oncancel = () => t2("canceled");
+    });
+  }
+  checkGLError(e2, t2) {
+    let n2 = e2.getError();
+    if (n2 !== e2.NO_ERROR) {
+      for (console.group(`\u{1F534} WebGL Error in ${t2}`); n2 !== e2.NO_ERROR; ) {
+        let t3 = this.getGLErrorName(e2, n2);
+        console.error(`${t3} (0x${n2.toString(16)})`), n2 = e2.getError();
+      }
+      console.groupEnd();
+    }
+  }
+  getGLErrorName(e2, t2) {
+    switch (t2) {
+      case e2.INVALID_ENUM:
+        return "INVALID_ENUM";
+      case e2.INVALID_VALUE:
+        return "INVALID_VALUE";
+      case e2.INVALID_OPERATION:
+        return "INVALID_OPERATION";
+      case e2.INVALID_FRAMEBUFFER_OPERATION:
+        return "INVALID_FRAMEBUFFER_OPERATION";
+      case e2.OUT_OF_MEMORY:
+        return "OUT_OF_MEMORY";
+      case e2.CONTEXT_LOST_WEBGL:
+        return "CONTEXT_LOST_WEBGL";
+      default:
+        return "UNKNOWN_ERROR";
+    }
+  }
+  setupGL() {
+    let e2 = this.canvas.getContext("webgl2", {
+      antialias: false,
+      alpha: true
+    });
+    if (!e2) throw Error("WebGL2 is required but not available.");
+    let t2 = c(e2, u, l);
+    this.checkGLError(e2, "setupGL: after createProgram");
+    let n2 = e2.createVertexArray();
+    e2.bindVertexArray(n2), this.checkGLError(e2, "setupGL: after VAO creation");
+    let { positions: r2, uvs: i2 } = o(this.canvas.width || 2, this.canvas.height || 2, this.options.borderWidth, this.options.glowWidth), a2 = e2.createBuffer();
+    e2.bindBuffer(e2.ARRAY_BUFFER, a2), e2.bufferData(e2.ARRAY_BUFFER, r2, e2.STATIC_DRAW);
+    let s2 = e2.getAttribLocation(t2, "aPosition");
+    e2.enableVertexAttribArray(s2), e2.vertexAttribPointer(s2, 2, e2.FLOAT, false, 0, 0), this.checkGLError(e2, "setupGL: after position buffer setup");
+    let p2 = e2.createBuffer();
+    e2.bindBuffer(e2.ARRAY_BUFFER, p2), e2.bufferData(e2.ARRAY_BUFFER, i2, e2.STATIC_DRAW);
+    let m2 = e2.getAttribLocation(t2, "aUV");
+    e2.enableVertexAttribArray(m2), e2.vertexAttribPointer(m2, 2, e2.FLOAT, false, 0, 0), this.checkGLError(e2, "setupGL: after UV buffer setup");
+    let h2 = e2.getUniformLocation(t2, "uResolution"), g2 = e2.getUniformLocation(t2, "uTime"), _2 = e2.getUniformLocation(t2, "uBorderWidth"), v2 = e2.getUniformLocation(t2, "uGlowWidth"), y2 = e2.getUniformLocation(t2, "uBorderRadius"), b2 = e2.getUniformLocation(t2, "uColors"), x2 = e2.getUniformLocation(t2, "uGlowExponent"), S2 = e2.getUniformLocation(t2, "uGlowFactor");
+    e2.useProgram(t2), e2.uniform1f(_2, this.options.borderWidth), e2.uniform1f(v2, this.options.glowWidth), e2.uniform1f(y2, this.options.borderRadius), this.options.mode === "dark" ? (e2.uniform1f(x2, 2), e2.uniform1f(S2, 1.8)) : (e2.uniform1f(x2, 1), e2.uniform1f(S2, 1));
+    let C2 = (this.options.colors || d).map(f);
+    for (let n3 = 0; n3 < C2.length; n3++) e2.uniform3f(e2.getUniformLocation(t2, `uColors[${n3}]`), ...C2[n3]);
+    this.checkGLError(e2, "setupGL: after uniform setup"), e2.bindVertexArray(null), e2.bindBuffer(e2.ARRAY_BUFFER, null), this.glr = {
+      gl: e2,
+      program: t2,
+      vao: n2,
+      positionBuffer: a2,
+      uvBuffer: p2,
+      uResolution: h2,
+      uTime: g2,
+      uBorderWidth: _2,
+      uGlowWidth: v2,
+      uBorderRadius: y2,
+      uColors: b2
+    };
+  }
+  render(e2) {
+    if (!this.glr) return;
+    let { gl: t2, program: n2, vao: r2, uTime: i2 } = this.glr;
+    t2.useProgram(n2), t2.bindVertexArray(r2), t2.uniform1f(i2, e2), t2.disable(t2.DEPTH_TEST), t2.disable(t2.CULL_FACE), t2.disable(t2.BLEND), t2.clearColor(0, 0, 0, 0), t2.clear(t2.COLOR_BUFFER_BIT), t2.drawArrays(t2.TRIANGLES, 0, 24), this.checkGLError(t2, "render: after draw call"), t2.bindVertexArray(null);
+  }
+  greet() {
+    console.log("%c\u{1F308} ai-motion 0.4.8 \u{1F308}", "background: linear-gradient(90deg, #39b6ff, #bd45fb, #ff5733, #ffd600); color: white; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); font-weight: bold; font-size: 1em; padding: 2px 12px; border-radius: 6px;");
+  }
+}, m, h, g, _, v, y, b;
+(function() {
+  try {
+    if (typeof document < "u") {
+      var e2 = document.createElement("style");
+      e2.appendChild(document.createTextNode(`._wrapper_1ooyb_1 {
+	position: fixed;
+	inset: 0;
+	z-index: 2147483641; /* \u786E\u4FDD\u5728\u6240\u6709\u5143\u7D20\u4E4B\u4E0A\uFF0C\u9664\u4E86 panel */
+	cursor: wait;
+	overflow: hidden;
+
+	display: none;
+}
+
+._wrapper_1ooyb_1._visible_1ooyb_11 {
+	display: block;
+}
+/* AI \u5149\u6807\u6837\u5F0F */
+._cursor_1dgwb_2 {
+	position: absolute;
+	width: var(--cursor-size, 75px);
+	height: var(--cursor-size, 75px);
+	pointer-events: none;
+	z-index: 10000;
+}
+
+._cursorBorder_1dgwb_10 {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	background: linear-gradient(45deg, rgb(57, 182, 255), rgb(189, 69, 251));
+	mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%20fill='none'%3e%3cg%3e%3cpath%20d='M%2015%2042%20L%2015%2036.99%20Q%2015%2031.99%2023.7%2031.99%20L%2028.05%2031.99%20Q%2032.41%2031.99%2032.41%2021.99%20L%2032.41%2017%20Q%2032.41%2012%2041.09%2016.95%20L%2076.31%2037.05%20Q%2085%2042%2076.31%2046.95%20L%2041.09%2067.05%20Q%2032.41%2072%2032.41%2062.01%20L%2032.41%2057.01%20Q%2032.41%2052.01%2023.7%2052.01%20L%2019.35%2052.01%20Q%2015%2052.01%2015%2047.01%20Z'%20fill='none'%20stroke='%23000000'%20stroke-width='6'%20stroke-miterlimit='10'%20style='stroke:%20light-dark(rgb(0,%200,%200),%20rgb(255,%20255,%20255));'/%3e%3c/g%3e%3c/svg%3e");
+	mask-size: 100% 100%;
+	mask-repeat: no-repeat;
+
+	transform-origin: center;
+	transform: rotate(-135deg) scale(1.2);
+	margin-left: -10px;
+	margin-top: -18px;
+}
+
+._cursorFilling_1dgwb_25 {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3e%3cdefs%3e%3c/defs%3e%3cg%20xmlns='http://www.w3.org/2000/svg'%20style='filter:%20drop-shadow(light-dark(rgba(0,%200,%200,%200.4),%20rgba(237,%20237,%20237,%200.4))%203px%204px%204px);'%3e%3cpath%20d='M%2015%2042%20L%2015%2036.99%20Q%2015%2031.99%2023.7%2031.99%20L%2028.05%2031.99%20Q%2032.41%2031.99%2032.41%2021.99%20L%2032.41%2017%20Q%2032.41%2012%2041.09%2016.95%20L%2076.31%2037.05%20Q%2085%2042%2076.31%2046.95%20L%2041.09%2067.05%20Q%2032.41%2072%2032.41%2062.01%20L%2032.41%2057.01%20Q%2032.41%2052.01%2023.7%2052.01%20L%2019.35%2052.01%20Q%2015%2052.01%2015%2047.01%20Z'%20fill='%23ffffff'%20stroke='none'%20style='fill:%20%23ffffff;'/%3e%3c/g%3e%3c/svg%3e");
+	background-size: 100% 100%;
+	background-repeat: no-repeat;
+
+	transform-origin: center;
+	transform: rotate(-135deg) scale(1.2);
+	margin-left: -10px;
+	margin-top: -18px;
+}
+
+._cursorRipple_1dgwb_39 {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	pointer-events: none;
+	margin-left: -50%;
+	margin-top: -50%;
+
+	&::after {
+		content: '';
+		opacity: 0;
+		position: absolute;
+		inset: 0;
+		border: 4px solid rgba(57, 182, 255, 1);
+		border-radius: 50%;
 	}
-	setupGL() {
-		let e = this.canvas.getContext("webgl2", {
-			antialias: !1,
-			alpha: !0
-		});
-		if (!e) throw Error("WebGL2 is required but not available.");
-		let t = c(e, u, l);
-		this.checkGLError(e, "setupGL: after createProgram");
-		let n = e.createVertexArray();
-		e.bindVertexArray(n), this.checkGLError(e, "setupGL: after VAO creation");
-		let { positions: r, uvs: i } = o(this.canvas.width || 2, this.canvas.height || 2, this.options.borderWidth, this.options.glowWidth), a = e.createBuffer();
-		e.bindBuffer(e.ARRAY_BUFFER, a), e.bufferData(e.ARRAY_BUFFER, r, e.STATIC_DRAW);
-		let s = e.getAttribLocation(t, "aPosition");
-		e.enableVertexAttribArray(s), e.vertexAttribPointer(s, 2, e.FLOAT, !1, 0, 0), this.checkGLError(e, "setupGL: after position buffer setup");
-		let p = e.createBuffer();
-		e.bindBuffer(e.ARRAY_BUFFER, p), e.bufferData(e.ARRAY_BUFFER, i, e.STATIC_DRAW);
-		let m = e.getAttribLocation(t, "aUV");
-		e.enableVertexAttribArray(m), e.vertexAttribPointer(m, 2, e.FLOAT, !1, 0, 0), this.checkGLError(e, "setupGL: after UV buffer setup");
-		let h = e.getUniformLocation(t, "uResolution"), g = e.getUniformLocation(t, "uTime"), _ = e.getUniformLocation(t, "uBorderWidth"), v = e.getUniformLocation(t, "uGlowWidth"), y = e.getUniformLocation(t, "uBorderRadius"), b = e.getUniformLocation(t, "uColors"), x = e.getUniformLocation(t, "uGlowExponent"), S = e.getUniformLocation(t, "uGlowFactor");
-		e.useProgram(t), e.uniform1f(_, this.options.borderWidth), e.uniform1f(v, this.options.glowWidth), e.uniform1f(y, this.options.borderRadius), this.options.mode === "dark" ? (e.uniform1f(x, 2), e.uniform1f(S, 1.8)) : (e.uniform1f(x, 1), e.uniform1f(S, 1));
-		let C = (this.options.colors || d).map(f);
-		for (let n = 0; n < C.length; n++) e.uniform3f(e.getUniformLocation(t, `uColors[${n}]`), ...C[n]);
-		this.checkGLError(e, "setupGL: after uniform setup"), e.bindVertexArray(null), e.bindBuffer(e.ARRAY_BUFFER, null), this.glr = {
-			gl: e,
-			program: t,
-			vao: n,
-			positionBuffer: a,
-			uvBuffer: p,
-			uResolution: h,
-			uTime: g,
-			uBorderWidth: _,
-			uGlowWidth: v,
-			uBorderRadius: y,
-			uColors: b
-		};
+}
+
+._cursor_1dgwb_2._clicking_1dgwb_57 ._cursorRipple_1dgwb_39::after {
+	animation: _cursor-ripple_1dgwb_1 300ms ease-out forwards;
+}
+
+@keyframes _cursor-ripple_1dgwb_1 {
+	0% {
+		transform: scale(0);
+		opacity: 1;
 	}
-	render(e) {
-		if (!this.glr) return;
-		let { gl: t, program: n, vao: r, uTime: i } = this.glr;
-		t.useProgram(n), t.bindVertexArray(r), t.uniform1f(i, e), t.disable(t.DEPTH_TEST), t.disable(t.CULL_FACE), t.disable(t.BLEND), t.clearColor(0, 0, 0, 0), t.clear(t.COLOR_BUFFER_BIT), t.drawArrays(t.TRIANGLES, 0, 24), this.checkGLError(t, "render: after draw call"), t.bindVertexArray(null);
+	100% {
+		transform: scale(2);
+		opacity: 0;
 	}
-	greet() {
-		console.log("%c🌈 ai-motion 0.4.8 🌈", "background: linear-gradient(90deg, #39b6ff, #bd45fb, #ff5733, #ffd600); color: white; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); font-weight: bold; font-size: 1em; padding: 2px 12px; border-radius: 6px;");
+}`)), document.head.appendChild(e2);
+    }
+  } catch (e3) {
+    console.error("vite-plugin-css-injected-by-js", e3);
+  }
+})(), function() {
+  try {
+    if (typeof document < "u") {
+      var e2 = document.createElement("style");
+      e2.appendChild(document.createTextNode(`._wrapper_1ooyb_1 {
+	position: fixed;
+	inset: 0;
+	z-index: 2147483641; /* \u786E\u4FDD\u5728\u6240\u6709\u5143\u7D20\u4E4B\u4E0A\uFF0C\u9664\u4E86 panel */
+	cursor: wait;
+	overflow: hidden;
+
+	display: none;
+}
+
+._wrapper_1ooyb_1._visible_1ooyb_11 {
+	display: block;
+}
+/* AI \u5149\u6807\u6837\u5F0F */
+._cursor_1dgwb_2 {
+	position: absolute;
+	width: var(--cursor-size, 75px);
+	height: var(--cursor-size, 75px);
+	pointer-events: none;
+	z-index: 10000;
+}
+
+._cursorBorder_1dgwb_10 {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	background: linear-gradient(45deg, rgb(57, 182, 255), rgb(189, 69, 251));
+	mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%20fill='none'%3e%3cg%3e%3cpath%20d='M%2015%2042%20L%2015%2036.99%20Q%2015%2031.99%2023.7%2031.99%20L%2028.05%2031.99%20Q%2032.41%2031.99%2032.41%2021.99%20L%2032.41%2017%20Q%2032.41%2012%2041.09%2016.95%20L%2076.31%2037.05%20Q%2085%2042%2076.31%2046.95%20L%2041.09%2067.05%20Q%2032.41%2072%2032.41%2062.01%20L%2032.41%2057.01%20Q%2032.41%2052.01%2023.7%2052.01%20L%2019.35%2052.01%20Q%2015%2052.01%2015%2047.01%20Z'%20fill='none'%20stroke='%23000000'%20stroke-width='6'%20stroke-miterlimit='10'%20style='stroke:%20light-dark(rgb(0,%200,%200),%20rgb(255,%20255,%20255));'/%3e%3c/g%3e%3c/svg%3e");
+	mask-size: 100% 100%;
+	mask-repeat: no-repeat;
+
+	transform-origin: center;
+	transform: rotate(-135deg) scale(1.2);
+	margin-left: -10px;
+	margin-top: -18px;
+}
+
+._cursorFilling_1dgwb_25 {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3e%3cdefs%3e%3c/defs%3e%3cg%20xmlns='http://www.w3.org/2000/svg'%20style='filter:%20drop-shadow(light-dark(rgba(0,%200,%200,%200.4),%20rgba(237,%20237,%20237,%200.4))%203px%204px%204px);'%3e%3cpath%20d='M%2015%2042%20L%2015%2036.99%20Q%2015%2031.99%2023.7%2031.99%20L%2028.05%2031.99%20Q%2032.41%2031.99%2032.41%2021.99%20L%2032.41%2017%20Q%2032.41%2012%2041.09%2016.95%20L%2076.31%2037.05%20Q%2085%2042%2076.31%2046.95%20L%2041.09%2067.05%20Q%2032.41%2072%2032.41%2062.01%20L%2032.41%2057.01%20Q%2032.41%2052.01%2023.7%2052.01%20L%2019.35%2052.01%20Q%2015%2052.01%2015%2047.01%20Z'%20fill='%23ffffff'%20stroke='none'%20style='fill:%20%23ffffff;'/%3e%3c/g%3e%3c/svg%3e");
+	background-size: 100% 100%;
+	background-repeat: no-repeat;
+
+	transform-origin: center;
+	transform: rotate(-135deg) scale(1.2);
+	margin-left: -10px;
+	margin-top: -18px;
+}
+
+._cursorRipple_1dgwb_39 {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	pointer-events: none;
+	margin-left: -50%;
+	margin-top: -50%;
+
+	&::after {
+		content: '';
+		opacity: 0;
+		position: absolute;
+		inset: 0;
+		border: 4px solid rgba(57, 182, 255, 1);
+		border-radius: 50%;
 	}
-}, m, h, g, _, v, y, b;
-(function() {
-	try {
-		if (typeof document < "u") {
-			var e = document.createElement("style");
-			e.appendChild(document.createTextNode("._wrapper_1ooyb_1 {\n	position: fixed;\n	inset: 0;\n	z-index: 2147483641; /* 确保在所有元素之上，除了 panel */\n	cursor: wait;\n	overflow: hidden;\n\n	display: none;\n}\n\n._wrapper_1ooyb_1._visible_1ooyb_11 {\n	display: block;\n}\n/* AI 光标样式 */\n._cursor_1dgwb_2 {\n	position: absolute;\n	width: var(--cursor-size, 75px);\n	height: var(--cursor-size, 75px);\n	pointer-events: none;\n	z-index: 10000;\n}\n\n._cursorBorder_1dgwb_10 {\n	position: absolute;\n	width: 100%;\n	height: 100%;\n	background: linear-gradient(45deg, rgb(57, 182, 255), rgb(189, 69, 251));\n	mask-image: url(\"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%20fill='none'%3e%3cg%3e%3cpath%20d='M%2015%2042%20L%2015%2036.99%20Q%2015%2031.99%2023.7%2031.99%20L%2028.05%2031.99%20Q%2032.41%2031.99%2032.41%2021.99%20L%2032.41%2017%20Q%2032.41%2012%2041.09%2016.95%20L%2076.31%2037.05%20Q%2085%2042%2076.31%2046.95%20L%2041.09%2067.05%20Q%2032.41%2072%2032.41%2062.01%20L%2032.41%2057.01%20Q%2032.41%2052.01%2023.7%2052.01%20L%2019.35%2052.01%20Q%2015%2052.01%2015%2047.01%20Z'%20fill='none'%20stroke='%23000000'%20stroke-width='6'%20stroke-miterlimit='10'%20style='stroke:%20light-dark(rgb(0,%200,%200),%20rgb(255,%20255,%20255));'/%3e%3c/g%3e%3c/svg%3e\");\n	mask-size: 100% 100%;\n	mask-repeat: no-repeat;\n\n	transform-origin: center;\n	transform: rotate(-135deg) scale(1.2);\n	margin-left: -10px;\n	margin-top: -18px;\n}\n\n._cursorFilling_1dgwb_25 {\n	position: absolute;\n	width: 100%;\n	height: 100%;\n	background: url(\"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3e%3cdefs%3e%3c/defs%3e%3cg%20xmlns='http://www.w3.org/2000/svg'%20style='filter:%20drop-shadow(light-dark(rgba(0,%200,%200,%200.4),%20rgba(237,%20237,%20237,%200.4))%203px%204px%204px);'%3e%3cpath%20d='M%2015%2042%20L%2015%2036.99%20Q%2015%2031.99%2023.7%2031.99%20L%2028.05%2031.99%20Q%2032.41%2031.99%2032.41%2021.99%20L%2032.41%2017%20Q%2032.41%2012%2041.09%2016.95%20L%2076.31%2037.05%20Q%2085%2042%2076.31%2046.95%20L%2041.09%2067.05%20Q%2032.41%2072%2032.41%2062.01%20L%2032.41%2057.01%20Q%2032.41%2052.01%2023.7%2052.01%20L%2019.35%2052.01%20Q%2015%2052.01%2015%2047.01%20Z'%20fill='%23ffffff'%20stroke='none'%20style='fill:%20%23ffffff;'/%3e%3c/g%3e%3c/svg%3e\");\n	background-size: 100% 100%;\n	background-repeat: no-repeat;\n\n	transform-origin: center;\n	transform: rotate(-135deg) scale(1.2);\n	margin-left: -10px;\n	margin-top: -18px;\n}\n\n._cursorRipple_1dgwb_39 {\n	position: absolute;\n	width: 100%;\n	height: 100%;\n	pointer-events: none;\n	margin-left: -50%;\n	margin-top: -50%;\n\n	&::after {\n		content: '';\n		opacity: 0;\n		position: absolute;\n		inset: 0;\n		border: 4px solid rgba(57, 182, 255, 1);\n		border-radius: 50%;\n	}\n}\n\n._cursor_1dgwb_2._clicking_1dgwb_57 ._cursorRipple_1dgwb_39::after {\n	animation: _cursor-ripple_1dgwb_1 300ms ease-out forwards;\n}\n\n@keyframes _cursor-ripple_1dgwb_1 {\n	0% {\n		transform: scale(0);\n		opacity: 1;\n	}\n	100% {\n		transform: scale(2);\n		opacity: 0;\n	}\n}")), document.head.appendChild(e);
-		}
-	} catch (e) {
-		console.error("vite-plugin-css-injected-by-js", e);
+}
+
+._cursor_1dgwb_2._clicking_1dgwb_57 ._cursorRipple_1dgwb_39::after {
+	animation: _cursor-ripple_1dgwb_1 300ms ease-out forwards;
+}
+
+@keyframes _cursor-ripple_1dgwb_1 {
+	0% {
+		transform: scale(0);
+		opacity: 1;
 	}
-})(), (function() {
-	try {
-		if (typeof document < "u") {
-			var e = document.createElement("style");
-			e.appendChild(document.createTextNode("._wrapper_1ooyb_1 {\n	position: fixed;\n	inset: 0;\n	z-index: 2147483641; /* 确保在所有元素之上，除了 panel */\n	cursor: wait;\n	overflow: hidden;\n\n	display: none;\n}\n\n._wrapper_1ooyb_1._visible_1ooyb_11 {\n	display: block;\n}\n/* AI 光标样式 */\n._cursor_1dgwb_2 {\n	position: absolute;\n	width: var(--cursor-size, 75px);\n	height: var(--cursor-size, 75px);\n	pointer-events: none;\n	z-index: 10000;\n}\n\n._cursorBorder_1dgwb_10 {\n	position: absolute;\n	width: 100%;\n	height: 100%;\n	background: linear-gradient(45deg, rgb(57, 182, 255), rgb(189, 69, 251));\n	mask-image: url(\"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%20fill='none'%3e%3cg%3e%3cpath%20d='M%2015%2042%20L%2015%2036.99%20Q%2015%2031.99%2023.7%2031.99%20L%2028.05%2031.99%20Q%2032.41%2031.99%2032.41%2021.99%20L%2032.41%2017%20Q%2032.41%2012%2041.09%2016.95%20L%2076.31%2037.05%20Q%2085%2042%2076.31%2046.95%20L%2041.09%2067.05%20Q%2032.41%2072%2032.41%2062.01%20L%2032.41%2057.01%20Q%2032.41%2052.01%2023.7%2052.01%20L%2019.35%2052.01%20Q%2015%2052.01%2015%2047.01%20Z'%20fill='none'%20stroke='%23000000'%20stroke-width='6'%20stroke-miterlimit='10'%20style='stroke:%20light-dark(rgb(0,%200,%200),%20rgb(255,%20255,%20255));'/%3e%3c/g%3e%3c/svg%3e\");\n	mask-size: 100% 100%;\n	mask-repeat: no-repeat;\n\n	transform-origin: center;\n	transform: rotate(-135deg) scale(1.2);\n	margin-left: -10px;\n	margin-top: -18px;\n}\n\n._cursorFilling_1dgwb_25 {\n	position: absolute;\n	width: 100%;\n	height: 100%;\n	background: url(\"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3e%3cdefs%3e%3c/defs%3e%3cg%20xmlns='http://www.w3.org/2000/svg'%20style='filter:%20drop-shadow(light-dark(rgba(0,%200,%200,%200.4),%20rgba(237,%20237,%20237,%200.4))%203px%204px%204px);'%3e%3cpath%20d='M%2015%2042%20L%2015%2036.99%20Q%2015%2031.99%2023.7%2031.99%20L%2028.05%2031.99%20Q%2032.41%2031.99%2032.41%2021.99%20L%2032.41%2017%20Q%2032.41%2012%2041.09%2016.95%20L%2076.31%2037.05%20Q%2085%2042%2076.31%2046.95%20L%2041.09%2067.05%20Q%2032.41%2072%2032.41%2062.01%20L%2032.41%2057.01%20Q%2032.41%2052.01%2023.7%2052.01%20L%2019.35%2052.01%20Q%2015%2052.01%2015%2047.01%20Z'%20fill='%23ffffff'%20stroke='none'%20style='fill:%20%23ffffff;'/%3e%3c/g%3e%3c/svg%3e\");\n	background-size: 100% 100%;\n	background-repeat: no-repeat;\n\n	transform-origin: center;\n	transform: rotate(-135deg) scale(1.2);\n	margin-left: -10px;\n	margin-top: -18px;\n}\n\n._cursorRipple_1dgwb_39 {\n	position: absolute;\n	width: 100%;\n	height: 100%;\n	pointer-events: none;\n	margin-left: -50%;\n	margin-top: -50%;\n\n	&::after {\n		content: '';\n		opacity: 0;\n		position: absolute;\n		inset: 0;\n		border: 4px solid rgba(57, 182, 255, 1);\n		border-radius: 50%;\n	}\n}\n\n._cursor_1dgwb_2._clicking_1dgwb_57 ._cursorRipple_1dgwb_39::after {\n	animation: _cursor-ripple_1dgwb_1 300ms ease-out forwards;\n}\n\n@keyframes _cursor-ripple_1dgwb_1 {\n	0% {\n		transform: scale(0);\n		opacity: 1;\n	}\n	100% {\n		transform: scale(2);\n		opacity: 0;\n	}\n}")), document.head.appendChild(e);
-		}
-	} catch (e) {
-		console.error("vite-plugin-css-injected-by-js", e);
+	100% {
+		transform: scale(2);
+		opacity: 0;
 	}
-})();
+}`)), document.head.appendChild(e2);
+    }
+  } catch (e3) {
+    console.error("vite-plugin-css-injected-by-js", e3);
+  }
+}();
 function x() {
-	try {
-		return !!(S() || C() || w() || T() || D() || E());
-	} catch (e) {
-		return console.warn("Error determining if page is dark:", e), !1;
-	}
+  try {
+    return !!(S() || C() || w() || T() || D() || E());
+  } catch (e2) {
+    return console.warn("Error determining if page is dark:", e2), false;
+  }
 }
 function S() {
-	let e = [
-		"dark",
-		"dark-mode",
-		"theme-dark",
-		"night",
-		"night-mode"
-	], t = document.documentElement, n = document.body || document.documentElement;
-	for (let r of e) if (t.classList.contains(r) || n?.classList.contains(r)) return !0;
-	return !1;
+  let e2 = [
+    "dark",
+    "dark-mode",
+    "theme-dark",
+    "night",
+    "night-mode"
+  ], t2 = document.documentElement, n2 = document.body || document.documentElement;
+  for (let r2 of e2) if (t2.classList.contains(r2) || n2?.classList.contains(r2)) return true;
+  return false;
 }
 function C() {
-	let e = document.documentElement, t = document.body || document.documentElement;
-	for (let n of [
-		"data-theme",
-		"data-color-mode",
-		"data-bs-theme",
-		"data-mui-color-scheme"
-	]) {
-		let r = t?.getAttribute(n), i = e.getAttribute(n);
-		if (r?.toLowerCase() === "dark" || i?.toLowerCase() === "dark") return !0;
-	}
-	return !1;
+  let e2 = document.documentElement, t2 = document.body || document.documentElement;
+  for (let n2 of [
+    "data-theme",
+    "data-color-mode",
+    "data-bs-theme",
+    "data-mui-color-scheme"
+  ]) {
+    let r2 = t2?.getAttribute(n2), i2 = e2.getAttribute(n2);
+    if (r2?.toLowerCase() === "dark" || i2?.toLowerCase() === "dark") return true;
+  }
+  return false;
 }
 function w() {
-	let e = document.querySelector("meta[name=\"color-scheme\"]")?.content.toLowerCase();
-	if (e === "dark" || e === "only dark") return !0;
-	let t = window.getComputedStyle(document.documentElement).getPropertyValue("color-scheme").trim().toLowerCase();
-	return t === "dark" || t === "only dark";
+  let e2 = document.querySelector('meta[name="color-scheme"]')?.content.toLowerCase();
+  if (e2 === "dark" || e2 === "only dark") return true;
+  let t2 = window.getComputedStyle(document.documentElement).getPropertyValue("color-scheme").trim().toLowerCase();
+  return t2 === "dark" || t2 === "only dark";
 }
 function T() {
-	let e = window.getComputedStyle(document.documentElement), t = window.getComputedStyle(document.body || document.documentElement), n = e.backgroundColor, r = t.backgroundColor;
-	return A(r) ? !0 : r === "transparent" || r.startsWith("rgba(0, 0, 0, 0)") ? A(n) : !1;
+  let e2 = window.getComputedStyle(document.documentElement), t2 = window.getComputedStyle(document.body || document.documentElement), n2 = e2.backgroundColor, r2 = t2.backgroundColor;
+  return A(r2) ? true : r2 === "transparent" || r2.startsWith("rgba(0, 0, 0, 0)") ? A(n2) : false;
 }
 function E() {
-	let e = k(window.getComputedStyle(document.body || document.documentElement).color);
-	return e !== null && e > 200;
+  let e2 = k(window.getComputedStyle(document.body || document.documentElement).color);
+  return e2 !== null && e2 > 200;
 }
 function D() {
-	let { innerWidth: e, innerHeight: t } = window, n = e * t * .5;
-	for (let e of [
-		"#app",
-		"#root",
-		"#__next"
-	]) {
-		let t = document.querySelector(e);
-		if (!t) continue;
-		let r = t.getBoundingClientRect();
-		if (!(r.width * r.height < n) && A(window.getComputedStyle(t).backgroundColor)) return !0;
-	}
-	return !1;
+  let { innerWidth: e2, innerHeight: t2 } = window, n2 = e2 * t2 * 0.5;
+  for (let e3 of [
+    "#app",
+    "#root",
+    "#__next"
+  ]) {
+    let t3 = document.querySelector(e3);
+    if (!t3) continue;
+    let r2 = t3.getBoundingClientRect();
+    if (!(r2.width * r2.height < n2) && A(window.getComputedStyle(t3).backgroundColor)) return true;
+  }
+  return false;
 }
-function O(e) {
-	let t = /rgba?\((\d+),\s*(\d+),\s*(\d+)/.exec(e);
-	return t ? {
-		r: parseInt(t[1]),
-		g: parseInt(t[2]),
-		b: parseInt(t[3])
-	} : null;
+function O(e2) {
+  let t2 = /rgba?\((\d+),\s*(\d+),\s*(\d+)/.exec(e2);
+  return t2 ? {
+    r: parseInt(t2[1]),
+    g: parseInt(t2[2]),
+    b: parseInt(t2[3])
+  } : null;
 }
-function k(e) {
-	if (!e || e === "transparent" || e.startsWith("rgba(0, 0, 0, 0)")) return null;
-	let t = O(e);
-	return t ? .299 * t.r + .587 * t.g + .114 * t.b : null;
+function k(e2) {
+  if (!e2 || e2 === "transparent" || e2.startsWith("rgba(0, 0, 0, 0)")) return null;
+  let t2 = O(e2);
+  return t2 ? 0.299 * t2.r + 0.587 * t2.g + 0.114 * t2.b : null;
 }
-function A(e, t = 128) {
-	let n = k(e);
-	return n !== null && n < t;
+function A(e2, t2 = 128) {
+  let n2 = k(e2);
+  return n2 !== null && n2 < t2;
 }
 var j = {
-	wrapper: "_wrapper_1ooyb_1",
-	visible: "_visible_1ooyb_11"
+  wrapper: "_wrapper_1ooyb_1",
+  visible: "_visible_1ooyb_11"
 }, M = {
-	cursor: "_cursor_1dgwb_2",
-	cursorBorder: "_cursorBorder_1dgwb_10",
-	cursorFilling: "_cursorFilling_1dgwb_25",
-	cursorRipple: "_cursorRipple_1dgwb_39",
-	clicking: "_clicking_1dgwb_57",
-	"cursor-ripple": "_cursor-ripple_1dgwb_1"
+  cursor: "_cursor_1dgwb_2",
+  cursorBorder: "_cursorBorder_1dgwb_10",
+  cursorFilling: "_cursorFilling_1dgwb_25",
+  cursorRipple: "_cursorRipple_1dgwb_39",
+  clicking: "_clicking_1dgwb_57",
+  "cursor-ripple": "_cursor-ripple_1dgwb_1"
 }, N = (m = /* @__PURE__ */ new WeakMap(), h = /* @__PURE__ */ new WeakMap(), g = /* @__PURE__ */ new WeakMap(), _ = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), y = /* @__PURE__ */ new WeakMap(), b = /* @__PURE__ */ new WeakSet(), class extends EventTarget {
-	constructor() {
-		super(), e(this, b), r(this, "shown", !1), r(this, "wrapper", document.createElement("div")), r(this, "motion", null), t(this, m, !1), t(this, h, document.createElement("div")), t(this, g, 0), t(this, _, 0), t(this, v, 0), t(this, y, 0), this.wrapper.id = "page-agent-runtime_simulator-mask", this.wrapper.className = j.wrapper, this.wrapper.setAttribute("data-browser-use-ignore", "true"), this.wrapper.setAttribute("data-page-agent-ignore", "true");
-		try {
-			let e = new p({
-				mode: x() ? "dark" : "light",
-				styles: {
-					position: "absolute",
-					inset: "0"
-				}
-			});
-			this.motion = e, this.wrapper.appendChild(e.element), e.autoResize(this.wrapper);
-		} catch (e) {
-			console.warn("[SimulatorMask] Motion overlay unavailable:", e);
-		}
-		this.wrapper.addEventListener("click", (e) => {
-			e.stopPropagation(), e.preventDefault();
-		}), this.wrapper.addEventListener("mousedown", (e) => {
-			e.stopPropagation(), e.preventDefault();
-		}), this.wrapper.addEventListener("mouseup", (e) => {
-			e.stopPropagation(), e.preventDefault();
-		}), this.wrapper.addEventListener("mousemove", (e) => {
-			e.stopPropagation(), e.preventDefault();
-		}), this.wrapper.addEventListener("wheel", (e) => {
-			e.stopPropagation(), e.preventDefault();
-		}), this.wrapper.addEventListener("keydown", (e) => {
-			e.stopPropagation(), e.preventDefault();
-		}), this.wrapper.addEventListener("keyup", (e) => {
-			e.stopPropagation(), e.preventDefault();
-		}), i(b, this, P).call(this), document.body.appendChild(this.wrapper), i(b, this, F).call(this);
-		let n = (e) => {
-			let { x: t, y: n } = e.detail;
-			this.setCursorPosition(t, n);
-		}, a = () => {
-			this.triggerClickAnimation();
-		}, o = () => {
-			this.wrapper.style.pointerEvents = "none";
-		}, s = () => {
-			this.wrapper.style.pointerEvents = "auto";
-		};
-		window.addEventListener("PageAgent::MovePointerTo", n), window.addEventListener("PageAgent::ClickPointer", a), window.addEventListener("PageAgent::EnablePassThrough", o), window.addEventListener("PageAgent::DisablePassThrough", s), this.addEventListener("dispose", () => {
-			window.removeEventListener("PageAgent::MovePointerTo", n), window.removeEventListener("PageAgent::ClickPointer", a), window.removeEventListener("PageAgent::EnablePassThrough", o), window.removeEventListener("PageAgent::DisablePassThrough", s);
-		});
-	}
-	setCursorPosition(e, t) {
-		n(m, this) || (a(v, this, e), a(y, this, t));
-	}
-	triggerClickAnimation() {
-		n(m, this) || (n(h, this).classList.remove(M.clicking), n(h, this).offsetHeight, n(h, this).classList.add(M.clicking));
-	}
-	show() {
-		this.shown || n(m, this) || (this.shown = !0, this.motion?.start(), this.motion?.fadeIn(), this.wrapper.classList.add(j.visible), a(g, this, window.innerWidth / 2), a(_, this, window.innerHeight / 2), a(v, this, n(g, this)), a(y, this, n(_, this)), n(h, this).style.left = `${n(g, this)}px`, n(h, this).style.top = `${n(_, this)}px`);
-	}
-	hide() {
-		!this.shown || n(m, this) || (this.shown = !1, this.motion?.fadeOut(), this.motion?.pause(), n(h, this).classList.remove(M.clicking), setTimeout(() => {
-			this.wrapper.classList.remove(j.visible);
-		}, 800));
-	}
-	dispose() {
-		a(m, this, !0), this.motion?.dispose(), this.wrapper.remove(), this.dispatchEvent(new Event("dispose"));
-	}
+  constructor() {
+    super(), e(this, b), r(this, "shown", false), r(this, "wrapper", document.createElement("div")), r(this, "motion", null), t(this, m, false), t(this, h, document.createElement("div")), t(this, g, 0), t(this, _, 0), t(this, v, 0), t(this, y, 0), this.wrapper.id = "page-agent-runtime_simulator-mask", this.wrapper.className = j.wrapper, this.wrapper.setAttribute("data-browser-use-ignore", "true"), this.wrapper.setAttribute("data-page-agent-ignore", "true");
+    try {
+      let e2 = new p({
+        mode: x() ? "dark" : "light",
+        styles: {
+          position: "absolute",
+          inset: "0"
+        }
+      });
+      this.motion = e2, this.wrapper.appendChild(e2.element), e2.autoResize(this.wrapper);
+    } catch (e2) {
+      console.warn("[SimulatorMask] Motion overlay unavailable:", e2);
+    }
+    this.wrapper.addEventListener("click", (e2) => {
+      e2.stopPropagation(), e2.preventDefault();
+    }), this.wrapper.addEventListener("mousedown", (e2) => {
+      e2.stopPropagation(), e2.preventDefault();
+    }), this.wrapper.addEventListener("mouseup", (e2) => {
+      e2.stopPropagation(), e2.preventDefault();
+    }), this.wrapper.addEventListener("mousemove", (e2) => {
+      e2.stopPropagation(), e2.preventDefault();
+    }), this.wrapper.addEventListener("wheel", (e2) => {
+      e2.stopPropagation(), e2.preventDefault();
+    }), this.wrapper.addEventListener("keydown", (e2) => {
+      e2.stopPropagation(), e2.preventDefault();
+    }), this.wrapper.addEventListener("keyup", (e2) => {
+      e2.stopPropagation(), e2.preventDefault();
+    }), i(b, this, P).call(this), document.body.appendChild(this.wrapper), i(b, this, F).call(this);
+    let n2 = (e2) => {
+      let { x: t2, y: n3 } = e2.detail;
+      this.setCursorPosition(t2, n3);
+    }, a2 = () => {
+      this.triggerClickAnimation();
+    }, o2 = () => {
+      this.wrapper.style.pointerEvents = "none";
+    }, s2 = () => {
+      this.wrapper.style.pointerEvents = "auto";
+    };
+    window.addEventListener("PageAgent::MovePointerTo", n2), window.addEventListener("PageAgent::ClickPointer", a2), window.addEventListener("PageAgent::EnablePassThrough", o2), window.addEventListener("PageAgent::DisablePassThrough", s2), this.addEventListener("dispose", () => {
+      window.removeEventListener("PageAgent::MovePointerTo", n2), window.removeEventListener("PageAgent::ClickPointer", a2), window.removeEventListener("PageAgent::EnablePassThrough", o2), window.removeEventListener("PageAgent::DisablePassThrough", s2);
+    });
+  }
+  setCursorPosition(e2, t2) {
+    n(m, this) || (a(v, this, e2), a(y, this, t2));
+  }
+  triggerClickAnimation() {
+    n(m, this) || (n(h, this).classList.remove(M.clicking), n(h, this).offsetHeight, n(h, this).classList.add(M.clicking));
+  }
+  show() {
+    this.shown || n(m, this) || (this.shown = true, this.motion?.start(), this.motion?.fadeIn(), this.wrapper.classList.add(j.visible), a(g, this, window.innerWidth / 2), a(_, this, window.innerHeight / 2), a(v, this, n(g, this)), a(y, this, n(_, this)), n(h, this).style.left = `${n(g, this)}px`, n(h, this).style.top = `${n(_, this)}px`);
+  }
+  hide() {
+    !this.shown || n(m, this) || (this.shown = false, this.motion?.fadeOut(), this.motion?.pause(), n(h, this).classList.remove(M.clicking), setTimeout(() => {
+      this.wrapper.classList.remove(j.visible);
+    }, 800));
+  }
+  dispose() {
+    a(m, this, true), this.motion?.dispose(), this.wrapper.remove(), this.dispatchEvent(new Event("dispose"));
+  }
 });
 function P() {
-	n(h, this).className = M.cursor;
-	let e = document.createElement("div");
-	e.className = M.cursorRipple, n(h, this).appendChild(e);
-	let t = document.createElement("div");
-	t.className = M.cursorFilling, n(h, this).appendChild(t);
-	let r = document.createElement("div");
-	r.className = M.cursorBorder, n(h, this).appendChild(r), this.wrapper.appendChild(n(h, this));
+  n(h, this).className = M.cursor;
+  let e2 = document.createElement("div");
+  e2.className = M.cursorRipple, n(h, this).appendChild(e2);
+  let t2 = document.createElement("div");
+  t2.className = M.cursorFilling, n(h, this).appendChild(t2);
+  let r2 = document.createElement("div");
+  r2.className = M.cursorBorder, n(h, this).appendChild(r2), this.wrapper.appendChild(n(h, this));
 }
 function F() {
-	if (n(m, this)) return;
-	let e = n(g, this) + (n(v, this) - n(g, this)) * .2, t = n(_, this) + (n(y, this) - n(_, this)) * .2, r = Math.abs(e - n(v, this));
-	r > 0 && (r < 2 ? a(g, this, n(v, this)) : a(g, this, e), n(h, this).style.left = `${n(g, this)}px`);
-	let o = Math.abs(t - n(y, this));
-	o > 0 && (o < 2 ? a(_, this, n(y, this)) : a(_, this, t), n(h, this).style.top = `${n(_, this)}px`), requestAnimationFrame(() => i(b, this, F).call(this));
+  if (n(m, this)) return;
+  let e2 = n(g, this) + (n(v, this) - n(g, this)) * 0.2, t2 = n(_, this) + (n(y, this) - n(_, this)) * 0.2, r2 = Math.abs(e2 - n(v, this));
+  r2 > 0 && (r2 < 2 ? a(g, this, n(v, this)) : a(g, this, e2), n(h, this).style.left = `${n(g, this)}px`);
+  let o2 = Math.abs(t2 - n(y, this));
+  o2 > 0 && (o2 < 2 ? a(_, this, n(y, this)) : a(_, this, t2), n(h, this).style.top = `${n(_, this)}px`), requestAnimationFrame(() => i(b, this, F).call(this));
 }
-//#endregion
-export { N as SimulatorMask };
-
-//# sourceMappingURL=SimulatorMask-BHVXyogh-gk7lKSd9.js.map
+export {
+  N as SimulatorMask
+};