@opentiny/next-sdk 0.3.3 → 0.4.1

package/agent/AgentModelProvider.ts

@@ -9,10 +9,9 @@ import { ProviderV2 } from '@ai-sdk/provider'
 import { OpenAIProvider } from '@ai-sdk/openai'
 import { createOpenAI } from '@ai-sdk/openai'
 import { createDeepSeek, DeepSeekProvider } from '@ai-sdk/deepseek'
-import { ExtensionClientTransport } from '../transport/ExtensionClientTransport'
 import { MessageChannelTransport } from '@opentiny/next'
 import { WebMcpClient } from '../WebMcpClient'
-import { getAISDKTools } from './utils/getAISDKTools'
+import { getAISDKTools } from './utils/getAISDKTools'
 import { getBuiltinMcpTools } from './utils/getBuiltinMcpTools'
 import { generateReActToolsPrompt } from './utils/generateReActPrompt'
 import { parseReActAction } from './utils/parseReActAction'
@@ -83,15 +82,15 @@ export class AgentModelProvider {
   private async _createOneClient(serverConfig: McpServerConfig) {
     try {
       let transport: MCPClientConfig['transport']
-      // builtin 类型：使用 navigator.modelContextTesting 作为工具数据源
-      if ('type' in serverConfig && serverConfig.type === 'builtin') {
-        const builtinClient = serverConfig.client
-        // 包装成与 ai-sdk MCPClient 相同接口：提供 tools() 方法
-        return {
-          tools: () => getBuiltinMcpTools(builtinClient),
-          close: async () => {}
-        }
-      }
+      // builtin 类型：使用 document.modelContext 作为工具数据源
+      if ('type' in serverConfig && serverConfig.type === 'builtin') {
+        const builtinClient = serverConfig.client
+        // 包装成与 ai-sdk MCPClient 相同接口：提供 tools() 方法
+        return {
+          tools: () => getBuiltinMcpTools(builtinClient),
+          close: async () => {}
+        }
+      }
       // transport 一定是 streamableHttp/sse 或者就是： ai-sdk允许的 transport
       if ('type' in serverConfig && serverConfig.type.toLocaleLowerCase() === 'streamablehttp') {
         const configWithHeaders = serverConfig as { url: string; headers?: Record<string, string> }
@@ -101,8 +100,6 @@ export class AgentModelProvider {
         const configWithHeaders = serverConfig as { url: string; headers?: Record<string, string> }
         const requestInit = configWithHeaders.headers ? { headers: configWithHeaders.headers } : undefined
         transport = new SSEClientTransport(new URL(configWithHeaders.url), { requestInit })
-      } else if ('type' in serverConfig && serverConfig.type === 'extension') {
-        transport = new ExtensionClientTransport(serverConfig.sessionId)
       } else if ('transport' in serverConfig) {
         transport = serverConfig.transport
       } else {
@@ -232,18 +229,18 @@ export class AgentModelProvider {
     )
   }
 
-  /** 创建所有的 mcpClients，并更新它们的tools */
-  async initClientsAndTools() {
-    await this._createMpcClients()
-    await this._createMpcTools()
-    this.onUpdatedTools?.()
-  }
-
-  /** 仅刷新已连接 clients 的 tools（不重建 client，适合工具目录动态变化场景） */
-  async refreshTools() {
-    await this._createMpcTools()
-    this.onUpdatedTools?.()
-  }
+  /** 创建所有的 mcpClients，并更新它们的tools */
+  async initClientsAndTools() {
+    await this._createMpcClients()
+    await this._createMpcTools()
+    this.onUpdatedTools?.()
+  }
+
+  /** 仅刷新已连接 clients 的 tools（不重建 client，适合工具目录动态变化场景） */
+  async refreshTools() {
+    await this._createMpcTools()
+    this.onUpdatedTools?.()
+  }
 
   /** 全量更新所有的 mcpServers */
   async updateMcpServers(mcpServers?: Record<string, McpServerConfig>) {
@@ -307,7 +304,7 @@ export class AgentModelProvider {
   /** 创建临时允许调用的 tools 集合，合并 mcpTools 与 extraTool */
   private _tempMergeTools(extraTool: ToolSet = {} as ToolSet, deleteIgnored = true): ToolSet {
     const toolsResult: ToolSet = Object.values(this.mcpTools).reduce(
-      (acc, curr) => ({ ...acc, ...curr } as ToolSet),
+      (acc, curr) => ({ ...acc, ...curr }) as ToolSet,
       {} as ToolSet
     )
     Object.assign(toolsResult, extraTool)
@@ -836,61 +833,61 @@ export class AgentModelProvider {
     }
 
     // 否则使用原有的 function calling 模式
-    if (!this.llm) {
-      throw new Error('LLM is not initialized')
-    }
-
-    await this.initClientsAndTools()
-
-    const extraTools = (options.tools || {}) as ToolSet
-    const allTools = this._tempMergeTools(extraTools, false)
-
-    // 让 tools 保持“同一个对象引用”并在每个 step 前同步：
-    // - prepareStep 只能控制 activeTools，不能直接返回 tools
-    // - 因此需要在进入每个 step 前，把最新 mcpTools 合并回当前 tools 对象
-    // - 这样 activeTools 新增的工具名在当步就能命中真实工具定义
-    const syncToolsForStep = () => {
-      const latestTools = this._tempMergeTools(extraTools, false)
-
-      // upsert
-      Object.entries(latestTools).forEach(([name, tool]) => {
-        ;(allTools as any)[name] = tool
-      })
-
-      // remove stale
-      Object.keys(allTools).forEach((name) => {
-        if (!(name in latestTools)) {
-          delete (allTools as any)[name]
-        }
-      })
-    }
-
-    const userPrepareStep = (options as any).prepareStep
-    const wrappedPrepareStep = async (stepOptions: any) => {
-      syncToolsForStep()
-
-      const latestActiveTools = this._getActiveToolNames(allTools)
-      const userStepPatch = typeof userPrepareStep === 'function' ? await userPrepareStep(stepOptions) : undefined
-      const safeUserStepPatch =
-        userStepPatch && typeof userStepPatch === 'object' ? userStepPatch : ({} as Record<string, any>)
-
-      return {
-        ...safeUserStepPatch,
-        activeTools: Array.isArray(safeUserStepPatch.activeTools)
-          ? safeUserStepPatch.activeTools.filter((name: string) => latestActiveTools.includes(name))
-          : latestActiveTools
-      }
-    }
-
-    const chatOptions = {
-      // @ts-ignore  ProviderV2 是所有llm的父类， 在每一个具体的llm 类都有一个选择model的函数用法
-      model: this.llm(model),
-      stopWhen: stepCountIs(maxSteps),
-      ...options,
-      tools: allTools,
-      prepareStep: wrappedPrepareStep,
-      activeTools: this._getActiveToolNames(allTools)
-    }
+    if (!this.llm) {
+      throw new Error('LLM is not initialized')
+    }
+
+    await this.initClientsAndTools()
+
+    const extraTools = (options.tools || {}) as ToolSet
+    const allTools = this._tempMergeTools(extraTools, false)
+
+    // 让 tools 保持“同一个对象引用”并在每个 step 前同步：
+    // - prepareStep 只能控制 activeTools，不能直接返回 tools
+    // - 因此需要在进入每个 step 前，把最新 mcpTools 合并回当前 tools 对象
+    // - 这样 activeTools 新增的工具名在当步就能命中真实工具定义
+    const syncToolsForStep = () => {
+      const latestTools = this._tempMergeTools(extraTools, false)
+
+      // upsert
+      Object.entries(latestTools).forEach(([name, tool]) => {
+        ;(allTools as any)[name] = tool
+      })
+
+      // remove stale
+      Object.keys(allTools).forEach((name) => {
+        if (!(name in latestTools)) {
+          delete (allTools as any)[name]
+        }
+      })
+    }
+
+    const userPrepareStep = (options as any).prepareStep
+    const wrappedPrepareStep = async (stepOptions: any) => {
+      syncToolsForStep()
+
+      const latestActiveTools = this._getActiveToolNames(allTools)
+      const userStepPatch = typeof userPrepareStep === 'function' ? await userPrepareStep(stepOptions) : undefined
+      const safeUserStepPatch =
+        userStepPatch && typeof userStepPatch === 'object' ? userStepPatch : ({} as Record<string, any>)
+
+      return {
+        ...safeUserStepPatch,
+        activeTools: Array.isArray(safeUserStepPatch.activeTools)
+          ? safeUserStepPatch.activeTools.filter((name: string) => latestActiveTools.includes(name))
+          : latestActiveTools
+      }
+    }
+
+    const chatOptions = {
+      // @ts-ignore  ProviderV2 是所有llm的父类， 在每一个具体的llm 类都有一个选择model的函数用法
+      model: this.llm(model),
+      stopWhen: stepCountIs(maxSteps),
+      ...options,
+      tools: allTools,
+      prepareStep: wrappedPrepareStep,
+      activeTools: this._getActiveToolNames(allTools)
+    }
 
     // 保存最后一条 user 消息，用于后续缓存
     let lastUserMessage: any = null

package/agent/type.ts

@@ -5,12 +5,12 @@ import type { MCPClientConfig } from '@ai-sdk/mcp'
 export type MCPTransport = MCPClientConfig['transport']
 
 /**
- * 浏览器内置 WebMCP 测试 API 接口 (如 navigator.modelContextTesting)
+ * 浏览器内置 WebMCP 测试 API 接口 (如 document.modelContext)
  */
 export interface BuiltinMcpClient {
   listTools?: () => Promise<any[]>
   getTools?: () => Promise<any[]>
-  executeTool: (name: string, input: string) => Promise<any>
+  executeTool: (tool: any, input: string) => Promise<any>
   registerTool?: (config: { name: string; execute: (input: any) => Promise<any> | any; [key: string]: any }) => void
   unregisterTool?: (name: string) => void
 }
@@ -63,23 +63,20 @@ export type McpServerConfig =
       description?: string
     }
   | {
-      type: 'extension'
-      url: string
-      sessionId: string
+      type: 'local'
+      transport: MCPTransport
       useAISdkClient?: boolean
-      headers?: Record<string, string>
       name?: string
       description?: string
     }
-  | { type: 'local'; transport: MCPTransport; useAISdkClient?: boolean; name?: string; description?: string }
   | {
       /**
        * 浏览器内置 WebMCP 类型。
-       * 将 `navigator.modelContextTesting` 作为 MCP 工具数据源，
+       * 将 `document.modelContext` 作为 MCP 工具数据源，
        * 通过 `getBuiltinMcpTools` 适配为 ai-sdk 可调用的 ToolSet。
        */
       type: 'builtin'
-      /** 传入 `navigator.modelContextTesting` 对象 */
+      /** 传入 `document.modelContext` 对象 */
       client: BuiltinMcpClient
       name?: string
       description?: string

package/agent/utils/getAISDKTools.ts

@@ -11,7 +11,6 @@ export const getAISDKTools = async (client: WebMcpClient): Promise<ToolSet> => {
 
   try {
     const listToolsResult = await client.listTools()
-
     for (const { name, description, inputSchema } of listToolsResult.tools) {
       const execute = async (args: any, options: ToolExecutionOptions): Promise<any> => {
         return client.callTool({ name, arguments: args }, { signal: options?.abortSignal })

package/agent/utils/getBuiltinMcpTools.ts

@@ -1,7 +1,7 @@
 import { dynamicTool, jsonSchema, Tool, ToolSet } from 'ai'
 
 /**
- * 浏览器内置 WebMCP 测试 API 的工具描述格式（Chrome navigator.modelContextTesting）
+ * 浏览器内置 WebMCP 测试 API 的工具描述格式（Chrome document.modelContext）
  */
 type BuiltinToolDescriptor = {
   name: string
@@ -17,16 +17,16 @@ type BuiltinToolDescriptor = {
 type BuiltinModelContextTesting = {
   listTools?: () => Promise<BuiltinToolDescriptor[]>
   getTools?: () => Promise<BuiltinToolDescriptor[]>
-  executeTool?: (name: string, input: string) => Promise<unknown>
+  executeTool?: (tool: { name: string }, input: string) => Promise<unknown>
 }
 
 /**
- * 将浏览器内置 WebMCP 的 `navigator.modelContext` 适配为 ai-sdk 的 ToolSet。
+ * 将浏览器内置 WebMCP 的 `document.modelContext` 适配为 ai-sdk 的 ToolSet。
  *
  * 类似 getAISDKTools，但数据源是浏览器原生 API 而非 MCP client。
- * 工具执行时通过 `executeTool(name, JSON.stringify(args))` 代理给浏览器。
+ * 工具执行时通过 `executeTool(toolObj, JSON.stringify(args))` 代理给浏览器。
  *
- * @param client - `navigator.modelContext` 对象
+ * @param client - `document.modelContext` 对象
  * @returns ai-sdk 格式的 ToolSet，可直接传入 streamText/generateText 的 tools 参数
  */
 export const getBuiltinMcpTools = async (client: object | undefined | null): Promise<ToolSet> => {
@@ -75,9 +75,9 @@ export const getBuiltinMcpTools = async (client: object | undefined | null): Pro
       inputSchema: jsonSchema(normalizedSchema as Parameters<typeof jsonSchema>[0]),
       async execute(args) {
         if (!testing.executeTool) {
-          throw new Error(`navigator.modelContextTesting.executeTool is not available`)
+          throw new Error(`document.modelContext.executeTool is not available`)
         }
-        return testing.executeTool(name, JSON.stringify(args ?? {}))
+        return testing.executeTool(descriptor, JSON.stringify(args ?? {}))
       }
     })
   }

package/core.ts

@@ -20,9 +20,7 @@ export type * from '@modelcontextprotocol/sdk/server/mcp.js'
 export * from './WebMcpServer'
 export * from './WebMcpClient'
 
-// 浏览器扩展自定义传输层（不包含对 window 依赖的模块）
-export * from './transport/ExtensionClientTransport'
-
 export { AgentModelProvider } from './agent/AgentModelProvider'
 export { getAISDKTools } from './agent/utils/getAISDKTools'
 export type * from './agent/type'
+export { initializeBuiltinWebMCP } from './page-tools/initialize-builtin-WebMCP'

package/dist/SimulatorMask-BHVXyogh-iNUb4dyF.js

@@ -0,0 +1,361 @@
+import { M as u } from "./index-CXK8CcKq.js";
+(function() {
+  try {
+    if (typeof document < "u") {
+      var t = document.createElement("style");
+      t.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(t);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+(function() {
+  try {
+    if (typeof document < "u") {
+      var t = document.createElement("style");
+      t.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(t);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+function p() {
+  try {
+    return !!(g() || h() || m() || w() || b() || f());
+  } catch (t) {
+    return console.warn("Error determining if page is dark:", t), !1;
+  }
+}
+function g() {
+  const t = [
+    "dark",
+    "dark-mode",
+    "theme-dark",
+    "night",
+    "night-mode"
+  ], e = document.documentElement, r = document.body || document.documentElement;
+  for (const o of t) if (e.classList.contains(o) || r?.classList.contains(o)) return !0;
+  return !1;
+}
+function h() {
+  const t = document.documentElement, e = document.body || document.documentElement;
+  for (const r of [
+    "data-theme",
+    "data-color-mode",
+    "data-bs-theme",
+    "data-mui-color-scheme"
+  ]) {
+    const o = e?.getAttribute(r), n = t.getAttribute(r);
+    if (o?.toLowerCase() === "dark" || n?.toLowerCase() === "dark") return !0;
+  }
+  return !1;
+}
+function m() {
+  const t = document.querySelector('meta[name="color-scheme"]')?.content.toLowerCase();
+  if (t === "dark" || t === "only dark") return !0;
+  const e = window.getComputedStyle(document.documentElement).getPropertyValue("color-scheme").trim().toLowerCase();
+  return e === "dark" || e === "only dark";
+}
+function w() {
+  const t = window.getComputedStyle(document.documentElement), e = window.getComputedStyle(document.body || document.documentElement), r = t.backgroundColor, o = e.backgroundColor;
+  return d(o) ? !0 : o === "transparent" || o.startsWith("rgba(0, 0, 0, 0)") ? d(r) : !1;
+}
+function f() {
+  const e = c(window.getComputedStyle(document.body || document.documentElement).color);
+  return e !== null && e > 200;
+}
+function b() {
+  const { innerWidth: t, innerHeight: e } = window, r = t * e * 0.5;
+  for (const o of [
+    "#app",
+    "#root",
+    "#__next"
+  ]) {
+    const n = document.querySelector(o);
+    if (!n) continue;
+    const s = n.getBoundingClientRect();
+    if (!(s.width * s.height < r) && d(window.getComputedStyle(n).backgroundColor))
+      return !0;
+  }
+  return !1;
+}
+function _(t) {
+  const e = /rgba?\((\d+),\s*(\d+),\s*(\d+)/.exec(t);
+  return e ? {
+    r: parseInt(e[1]),
+    g: parseInt(e[2]),
+    b: parseInt(e[3])
+  } : null;
+}
+function c(t) {
+  if (!t || t === "transparent" || t.startsWith("rgba(0, 0, 0, 0)")) return null;
+  const e = _(t);
+  return e ? 0.299 * e.r + 0.587 * e.g + 0.114 * e.b : null;
+}
+function d(t, e = 128) {
+  const r = c(t);
+  return r !== null && r < e;
+}
+var a = {
+  wrapper: "_wrapper_1ooyb_1",
+  visible: "_visible_1ooyb_11"
+}, i = {
+  cursor: "_cursor_1dgwb_2",
+  cursorBorder: "_cursorBorder_1dgwb_10",
+  cursorFilling: "_cursorFilling_1dgwb_25",
+  cursorRipple: "_cursorRipple_1dgwb_39",
+  clicking: "_clicking_1dgwb_57"
+}, k = class extends EventTarget {
+  shown = !1;
+  wrapper = document.createElement("div");
+  motion = null;
+  #r = !1;
+  #e = document.createElement("div");
+  #t = 0;
+  #n = 0;
+  #o = 0;
+  #i = 0;
+  constructor() {
+    super(), this.wrapper.id = "page-agent-runtime_simulator-mask", this.wrapper.className = a.wrapper, this.wrapper.setAttribute("data-browser-use-ignore", "true"), this.wrapper.setAttribute("data-page-agent-ignore", "true");
+    try {
+      const n = new u({
+        mode: p() ? "dark" : "light",
+        styles: {
+          position: "absolute",
+          inset: "0"
+        }
+      });
+      this.motion = n, this.wrapper.appendChild(n.element), n.autoResize(this.wrapper);
+    } catch (n) {
+      console.warn("[SimulatorMask] Motion overlay unavailable:", n);
+    }
+    this.wrapper.addEventListener("click", (n) => {
+      n.stopPropagation(), n.preventDefault();
+    }), this.wrapper.addEventListener("mousedown", (n) => {
+      n.stopPropagation(), n.preventDefault();
+    }), this.wrapper.addEventListener("mouseup", (n) => {
+      n.stopPropagation(), n.preventDefault();
+    }), this.wrapper.addEventListener("mousemove", (n) => {
+      n.stopPropagation(), n.preventDefault();
+    }), this.wrapper.addEventListener("wheel", (n) => {
+      n.stopPropagation(), n.preventDefault();
+    }), this.wrapper.addEventListener("keydown", (n) => {
+      n.stopPropagation(), n.preventDefault();
+    }), this.wrapper.addEventListener("keyup", (n) => {
+      n.stopPropagation(), n.preventDefault();
+    }), this.#a(), document.body.appendChild(this.wrapper), this.#s();
+    const t = (n) => {
+      const { x: s, y: l } = n.detail;
+      this.setCursorPosition(s, l);
+    }, e = () => {
+      this.triggerClickAnimation();
+    }, r = () => {
+      this.wrapper.style.pointerEvents = "none";
+    }, o = () => {
+      this.wrapper.style.pointerEvents = "auto";
+    };
+    window.addEventListener("PageAgent::MovePointerTo", t), window.addEventListener("PageAgent::ClickPointer", e), window.addEventListener("PageAgent::EnablePassThrough", r), window.addEventListener("PageAgent::DisablePassThrough", o), this.addEventListener("dispose", () => {
+      window.removeEventListener("PageAgent::MovePointerTo", t), window.removeEventListener("PageAgent::ClickPointer", e), window.removeEventListener("PageAgent::EnablePassThrough", r), window.removeEventListener("PageAgent::DisablePassThrough", o);
+    });
+  }
+  #a() {
+    this.#e.className = i.cursor;
+    const t = document.createElement("div");
+    t.className = i.cursorRipple, this.#e.appendChild(t);
+    const e = document.createElement("div");
+    e.className = i.cursorFilling, this.#e.appendChild(e);
+    const r = document.createElement("div");
+    r.className = i.cursorBorder, this.#e.appendChild(r), this.wrapper.appendChild(this.#e);
+  }
+  #s() {
+    if (this.#r) return;
+    const t = this.#t + (this.#o - this.#t) * 0.2, e = this.#n + (this.#i - this.#n) * 0.2, r = Math.abs(t - this.#o);
+    r > 0 && (r < 2 ? this.#t = this.#o : this.#t = t, this.#e.style.left = `${this.#t}px`);
+    const o = Math.abs(e - this.#i);
+    o > 0 && (o < 2 ? this.#n = this.#i : this.#n = e, this.#e.style.top = `${this.#n}px`), requestAnimationFrame(() => this.#s());
+  }
+  setCursorPosition(t, e) {
+    this.#r || (this.#o = t, this.#i = e);
+  }
+  triggerClickAnimation() {
+    this.#r || (this.#e.classList.remove(i.clicking), this.#e.offsetHeight, this.#e.classList.add(i.clicking));
+  }
+  show() {
+    this.shown || this.#r || (this.shown = !0, this.motion?.start(), this.motion?.fadeIn(), this.wrapper.classList.add(a.visible), this.#t = window.innerWidth / 2, this.#n = window.innerHeight / 2, this.#o = this.#t, this.#i = this.#n, this.#e.style.left = `${this.#t}px`, this.#e.style.top = `${this.#n}px`);
+  }
+  hide() {
+    !this.shown || this.#r || (this.shown = !1, this.motion?.fadeOut(), this.motion?.pause(), this.#e.classList.remove(i.clicking), setTimeout(() => {
+      this.wrapper.classList.remove(a.visible);
+    }, 800));
+  }
+  dispose() {
+    this.#r = !0, this.motion?.dispose(), this.wrapper.remove(), this.dispatchEvent(new Event("dispose"));
+  }
+};
+export {
+  k as SimulatorMask
+};