@godscene/playground-electron 1.7.11

package/dist/es/PlaygroundApp.mjs

@@ -0,0 +1,776 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Logo, NavActions } from "@godscene/visualizer";
+import { Layout, Modal, message as external_antd_message } from "antd";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { Panel, PanelGroup, PanelResizeHandle } from "react-resizable-panels";
+import { PlaygroundThemeProvider } from "./PlaygroundThemeProvider.mjs";
+import { usePlaygroundController } from "./controller/usePlaygroundController.mjs";
+import server_offline_background from "./icons/server-offline-background.mjs";
+import server_offline_foreground from "./icons/server-offline-foreground.mjs";
+import { PlaygroundConversationPanel } from "./panels/PlaygroundConversationPanel.mjs";
+import { Header } from "./components/Header/index.mjs";
+import { Nav } from "./components/Nav/index.mjs";
+import { commandMap, rpasceneCommand, rpastudioCommand } from "@godscene/shared/constants";
+import "./PlaygroundApp.css";
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) resolve(value);
+    else Promise.resolve(value).then(_next, _throw);
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(void 0);
+        });
+    };
+}
+function _define_property(obj, key, value) {
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = null != arguments[i] ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        }));
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function PlaygroundApp_ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) symbols = symbols.filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = null != source ? source : {};
+    if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    else PlaygroundApp_ownKeys(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+    return target;
+}
+const { Content } = Layout;
+function PlaygroundApp({ serverUrl, appVersion, title = 'Playground', defaultDeviceType = 'web', branding, playgroundConfig, offlineTitle = 'Midscene Playground', offlineStatusText = 'Server offline...', pollIntervalMs = 5000 }) {
+    var _playgroundConfig_executionUx;
+    const [isNarrowScreen, setIsNarrowScreen] = useState(false);
+    const controller = usePlaygroundController({
+        serverUrl,
+        defaultDeviceType,
+        countdownSeconds: null == playgroundConfig ? void 0 : null == (_playgroundConfig_executionUx = playgroundConfig.executionUx) ? void 0 : _playgroundConfig_executionUx.countdownSeconds,
+        pollIntervalMs
+    });
+    useEffect(()=>{
+        const handleResize = ()=>{
+            setIsNarrowScreen(window.innerWidth <= 1024);
+        };
+        handleResize();
+        window.addEventListener('resize', handleResize);
+        return ()=>window.removeEventListener('resize', handleResize);
+    }, []);
+    const rightRef = useRef(null);
+    const viewRef = useRef(null);
+    const actionRef = useRef(null);
+    const [agentReady, setAgentReady] = useState(false);
+    const [dialogInfo, setDialogInfo] = useState(null);
+    useEffect(()=>{
+        var _window_electron;
+        null == (_window_electron = window.electron) || _window_electron.ipcRenderer.on('agent:ready', (event, value)=>{
+            if (!value) Modal.warning({
+                title: '初始化失败',
+                content: '请确认是否购买了token',
+                getContainer: ()=>rightRef.current,
+                mask: false,
+                className: "insert-modal",
+                wrapClassName: 'insert-modal-wrap',
+                zIndex: 99999
+            });
+            setAgentReady(value);
+        });
+    }, []);
+    useEffect(()=>{
+        actionRef.current = {
+            receiveMsg (msgData) {
+                return _async_to_generator(function*() {
+                    const { message } = msgData;
+                    const { pageName, actionName, data } = message;
+                    console.log('/////////////receive-msg/////////', message);
+                    if ('initialize' === actionName) setDialogInfo(_object_spread({
+                        pageName
+                    }, data));
+                    else if ('insertScriptCommandResult' === actionName) {
+                        const { success, message } = data;
+                        switch(success){
+                            case true:
+                                Modal.success({
+                                    title: '使用命令成功',
+                                    content: '已为您生成命令，请在设计器主页查看命令详情',
+                                    getContainer: ()=>rightRef.current,
+                                    mask: false,
+                                    className: "insert-modal",
+                                    wrapClassName: 'insert-modal-wrap',
+                                    zIndex: 99999
+                                });
+                                break;
+                            case false:
+                                Modal.warning({
+                                    title: '使用命令失败',
+                                    content: message || '使用命令失败，请稍后再试',
+                                    getContainer: ()=>rightRef.current,
+                                    mask: false,
+                                    className: "insert-modal",
+                                    wrapClassName: 'insert-modal-wrap',
+                                    zIndex: 99999
+                                });
+                                break;
+                            default:
+                                break;
+                        }
+                    }
+                })();
+            }
+        };
+    }, []);
+    useEffect(()=>{
+        console.log(!!viewRef.current, 'viewRef.current');
+        const resizeObserver = new ResizeObserver((entries)=>{
+            for (let entry of entries){
+                var _window_electron;
+                console.log(entry.contentRect.width, entry.contentRect.height, 'entry.contentRect.width, entry.contentRect.height');
+                null == (_window_electron = window.electron) || _window_electron.ipcRenderer.send('playgroundViewer:resize', entry.contentRect.width, entry.contentRect.height);
+            }
+        });
+        if (viewRef.current) {
+            var _window_electron;
+            console.log(viewRef.current.clientWidth, viewRef.current.clientHeight, 'viewRef.current.clientWidth, viewRef.current.clientHeight');
+            null == (_window_electron = window.electron) || _window_electron.ipcRenderer.send('playgroundViewer:resize', viewRef.current.clientWidth, viewRef.current.clientHeight);
+            resizeObserver.observe(viewRef.current);
+        }
+        return ()=>{
+            if (viewRef.current) resizeObserver.unobserve(viewRef.current);
+            resizeObserver.disconnect();
+        };
+    }, [
+        viewRef,
+        agentReady,
+        controller.state.serverOnline
+    ]);
+    const handler = useCallback((msgData)=>{
+        var _actionRef_current;
+        null == (_actionRef_current = actionRef.current) || _actionRef_current.receiveMsg(msgData);
+    }, [
+        actionRef
+    ]);
+    useEffect(()=>{
+        var _window___Window;
+        if (null == (_window___Window = window.__Window) ? void 0 : _window___Window.receiveMessage) window.__Window.receiveMessage(handler);
+    }, [
+        handler
+    ]);
+    const onHumanUse = useCallback((recommendResult)=>{
+        if (!(null == recommendResult ? void 0 : recommendResult.length)) return external_antd_message.warning('暂无可使用的命令');
+        console.log(recommendResult, 'recommendResult');
+        try {
+            const data = recommendResult.map((item)=>{
+                var _commandMap_item_subType, _commandMap_item_subType1;
+                let res = {
+                    CommandName: null == (_commandMap_item_subType = commandMap[item.subType]) ? void 0 : _commandMap_item_subType.CommandName,
+                    DisplayName: null == (_commandMap_item_subType1 = commandMap[item.subType]) ? void 0 : _commandMap_item_subType1.DisplayName,
+                    Parameters: {}
+                };
+                switch(item.subType){
+                    case rpasceneCommand.Scroll:
+                        {
+                            const { scrollType, direction, distance } = item.param || {};
+                            if ("untilBottom" === scrollType) res.Parameters = {
+                                ScrollPosition: {
+                                    Key: "ScrollPosition",
+                                    Name: "滚动位置",
+                                    Value: "Bottom"
+                                }
+                            };
+                            else if ("untilTop" === scrollType) res.Parameters = {
+                                ScrollPosition: {
+                                    Key: "ScrollPosition",
+                                    Name: "滚动位置",
+                                    Value: "Top"
+                                }
+                            };
+                            else if ('untilRight' === scrollType) res.Parameters = {
+                                ScrollPosition: {
+                                    Key: "ScrollPosition",
+                                    Name: "滚动位置",
+                                    Value: "Position"
+                                },
+                                ScrollWidth: {
+                                    Key: "ScrollWidth",
+                                    Name: "滚动到横坐标位置",
+                                    Value: 999999
+                                }
+                            };
+                            else if ('untilLeft' === scrollType) res.Parameters = {
+                                ScrollPosition: {
+                                    Key: "ScrollPosition",
+                                    Name: "滚动位置",
+                                    Value: "Position"
+                                },
+                                ScrollWidth: {
+                                    Key: "ScrollWidth",
+                                    Name: "滚动到横坐标位置",
+                                    Value: -999999
+                                }
+                            };
+                            else if ('once' === scrollType) {
+                                if ('left' === direction || 'right' === direction) res.Parameters = {
+                                    ScrollPosition: {
+                                        Key: "ScrollPosition",
+                                        Name: "滚动位置",
+                                        Value: "Position"
+                                    },
+                                    ScrollWidth: {
+                                        Key: "ScrollWidth",
+                                        Name: "滚动到横坐标位置",
+                                        Value: distance
+                                    }
+                                };
+                                if ('up' === direction || 'down' === direction) res.Parameters = {
+                                    ScrollPosition: {
+                                        Key: "ScrollPosition",
+                                        Name: "滚动位置",
+                                        Value: "Position"
+                                    },
+                                    ScrollHeight: {
+                                        Key: "ScrollWidth",
+                                        Name: "滚动到纵坐标位置",
+                                        Value: distance
+                                    }
+                                };
+                            }
+                            if (item.param.locate) {
+                                var _item_param_locate_allPaths_, _item_param_locate_allPaths, _item_param_locate, _item_param_locate1;
+                                res.CommandName = rpastudioCommand.SeleniumElementScrollCommand;
+                                res.Parameters = _object_spread_props(_object_spread({}, res.Parameters), {
+                                    SearchParameter: {
+                                        Key: "SearchParameter",
+                                        Value: null == (_item_param_locate = item.param.locate) ? void 0 : null == (_item_param_locate_allPaths = _item_param_locate.allPaths) ? void 0 : null == (_item_param_locate_allPaths_ = _item_param_locate_allPaths[0]) ? void 0 : _item_param_locate_allPaths_.value
+                                    },
+                                    ElementName: {
+                                        Key: "ElementName",
+                                        Name: "元素名称",
+                                        Value: item.locateDescription
+                                    },
+                                    ContainerXpath: {
+                                        Key: "ContainerXpath",
+                                        Name: "父级Xpath",
+                                        Value: JSON.stringify((null == (_item_param_locate1 = item.param.locate) ? void 0 : _item_param_locate1.containerPaths) || [])
+                                    },
+                                    ElementIndex: {
+                                        Key: "ElementIndex",
+                                        Value: 1
+                                    }
+                                });
+                            } else res.CommandName = rpastudioCommand.SeleniumWindowScrollCommand;
+                            break;
+                        }
+                    case rpasceneCommand.KeyboardPress:
+                        {
+                            var _item_param;
+                            let keyName = (null == (_item_param = item.param) ? void 0 : _item_param.keyName) || '';
+                            let useSeleniumElementSendKeysCommand = false;
+                            if (useSeleniumElementSendKeysCommand && item.param.locate) {
+                                var _item_param_locate2, _item_param1, _item_param_locate_allPaths_1, _item_param_locate_allPaths1, _item_param_locate3, _item_param2;
+                                const keyValue = keyName.split('+').map((item)=>{
+                                    const key = item.trim();
+                                    switch(key.toLowerCase()){
+                                        case 'backspace':
+                                            return '{BACKSPACE}';
+                                        case 'capslock':
+                                            return '{CAPSLOCK}';
+                                        case 'delete':
+                                            return '{DELETE}';
+                                        case 'arrowdown':
+                                            return '{DOWN}';
+                                        case 'end':
+                                            return '{END}';
+                                        case 'enter':
+                                            return '{ENTER}';
+                                        case 'escape':
+                                            return '{ESC}';
+                                        case 'help':
+                                            return '{HELP}';
+                                        case 'home':
+                                            return '{HOME}';
+                                        case 'insert':
+                                            return '{Insert}';
+                                        case 'arrowleft':
+                                            return '{LEFT}';
+                                        case 'numlock':
+                                            return 'NUMLOCK';
+                                        case 'pagedown':
+                                            return '{PGDN}';
+                                        case 'pageup':
+                                            return '{PGUP}';
+                                        case 'printscreen':
+                                            return '{PRTSC}';
+                                        case 'arrowright':
+                                            return '{RIGHT}';
+                                        case 'scrolllock':
+                                            return '{SCROLLLOCK}';
+                                        case 'tab':
+                                            return '{TAB}';
+                                        case 'arrowup':
+                                            return '{UP}';
+                                        case 'f1':
+                                            return '{F1}';
+                                        case 'f2':
+                                            return '{F2}';
+                                        case 'f3':
+                                            return '{F3}';
+                                        case 'f4':
+                                            return '{F4}';
+                                        case 'f5':
+                                            return '{F5}';
+                                        case 'f6':
+                                            return '{F6}';
+                                        case 'f7':
+                                            return '{F7}';
+                                        case 'f8':
+                                            return '{F8}';
+                                        case 'f9':
+                                            return '{F9}';
+                                        case 'f10':
+                                            return '{F10}';
+                                        case 'f11':
+                                            return '{F11}';
+                                        case 'f12':
+                                            return '{F12}';
+                                        case 'numpadadd':
+                                            return '{ADD}';
+                                        case 'numpadsubtract':
+                                            return '{SUBTRACT}';
+                                        case 'numpadmultiply':
+                                            return '{MULTIPLY}';
+                                        case 'numpaddivide':
+                                            return '{DIVIDE}';
+                                        case 'shift':
+                                            return '+';
+                                        case 'control':
+                                            return '^';
+                                        case 'alt':
+                                            return '%';
+                                        default:
+                                            return key;
+                                    }
+                                }).filter(Boolean).join('');
+                                res.CommandName = rpastudioCommand.SeleniumElementSendKeysCommand;
+                                res.Parameters = {
+                                    ContainerXpath: {
+                                        Key: "ContainerXpath",
+                                        Name: "父级Xpath",
+                                        Value: JSON.stringify((null == (_item_param1 = item.param) ? void 0 : null == (_item_param_locate2 = _item_param1.locate) ? void 0 : _item_param_locate2.containerPaths) || [])
+                                    },
+                                    ElementName: {
+                                        Key: "ElementName",
+                                        Name: "元素名称",
+                                        Value: item.locateDescription || ''
+                                    },
+                                    SearchParameter: {
+                                        Key: "SearchParameter",
+                                        Name: "元素搜索参数",
+                                        Value: (null == (_item_param2 = item.param) ? void 0 : null == (_item_param_locate3 = _item_param2.locate) ? void 0 : null == (_item_param_locate_allPaths1 = _item_param_locate3.allPaths) ? void 0 : null == (_item_param_locate_allPaths_1 = _item_param_locate_allPaths1[0]) ? void 0 : _item_param_locate_allPaths_1.value) || ''
+                                    },
+                                    SearchType: {
+                                        Key: "SearchType",
+                                        Name: "元素搜索方式",
+                                        Value: "Find Element By XPath"
+                                    },
+                                    Value: {
+                                        Key: "Value",
+                                        Name: "文本内容",
+                                        Value: keyValue
+                                    }
+                                };
+                            } else {
+                                const keyValue = keyName.split('+').map((item)=>{
+                                    const key = item.trim();
+                                    switch(key.toLowerCase()){
+                                        case 'backspace':
+                                            return 'BACKSPACE';
+                                        case 'delete':
+                                            return 'DELETE';
+                                        case 'arrowdown':
+                                            return 'DOWN';
+                                        case 'end':
+                                            return 'END';
+                                        case 'enter':
+                                            return 'ENTER';
+                                        case 'escape':
+                                            return 'ESC';
+                                        case 'help':
+                                            return 'HELP';
+                                        case 'home':
+                                            return 'HOME';
+                                        case 'insert':
+                                            return 'INSERT';
+                                        case 'arrowleft':
+                                            return 'LEFT';
+                                        case 'pagedown':
+                                            return 'PGDN';
+                                        case 'pageup':
+                                            return 'PGUP';
+                                        case 'arrowright':
+                                            return 'RIGHT';
+                                        case 'tab':
+                                            return 'TAB';
+                                        case 'arrowup':
+                                            return 'UP';
+                                        case 'f1':
+                                            return 'F1';
+                                        case 'f2':
+                                            return 'F2';
+                                        case 'f3':
+                                            return 'F3';
+                                        case 'f4':
+                                            return 'F4';
+                                        case 'f5':
+                                            return 'F5';
+                                        case 'f6':
+                                            return 'F6';
+                                        case 'f7':
+                                            return 'F7';
+                                        case 'f8':
+                                            return 'F8';
+                                        case 'f9':
+                                            return 'F9';
+                                        case 'f10':
+                                            return 'F10';
+                                        case 'f11':
+                                            return 'F11';
+                                        case 'f12':
+                                            return 'F12';
+                                        case 'numpadadd':
+                                            return 'ADD';
+                                        case 'numpadsubtract':
+                                            return 'SUBTRACT';
+                                        case 'numpadmultiply':
+                                            return 'MULTIPLY';
+                                        case 'numpaddivide':
+                                            return 'DIVIDE';
+                                        case 'shift':
+                                            return 'SHIFT';
+                                        case 'control':
+                                            return 'CTRL';
+                                        case 'alt':
+                                            return 'ALT';
+                                        case 'capslock':
+                                            return 'CAPSLOCK';
+                                        case 'numlock':
+                                            return 'NUMLOCK';
+                                        case 'printscreen':
+                                            return 'PRTSC';
+                                        case 'scrolllock':
+                                            return 'SCROLLLOCK';
+                                        default:
+                                            return key;
+                                    }
+                                }).filter(Boolean).join('');
+                                res.CommandName = rpastudioCommand.SeleniumSendKeysCommand;
+                                res.Parameters = {
+                                    TextToSend: {
+                                        Key: "TextToSend",
+                                        Name: "请输入要发送的文本",
+                                        Value: keyValue
+                                    }
+                                };
+                            }
+                            break;
+                        }
+                    case rpasceneCommand.Tap:
+                    case rpasceneCommand.RightClick:
+                    case rpasceneCommand.DoubleClick:
+                    case rpasceneCommand.Hover:
+                    case rpasceneCommand.ClearInput:
+                        var _item_param_locate_allPaths_2, _item_param_locate_allPaths2, _item_param_locate4, _item_param3, _item_param_locate5, _item_param4;
+                        res.Parameters = {
+                            SearchParameter: {
+                                Key: "SearchParameter",
+                                Value: (null == (_item_param3 = item.param) ? void 0 : null == (_item_param_locate4 = _item_param3.locate) ? void 0 : null == (_item_param_locate_allPaths2 = _item_param_locate4.allPaths) ? void 0 : null == (_item_param_locate_allPaths_2 = _item_param_locate_allPaths2[0]) ? void 0 : _item_param_locate_allPaths_2.value) || ''
+                            },
+                            ElementName: {
+                                Key: "ElementName",
+                                Name: "元素名称",
+                                Value: item.locateDescription || ''
+                            },
+                            ContainerXpath: {
+                                Key: "ContainerXpath",
+                                Name: "父级Xpath",
+                                Value: JSON.stringify((null == (_item_param4 = item.param) ? void 0 : null == (_item_param_locate5 = _item_param4.locate) ? void 0 : _item_param_locate5.containerPaths) || [])
+                            },
+                            ElementIndex: {
+                                Key: "ElementIndex",
+                                Value: 1
+                            }
+                        };
+                        break;
+                    case rpasceneCommand.Input:
+                        var _item_param_locate_allPaths_3, _item_param_locate_allPaths3, _item_param_locate6, _item_param5, _item_param_locate7, _item_param6, _item_param7, _item_param8;
+                        res.Parameters = {
+                            SearchParameter: {
+                                Key: "SearchParameter",
+                                Name: "元素搜索参数",
+                                Value: (null == (_item_param5 = item.param) ? void 0 : null == (_item_param_locate6 = _item_param5.locate) ? void 0 : null == (_item_param_locate_allPaths3 = _item_param_locate6.allPaths) ? void 0 : null == (_item_param_locate_allPaths_3 = _item_param_locate_allPaths3[0]) ? void 0 : _item_param_locate_allPaths_3.value) || ''
+                            },
+                            ContainerXpath: {
+                                Key: "ContainerXpath",
+                                Name: "父级Xpath",
+                                Value: JSON.stringify((null == (_item_param6 = item.param) ? void 0 : null == (_item_param_locate7 = _item_param6.locate) ? void 0 : _item_param_locate7.containerPaths) || [])
+                            },
+                            ElementName: {
+                                Key: "ElementName",
+                                Name: "元素名称",
+                                Value: item.locateDescription || ''
+                            },
+                            Value: {
+                                Key: "Value",
+                                Name: '文本内容',
+                                Value: (null == (_item_param7 = item.param) ? void 0 : _item_param7.value) || ''
+                            },
+                            ClearBeforeInput: {
+                                Key: "ClearBeforeInput",
+                                Name: "输入前是否清空",
+                                Value: (null == (_item_param8 = item.param) ? void 0 : _item_param8.mode) !== "append"
+                            }
+                        };
+                        break;
+                    case rpasceneCommand.Sleep:
+                        var _ref;
+                        var _item_param9;
+                        res.Parameters = {
+                            PauseLength: {
+                                Key: "PauseLength",
+                                Name: "暂停时间（毫秒）",
+                                Value: null != (_ref = null == (_item_param9 = item.param) ? void 0 : _item_param9.timeMs) ? _ref : 0
+                            }
+                        };
+                        break;
+                    case rpasceneCommand.DragAndDrop:
+                        var _item_param_from, _item_param10, _item_param_from1, _item_param11, _item_param_from_allPaths_, _item_param_from_allPaths, _item_param_from2, _item_param12, _item_param_to, _item_param13, _item_param_to_allPaths_, _item_param_to_allPaths, _item_param_to1, _item_param14;
+                        res.Parameters = {
+                            ContainerXpath: {
+                                Key: "ContainerXpath",
+                                Name: "拖动元素父级Xpath",
+                                Value: JSON.stringify((null == (_item_param10 = item.param) ? void 0 : null == (_item_param_from = _item_param10.from) ? void 0 : _item_param_from.containerPaths) || [])
+                            },
+                            ElementName: {
+                                Key: "ElementName",
+                                Name: "拖动元素名称",
+                                Value: (null == (_item_param11 = item.param) ? void 0 : null == (_item_param_from1 = _item_param11.from) ? void 0 : _item_param_from1.locateDescription) || ''
+                            },
+                            SearchParameter: {
+                                Key: "SearchParameter",
+                                Name: "拖动元素搜索参数",
+                                Value: (null == (_item_param12 = item.param) ? void 0 : null == (_item_param_from2 = _item_param12.from) ? void 0 : null == (_item_param_from_allPaths = _item_param_from2.allPaths) ? void 0 : null == (_item_param_from_allPaths_ = _item_param_from_allPaths[0]) ? void 0 : _item_param_from_allPaths_.value) || ''
+                            },
+                            SearchType: {
+                                Key: "SearchType",
+                                Name: "拖动元素搜索方式",
+                                Value: "Find Element By XPath"
+                            },
+                            TargetContainerXpath: {
+                                Key: "TargetContainerXpath",
+                                Name: "目标元素父级Xpath",
+                                Value: JSON.stringify((null == (_item_param13 = item.param) ? void 0 : null == (_item_param_to = _item_param13.to) ? void 0 : _item_param_to.containerPaths) || [])
+                            },
+                            TargetSearchParameter: {
+                                Key: "TargetSearchParameter",
+                                Name: "目标元素搜索参数",
+                                Value: (null == (_item_param14 = item.param) ? void 0 : null == (_item_param_to1 = _item_param14.to) ? void 0 : null == (_item_param_to_allPaths = _item_param_to1.allPaths) ? void 0 : null == (_item_param_to_allPaths_ = _item_param_to_allPaths[0]) ? void 0 : _item_param_to_allPaths_.value) || ''
+                            },
+                            TargetSearchType: {
+                                Key: "TargetSearchType",
+                                Name: "目标元素搜索方式",
+                                Value: "Find Element By XPath"
+                            }
+                        };
+                        break;
+                    case rpasceneCommand.Reload:
+                    case rpasceneCommand.GoBack:
+                        res.Parameters = {};
+                        break;
+                    case rpasceneCommand.Navigate:
+                        var _item_param15;
+                        res.Parameters = {
+                            URL: {
+                                Key: "URL",
+                                Name: "网址",
+                                Value: (null == (_item_param15 = item.param) ? void 0 : _item_param15.url) || ''
+                            }
+                        };
+                        break;
+                    default:
+                        res = null;
+                }
+                return res;
+            }).filter(Boolean);
+            console.log(data, '生成的命令data------------------------');
+            (null == dialogInfo ? void 0 : dialogInfo.parentToken) && window.__Window.sendMessage({
+                from: dialogInfo.token,
+                to: dialogInfo.parentToken,
+                token: `${Math.random()}`,
+                message: {
+                    pageName: 'aiGenerateScript',
+                    actionName: 'insertScriptCommand',
+                    data
+                }
+            });
+        } catch (error) {
+            console.error(error, 'error');
+        }
+    }, [
+        null == dialogInfo ? void 0 : dialogInfo.token,
+        null == dialogInfo ? void 0 : dialogInfo.parentToken
+    ]);
+    if (!controller.state.serverOnline) return /*#__PURE__*/ jsx(PlaygroundThemeProvider, {
+        children: /*#__PURE__*/ jsx("div", {
+            className: "server-offline-container",
+            children: /*#__PURE__*/ jsxs("div", {
+                className: "server-offline-message",
+                children: [
+                    /*#__PURE__*/ jsx(Logo, {}),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "server-offline-content",
+                        children: [
+                            /*#__PURE__*/ jsxs("div", {
+                                className: "server-offline-icon",
+                                children: [
+                                    /*#__PURE__*/ jsx(server_offline_background, {
+                                        className: "icon-background"
+                                    }),
+                                    /*#__PURE__*/ jsx(server_offline_foreground, {
+                                        className: "icon-foreground"
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsx("h1", {
+                                children: offlineTitle
+                            }),
+                            /*#__PURE__*/ jsx("p", {
+                                className: "connection-status",
+                                children: offlineStatusText
+                            })
+                        ]
+                    })
+                ]
+            })
+        })
+    });
+    return /*#__PURE__*/ jsx(PlaygroundThemeProvider, {
+        children: /*#__PURE__*/ jsxs(Layout, {
+            className: "app-container playground-container",
+            children: [
+                /*#__PURE__*/ jsx(Header, _object_spread({}, dialogInfo || {})),
+                /*#__PURE__*/ jsx(Content, {
+                    className: "app-content",
+                    children: /*#__PURE__*/ jsxs(PanelGroup, {
+                        autoSaveId: "playground-layout",
+                        direction: isNarrowScreen ? 'vertical' : 'horizontal',
+                        children: [
+                            /*#__PURE__*/ jsx(Panel, {
+                                defaultSize: isNarrowScreen ? 33 : 68,
+                                minSize: isNarrowScreen ? 15 : 40,
+                                className: "app-panel right-panel",
+                                children: /*#__PURE__*/ jsxs("div", {
+                                    className: "panel-content right-panel-content",
+                                    children: [
+                                        /*#__PURE__*/ jsx(Nav, {}),
+                                        /*#__PURE__*/ jsx("div", {
+                                            className: "screenshot-viewer offline",
+                                            ref: viewRef,
+                                            children: /*#__PURE__*/ jsx("div", {
+                                                className: "screenshot-placeholder",
+                                                children: /*#__PURE__*/ jsx("h3", {
+                                                    children: "Screen Preview"
+                                                })
+                                            })
+                                        })
+                                    ]
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(PanelResizeHandle, {
+                                className: "panel-resize-handle"
+                            }),
+                            /*#__PURE__*/ jsx(Panel, {
+                                defaultSize: isNarrowScreen ? 67 : 32,
+                                maxSize: isNarrowScreen ? 85 : 60,
+                                minSize: isNarrowScreen ? 67 : 25,
+                                className: "app-panel left-panel",
+                                children: /*#__PURE__*/ jsxs("div", {
+                                    className: "panel-content left-panel-content",
+                                    ref: rightRef,
+                                    children: [
+                                        /*#__PURE__*/ jsx("div", {
+                                            className: "playground-panel-header",
+                                            children: /*#__PURE__*/ jsxs("div", {
+                                                className: "header-row",
+                                                children: [
+                                                    /*#__PURE__*/ jsx(Logo, {}),
+                                                    /*#__PURE__*/ jsx(NavActions, {
+                                                        showTooltipWhenEmpty: false,
+                                                        showModelName: false,
+                                                        playgroundSDK: controller.state.playgroundSDK
+                                                    })
+                                                ]
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsx("div", {
+                                            className: "playground-panel-playground",
+                                            children: /*#__PURE__*/ jsx(PlaygroundConversationPanel, {
+                                                controller: controller,
+                                                appVersion: appVersion,
+                                                branding: branding,
+                                                playgroundConfig: playgroundConfig,
+                                                title: title,
+                                                onHumanUse: onHumanUse
+                                            })
+                                        })
+                                    ]
+                                })
+                            })
+                        ]
+                    })
+                })
+            ]
+        })
+    });
+}
+export { PlaygroundApp };