@godscene/visualizer 1.7.11

package/dist/es/component/universal-playground/universal-playground-electron.mjs

@@ -0,0 +1,668 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import icons, { ArrowDownOutlined, ClearOutlined, LoadingOutlined, UpOutlined } from "@ant-design/icons";
+import { Alert, Button, Form, List, Typography } from "antd";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { usePlaygroundState } from "../../hooks/usePlaygroundState.mjs";
+import { useEnvConfig } from "../../store/store.mjs";
+import { ContextPreview } from "../context-preview/index.mjs";
+import { EnvConfigReminder } from "../env-config-reminder/index.mjs";
+import { PlaygroundResultView } from "../playground-result/index.mjs";
+import avatar from "../../icons/avatar.mjs";
+import { BLANK_RESULT, defaultMainButtons } from "../../utils/constants.mjs";
+import { calculateEmptyStatePromptScrollTop } from "../../utils/empty-state-scroll.mjs";
+import { resolveProgressActionIcon } from "../../utils/progress-action-icon.mjs";
+import { shouldOffsetEmptyStateForPromptInput } from "../../utils/prompt-input-utils.mjs";
+import shiny_text from "../shiny-text/index.mjs";
+import { shouldRenderCustomEmptyState } from "./empty-state.mjs";
+import { createStorageProvider, detectBestStorageType } from "./providers/storage-provider.mjs";
+import { commandMap } from "@godscene/shared/constants";
+import { buildProgressContent, formatError, wrapExecutionDumpForReplay } from "../../hooks/usePlaygroundExecution.mjs";
+import { allScriptsFromDump } from "../../utils/replay-scripts.mjs";
+import { typeStr } from "@godscene/core/agent";
+import "./index.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 universal_playground_electron_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 universal_playground_electron_ownKeys(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+    return target;
+}
+const { Text } = Typography;
+function ErrorMessage({ error }) {
+    if (!error) return null;
+    const cleanError = error.replace(/^(Error:\s*)+/, 'Error: ');
+    return /*#__PURE__*/ jsx(Alert, {
+        message: /*#__PURE__*/ jsx("span", {
+            style: {
+                color: '#ff4d4f'
+            },
+            children: cleanError
+        }),
+        type: "error",
+        showIcon: true
+    });
+}
+function UniversalPlaygroundElectron({ storage, contextProvider, config: componentConfig = {}, branding = {}, className = '', dryMode = false, showContextPreview = true, showPromptInput = true, onHumanUse = ()=>{}, showHumanUse = false, defaultSelectedType }) {
+    var _componentConfig_executionFlow, _executionFlowConfig_label;
+    const [form] = Form.useForm();
+    const { config } = useEnvConfig();
+    const [sdkReady, setSdkReady] = useState(false);
+    useEffect(()=>{
+        form.setFieldsValue({
+            type: defaultMainButtons["0"]
+        });
+    }, [
+        form
+    ]);
+    const effectiveStorage = useMemo(()=>{
+        if (storage) return storage;
+        if (!sdkReady) return null;
+        const namespace = componentConfig.storageNamespace;
+        const bestStorageType = detectBestStorageType();
+        console.log(`Using ${bestStorageType} storage for namespace: ${namespace}`);
+        return createStorageProvider(bestStorageType, namespace);
+    }, [
+        storage,
+        sdkReady,
+        componentConfig.storageNamespace
+    ]);
+    const { loading, setLoading, infoList, setInfoList, actionSpace, actionSpaceLoading, uiContextPreview, setUiContextPreview, showScrollToBottomButton, verticalMode, replayCounter, setReplayCounter, infoListRef, currentRunningIdRef, interruptedFlagRef, clearInfoList, handleScrollToBottom } = usePlaygroundState(null, effectiveStorage, contextProvider, branding.targetName);
+    const handleFormRun = useCallback(()=>_async_to_generator(function*() {})(), [
+        form
+    ]);
+    Object.keys(config || {}).length;
+    const selectedType = form.getFieldValue('type');
+    const serviceMode = 'In-Browser-Extension';
+    const finalShowContextPreview = showContextPreview && false !== componentConfig.showContextPreview;
+    const layout = componentConfig.layout || 'vertical';
+    const showVersionInfo = false !== componentConfig.showVersionInfo;
+    const deviceType = componentConfig.deviceType;
+    const executionFlowConfig = null != (_componentConfig_executionFlow = componentConfig.executionFlow) ? _componentConfig_executionFlow : {};
+    const collapsibleProgressGroup = true === executionFlowConfig.collapsible;
+    const progressGroupLabel = null != (_executionFlowConfig_label = executionFlowConfig.label) ? _executionFlowConfig_label : 'Execution Flow';
+    const [collapsedProgressGroups, setCollapsedProgressGroups] = useState(()=>new Set());
+    const toggleProgressGroup = useCallback((groupId)=>{
+        setCollapsedProgressGroups((prev)=>{
+            const next = new Set(prev);
+            if (next.has(groupId)) next.delete(groupId);
+            else next.add(groupId);
+            return next;
+        });
+    }, []);
+    const { firstInProgressGroup, visibleInfoList } = useMemo(()=>{
+        const firstIds = new Set();
+        const visible = [];
+        let currentGroupFirstId = null;
+        const hideWelcome = infoList.length > 1;
+        for (const item of infoList)if (!hideWelcome || 'welcome' !== item.id) if ('progress' === item.type) {
+            if (null === currentGroupFirstId) {
+                currentGroupFirstId = item.id;
+                firstIds.add(item.id);
+                visible.push(item);
+                continue;
+            }
+            if (!collapsibleProgressGroup || !collapsedProgressGroups.has(currentGroupFirstId)) visible.push(item);
+        } else {
+            currentGroupFirstId = null;
+            visible.push(item);
+        }
+        return {
+            firstInProgressGroup: firstIds,
+            visibleInfoList: visible
+        };
+    }, [
+        collapsedProgressGroups,
+        collapsibleProgressGroup,
+        infoList
+    ]);
+    const latestProgressId = useMemo(()=>{
+        for(let i = infoList.length - 1; i >= 0; i--)if ('progress' === infoList[i].type) return infoList[i].id;
+        return null;
+    }, [
+        infoList
+    ]);
+    const renderCustomEmptyState = shouldRenderCustomEmptyState(visibleInfoList, componentConfig.emptyState);
+    const shouldOffsetEmptyStateForPrompt = useMemo(()=>renderCustomEmptyState && shouldOffsetEmptyStateForPromptInput(actionSpace, selectedType), [
+        actionSpace,
+        renderCustomEmptyState,
+        selectedType
+    ]);
+    useEffect(()=>{
+        if (!shouldOffsetEmptyStateForPrompt) return;
+        const adjustEmptyStateScroll = ()=>{
+            const container = infoListRef.current;
+            if (!container) return;
+            const wrapper = container.querySelector('.playground-empty-state-wrapper');
+            const contentStart = null == wrapper ? void 0 : wrapper.querySelector('[data-playground-empty-state-content-start]');
+            const contentEnd = null == wrapper ? void 0 : wrapper.querySelector('[data-playground-empty-state-content-end]');
+            if (!(contentStart instanceof HTMLElement) || !(contentEnd instanceof HTMLElement)) return;
+            const containerRect = container.getBoundingClientRect();
+            const startRect = contentStart.getBoundingClientRect();
+            const endRect = contentEnd.getBoundingClientRect();
+            const top = calculateEmptyStatePromptScrollTop({
+                currentScrollTop: container.scrollTop,
+                maxScrollTop: Math.max(0, container.scrollHeight - container.clientHeight),
+                containerTop: containerRect.top,
+                containerBottom: containerRect.bottom,
+                contentStartTop: startRect.top,
+                contentEndBottom: endRect.bottom
+            });
+            container.scrollTo({
+                top,
+                behavior: 'auto'
+            });
+        };
+        const animationFrameId = window.requestAnimationFrame(adjustEmptyStateScroll);
+        const timeoutId = window.setTimeout(adjustEmptyStateScroll, 160);
+        return ()=>{
+            window.cancelAnimationFrame(animationFrameId);
+            window.clearTimeout(timeoutId);
+        };
+    }, [
+        infoListRef,
+        selectedType,
+        shouldOffsetEmptyStateForPrompt
+    ]);
+    const emptyStateWrapperClassName = [
+        'playground-empty-state-wrapper',
+        shouldOffsetEmptyStateForPrompt ? 'playground-empty-state-wrapper-offset-for-prompt' : ''
+    ].filter(Boolean).join(' ');
+    useEffect(()=>{
+        var _window_electron, _window_electron1, _window_electron2, _window_electron3;
+        clearInfoList();
+        null == (_window_electron = window.electron) || _window_electron.ipcRenderer.on('rpascene-execute-start', (e, value, thisRunningId)=>{
+            const sub = value.prompt || value.params ? value.prompt || JSON.stringify(value.params) : '';
+            const displayContent = sub;
+            const userItem = {
+                id: `user-${Date.now()}`,
+                type: 'user',
+                content: displayContent,
+                timestamp: new Date()
+            };
+            setInfoList((prev)=>[
+                    ...prev,
+                    userItem
+                ]);
+            setLoading(true);
+            const systemItem = {
+                id: `system-${thisRunningId}`,
+                type: 'system',
+                content: '',
+                timestamp: new Date(),
+                loading: true,
+                loadingProgressText: ''
+            };
+            setInfoList((prev)=>[
+                    ...prev,
+                    systemItem
+                ]);
+        });
+        null == (_window_electron1 = window.electron) || _window_electron1.ipcRenderer.on('rpascene-execute-result', (e, value, thisRunningId)=>{
+            console.log('rpascene-execute-result', value, thisRunningId);
+            const result = _object_spread({}, BLANK_RESULT);
+            try {
+                currentRunningIdRef.current = thisRunningId;
+                interruptedFlagRef.current[thisRunningId] = false;
+                result.result = value;
+                if ('object' == typeof result.result && null !== result.result) {
+                    const resultObj = result.result;
+                    if (resultObj.dump) result.dump = resultObj.dump;
+                    if (resultObj.reportHTML) result.reportHTML = resultObj.reportHTML;
+                    if (resultObj.error) result.error = formatError(resultObj.error);
+                    if ('result' in resultObj) result.result = resultObj.result;
+                }
+            } catch (e) {
+                result.error = formatError(e);
+                console.error('Playground execution error:', e);
+                if ('object' == typeof e && null !== e) {
+                    if (e.dump) result.dump = e.dump;
+                    if (e.reportHTML) result.reportHTML = e.reportHTML;
+                }
+            }
+            if (interruptedFlagRef.current[thisRunningId]) return;
+            setLoading(false);
+            currentRunningIdRef.current = null;
+            let replayInfo = null;
+            let counter = replayCounter;
+            if (null == result ? void 0 : result.dump) {
+                if (result.dump.tasks && Array.isArray(result.dump.tasks)) {
+                    const groupedDump = wrapExecutionDumpForReplay(result.dump, deviceType);
+                    const info = allScriptsFromDump(groupedDump);
+                    setReplayCounter((c)=>c + 1);
+                    replayInfo = info;
+                    counter = replayCounter + 1;
+                }
+            }
+            setInfoList((prev)=>prev.map((item)=>item.id === `system-${thisRunningId}` ? _object_spread_props(_object_spread({}, item), {
+                        content: '',
+                        loading: false,
+                        loadingProgressText: ''
+                    }) : item));
+            const resultItem = {
+                id: `result-${thisRunningId}`,
+                type: 'result',
+                content: 'Execution result',
+                timestamp: new Date(),
+                result: result,
+                loading: false,
+                replayScriptsInfo: replayInfo,
+                replayCounter: counter,
+                loadingProgressText: '',
+                verticalMode: verticalMode,
+                actionType: 'aiAct'
+            };
+            setInfoList((prev)=>[
+                    ...prev,
+                    resultItem
+                ]);
+        });
+        null == (_window_electron2 = window.electron) || _window_electron2.ipcRenderer.on('rpascene-execute-prepare', (e, tip, thisRunningId)=>{
+            setLoading(true);
+            setInfoList((prev)=>{
+                const lastItem = prev[prev.length - 1];
+                if (lastItem && 'progress' === lastItem.type && lastItem.content === tip) return prev;
+                const progressItem = {
+                    id: `progress-${thisRunningId}-${Date.now()}`,
+                    type: 'progress',
+                    content: tip,
+                    loading: true,
+                    timestamp: new Date()
+                };
+                return [
+                    ...prev,
+                    progressItem
+                ];
+            });
+        });
+        null == (_window_electron3 = window.electron) || _window_electron3.ipcRenderer.on('rpascene-execute-progress', (e, thisRunningId, executionDump)=>{
+            var _executionDump_tasks;
+            if (interruptedFlagRef.current[thisRunningId] || !(null == executionDump ? void 0 : null == (_executionDump_tasks = executionDump.tasks) ? void 0 : _executionDump_tasks.length)) return;
+            const progressItems = executionDump.tasks.map((task, index)=>{
+                var _task_timing;
+                return {
+                    id: `progress-${thisRunningId}-task-${index}`,
+                    type: 'progress',
+                    content: buildProgressContent(task),
+                    actionKind: typeStr(task),
+                    timestamp: new Date((null == (_task_timing = task.timing) ? void 0 : _task_timing.start) || Date.now()),
+                    result: task.error ? {
+                        error: formatError(task.error),
+                        result: null
+                    } : void 0
+                };
+            });
+            setInfoList((prev)=>{
+                const systemItemIndex = prev.findIndex((item)=>item.id === `system-${thisRunningId}`);
+                if (-1 === systemItemIndex) return prev;
+                const listWithoutCurrentProgress = prev.filter((item)=>!('progress' === item.type && item.id.startsWith(`progress-${thisRunningId}-`)));
+                return [
+                    ...listWithoutCurrentProgress.slice(0, systemItemIndex + 1),
+                    ...progressItems,
+                    ...listWithoutCurrentProgress.slice(systemItemIndex + 1)
+                ];
+            });
+        });
+        return ()=>{
+            var _window_electron, _window_electron1, _window_electron2, _window_electron3;
+            null == (_window_electron = window.electron) || _window_electron.ipcRenderer.removeAllListeners('rpascene-execute-prepare');
+            null == (_window_electron1 = window.electron) || _window_electron1.ipcRenderer.removeAllListeners('rpascene-execute-start');
+            null == (_window_electron2 = window.electron) || _window_electron2.ipcRenderer.removeAllListeners('rpascene-execute-result');
+            null == (_window_electron3 = window.electron) || _window_electron3.ipcRenderer.removeAllListeners('rpascene-execute-progress');
+        };
+    }, []);
+    return /*#__PURE__*/ jsx("div", {
+        className: `playground-container ${layout}-mode ${className}`.trim(),
+        children: /*#__PURE__*/ jsxs(Form, {
+            form: form,
+            onFinish: handleFormRun,
+            className: "command-form",
+            children: [
+                finalShowContextPreview && /*#__PURE__*/ jsx("div", {
+                    className: "context-preview-section",
+                    children: /*#__PURE__*/ jsx(ContextPreview, {
+                        uiContextPreview: uiContextPreview,
+                        setUiContextPreview: setUiContextPreview,
+                        showContextPreview: finalShowContextPreview
+                    })
+                }),
+                /*#__PURE__*/ jsxs("div", {
+                    className: "middle-dialog-area",
+                    children: [
+                        false !== componentConfig.showClearButton && infoList.length > 1 && /*#__PURE__*/ jsx("div", {
+                            className: "clear-button-container",
+                            children: /*#__PURE__*/ jsx(Button, {
+                                size: "small",
+                                icon: /*#__PURE__*/ jsx(ClearOutlined, {}),
+                                onClick: clearInfoList,
+                                type: "text",
+                                className: "clear-button"
+                            })
+                        }),
+                        /*#__PURE__*/ jsx("div", {
+                            ref: infoListRef,
+                            className: "info-list-container",
+                            children: renderCustomEmptyState ? /*#__PURE__*/ jsx("div", {
+                                className: emptyStateWrapperClassName,
+                                children: componentConfig.emptyState
+                            }) : /*#__PURE__*/ jsx(List, {
+                                itemLayout: "vertical",
+                                dataSource: visibleInfoList,
+                                renderItem: (item)=>{
+                                    const isFirstInProgressGroup = collapsibleProgressGroup && firstInProgressGroup.has(item.id);
+                                    const isCollapsedHeader = isFirstInProgressGroup && collapsedProgressGroups.has(item.id);
+                                    return /*#__PURE__*/ jsxs(List.Item, {
+                                        className: "list-item",
+                                        children: [
+                                            isFirstInProgressGroup ? /*#__PURE__*/ jsxs("button", {
+                                                type: "button",
+                                                className: `progress-group-toggle ${collapsedProgressGroups.has(item.id) ? 'is-collapsed' : 'is-expanded'}`,
+                                                "aria-expanded": !collapsedProgressGroups.has(item.id),
+                                                onClick: ()=>toggleProgressGroup(item.id),
+                                                children: [
+                                                    /*#__PURE__*/ jsx("span", {
+                                                        className: "progress-group-toggle-label",
+                                                        children: progressGroupLabel
+                                                    }),
+                                                    /*#__PURE__*/ jsx(UpOutlined, {
+                                                        className: "progress-group-toggle-chevron"
+                                                    })
+                                                ]
+                                            }) : null,
+                                            isCollapsedHeader ? null : 'user' === item.type ? /*#__PURE__*/ jsx("div", {
+                                                className: "user-message-container",
+                                                children: /*#__PURE__*/ jsx("div", {
+                                                    className: "user-message-bubble",
+                                                    children: item.content
+                                                })
+                                            }) : 'progress' === item.type ? /*#__PURE__*/ jsx("div", {
+                                                children: (()=>{
+                                                    var _parts_, _item_result, _item_result1;
+                                                    const parts = item.content.split(' - ');
+                                                    const action = null == (_parts_ = parts[0]) ? void 0 : _parts_.trim();
+                                                    const description = parts.slice(1).join(' - ').trim();
+                                                    const isLatestProgress = item.id === latestProgressId;
+                                                    const shouldShowLoading = loading && isLatestProgress;
+                                                    const state = shouldShowLoading ? 'loading' : (null == (_item_result = item.result) ? void 0 : _item_result.error) ? 'error' : 'completed';
+                                                    const domainIcon = 'completed' === state ? resolveProgressActionIcon(item.actionKind, executionFlowConfig.resolveActionIcon) : null;
+                                                    return /*#__PURE__*/ jsxs(Fragment, {
+                                                        children: [
+                                                            action && /*#__PURE__*/ jsxs("span", {
+                                                                className: "progress-action-item",
+                                                                children: [
+                                                                    action,
+                                                                    /*#__PURE__*/ jsx("span", {
+                                                                        className: `progress-status-icon ${state}`,
+                                                                        children: 'loading' === state ? /*#__PURE__*/ jsx(LoadingOutlined, {
+                                                                            spin: true
+                                                                        }) : 'error' === state ? '✗' : null !== domainIcon ? domainIcon : '✓'
+                                                                    })
+                                                                ]
+                                                            }),
+                                                            description && /*#__PURE__*/ jsx("div", {
+                                                                children: /*#__PURE__*/ jsx(shiny_text, {
+                                                                    text: description,
+                                                                    className: "progress-description",
+                                                                    disabled: !shouldShowLoading
+                                                                })
+                                                            }),
+                                                            (null == (_item_result1 = item.result) ? void 0 : _item_result1.error) && /*#__PURE__*/ jsx(ErrorMessage, {
+                                                                error: item.result.error
+                                                            })
+                                                        ]
+                                                    });
+                                                })()
+                                            }) : 'separator' === item.type ? /*#__PURE__*/ jsxs("div", {
+                                                className: "new-conversation-separator",
+                                                children: [
+                                                    /*#__PURE__*/ jsx("div", {
+                                                        className: "separator-line"
+                                                    }),
+                                                    /*#__PURE__*/ jsx("div", {
+                                                        className: "separator-text-container",
+                                                        children: /*#__PURE__*/ jsx(Text, {
+                                                            type: "secondary",
+                                                            className: "separator-text",
+                                                            children: item.content
+                                                        })
+                                                    })
+                                                ]
+                                            }) : /*#__PURE__*/ jsxs("div", {
+                                                className: "system-message-container",
+                                                children: [
+                                                    false !== componentConfig.showSystemMessageHeader && /*#__PURE__*/ jsxs("div", {
+                                                        className: "system-message-header",
+                                                        children: [
+                                                            /*#__PURE__*/ jsx(icons, {
+                                                                component: branding.icon || avatar,
+                                                                style: {
+                                                                    fontSize: 20
+                                                                }
+                                                            }),
+                                                            /*#__PURE__*/ jsx("span", {
+                                                                className: "system-message-title",
+                                                                children: branding.title || 'Playground'
+                                                            })
+                                                        ]
+                                                    }),
+                                                    (item.content || item.result) && /*#__PURE__*/ jsx("div", {
+                                                        className: "system-message-content",
+                                                        children: 'result' === item.type ? /*#__PURE__*/ jsx(PlaygroundResultView, {
+                                                            result: item.result || null,
+                                                            loading: item.loading || false,
+                                                            serverValid: true,
+                                                            serviceMode: serviceMode,
+                                                            replayScriptsInfo: item.replayScriptsInfo || null,
+                                                            replayCounter: item.replayCounter || 0,
+                                                            loadingProgressText: item.loadingProgressText || '',
+                                                            verticalMode: item.verticalMode || false,
+                                                            fitMode: "width",
+                                                            actionType: item.actionType,
+                                                            onDownloadReport: componentConfig.onDownloadReport,
+                                                            canDownloadReport: false
+                                                        }) : /*#__PURE__*/ jsxs(Fragment, {
+                                                            children: [
+                                                                /*#__PURE__*/ jsx("div", {
+                                                                    className: "system-message-text",
+                                                                    children: item.content
+                                                                }),
+                                                                item.loading && item.loadingProgressText && /*#__PURE__*/ jsx("div", {
+                                                                    className: "loading-progress-text",
+                                                                    children: /*#__PURE__*/ jsx("span", {
+                                                                        children: item.loadingProgressText
+                                                                    })
+                                                                })
+                                                            ]
+                                                        })
+                                                    }),
+                                                    (null == item ? void 0 : item.actionTasks) && (null == item ? void 0 : item.actionTasks.length) > 0 && /*#__PURE__*/ jsx("div", {
+                                                        className: "system-message-content",
+                                                        children: /*#__PURE__*/ jsxs(Fragment, {
+                                                            children: [
+                                                                /*#__PURE__*/ jsxs("div", {
+                                                                    className: "system-message-text",
+                                                                    children: [
+                                                                        /*#__PURE__*/ jsx("div", {
+                                                                            className: "action-result-title",
+                                                                            children: "此次生成如下命令，点击采用可插入到设计器"
+                                                                        }),
+                                                                        /*#__PURE__*/ jsx("ul", {
+                                                                            className: "action-result-list",
+                                                                            children: item.actionTasks.map((data, index)=>{
+                                                                                var _commandMap_data_subType, _data_param, _data_param1, _data_param2, _data_param3, _data_param4, _data_param_from, _data_param5, _data_param_to, _data_param6;
+                                                                                return /*#__PURE__*/ jsxs("li", {
+                                                                                    title: data.locate,
+                                                                                    children: [
+                                                                                        /*#__PURE__*/ jsxs("div", {
+                                                                                            className: "action-result-command",
+                                                                                            children: [
+                                                                                                "命令：",
+                                                                                                (null == (_commandMap_data_subType = commandMap[data.subType]) ? void 0 : _commandMap_data_subType.DisplayName) || data.subType
+                                                                                            ]
+                                                                                        }),
+                                                                                        (null == data ? void 0 : null == (_data_param = data.param) ? void 0 : _data_param.timeMs) && /*#__PURE__*/ jsxs("div", {
+                                                                                            className: "action-result-command",
+                                                                                            children: [
+                                                                                                "暂停时间：",
+                                                                                                data.param.timeMs
+                                                                                            ]
+                                                                                        }),
+                                                                                        (null == data ? void 0 : null == (_data_param1 = data.param) ? void 0 : _data_param1.url) && /*#__PURE__*/ jsxs("div", {
+                                                                                            className: "action-result-command",
+                                                                                            children: [
+                                                                                                "网址：",
+                                                                                                data.param.url
+                                                                                            ]
+                                                                                        }),
+                                                                                        (null == data ? void 0 : null == (_data_param2 = data.param) ? void 0 : _data_param2.keyName) && /*#__PURE__*/ jsxs("div", {
+                                                                                            className: "action-result-command",
+                                                                                            children: [
+                                                                                                "按键：",
+                                                                                                data.param.keyName
+                                                                                            ]
+                                                                                        }),
+                                                                                        (null == data ? void 0 : null == (_data_param3 = data.param) ? void 0 : _data_param3.value) && /*#__PURE__*/ jsxs("div", {
+                                                                                            className: "action-result-command",
+                                                                                            children: [
+                                                                                                "值：",
+                                                                                                null == data ? void 0 : null == (_data_param4 = data.param) ? void 0 : _data_param4.value
+                                                                                            ]
+                                                                                        }),
+                                                                                        (null == (_data_param5 = data.param) ? void 0 : null == (_data_param_from = _data_param5.from) ? void 0 : _data_param_from.locateDescription) && (null == (_data_param6 = data.param) ? void 0 : null == (_data_param_to = _data_param6.to) ? void 0 : _data_param_to.locateDescription) && /*#__PURE__*/ jsxs("div", {
+                                                                                            className: "action-result-locate",
+                                                                                            children: [
+                                                                                                /*#__PURE__*/ jsx("span", {
+                                                                                                    children: "拖拽元素："
+                                                                                                }),
+                                                                                                /*#__PURE__*/ jsx("span", {
+                                                                                                    children: data.param.from.locateDescription
+                                                                                                }),
+                                                                                                /*#__PURE__*/ jsx("span", {
+                                                                                                    children: "目标元素："
+                                                                                                }),
+                                                                                                /*#__PURE__*/ jsx("span", {
+                                                                                                    children: data.param.to.locateDescription
+                                                                                                })
+                                                                                            ]
+                                                                                        }),
+                                                                                        data.locateDescription && /*#__PURE__*/ jsxs("div", {
+                                                                                            className: "action-result-locate",
+                                                                                            children: [
+                                                                                                "元素：",
+                                                                                                data.locateDescription
+                                                                                            ]
+                                                                                        })
+                                                                                    ]
+                                                                                }, index);
+                                                                            })
+                                                                        })
+                                                                    ]
+                                                                }),
+                                                                /*#__PURE__*/ jsx("div", {
+                                                                    className: "action-result-btns",
+                                                                    children: /*#__PURE__*/ jsx(Button, {
+                                                                        type: "primary",
+                                                                        onClick: ()=>onHumanUse(item.actionTasks),
+                                                                        children: "采用"
+                                                                    })
+                                                                })
+                                                            ]
+                                                        })
+                                                    })
+                                                ]
+                                            })
+                                        ]
+                                    }, item.id);
+                                }
+                            })
+                        }),
+                        showScrollToBottomButton && false !== componentConfig.enableScrollToBottom && /*#__PURE__*/ jsx(Button, {
+                            className: "scroll-to-bottom-button",
+                            type: "primary",
+                            shape: "circle",
+                            icon: /*#__PURE__*/ jsx(ArrowDownOutlined, {}),
+                            onClick: handleScrollToBottom,
+                            size: "large"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsx("div", {
+                    className: "bottom-input-section",
+                    children: componentConfig.showEnvConfigReminder ? /*#__PURE__*/ jsx(EnvConfigReminder, {}) : null
+                }),
+                showVersionInfo && branding.version && /*#__PURE__*/ jsx("div", {
+                    className: "version-info-section",
+                    children: /*#__PURE__*/ jsxs("span", {
+                        className: "version-text",
+                        children: [
+                            "version: ",
+                            branding.version
+                        ]
+                    })
+                })
+            ]
+        })
+    });
+}
+const universal_playground_electron = UniversalPlaygroundElectron;
+export { UniversalPlaygroundElectron, universal_playground_electron as default };