1

src/entrypoints/sidepanel/component/StepsDisplay.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="">
+  <div class="min-w-60">
     <div  class="steps-content">
       <div class="mb-2">
         <div class="text-x" v-for="step,i in props.steps" :key="step.id">
@@ -18,7 +18,6 @@
     </div>
   </div>
 </template>
-  
 <script lang="js" setup>
 import { onMounted } from 'vue'
 import { actionMap } from '@/utils/actionMap'

src/utils/navigator.js

@@ -216,7 +216,7 @@ export const navigator = () => {
     }
 
     async function agent(payload) {
-
+        let isDOMType = "element"
         for (let item of payload.steps) {
             console.log(item)
             chrome.runtime.sendMessage({
@@ -282,12 +282,20 @@ export const navigator = () => {
                 }
                 let getexecutedaat = await getexecuteapi(params)
                 let toolExecution = JSON.parse(getexecutedaat.data.plan.steps[item.stepIndex].toolExecution)
+                // chrome.runtime.sendMessage({
+                //     type: "FROM_STEP",
+                //     payload: toolExecution
+                // });
                 for (let item of toolExecution) {
                     if (JSON.parse(item.toolParameters).action == 'get_text') {
                         isDOMType = 'text'
                     } else {
                         isDOMType = 'element'
                     }
+                    chrome.runtime.sendMessage({
+                        type: "FROM_STEP",
+                        payload: JSON.parse(item.toolParameters)
+                    });
                     await browserautomate(browdata.domState.buildDomTree, browdata.page, JSON.parse(item.toolParameters).action, JSON.parse(item.toolParameters).index || 0, JSON.parse(item.toolParameters).text || '')
                 }
             }
@@ -301,7 +309,6 @@ export const navigator = () => {
         if (request.type == 'FROM_PLAN') {
             agent(request.payload).then(res => {
                 console.log('完成11111');
-
                 sendResponse({ status: '1' })
             }).catch(async res => {
                 console.log('错误信息' + res);