@opentiny/next-sdk 0.3.1 → 0.3.3-alpha.1

package/dist/SimulatorMask-BHVXyogh-CCYbrb84.js

@@ -0,0 +1,801 @@
+function N(r, t, o, n) {
+  const e = Math.max(1, Math.min(r, t)), i = Math.min(o, 20), y = Math.min(i + n, e), l = Math.min(y, Math.floor(r / 2)), h = Math.min(y, Math.floor(t / 2)), s = (M) => M / r * 2 - 1, d = (M) => M / t * 2 - 1, E = 0, k = r, A = 0, b = t, _ = l, x = r - l, P = h, C = t - h, c = s(E), a = s(k), R = d(A), T = d(b), I = s(_), B = s(x), u = d(P), f = d(C), g = 0, F = 0, p = 1, G = 1, U = l / r, S = 1 - l / r, m = h / t, w = 1 - h / t, z = new Float32Array([
+    // Top strip
+    c,
+    R,
+    a,
+    R,
+    c,
+    u,
+    c,
+    u,
+    a,
+    R,
+    a,
+    u,
+    // Bottom strip
+    c,
+    f,
+    a,
+    f,
+    c,
+    T,
+    c,
+    T,
+    a,
+    f,
+    a,
+    T,
+    // Left strip
+    c,
+    u,
+    I,
+    u,
+    c,
+    f,
+    c,
+    f,
+    I,
+    u,
+    I,
+    f,
+    // Right strip
+    B,
+    u,
+    a,
+    u,
+    B,
+    f,
+    B,
+    f,
+    a,
+    u,
+    a,
+    f
+  ]), Q = new Float32Array([
+    // Top strip
+    g,
+    F,
+    p,
+    F,
+    g,
+    m,
+    g,
+    m,
+    p,
+    F,
+    p,
+    m,
+    // Bottom strip
+    g,
+    w,
+    p,
+    w,
+    g,
+    G,
+    g,
+    G,
+    p,
+    w,
+    p,
+    G,
+    // Left strip
+    g,
+    m,
+    U,
+    m,
+    g,
+    w,
+    g,
+    w,
+    U,
+    m,
+    U,
+    w,
+    // Right strip
+    S,
+    m,
+    p,
+    m,
+    S,
+    w,
+    S,
+    w,
+    p,
+    m,
+    p,
+    w
+  ]);
+  return { positions: z, uvs: Q };
+}
+function V(r, t, o) {
+  const n = r.createShader(t);
+  if (!n) throw new Error("Failed to create shader");
+  if (r.shaderSource(n, o), r.compileShader(n), !r.getShaderParameter(n, r.COMPILE_STATUS)) {
+    const e = r.getShaderInfoLog(n) || "Unknown shader error";
+    throw r.deleteShader(n), new Error(e);
+  }
+  return n;
+}
+function Y(r, t, o) {
+  const n = V(r, r.VERTEX_SHADER, t), e = V(r, r.FRAGMENT_SHADER, o), i = r.createProgram();
+  if (!i) throw new Error("Failed to create program");
+  if (r.attachShader(i, n), r.attachShader(i, e), r.linkProgram(i), !r.getProgramParameter(i, r.LINK_STATUS)) {
+    const v = r.getProgramInfoLog(i) || "Unknown link error";
+    throw r.deleteProgram(i), r.deleteShader(n), r.deleteShader(e), new Error(v);
+  }
+  return r.deleteShader(n), r.deleteShader(e), i;
+}
+const X = `#version 300 es
+precision lowp float;
+in vec2 vUV;
+out vec4 outColor;
+uniform vec2 uResolution;
+uniform float uTime;
+uniform float uBorderWidth;
+uniform float uGlowWidth;
+uniform float uBorderRadius;
+uniform vec3 uColors[4];
+uniform float uGlowExponent;
+uniform float uGlowFactor;
+const float PI = 3.14159265359;
+const float TWO_PI = 2.0 * PI;
+const float HALF_PI = 0.5 * PI;
+const vec4 startPositions = vec4(0.0, PI, HALF_PI, 1.5 * PI);
+const vec4 speeds = vec4(-1.9, -1.9, -1.5, 2.1);
+const vec4 innerRadius = vec4(PI * 0.8, PI * 0.7, PI * 0.3, PI * 0.1);
+const vec4 outerRadius = vec4(PI * 1.2, PI * 0.9, PI * 0.6, PI * 0.4);
+float random(vec2 st) {
+return fract(sin(dot(st.xy, vec2(12.9898, 78.233))) * 43758.5453123);
+}
+vec2 random2(vec2 st) {
+return vec2(random(st), random(st + 1.0));
+}
+float aaStep(float edge, float d) {
+float width = fwidth(d);
+return smoothstep(edge - width * 0.5, edge + width * 0.5, d);
+}
+float aaFract(float x) {
+float f = fract(x);
+float w = fwidth(x);
+float smooth_f = f * (1.0 - smoothstep(1.0 - w, 1.0, f));
+return smooth_f;
+}
+float sdRoundedBox(in vec2 p, in vec2 b, in float r) {
+vec2 q = abs(p) - b + r;
+return min(max(q.x, q.y), 0.0) + length(max(q, 0.0)) - r;
+}
+float getInnerGlow(vec2 p, vec2 b, float radius) {
+float dist_x = b.x - abs(p.x);
+float dist_y = b.y - abs(p.y);
+float glow_x = smoothstep(radius, 0.0, dist_x);
+float glow_y = smoothstep(radius, 0.0, dist_y);
+return 1.0 - (1.0 - glow_x) * (1.0 - glow_y);
+}
+float getVignette(vec2 uv) {
+vec2 vignetteUv = uv;
+vignetteUv = vignetteUv * (1.0 - vignetteUv);
+float vignette = vignetteUv.x * vignetteUv.y * 25.0;
+vignette = pow(vignette, 0.16);
+vignette = 1.0 - vignette;
+return vignette;
+}
+float uvToAngle(vec2 uv) {
+vec2 center = vec2(0.5);
+vec2 dir = uv - center;
+return atan(dir.y, dir.x) + PI;
+}
+void main() {
+vec2 uv = vUV;
+vec2 pos = uv * uResolution;
+vec2 centeredPos = pos - uResolution * 0.5;
+vec2 size = uResolution - uBorderWidth;
+vec2 halfSize = size * 0.5;
+float dBorderBox = sdRoundedBox(centeredPos, halfSize, uBorderRadius);
+float border = aaStep(0.0, dBorderBox);
+float glow = getInnerGlow(centeredPos, halfSize, uGlowWidth);
+float vignette = getVignette(uv);
+glow *= vignette;
+float posAngle = uvToAngle(uv);
+vec4 lightCenter = mod(startPositions + speeds * uTime, TWO_PI);
+vec4 angleDist = abs(posAngle - lightCenter);
+vec4 disToLight = min(angleDist, TWO_PI - angleDist) / TWO_PI;
+float intensityBorder[4];
+intensityBorder[0] = 1.0;
+intensityBorder[1] = smoothstep(0.4, 0.0, disToLight.y);
+intensityBorder[2] = smoothstep(0.4, 0.0, disToLight.z);
+intensityBorder[3] = smoothstep(0.2, 0.0, disToLight.w) * 0.5;
+vec3 borderColor = vec3(0.0);
+for(int i = 0; i < 4; i++) {
+borderColor = mix(borderColor, uColors[i], intensityBorder[i]);
+}
+borderColor *= 1.1;
+borderColor = clamp(borderColor, 0.0, 1.0);
+float intensityGlow[4];
+intensityGlow[0] = smoothstep(0.9, 0.0, disToLight.x);
+intensityGlow[1] = smoothstep(0.7, 0.0, disToLight.y);
+intensityGlow[2] = smoothstep(0.4, 0.0, disToLight.z);
+intensityGlow[3] = smoothstep(0.1, 0.0, disToLight.w) * 0.7;
+vec4 breath = smoothstep(0.0, 1.0, sin(uTime * 1.0 + startPositions * PI) * 0.2 + 0.8);
+vec3 glowColor = vec3(0.0);
+glowColor += uColors[0] * intensityGlow[0] * breath.x;
+glowColor += uColors[1] * intensityGlow[1] * breath.y;
+glowColor += uColors[2] * intensityGlow[2] * breath.z;
+glowColor += uColors[3] * intensityGlow[3] * breath.w * glow;
+glow = pow(glow, uGlowExponent);
+glow *= random(pos + uTime) * 0.1 + 1.0;
+glowColor *= glow * uGlowFactor;
+glowColor = clamp(glowColor, 0.0, 1.0);
+vec3 color = mix(glowColor, borderColor + glowColor * 0.2, border);
+float alpha = mix(glow, 1.0, border);
+outColor = vec4(color, alpha);
+}`, $ = `#version 300 es
+in vec2 aPosition;
+in vec2 aUV;
+out vec2 vUV;
+void main() {
+vUV = aUV;
+gl_Position = vec4(aPosition, 0.0, 1.0);
+}`;
+const q = [
+  "rgb(57, 182, 255)",
+  "rgb(189, 69, 251)",
+  "rgb(255, 87, 51)",
+  "rgb(255, 214, 0)"
+];
+function j(r) {
+  const t = r.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/);
+  if (!t)
+    throw new Error(`Invalid color format: ${r}`);
+  const [, o, n, e] = t;
+  return [parseInt(o) / 255, parseInt(n) / 255, parseInt(e) / 255];
+}
+class H {
+  element;
+  canvas;
+  options;
+  running = !1;
+  disposed = !1;
+  startTime = 0;
+  lastTime = 0;
+  rafId = null;
+  glr;
+  observer;
+  constructor(t = {}) {
+    this.options = {
+      width: t.width ?? 600,
+      height: t.height ?? 600,
+      ratio: t.ratio ?? window.devicePixelRatio ?? 1,
+      borderWidth: t.borderWidth ?? 8,
+      glowWidth: t.glowWidth ?? 200,
+      borderRadius: t.borderRadius ?? 8,
+      mode: t.mode ?? "light",
+      ...t
+    }, 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 new 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");
+    const t = () => {
+      if (!this.running || !this.glr) return;
+      this.rafId = requestAnimationFrame(t);
+      const o = performance.now();
+      if (o - this.lastTime < 1e3 / 32) return;
+      this.lastTime = o;
+      const e = (o - this.startTime) * 1e-3;
+      this.render(e);
+    };
+    this.rafId = requestAnimationFrame(t);
+  }
+  pause() {
+    if (this.disposed) throw new 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);
+    const { gl: t, vao: o, positionBuffer: n, uvBuffer: e, program: i } = this.glr;
+    o && t.deleteVertexArray(o), n && t.deleteBuffer(n), e && t.deleteBuffer(e), t.deleteProgram(i), this.observer && this.observer.disconnect(), this.canvas.remove();
+  }
+  resize(t, o, n) {
+    if (this.disposed) throw new Error("Motion instance has been disposed.");
+    if (this.options.width = t, this.options.height = o, n && (this.options.ratio = n), !this.running) return;
+    const { gl: e, program: i, vao: v, positionBuffer: y, uvBuffer: l, uResolution: h } = this.glr, s = n ?? this.options.ratio ?? window.devicePixelRatio ?? 1, d = Math.max(1, Math.floor(t * s)), E = Math.max(1, Math.floor(o * s));
+    this.canvas.style.width = `${t}px`, this.canvas.style.height = `${o}px`, (this.canvas.width !== d || this.canvas.height !== E) && (this.canvas.width = d, this.canvas.height = E), e.viewport(0, 0, this.canvas.width, this.canvas.height), this.checkGLError(e, "resize: after viewport setup");
+    const { positions: k, uvs: A } = N(
+      this.canvas.width,
+      this.canvas.height,
+      this.options.borderWidth * s,
+      this.options.glowWidth * s
+    );
+    e.bindVertexArray(v), e.bindBuffer(e.ARRAY_BUFFER, y), e.bufferData(e.ARRAY_BUFFER, k, e.STATIC_DRAW);
+    const b = e.getAttribLocation(i, "aPosition");
+    e.enableVertexAttribArray(b), e.vertexAttribPointer(b, 2, e.FLOAT, !1, 0, 0), this.checkGLError(e, "resize: after position buffer update"), e.bindBuffer(e.ARRAY_BUFFER, l), e.bufferData(e.ARRAY_BUFFER, A, e.STATIC_DRAW);
+    const _ = e.getAttribLocation(i, "aUV");
+    e.enableVertexAttribArray(_), e.vertexAttribPointer(_, 2, e.FLOAT, !1, 0, 0), this.checkGLError(e, "resize: after UV buffer update"), e.useProgram(i), e.uniform2f(h, this.canvas.width, this.canvas.height), e.uniform1f(this.glr.uBorderWidth, this.options.borderWidth * s), e.uniform1f(this.glr.uGlowWidth, this.options.glowWidth * s), e.uniform1f(this.glr.uBorderRadius, this.options.borderRadius * s), this.checkGLError(e, "resize: after uniform updates");
+    const x = performance.now();
+    this.lastTime = x;
+    const P = (x - this.startTime) * 1e-3;
+    this.render(P);
+  }
+  /**
+   * Automatically resizes the canvas to match the dimensions of the given element.
+   * @note using ResizeObserver
+   */
+  autoResize(t) {
+    this.observer && this.observer.disconnect(), this.observer = new ResizeObserver(() => {
+      const o = t.getBoundingClientRect();
+      this.resize(o.width, o.height);
+    }), this.observer.observe(t);
+  }
+  fadeIn() {
+    if (this.disposed) throw new Error("Motion instance has been disposed.");
+    return new Promise((t, o) => {
+      const n = this.canvas.animate(
+        [
+          { opacity: 0, transform: "scale(1.2)" },
+          { opacity: 1, transform: "scale(1)" }
+        ],
+        { duration: 300, easing: "ease-out", fill: "forwards" }
+      );
+      n.onfinish = () => t(), n.oncancel = () => o("canceled");
+    });
+  }
+  fadeOut() {
+    if (this.disposed) throw new Error("Motion instance has been disposed.");
+    return new Promise((t, o) => {
+      const n = this.canvas.animate(
+        [
+          { opacity: 1, transform: "scale(1)" },
+          { opacity: 0, transform: "scale(1.2)" }
+        ],
+        { duration: 300, easing: "ease-in", fill: "forwards" }
+      );
+      n.onfinish = () => t(), n.oncancel = () => o("canceled");
+    });
+  }
+  checkGLError(t, o) {
+    let n = t.getError();
+    if (n !== t.NO_ERROR) {
+      for (console.group(`🔴 WebGL Error in ${o}`); n !== t.NO_ERROR; ) {
+        const e = this.getGLErrorName(t, n);
+        console.error(`${e} (0x${n.toString(16)})`), n = t.getError();
+      }
+      console.groupEnd();
+    }
+  }
+  getGLErrorName(t, o) {
+    switch (o) {
+      case t.INVALID_ENUM:
+        return "INVALID_ENUM";
+      case t.INVALID_VALUE:
+        return "INVALID_VALUE";
+      case t.INVALID_OPERATION:
+        return "INVALID_OPERATION";
+      case t.INVALID_FRAMEBUFFER_OPERATION:
+        return "INVALID_FRAMEBUFFER_OPERATION";
+      case t.OUT_OF_MEMORY:
+        return "OUT_OF_MEMORY";
+      case t.CONTEXT_LOST_WEBGL:
+        return "CONTEXT_LOST_WEBGL";
+      default:
+        return "UNKNOWN_ERROR";
+    }
+  }
+  setupGL() {
+    const t = this.canvas.getContext("webgl2", { antialias: !1, alpha: !0 });
+    if (!t)
+      throw new Error("WebGL2 is required but not available.");
+    const o = Y(t, $, X);
+    this.checkGLError(t, "setupGL: after createProgram");
+    const n = t.createVertexArray();
+    t.bindVertexArray(n), this.checkGLError(t, "setupGL: after VAO creation");
+    const e = this.canvas.width || 2, i = this.canvas.height || 2, { positions: v, uvs: y } = N(
+      e,
+      i,
+      this.options.borderWidth,
+      this.options.glowWidth
+    ), l = t.createBuffer();
+    t.bindBuffer(t.ARRAY_BUFFER, l), t.bufferData(t.ARRAY_BUFFER, v, t.STATIC_DRAW);
+    const h = t.getAttribLocation(o, "aPosition");
+    t.enableVertexAttribArray(h), t.vertexAttribPointer(h, 2, t.FLOAT, !1, 0, 0), this.checkGLError(t, "setupGL: after position buffer setup");
+    const s = t.createBuffer();
+    t.bindBuffer(t.ARRAY_BUFFER, s), t.bufferData(t.ARRAY_BUFFER, y, t.STATIC_DRAW);
+    const d = t.getAttribLocation(o, "aUV");
+    t.enableVertexAttribArray(d), t.vertexAttribPointer(d, 2, t.FLOAT, !1, 0, 0), this.checkGLError(t, "setupGL: after UV buffer setup");
+    const E = t.getUniformLocation(o, "uResolution"), k = t.getUniformLocation(o, "uTime"), A = t.getUniformLocation(o, "uBorderWidth"), b = t.getUniformLocation(o, "uGlowWidth"), _ = t.getUniformLocation(o, "uBorderRadius"), x = t.getUniformLocation(o, "uColors"), P = t.getUniformLocation(o, "uGlowExponent"), C = t.getUniformLocation(o, "uGlowFactor");
+    t.useProgram(o), t.uniform1f(A, this.options.borderWidth), t.uniform1f(b, this.options.glowWidth), t.uniform1f(_, this.options.borderRadius), this.options.mode === "dark" ? (t.uniform1f(P, 2), t.uniform1f(C, 1.8)) : (t.uniform1f(P, 1), t.uniform1f(C, 1));
+    const c = (this.options.colors || q).map(j);
+    for (let a = 0; a < c.length; a++)
+      t.uniform3f(t.getUniformLocation(o, `uColors[${a}]`), ...c[a]);
+    this.checkGLError(t, "setupGL: after uniform setup"), t.bindVertexArray(null), t.bindBuffer(t.ARRAY_BUFFER, null), this.glr = {
+      gl: t,
+      program: o,
+      vao: n,
+      positionBuffer: l,
+      uvBuffer: s,
+      uResolution: E,
+      uTime: k,
+      uBorderWidth: A,
+      uGlowWidth: b,
+      uBorderRadius: _,
+      uColors: x
+    };
+  }
+  render(t) {
+    if (!this.glr) return;
+    const { gl: o, program: n, vao: e, uTime: i } = this.glr;
+    o.useProgram(n), o.bindVertexArray(e), o.uniform1f(i, t), o.disable(o.DEPTH_TEST), o.disable(o.CULL_FACE), o.disable(o.BLEND), o.clearColor(0, 0, 0, 0), o.clear(o.COLOR_BUFFER_BIT), o.drawArrays(o.TRIANGLES, 0, 24), this.checkGLError(o, "render: after draw call"), o.bindVertexArray(null);
+  }
+  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;"
+    );
+  }
+}
+(function() {
+  try {
+    if (typeof document < "u") {
+      var r = document.createElement("style");
+      r.appendChild(document.createTextNode(`._wrapper_1ooyb_1 {
+	position: fixed;
+	inset: 0;
+	z-index: 2147483641; /* 确保在所有元素之上，除了 panel */
+	cursor: wait;
+	overflow: hidden;
+
+	display: none;
+}
+
+._wrapper_1ooyb_1._visible_1ooyb_11 {
+	display: block;
+}
+/* AI 光标样式 */
+._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%;
+	}
+}
+
+._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;
+	}
+	100% {
+		transform: scale(2);
+		opacity: 0;
+	}
+}`)), document.head.appendChild(r);
+    }
+  } catch (t) {
+    console.error("vite-plugin-css-injected-by-js", t);
+  }
+})();
+(function() {
+  try {
+    if (typeof document < "u") {
+      var r = document.createElement("style");
+      r.appendChild(document.createTextNode(`._wrapper_1ooyb_1 {
+	position: fixed;
+	inset: 0;
+	z-index: 2147483641; /* 确保在所有元素之上，除了 panel */
+	cursor: wait;
+	overflow: hidden;
+
+	display: none;
+}
+
+._wrapper_1ooyb_1._visible_1ooyb_11 {
+	display: block;
+}
+/* AI 光标样式 */
+._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%;
+	}
+}
+
+._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;
+	}
+	100% {
+		transform: scale(2);
+		opacity: 0;
+	}
+}`)), document.head.appendChild(r);
+    }
+  } catch (t) {
+    console.error("vite-plugin-css-injected-by-js", t);
+  }
+})();
+function Z() {
+  try {
+    return !!(K() || J() || tt() || et() || rt() || ot());
+  } catch (r) {
+    return console.warn("Error determining if page is dark:", r), !1;
+  }
+}
+function K() {
+  const r = [
+    "dark",
+    "dark-mode",
+    "theme-dark",
+    "night",
+    "night-mode"
+  ], t = document.documentElement, o = document.body || document.documentElement;
+  for (const n of r) if (t.classList.contains(n) || o?.classList.contains(n)) return !0;
+  return !1;
+}
+function J() {
+  const r = document.documentElement, t = document.body || document.documentElement;
+  for (const o of [
+    "data-theme",
+    "data-color-mode",
+    "data-bs-theme",
+    "data-mui-color-scheme"
+  ]) {
+    const n = t?.getAttribute(o), e = r.getAttribute(o);
+    if (n?.toLowerCase() === "dark" || e?.toLowerCase() === "dark") return !0;
+  }
+  return !1;
+}
+function tt() {
+  const r = document.querySelector('meta[name="color-scheme"]')?.content.toLowerCase();
+  if (r === "dark" || r === "only dark") return !0;
+  const t = window.getComputedStyle(document.documentElement).getPropertyValue("color-scheme").trim().toLowerCase();
+  return t === "dark" || t === "only dark";
+}
+function et() {
+  const r = window.getComputedStyle(document.documentElement), t = window.getComputedStyle(document.body || document.documentElement), o = r.backgroundColor, n = t.backgroundColor;
+  return O(n) ? !0 : n === "transparent" || n.startsWith("rgba(0, 0, 0, 0)") ? O(o) : !1;
+}
+function ot() {
+  const t = W(window.getComputedStyle(document.body || document.documentElement).color);
+  return t !== null && t > 200;
+}
+function rt() {
+  const { innerWidth: r, innerHeight: t } = window, o = r * t * 0.5;
+  for (const n of [
+    "#app",
+    "#root",
+    "#__next"
+  ]) {
+    const e = document.querySelector(n);
+    if (!e) continue;
+    const i = e.getBoundingClientRect();
+    if (!(i.width * i.height < o) && O(window.getComputedStyle(e).backgroundColor))
+      return !0;
+  }
+  return !1;
+}
+function nt(r) {
+  const t = /rgba?\((\d+),\s*(\d+),\s*(\d+)/.exec(r);
+  return t ? {
+    r: parseInt(t[1]),
+    g: parseInt(t[2]),
+    b: parseInt(t[3])
+  } : null;
+}
+function W(r) {
+  if (!r || r === "transparent" || r.startsWith("rgba(0, 0, 0, 0)")) return null;
+  const t = nt(r);
+  return t ? 0.299 * t.r + 0.587 * t.g + 0.114 * t.b : null;
+}
+function O(r, t = 128) {
+  const o = W(r);
+  return o !== null && o < t;
+}
+var D = {
+  wrapper: "_wrapper_1ooyb_1",
+  visible: "_visible_1ooyb_11"
+}, L = {
+  cursor: "_cursor_1dgwb_2",
+  cursorBorder: "_cursorBorder_1dgwb_10",
+  cursorFilling: "_cursorFilling_1dgwb_25",
+  cursorRipple: "_cursorRipple_1dgwb_39",
+  clicking: "_clicking_1dgwb_57"
+}, it = class extends EventTarget {
+  shown = !1;
+  wrapper = document.createElement("div");
+  motion = null;
+  #r = !1;
+  #t = document.createElement("div");
+  #e = 0;
+  #o = 0;
+  #n = 0;
+  #i = 0;
+  constructor() {
+    super(), this.wrapper.id = "page-agent-runtime_simulator-mask", this.wrapper.className = D.wrapper, this.wrapper.setAttribute("data-browser-use-ignore", "true"), this.wrapper.setAttribute("data-page-agent-ignore", "true");
+    try {
+      const e = new H({
+        mode: Z() ? "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();
+    }), this.#a(), document.body.appendChild(this.wrapper), this.#s();
+    const r = (e) => {
+      const { x: i, y: v } = e.detail;
+      this.setCursorPosition(i, v);
+    }, t = () => {
+      this.triggerClickAnimation();
+    }, o = () => {
+      this.wrapper.style.pointerEvents = "none";
+    }, n = () => {
+      this.wrapper.style.pointerEvents = "auto";
+    };
+    window.addEventListener("PageAgent::MovePointerTo", r), window.addEventListener("PageAgent::ClickPointer", t), window.addEventListener("PageAgent::EnablePassThrough", o), window.addEventListener("PageAgent::DisablePassThrough", n), this.addEventListener("dispose", () => {
+      window.removeEventListener("PageAgent::MovePointerTo", r), window.removeEventListener("PageAgent::ClickPointer", t), window.removeEventListener("PageAgent::EnablePassThrough", o), window.removeEventListener("PageAgent::DisablePassThrough", n);
+    });
+  }
+  #a() {
+    this.#t.className = L.cursor;
+    const r = document.createElement("div");
+    r.className = L.cursorRipple, this.#t.appendChild(r);
+    const t = document.createElement("div");
+    t.className = L.cursorFilling, this.#t.appendChild(t);
+    const o = document.createElement("div");
+    o.className = L.cursorBorder, this.#t.appendChild(o), this.wrapper.appendChild(this.#t);
+  }
+  #s() {
+    if (this.#r) return;
+    const r = this.#e + (this.#n - this.#e) * 0.2, t = this.#o + (this.#i - this.#o) * 0.2, o = Math.abs(r - this.#n);
+    o > 0 && (o < 2 ? this.#e = this.#n : this.#e = r, this.#t.style.left = `${this.#e}px`);
+    const n = Math.abs(t - this.#i);
+    n > 0 && (n < 2 ? this.#o = this.#i : this.#o = t, this.#t.style.top = `${this.#o}px`), requestAnimationFrame(() => this.#s());
+  }
+  setCursorPosition(r, t) {
+    this.#r || (this.#n = r, this.#i = t);
+  }
+  triggerClickAnimation() {
+    this.#r || (this.#t.classList.remove(L.clicking), this.#t.offsetHeight, this.#t.classList.add(L.clicking));
+  }
+  show() {
+    this.shown || this.#r || (this.shown = !0, this.motion?.start(), this.motion?.fadeIn(), this.wrapper.classList.add(D.visible), this.#e = window.innerWidth / 2, this.#o = window.innerHeight / 2, this.#n = this.#e, this.#i = this.#o, this.#t.style.left = `${this.#e}px`, this.#t.style.top = `${this.#o}px`);
+  }
+  hide() {
+    !this.shown || this.#r || (this.shown = !1, this.motion?.fadeOut(), this.motion?.pause(), this.#t.classList.remove(L.clicking), setTimeout(() => {
+      this.wrapper.classList.remove(D.visible);
+    }, 800));
+  }
+  dispose() {
+    this.#r = !0, this.motion?.dispose(), this.wrapper.remove(), this.dispatchEvent(new Event("dispose"));
+  }
+};
+export {
+  it as SimulatorMask
+};