@midscene/core 0.30.10 → 1.0.0

package/dist/lib/ai-model/prompt/llm-planning.js

@@ -24,382 +24,133 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    systemPromptToTaskPlanning: ()=>systemPromptToTaskPlanning,
     descriptionForAction: ()=>descriptionForAction,
-    planSchema: ()=>planSchema
+    systemPromptToTaskPlanning: ()=>systemPromptToTaskPlanning
 });
-const external_common_js_namespaceObject = require("../common.js");
-const external_common_js_namespaceObject_1 = require("./common.js");
-const vlCurrentLog = '"log": string, // Log your thoughts and what the next one action (ONLY ONE!) you can do according to the screenshot and the instruction. The log should contain the following information: "The user wants to do ... . According to the instruction and the previous logs, next step is to .... Now i am going to compose an action \'{ action-type }\' to do ....". If no action should be done, log the reason. Use the same language as the user\'s instruction.';
-const llmCurrentLog = '"log": string, // Log what the next actions you can do according to the screenshot and the instruction. The typical log looks like "Now i want to use action \'{ action-type }\' to do ..". If no action should be done, log the reason. ". Use the same language as the user\'s instruction.';
+const zod_schema_utils_namespaceObject = require("@midscene/shared/zod-schema-utils");
+const external_common_js_namespaceObject = require("./common.js");
 const commonOutputFields = `"error"?: string, // Error messages about unexpected situations, if any. Only think it is an error when the situation is not foreseeable according to the instruction. Use the same language as the user's instruction.
   "more_actions_needed_by_instruction": boolean, // Consider if there is still more action(s) to do after the action in "Log" is done, according to the instruction. If so, set this field to true. Otherwise, set it to false.`;
-const vlLocateParam = ()=>'{bbox: [number, number, number, number], prompt: string }';
-const llmLocateParam = ()=>'{"id": string, "prompt": string}';
+const vlLocateParam = (vlMode)=>{
+    if (vlMode) return `{bbox: [number, number, number, number], prompt: string } // ${(0, external_common_js_namespaceObject.bboxDescription)(vlMode)}`;
+    return "{ prompt: string /* description of the target element */ }";
+};
 const descriptionForAction = (action, locatorSchemaTypeDescription)=>{
     const tab = '  ';
     const fields = [];
     fields.push(`- type: "${action.name}"`);
     if (action.paramSchema) {
-        const shape = action.paramSchema.shape;
-        if (!shape) console.warn(`action.paramSchema is not a ZodObject, may lead to unexpected behavior, action name: ${action.name}`);
         const paramLines = [];
-        const getTypeName = (field)=>{
-            var _actualField__def;
-            const unwrapField = (f)=>{
-                if (!f._def) return f;
-                const typeName = f._def.typeName;
-                if ('ZodOptional' === typeName || 'ZodNullable' === typeName || 'ZodDefault' === typeName) return unwrapField(f._def.innerType);
-                if ('ZodEffects' === typeName) {
-                    if (f._def.schema) return unwrapField(f._def.schema);
-                }
-                return f;
-            };
-            const actualField = unwrapField(field);
-            const fieldTypeName = null == (_actualField__def = actualField._def) ? void 0 : _actualField__def.typeName;
-            if ('ZodString' === fieldTypeName) return 'string';
-            if ('ZodNumber' === fieldTypeName) return 'number';
-            if ('ZodBoolean' === fieldTypeName) return 'boolean';
-            if ('ZodArray' === fieldTypeName) return 'array';
-            if ('ZodObject' === fieldTypeName) {
-                if ((0, external_common_js_namespaceObject.ifMidsceneLocatorField)(actualField)) return locatorSchemaTypeDescription;
-                return 'object';
-            }
-            if ('ZodEnum' === fieldTypeName) {
-                var _actualField__def_values, _actualField__def1;
-                const values = (null == (_actualField__def1 = actualField._def) ? void 0 : null == (_actualField__def_values = _actualField__def1.values) ? void 0 : _actualField__def_values.map((option)=>String(`'${option}'`)).join(', ')) ?? 'enum';
-                return `enum(${values})`;
+        const schema = action.paramSchema;
+        const isZodObject = schema._def?.typeName === 'ZodObject';
+        if (isZodObject && schema.shape) {
+            const shape = schema.shape;
+            for (const [key, field] of Object.entries(shape))if (field && 'object' == typeof field) {
+                const isOptional = 'function' == typeof field.isOptional && field.isOptional();
+                const keyWithOptional = isOptional ? `${key}?` : key;
+                const typeName = (0, zod_schema_utils_namespaceObject.getZodTypeName)(field, locatorSchemaTypeDescription);
+                const description = (0, zod_schema_utils_namespaceObject.getZodDescription)(field);
+                let paramLine = `${keyWithOptional}: ${typeName}`;
+                if (description) paramLine += ` // ${description}`;
+                paramLines.push(paramLine);
             }
-            if ('ZodUnion' === fieldTypeName) {
-                var _actualField__def2;
-                const options = null == (_actualField__def2 = actualField._def) ? void 0 : _actualField__def2.options;
-                if (options && options.length > 0) {
-                    const types = options.map((opt)=>getTypeName(opt));
-                    return types.join(' | ');
-                }
-                return 'union';
+            if (paramLines.length > 0) {
+                fields.push('- param:');
+                paramLines.forEach((line)=>{
+                    fields.push(`  - ${line}`);
+                });
             }
-            console.warn('failed to parse Zod type. This may lead to wrong params from the LLM.\n', actualField._def);
-            return actualField.toString();
-        };
-        const getDescription = (field)=>{
-            var _actualField__def;
-            const unwrapField = (f)=>{
-                if (!f._def) return f;
-                const typeName = f._def.typeName;
-                if ('ZodOptional' === typeName || 'ZodNullable' === typeName || 'ZodDefault' === typeName) return unwrapField(f._def.innerType);
-                if ('ZodEffects' === typeName) {
-                    if (f._def.schema) return unwrapField(f._def.schema);
-                }
-                return f;
-            };
-            if ("description" in field) return field.description || null;
-            const actualField = unwrapField(field);
-            if ("description" in actualField) return actualField.description || null;
-            if ((null == (_actualField__def = actualField._def) ? void 0 : _actualField__def.typeName) === 'ZodObject') {
-                if ('midscene_location_field_flag' in actualField._def.shape()) return 'Location information for the target element';
-            }
-            return null;
-        };
-        for (const [key, field] of Object.entries(shape))if (field && 'object' == typeof field) {
-            const isOptional = 'function' == typeof field.isOptional && field.isOptional();
-            const keyWithOptional = isOptional ? `${key}?` : key;
-            const typeName = getTypeName(field);
-            const description = getDescription(field);
-            let paramLine = `${keyWithOptional}: ${typeName}`;
-            if (description) paramLine += ` // ${description}`;
-            paramLines.push(paramLine);
-        }
-        if (paramLines.length > 0) {
-            fields.push('- param:');
-            for (const paramLine of paramLines)fields.push(`  - ${paramLine}`);
+        } else {
+            const typeName = (0, zod_schema_utils_namespaceObject.getZodTypeName)(schema);
+            const description = (0, zod_schema_utils_namespaceObject.getZodDescription)(schema);
+            let paramDescription = `- param: ${typeName}`;
+            if (description) paramDescription += ` // ${description}`;
+            paramDescription += ' (pass the value directly, not as an object)';
+            fields.push(paramDescription);
         }
     }
     return `- ${action.name}, ${action.description || "No description provided"}
 ${tab}${fields.join(`\n${tab}`)}
 `.trim();
 };
-const systemTemplateOfVLPlanning = ({ actionSpace, vlMode })=>{
-    const actionNameList = actionSpace.map((action)=>action.name).join(', ');
-    const actionDescriptionList = actionSpace.map((action)=>descriptionForAction(action, vlLocateParam()));
+async function systemPromptToTaskPlanning({ actionSpace, vlMode, includeBbox }) {
+    if (includeBbox && !vlMode) throw new Error('vlMode cannot be undefined when includeBbox is true. A valid vlMode is required for bbox-based location.');
+    const actionDescriptionList = actionSpace.map((action)=>descriptionForAction(action, vlLocateParam(includeBbox ? vlMode : void 0)));
     const actionList = actionDescriptionList.join('\n');
+    const logFieldInstruction = `
+## About the \`log\` field (preamble message)
+
+The \`log\` field is a brief preamble message to the user explaining what you’re about to do. It should follow these principles and examples:
+
+- **Use the same language as the user's instruction**
+- **Keep it concise**: be no more than 1-2 sentences, focused on immediate, tangible next steps. (8–12 words or Chinese characters for quick updates).
+- **Build on prior context**: if this is not the first action to be done, use the preamble message to connect the dots with what’s been done so far and create a sense of momentum and clarity for the user to understand your next actions.
+- **Keep your tone light, friendly and curious**: add small touches of personality in preambles feel collaborative and engaging.
+
+**Examples:**
+- "Click the login button"
+- "Scroll to find the 'Yes' button in popup"
+- "Previous actions failed to find the 'Yes' button, i will try again"
+- "Go back to find the login button"
+`;
     return `
-Target: User will give you a latest screenshot, an instruction and some previous logs indicating what have been done. Please tell what the next one action is (or null if no action should be done) to do the tasks the instruction requires. 
+Target: User will give you an instruction, some screenshots and previous logs indicating what have been done. Your task is to plan the next one action according to current situation to accomplish the instruction.
 
-Restriction:
-- Don't give extra actions or plans beyond the instruction. ONLY plan for what the instruction requires. For example, don't try to submit the form if the instruction is only to fill something.
-- Always give ONLY ONE action in \`log\` field (or null if no action should be done), instead of multiple actions. Supported actions are ${actionNameList}.
-- Don't repeat actions in the previous logs.
-- Bbox is the bounding box of the element to be located. It's an array of 4 numbers, representing ${(0, external_common_js_namespaceObject_1.bboxDescription)(vlMode)}.
+Please tell what the next one action is (or null if no action should be done) to do the tasks the instruction requires. 
 
-Supporting actions:
+## Rules
+
+- Don't give extra actions or plans beyond the instruction. For example, don't try to submit the form if the instruction is only to fill something.
+- Give just the next ONE action you should do
+- Consider the current screenshot and give the action that is most likely to accomplish the instruction. For example, if the next step is to click a button but it's not visible in the screenshot, you should try to find it first instead of give a click action.
+- Make sure the previous actions are completed successfully before performing the next step
+- If there are some error messages reported by the previous actions, don't give up, try parse a new action to recover. If the error persists for more than 5 times, you should think this is an error and set the "error" field to the error message.
+- If there is nothing to do but waiting, set the "sleep" field to the positive waiting time in milliseconds and null for the "action" field.
+- Assertions are also important steps. When getting the assertion instruction, a solid conclusion is required. You should explicitly state your conclusion by calling the "Print_Assert_Result" action.
+
+## Supporting actions
 ${actionList}
 
-Field description:
-* The \`prompt\` field inside the \`locate\` field is a short description that could be used to locate the element.
+${logFieldInstruction}
+
+## Return format
 
 Return in JSON format:
 {
-  ${vlCurrentLog}
+  "log": string, // a brief preamble to the user explaining what you’re about to do
   ${commonOutputFields}
   "action": 
     {
-      // one of the supporting actions
+      "type": string, // the type of the action
+      "param"?: { // The parameter of the action, if any
+         // k-v style parameter fields
+      }, 
     } | null,
   ,
   "sleep"?: number, // The sleep time after the action, in milliseconds.
 }
 
-For example, when the instruction is "click 'Confirm' button, and click 'Yes' in popup" and the previous log shows "The 'Confirm' button has been clicked", by viewing the screenshot and previous logs, you should consider: We have already clicked the 'Confirm' button, so next we should find and click 'Yes' in popup.
-
-this and output the JSON:
+For example, if the instruction is to login and the form has already been filled, this is a valid return value:
 
 {
-  "log": "The user wants to do click 'Confirm' button, and click 'Yes' in popup. According to the instruction and the previous logs, next step is to tap the 'Yes' button in the popup. Now i am going to compose an action 'Tap' to click 'Yes' in popup.",
+  "log": "Click the login button",
+  "more_actions_needed_by_instruction": false,
   "action": {
     "type": "Tap",
     "param": {
-      "locate": {
-        "bbox": [100, 100, 200, 200],
-        "prompt": "The 'Yes' button in popup"
-      }
-    }
-  },
-  "more_actions_needed_by_instruction": false,
-}
-`;
-};
-const systemTemplateOfLLM = ({ actionSpace })=>{
-    const actionNameList = actionSpace.map((action)=>action.name).join(' / ');
-    const actionDescriptionList = actionSpace.map((action)=>descriptionForAction(action, llmLocateParam()));
-    const actionList = actionDescriptionList.join('\n');
-    return `
-## Role
-
-You are a versatile professional in software UI automation. Your outstanding contributions will impact the user experience of billions of users.
-
-## Objective
-
-- Decompose the instruction user asked into a series of actions
-- Locate the target element if possible
-- If the instruction cannot be accomplished, give a further plan.
-
-## Workflow
-
-1. Receive the screenshot, element description of screenshot(if any), user's instruction and previous logs.
-2. Decompose the user's task into a sequence of feasible actions, and place it in the \`actions\` field. There are different types of actions (${actionNameList}). The "About the action" section below will give you more details.
-3. Consider whether the user's instruction will be accomplished after the actions you composed.
-- If the instruction is accomplished, set \`more_actions_needed_by_instruction\` to false.
-- If more actions are needed, set \`more_actions_needed_by_instruction\` to true. Get ready to hand over to the next talent people like you. Carefully log what have been done in the \`log\` field, he or she will continue the task according to your logs.
-4. If the task is not feasible on this page, set \`error\` field to the reason.
-
-## Constraints
-
-- All the actions you composed MUST be feasible, which means all the action fields can be filled with the page context information you get. If not, don't plan this action.
-- Trust the "What have been done" field about the task (if any), don't repeat actions in it.
-- Respond only with valid JSON. Do not write an introduction or summary or markdown prefix like \`\`\`json\`\`\`.
-- If the screenshot and the instruction are totally irrelevant, set reason in the \`error\` field.
-
-## About the \`actions\` field
-
-The \`locate\` param is commonly used in the \`param\` field of the action, means to locate the target element to perform the action, it conforms to the following scheme:
-
-type LocateParam = {
-  "id": string, // the id of the element found. It should either be the id marked with a rectangle in the screenshot or the id described in the description.
-  "prompt"?: string // the description of the element to find. It can only be omitted when locate is null.
-} | null // If it's not on the page, the LocateParam should be null
-
-## Supported actions
-
-Each action has a \`type\` and corresponding \`param\`. To be detailed:
-${actionList}
-
-`.trim();
-};
-const outputTemplate = `
-## Output JSON Format:
-
-The JSON format is as follows:
-
-{
-  "actions": [
-    // ... some actions
-  ],
-  ${llmCurrentLog}
-  ${commonOutputFields}
-}
-
-## Examples
-
-### Example: Decompose a task
-
-When you received the following information:
-
-* Instruction: 'Click the language switch button, wait 1s, click "English"'
-* Logs: null
-* Page Context (screenshot and description) shows: There is a language switch button, and the "English" option is not shown in the screenshot now.
-
-By viewing the page screenshot and description, you should consider this and output the JSON:
-
-* The user intent is: tap the switch button, sleep, and tap the 'English' option
-* The language switch button is shown in the screenshot, and can be located by the page description or the id marked with a rectangle. So we can plan a Tap action to do this.
-* Plan a Sleep action to wait for 1 second to ensure the language options are displayed.
-* The "English" option button is not shown in the screenshot now, it means it may only show after the previous actions are finished. So don't plan any action to do this.
-* Compose the log: The user wants to do click the language switch button, wait 1s, click "English". According to the instruction and the previous logs, next step is to tap the language switch button to open the language options. Now i am going to compose an action 'Tap' to click the language switch button.
-* The task cannot be accomplished (because the last tapping action is not finished yet), so the \`more_actions_needed_by_instruction\` field is true. The \`error\` field is null.
-
-{
-  "actions":[
-    {
-      "thought": "Click the language switch button to open the language options.",
-      "type": "Tap", 
-      "param": {
-        "locate": { id: "c81c4e9a33", prompt: "The language switch button" }
-      }
-    },
-    {
-      "thought": "Wait for 1 second to ensure the language options are displayed.",
-      "type": "Sleep",
-      "param": { "timeMs": 1000 },
-    }
-  ],
-  "error": null,
-  "more_actions_needed_by_instruction": true,
-  "log": "The user wants to do click the language switch button, wait 1s, click \"English\". According to the instruction and the previous logs, next step is to tap the language switch button to open the language options. Now i am going to compose an action 'Tap' to click the language switch button.",
-}
-
-### Example: What NOT to do
-Wrong output:
-{
-  "actions":[
-    {
-      "thought": "Click the language switch button to open the language options.",
-      "type": "Tap",
-      "param": {
-        "locate": { "id": "c81c4e9a33" } // WRONG: prompt is missing, this is not a valid LocateParam
-      }
-    },
-    {
-      "thought": "Click the English option",
-      "type": "Tap", 
-      "param": {
-        "locate": null // WRONG: if the element is not on the page, you should not plan this action
+      "locate": { 
+        "prompt": "The login button"${vlMode ? ', "bbox": [100, 200, 300, 400]' : ''}
       }
     }
-  ],
-  "more_actions_needed_by_instruction": false, // WRONG: should be true
-  "log": "The user wants to do click the language switch button, wait 1s, click \"English\". According to the instruction and the previous logs, next step is to tap the language switch button to open the language options. Now i am going to compose an action 'Tap' to click the language switch button.",
-}
+  }
 `;
-async function systemPromptToTaskPlanning({ actionSpace, vlMode }) {
-    if (vlMode) return systemTemplateOfVLPlanning({
-        actionSpace,
-        vlMode
-    });
-    return `${systemTemplateOfLLM({
-        actionSpace
-    })}\n\n${outputTemplate}`;
 }
-const planSchema = {
-    type: 'json_schema',
-    json_schema: {
-        name: 'action_items',
-        strict: false,
-        schema: {
-            type: 'object',
-            strict: false,
-            properties: {
-                actions: {
-                    type: 'array',
-                    items: {
-                        type: 'object',
-                        strict: false,
-                        properties: {
-                            thought: {
-                                type: 'string',
-                                description: 'Reasons for generating this task, and why this task is feasible on this page'
-                            },
-                            type: {
-                                type: 'string',
-                                description: 'Type of action'
-                            },
-                            param: {
-                                anyOf: [
-                                    {
-                                        type: 'null'
-                                    },
-                                    {
-                                        type: 'object',
-                                        additionalProperties: true
-                                    }
-                                ],
-                                description: 'Parameter of the action'
-                            },
-                            locate: {
-                                type: [
-                                    'object',
-                                    'null'
-                                ],
-                                properties: {
-                                    id: {
-                                        type: 'string'
-                                    },
-                                    prompt: {
-                                        type: 'string'
-                                    }
-                                },
-                                required: [
-                                    'id',
-                                    'prompt'
-                                ],
-                                additionalProperties: false,
-                                description: 'Location information for the target element'
-                            }
-                        },
-                        required: [
-                            'thought',
-                            'type',
-                            'param',
-                            'locate'
-                        ],
-                        additionalProperties: false
-                    },
-                    description: 'List of actions to be performed'
-                },
-                more_actions_needed_by_instruction: {
-                    type: 'boolean',
-                    description: 'If all the actions described in the instruction have been covered by this action and logs, set this field to false.'
-                },
-                log: {
-                    type: 'string',
-                    description: 'Log what these planned actions do. Do not include further actions that have not been planned.'
-                },
-                error: {
-                    type: [
-                        'string',
-                        'null'
-                    ],
-                    description: 'Error messages about unexpected situations'
-                }
-            },
-            required: [
-                'actions',
-                'more_actions_needed_by_instruction',
-                'log',
-                'error'
-            ],
-            additionalProperties: false
-        }
-    }
-};
 exports.descriptionForAction = __webpack_exports__.descriptionForAction;
-exports.planSchema = __webpack_exports__.planSchema;
 exports.systemPromptToTaskPlanning = __webpack_exports__.systemPromptToTaskPlanning;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+for(var __rspack_i in __webpack_exports__)if (-1 === [
     "descriptionForAction",
-    "planSchema",
     "systemPromptToTaskPlanning"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/lib/ai-model/prompt/llm-planning.js.map

@@ -1 +1 @@
-{"version":3,"file":"ai-model/prompt/llm-planning.js","sources":["webpack://@midscene/core/webpack/runtime/define_property_getters","webpack://@midscene/core/webpack/runtime/has_own_property","webpack://@midscene/core/webpack/runtime/make_namespace_object","webpack://@midscene/core/./src/ai-model/prompt/llm-planning.ts"],"sourcesContent":["__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import type { DeviceAction } from '@/types';\nimport type { TVlModeTypes } from '@midscene/shared/env';\nimport type { ResponseFormatJSONSchema } from 'openai/resources/index';\nimport type { ZodObject, z } from 'zod';\nimport { ifMidsceneLocatorField } from '../common';\nimport { bboxDescription } from './common';\n\n// Note: put the log field first to trigger the CoT\n\nconst vlCurrentLog = `\"log\": string, // Log your thoughts and what the next one action (ONLY ONE!) you can do according to the screenshot and the instruction. The log should contain the following information: \"The user wants to do ... . According to the instruction and the previous logs, next step is to .... Now i am going to compose an action '{ action-type }' to do ....\". If no action should be done, log the reason. Use the same language as the user's instruction.`;\nconst llmCurrentLog = `\"log\": string, // Log what the next actions you can do according to the screenshot and the instruction. The typical log looks like \"Now i want to use action '{ action-type }' to do ..\". If no action should be done, log the reason. \". Use the same language as the user's instruction.`;\n\nconst commonOutputFields = `\"error\"?: string, // Error messages about unexpected situations, if any. Only think it is an error when the situation is not foreseeable according to the instruction. Use the same language as the user's instruction.\n  \"more_actions_needed_by_instruction\": boolean, // Consider if there is still more action(s) to do after the action in \"Log\" is done, according to the instruction. If so, set this field to true. Otherwise, set it to false.`;\nconst vlLocateParam = () =>\n  '{bbox: [number, number, number, number], prompt: string }';\nconst llmLocateParam = () => '{\"id\": string, \"prompt\": string}';\n\nexport const descriptionForAction = (\n  action: DeviceAction<any>,\n  locatorSchemaTypeDescription: string,\n) => {\n  const tab = '  ';\n  const fields: string[] = [];\n\n  // Add the action type field\n  fields.push(`- type: \"${action.name}\"`);\n\n  // Handle paramSchema if it exists\n  if (action.paramSchema) {\n    // Try to extract parameter information from the zod schema\n    // For zod object schemas, extract type information and descriptions\n    const shape = (action.paramSchema as ZodObject<any>).shape;\n\n    if (!shape) {\n      console.warn(\n        `action.paramSchema is not a ZodObject, may lead to unexpected behavior, action name: ${action.name}`,\n      );\n    }\n\n    const paramLines: string[] = [];\n\n    // Helper function to get type name from zod schema\n    const getTypeName = (field: any): string => {\n      // Recursively unwrap optional, nullable, and other wrapper types to get the actual inner type\n      const unwrapField = (f: any): any => {\n        if (!f._def) return f;\n\n        const typeName = f._def.typeName;\n\n        // Handle wrapper types that have innerType\n        if (\n          typeName === 'ZodOptional' ||\n          typeName === 'ZodNullable' ||\n          typeName === 'ZodDefault'\n        ) {\n          return unwrapField(f._def.innerType);\n        }\n\n        // Handle ZodEffects (transformations, refinements, preprocessors)\n        if (typeName === 'ZodEffects') {\n          // For ZodEffects, unwrap the schema field which contains the underlying type\n          if (f._def.schema) {\n            return unwrapField(f._def.schema);\n          }\n        }\n\n        return f;\n      };\n\n      const actualField = unwrapField(field);\n      const fieldTypeName = actualField._def?.typeName;\n\n      if (fieldTypeName === 'ZodString') return 'string';\n      if (fieldTypeName === 'ZodNumber') return 'number';\n      if (fieldTypeName === 'ZodBoolean') return 'boolean';\n      if (fieldTypeName === 'ZodArray') return 'array';\n      if (fieldTypeName === 'ZodObject') {\n        // Check if this is a passthrough object (like MidsceneLocation)\n        if (ifMidsceneLocatorField(actualField)) {\n          return locatorSchemaTypeDescription;\n        }\n        return 'object';\n      }\n      if (fieldTypeName === 'ZodEnum') {\n        const values =\n          (actualField._def?.values as unknown[] | undefined)\n            ?.map((option: unknown) => String(`'${option}'`))\n            .join(', ') ?? 'enum';\n\n        return `enum(${values})`;\n      }\n      // Handle ZodUnion by taking the first option (for display purposes)\n      if (fieldTypeName === 'ZodUnion') {\n        const options = actualField._def?.options as any[] | undefined;\n        if (options && options.length > 0) {\n          // For unions, list all types\n          const types = options.map((opt: any) => getTypeName(opt));\n          return types.join(' | ');\n        }\n        return 'union';\n      }\n\n      console.warn(\n        'failed to parse Zod type. This may lead to wrong params from the LLM.\\n',\n        actualField._def,\n      );\n      return actualField.toString();\n    };\n\n    // Helper function to get description from zod schema\n    const getDescription = (field: z.ZodTypeAny): string | null => {\n      // Recursively unwrap optional, nullable, and other wrapper types to get the actual inner type\n      const unwrapField = (f: any): any => {\n        if (!f._def) return f;\n\n        const typeName = f._def.typeName;\n\n        // Handle wrapper types that have innerType\n        if (\n          typeName === 'ZodOptional' ||\n          typeName === 'ZodNullable' ||\n          typeName === 'ZodDefault'\n        ) {\n          return unwrapField(f._def.innerType);\n        }\n\n        // Handle ZodEffects (transformations, refinements, preprocessors)\n        if (typeName === 'ZodEffects') {\n          // For ZodEffects, unwrap the schema field which contains the underlying type\n          if (f._def.schema) {\n            return unwrapField(f._def.schema);\n          }\n        }\n\n        return f;\n      };\n\n      // Check for direct description on the original field (wrapper may have description)\n      if ('description' in field) {\n        return field.description || null;\n      }\n\n      const actualField = unwrapField(field);\n\n      // Check for description on the unwrapped field\n      if ('description' in actualField) {\n        return actualField.description || null;\n      }\n\n      // Check for MidsceneLocation fields and add description\n      if (actualField._def?.typeName === 'ZodObject') {\n        if ('midscene_location_field_flag' in actualField._def.shape()) {\n          return 'Location information for the target element';\n        }\n      }\n\n      return null;\n    };\n\n    for (const [key, field] of Object.entries(shape)) {\n      if (field && typeof field === 'object') {\n        // Check if field is optional\n        const isOptional =\n          typeof (field as any).isOptional === 'function' &&\n          (field as any).isOptional();\n        const keyWithOptional = isOptional ? `${key}?` : key;\n\n        // Get the type name\n        const typeName = getTypeName(field);\n\n        // Get description\n        const description = getDescription(field as z.ZodTypeAny);\n\n        // Build param line for this field\n        let paramLine = `${keyWithOptional}: ${typeName}`;\n        if (description) {\n          paramLine += ` // ${description}`;\n        }\n\n        paramLines.push(paramLine);\n      }\n    }\n\n    if (paramLines.length > 0) {\n      fields.push('- param:');\n      for (const paramLine of paramLines) {\n        fields.push(`  - ${paramLine}`);\n      }\n    }\n  }\n\n  return `- ${action.name}, ${action.description || 'No description provided'}\n${tab}${fields.join(`\\n${tab}`)}\n`.trim();\n};\n\nconst systemTemplateOfVLPlanning = ({\n  actionSpace,\n  vlMode,\n}: {\n  actionSpace: DeviceAction<any>[];\n  vlMode: TVlModeTypes | undefined;\n}) => {\n  const actionNameList = actionSpace.map((action) => action.name).join(', ');\n  const actionDescriptionList = actionSpace.map((action) => {\n    return descriptionForAction(action, vlLocateParam());\n  });\n  const actionList = actionDescriptionList.join('\\n');\n\n  return `\nTarget: User will give you a latest screenshot, an instruction and some previous logs indicating what have been done. Please tell what the next one action is (or null if no action should be done) to do the tasks the instruction requires. \n\nRestriction:\n- Don't give extra actions or plans beyond the instruction. ONLY plan for what the instruction requires. For example, don't try to submit the form if the instruction is only to fill something.\n- Always give ONLY ONE action in \\`log\\` field (or null if no action should be done), instead of multiple actions. Supported actions are ${actionNameList}.\n- Don't repeat actions in the previous logs.\n- Bbox is the bounding box of the element to be located. It's an array of 4 numbers, representing ${bboxDescription(vlMode)}.\n\nSupporting actions:\n${actionList}\n\nField description:\n* The \\`prompt\\` field inside the \\`locate\\` field is a short description that could be used to locate the element.\n\nReturn in JSON format:\n{\n  ${vlCurrentLog}\n  ${commonOutputFields}\n  \"action\": \n    {\n      // one of the supporting actions\n    } | null,\n  ,\n  \"sleep\"?: number, // The sleep time after the action, in milliseconds.\n}\n\nFor example, when the instruction is \"click 'Confirm' button, and click 'Yes' in popup\" and the previous log shows \"The 'Confirm' button has been clicked\", by viewing the screenshot and previous logs, you should consider: We have already clicked the 'Confirm' button, so next we should find and click 'Yes' in popup.\n\nthis and output the JSON:\n\n{\n  \"log\": \"The user wants to do click 'Confirm' button, and click 'Yes' in popup. According to the instruction and the previous logs, next step is to tap the 'Yes' button in the popup. Now i am going to compose an action 'Tap' to click 'Yes' in popup.\",\n  \"action\": {\n    \"type\": \"Tap\",\n    \"param\": {\n      \"locate\": {\n        \"bbox\": [100, 100, 200, 200],\n        \"prompt\": \"The 'Yes' button in popup\"\n      }\n    }\n  },\n  \"more_actions_needed_by_instruction\": false,\n}\n`;\n};\n\nconst systemTemplateOfLLM = ({\n  actionSpace,\n}: { actionSpace: DeviceAction<any>[] }) => {\n  const actionNameList = actionSpace.map((action) => action.name).join(' / ');\n  const actionDescriptionList = actionSpace.map((action) => {\n    return descriptionForAction(action, llmLocateParam());\n  });\n  const actionList = actionDescriptionList.join('\\n');\n\n  return `\n## Role\n\nYou are a versatile professional in software UI automation. Your outstanding contributions will impact the user experience of billions of users.\n\n## Objective\n\n- Decompose the instruction user asked into a series of actions\n- Locate the target element if possible\n- If the instruction cannot be accomplished, give a further plan.\n\n## Workflow\n\n1. Receive the screenshot, element description of screenshot(if any), user's instruction and previous logs.\n2. Decompose the user's task into a sequence of feasible actions, and place it in the \\`actions\\` field. There are different types of actions (${actionNameList}). The \"About the action\" section below will give you more details.\n3. Consider whether the user's instruction will be accomplished after the actions you composed.\n- If the instruction is accomplished, set \\`more_actions_needed_by_instruction\\` to false.\n- If more actions are needed, set \\`more_actions_needed_by_instruction\\` to true. Get ready to hand over to the next talent people like you. Carefully log what have been done in the \\`log\\` field, he or she will continue the task according to your logs.\n4. If the task is not feasible on this page, set \\`error\\` field to the reason.\n\n## Constraints\n\n- All the actions you composed MUST be feasible, which means all the action fields can be filled with the page context information you get. If not, don't plan this action.\n- Trust the \"What have been done\" field about the task (if any), don't repeat actions in it.\n- Respond only with valid JSON. Do not write an introduction or summary or markdown prefix like \\`\\`\\`json\\`\\`\\`.\n- If the screenshot and the instruction are totally irrelevant, set reason in the \\`error\\` field.\n\n## About the \\`actions\\` field\n\nThe \\`locate\\` param is commonly used in the \\`param\\` field of the action, means to locate the target element to perform the action, it conforms to the following scheme:\n\ntype LocateParam = {\n  \"id\": string, // the id of the element found. It should either be the id marked with a rectangle in the screenshot or the id described in the description.\n  \"prompt\"?: string // the description of the element to find. It can only be omitted when locate is null.\n} | null // If it's not on the page, the LocateParam should be null\n\n## Supported actions\n\nEach action has a \\`type\\` and corresponding \\`param\\`. To be detailed:\n${actionList}\n\n`.trim();\n};\n\nconst outputTemplate = `\n## Output JSON Format:\n\nThe JSON format is as follows:\n\n{\n  \"actions\": [\n    // ... some actions\n  ],\n  ${llmCurrentLog}\n  ${commonOutputFields}\n}\n\n## Examples\n\n### Example: Decompose a task\n\nWhen you received the following information:\n\n* Instruction: 'Click the language switch button, wait 1s, click \"English\"'\n* Logs: null\n* Page Context (screenshot and description) shows: There is a language switch button, and the \"English\" option is not shown in the screenshot now.\n\nBy viewing the page screenshot and description, you should consider this and output the JSON:\n\n* The user intent is: tap the switch button, sleep, and tap the 'English' option\n* The language switch button is shown in the screenshot, and can be located by the page description or the id marked with a rectangle. So we can plan a Tap action to do this.\n* Plan a Sleep action to wait for 1 second to ensure the language options are displayed.\n* The \"English\" option button is not shown in the screenshot now, it means it may only show after the previous actions are finished. So don't plan any action to do this.\n* Compose the log: The user wants to do click the language switch button, wait 1s, click \"English\". According to the instruction and the previous logs, next step is to tap the language switch button to open the language options. Now i am going to compose an action 'Tap' to click the language switch button.\n* The task cannot be accomplished (because the last tapping action is not finished yet), so the \\`more_actions_needed_by_instruction\\` field is true. The \\`error\\` field is null.\n\n{\n  \"actions\":[\n    {\n      \"thought\": \"Click the language switch button to open the language options.\",\n      \"type\": \"Tap\", \n      \"param\": {\n        \"locate\": { id: \"c81c4e9a33\", prompt: \"The language switch button\" }\n      }\n    },\n    {\n      \"thought\": \"Wait for 1 second to ensure the language options are displayed.\",\n      \"type\": \"Sleep\",\n      \"param\": { \"timeMs\": 1000 },\n    }\n  ],\n  \"error\": null,\n  \"more_actions_needed_by_instruction\": true,\n  \"log\": \"The user wants to do click the language switch button, wait 1s, click \\\"English\\\". According to the instruction and the previous logs, next step is to tap the language switch button to open the language options. Now i am going to compose an action 'Tap' to click the language switch button.\",\n}\n\n### Example: What NOT to do\nWrong output:\n{\n  \"actions\":[\n    {\n      \"thought\": \"Click the language switch button to open the language options.\",\n      \"type\": \"Tap\",\n      \"param\": {\n        \"locate\": { \"id\": \"c81c4e9a33\" } // WRONG: prompt is missing, this is not a valid LocateParam\n      }\n    },\n    {\n      \"thought\": \"Click the English option\",\n      \"type\": \"Tap\", \n      \"param\": {\n        \"locate\": null // WRONG: if the element is not on the page, you should not plan this action\n      }\n    }\n  ],\n  \"more_actions_needed_by_instruction\": false, // WRONG: should be true\n  \"log\": \"The user wants to do click the language switch button, wait 1s, click \\\"English\\\". According to the instruction and the previous logs, next step is to tap the language switch button to open the language options. Now i am going to compose an action 'Tap' to click the language switch button.\",\n}\n`;\n\nexport async function systemPromptToTaskPlanning({\n  actionSpace,\n  vlMode,\n}: {\n  actionSpace: DeviceAction<any>[];\n  vlMode: TVlModeTypes | undefined;\n}) {\n  if (vlMode) {\n    return systemTemplateOfVLPlanning({ actionSpace, vlMode });\n  }\n\n  return `${systemTemplateOfLLM({ actionSpace })}\\n\\n${outputTemplate}`;\n}\n\nexport const planSchema: ResponseFormatJSONSchema = {\n  type: 'json_schema',\n  json_schema: {\n    name: 'action_items',\n    strict: false,\n    schema: {\n      type: 'object',\n      strict: false,\n      properties: {\n        actions: {\n          type: 'array',\n          items: {\n            type: 'object',\n            strict: false,\n            properties: {\n              thought: {\n                type: 'string',\n                description:\n                  'Reasons for generating this task, and why this task is feasible on this page',\n              },\n              type: {\n                type: 'string',\n                description: 'Type of action',\n              },\n              param: {\n                anyOf: [\n                  { type: 'null' },\n                  {\n                    type: 'object',\n                    additionalProperties: true,\n                  },\n                ],\n                description: 'Parameter of the action',\n              },\n              locate: {\n                type: ['object', 'null'],\n                properties: {\n                  id: { type: 'string' },\n                  prompt: { type: 'string' },\n                },\n                required: ['id', 'prompt'],\n                additionalProperties: false,\n                description: 'Location information for the target element',\n              },\n            },\n            required: ['thought', 'type', 'param', 'locate'],\n            additionalProperties: false,\n          },\n          description: 'List of actions to be performed',\n        },\n        more_actions_needed_by_instruction: {\n          type: 'boolean',\n          description:\n            'If all the actions described in the instruction have been covered by this action and logs, set this field to false.',\n        },\n        log: {\n          type: 'string',\n          description:\n            'Log what these planned actions do. Do not include further actions that have not been planned.',\n        },\n        error: {\n          type: ['string', 'null'],\n          description: 'Error messages about unexpected situations',\n        },\n      },\n      required: [\n        'actions',\n        'more_actions_needed_by_instruction',\n        'log',\n        'error',\n      ],\n      additionalProperties: false,\n    },\n  },\n};\n"],"names":["__webpack_require__","definition","key","Object","obj","prop","Symbol","vlCurrentLog","llmCurrentLog","commonOutputFields","vlLocateParam","llmLocateParam","descriptionForAction","action","locatorSchemaTypeDescription","tab","fields","shape","console","paramLines","getTypeName","field","_actualField__def","unwrapField","f","typeName","actualField","fieldTypeName","ifMidsceneLocatorField","_actualField__def_values","values","option","String","_actualField__def2","options","types","opt","getDescription","isOptional","keyWithOptional","description","paramLine","systemTemplateOfVLPlanning","actionSpace","vlMode","actionNameList","actionDescriptionList","actionList","bboxDescription","systemTemplateOfLLM","outputTemplate","systemPromptToTaskPlanning","planSchema"],"mappings":"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"}
+{"version":3,"file":"ai-model/prompt/llm-planning.js","sources":["webpack/runtime/define_property_getters","webpack/runtime/has_own_property","webpack/runtime/make_namespace_object","../../../../src/ai-model/prompt/llm-planning.ts"],"sourcesContent":["__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import type { DeviceAction } from '@/types';\nimport type { TVlModeTypes } from '@midscene/shared/env';\nimport {\n  getZodDescription,\n  getZodTypeName,\n} from '@midscene/shared/zod-schema-utils';\nimport type { ResponseFormatJSONSchema } from 'openai/resources/index';\nimport type { z } from 'zod';\nimport { bboxDescription } from './common';\n\n// Note: put the log field first to trigger the CoT\n\nconst commonOutputFields = `\"error\"?: string, // Error messages about unexpected situations, if any. Only think it is an error when the situation is not foreseeable according to the instruction. Use the same language as the user's instruction.\n  \"more_actions_needed_by_instruction\": boolean, // Consider if there is still more action(s) to do after the action in \"Log\" is done, according to the instruction. If so, set this field to true. Otherwise, set it to false.`;\n\nconst vlLocateParam = (vlMode: TVlModeTypes | undefined) => {\n  if (vlMode) {\n    return `{bbox: [number, number, number, number], prompt: string } // ${bboxDescription(vlMode)}`;\n  }\n  return '{ prompt: string /* description of the target element */ }';\n};\n\nexport const descriptionForAction = (\n  action: DeviceAction<any>,\n  locatorSchemaTypeDescription: string,\n) => {\n  const tab = '  ';\n  const fields: string[] = [];\n\n  // Add the action type field\n  fields.push(`- type: \"${action.name}\"`);\n\n  // Handle paramSchema if it exists\n  if (action.paramSchema) {\n    const paramLines: string[] = [];\n\n    // Check if paramSchema is a ZodObject with shape\n    const schema = action.paramSchema as {\n      _def?: { typeName?: string };\n      shape?: Record<string, unknown>;\n    };\n    const isZodObject = schema._def?.typeName === 'ZodObject';\n\n    if (isZodObject && schema.shape) {\n      // Original logic for ZodObject schemas\n      const shape = schema.shape;\n\n      for (const [key, field] of Object.entries(shape)) {\n        if (field && typeof field === 'object') {\n          // Check if field is optional\n          const isOptional =\n            typeof (field as { isOptional?: () => boolean }).isOptional ===\n              'function' &&\n            (field as { isOptional: () => boolean }).isOptional();\n          const keyWithOptional = isOptional ? `${key}?` : key;\n\n          // Get the type name using extracted helper\n          const typeName = getZodTypeName(field, locatorSchemaTypeDescription);\n\n          // Get description using extracted helper\n          const description = getZodDescription(field as z.ZodTypeAny);\n\n          // Build param line for this field\n          let paramLine = `${keyWithOptional}: ${typeName}`;\n          if (description) {\n            paramLine += ` // ${description}`;\n          }\n\n          paramLines.push(paramLine);\n        }\n      }\n\n      // Add the param section to fields if there are paramLines\n      if (paramLines.length > 0) {\n        fields.push('- param:');\n        paramLines.forEach((line) => {\n          fields.push(`  - ${line}`);\n        });\n      }\n    } else {\n      // Handle non-object schemas (string, number, etc.)\n      const typeName = getZodTypeName(schema);\n      const description = getZodDescription(schema as z.ZodTypeAny);\n\n      // For simple types, indicate that param should be the direct value, not an object\n      let paramDescription = `- param: ${typeName}`;\n      if (description) {\n        paramDescription += ` // ${description}`;\n      }\n      paramDescription += ' (pass the value directly, not as an object)';\n\n      fields.push(paramDescription);\n    }\n  }\n\n  return `- ${action.name}, ${action.description || 'No description provided'}\n${tab}${fields.join(`\\n${tab}`)}\n`.trim();\n};\n\nexport async function systemPromptToTaskPlanning({\n  actionSpace,\n  vlMode,\n  includeBbox,\n}: {\n  actionSpace: DeviceAction<any>[];\n  vlMode: TVlModeTypes | undefined;\n  includeBbox: boolean;\n}) {\n  // Validate parameters: if includeBbox is true, vlMode must be defined\n  if (includeBbox && !vlMode) {\n    throw new Error(\n      'vlMode cannot be undefined when includeBbox is true. A valid vlMode is required for bbox-based location.',\n    );\n  }\n\n  const actionDescriptionList = actionSpace.map((action) => {\n    return descriptionForAction(\n      action,\n      vlLocateParam(includeBbox ? vlMode : undefined),\n    );\n  });\n  const actionList = actionDescriptionList.join('\\n');\n\n  const logFieldInstruction = `\n## About the \\`log\\` field (preamble message)\n\nThe \\`log\\` field is a brief preamble message to the user explaining what you’re about to do. It should follow these principles and examples:\n\n- **Use the same language as the user's instruction**\n- **Keep it concise**: be no more than 1-2 sentences, focused on immediate, tangible next steps. (8–12 words or Chinese characters for quick updates).\n- **Build on prior context**: if this is not the first action to be done, use the preamble message to connect the dots with what’s been done so far and create a sense of momentum and clarity for the user to understand your next actions.\n- **Keep your tone light, friendly and curious**: add small touches of personality in preambles feel collaborative and engaging.\n\n**Examples:**\n- \"Click the login button\"\n- \"Scroll to find the 'Yes' button in popup\"\n- \"Previous actions failed to find the 'Yes' button, i will try again\"\n- \"Go back to find the login button\"\n`;\n\n  return `\nTarget: User will give you an instruction, some screenshots and previous logs indicating what have been done. Your task is to plan the next one action according to current situation to accomplish the instruction.\n\nPlease tell what the next one action is (or null if no action should be done) to do the tasks the instruction requires. \n\n## Rules\n\n- Don't give extra actions or plans beyond the instruction. For example, don't try to submit the form if the instruction is only to fill something.\n- Give just the next ONE action you should do\n- Consider the current screenshot and give the action that is most likely to accomplish the instruction. For example, if the next step is to click a button but it's not visible in the screenshot, you should try to find it first instead of give a click action.\n- Make sure the previous actions are completed successfully before performing the next step\n- If there are some error messages reported by the previous actions, don't give up, try parse a new action to recover. If the error persists for more than 5 times, you should think this is an error and set the \"error\" field to the error message.\n- If there is nothing to do but waiting, set the \"sleep\" field to the positive waiting time in milliseconds and null for the \"action\" field.\n- Assertions are also important steps. When getting the assertion instruction, a solid conclusion is required. You should explicitly state your conclusion by calling the \"Print_Assert_Result\" action.\n\n## Supporting actions\n${actionList}\n\n${logFieldInstruction}\n\n## Return format\n\nReturn in JSON format:\n{\n  \"log\": string, // a brief preamble to the user explaining what you’re about to do\n  ${commonOutputFields}\n  \"action\": \n    {\n      \"type\": string, // the type of the action\n      \"param\"?: { // The parameter of the action, if any\n         // k-v style parameter fields\n      }, \n    } | null,\n  ,\n  \"sleep\"?: number, // The sleep time after the action, in milliseconds.\n}\n\nFor example, if the instruction is to login and the form has already been filled, this is a valid return value:\n\n{\n  \"log\": \"Click the login button\",\n  \"more_actions_needed_by_instruction\": false,\n  \"action\": {\n    \"type\": \"Tap\",\n    \"param\": {\n      \"locate\": { \n        \"prompt\": \"The login button\"${vlMode ? `, \"bbox\": [100, 200, 300, 400]` : ''}\n      }\n    }\n  }\n`;\n}\n"],"names":["__webpack_require__","definition","key","Object","obj","prop","Symbol","commonOutputFields","vlLocateParam","vlMode","bboxDescription","descriptionForAction","action","locatorSchemaTypeDescription","tab","fields","paramLines","schema","isZodObject","shape","field","isOptional","keyWithOptional","typeName","getZodTypeName","description","getZodDescription","paramLine","line","paramDescription","systemPromptToTaskPlanning","actionSpace","includeBbox","Error","actionDescriptionList","undefined","actionList","logFieldInstruction"],"mappings":"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"}

package/dist/lib/ai-model/prompt/llm-section-locator.js

@@ -29,17 +29,20 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const external_common_js_namespaceObject = require("./common.js");
 function systemPromptToLocateSection(vlMode) {
+    const bboxFormat = (0, external_common_js_namespaceObject.bboxDescription)(vlMode);
     return `
-You goal is to find out one section containing the target element in the screenshot, put it in the \`bbox\` field. If the user describe the target element with some reference elements, you should also find the section containing the reference elements, put it in the \`references_bbox\` field.
+## Role:
+You are an AI assistant that helps identify UI elements.
 
-Usually, it should be approximately an area not more than 300x300px. Changes of the size are allowed if there are many elements to cover.
+## Objective:
+- Find a section containing the target element
+- If the description mentions reference elements, also locate sections containing those references
 
-return in this JSON format:
+## Output Format:
 \`\`\`json
 {
-  "bbox": [number, number, number, number],
+  "bbox": [number, number, number, number],  // ${bboxFormat}
   "references_bbox"?: [
-    [number, number, number, number],
     [number, number, number, number],
     ...
   ],
@@ -47,11 +50,13 @@ return in this JSON format:
 }
 \`\`\`
 
-In which, all the numbers in the \`bbox\` and \`references_bbox\` represent ${(0, external_common_js_namespaceObject.bboxDescription)(vlMode)}.
-
-For example, if the user describe the target element as "the delete button on the second row with title 'Peter'", you should put the bounding box of the delete button in the \`bbox\` field, and the bounding box of the second row in the \`references_bbox\` field.
+Fields:
+* \`bbox\` - Bounding box of the section containing the target element
+* \`references_bbox\` - Optional array of bounding boxes for reference elements
+* \`error\` - Optional error message if the section cannot be found
 
-the return value should be like this:
+Example:
+If the description is "delete button on the second row with title 'Peter'", return:
 \`\`\`json
 {
   "bbox": [100, 100, 200, 200],
@@ -60,17 +65,13 @@ the return value should be like this:
 \`\`\`
 `;
 }
-const sectionLocatorInstruction = ({ sectionDescription })=>`Here is the target element user interested in:
-<targetDescription>
-${sectionDescription}
-</targetDescription>
-  `;
+const sectionLocatorInstruction = (sectionDescription)=>`Find section containing: ${sectionDescription}`;
 exports.sectionLocatorInstruction = __webpack_exports__.sectionLocatorInstruction;
 exports.systemPromptToLocateSection = __webpack_exports__.systemPromptToLocateSection;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+for(var __rspack_i in __webpack_exports__)if (-1 === [
     "sectionLocatorInstruction",
     "systemPromptToLocateSection"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true
 });