@midscene/visualizer 0.28.2-beta-20250910043028.0 → 0.28.2-beta-20250910065550.0

package/dist/es/hooks/usePlaygroundState.mjs

@@ -1,176 +0,0 @@
-import { useCallback, useEffect, useRef, useState } from "react";
-import { WELCOME_MESSAGE_TEMPLATE } from "../utils/constants.mjs";
-function usePlaygroundState(playgroundSDK, storage, contextProvider) {
-    const [loading, setLoading] = useState(false);
-    const [infoList, setInfoList] = useState([]);
-    const [actionSpace, setActionSpace] = useState([]);
-    const [actionSpaceLoading, setActionSpaceLoading] = useState(true);
-    const [uiContextPreview, setUiContextPreview] = useState();
-    const [showScrollToBottomButton, setShowScrollToBottomButton] = useState(false);
-    const [verticalMode, setVerticalMode] = useState(false);
-    const [replayCounter, setReplayCounter] = useState(0);
-    const infoListRef = useRef(null);
-    const currentRunningIdRef = useRef(null);
-    const interruptedFlagRef = useRef({});
-    useEffect(()=>{
-        const initializeMessages = async ()=>{
-            const welcomeMessage = {
-                ...WELCOME_MESSAGE_TEMPLATE,
-                id: 'welcome',
-                timestamp: new Date()
-            };
-            if (null == storage ? void 0 : storage.loadMessages) try {
-                const storedMessages = await storage.loadMessages();
-                const hasWelcomeMessage = storedMessages.some((msg)=>'welcome' === msg.id);
-                hasWelcomeMessage ? setInfoList(storedMessages) : setInfoList([
-                    welcomeMessage,
-                    ...storedMessages
-                ]);
-            } catch (error) {
-                console.error('Failed to load messages:', error);
-                setInfoList([
-                    welcomeMessage
-                ]);
-            }
-            else setInfoList([
-                welcomeMessage
-            ]);
-        };
-        if (0 === infoList.length) initializeMessages();
-    }, []);
-    useEffect(()=>{
-        if ((null == storage ? void 0 : storage.saveMessages) && infoList.length > 1) storage.saveMessages(infoList).catch((error)=>{
-            console.error('Failed to save messages:', error);
-        });
-    }, [
-        infoList,
-        storage
-    ]);
-    useEffect(()=>{
-        if (!(null == contextProvider ? void 0 : contextProvider.getUIContext) || uiContextPreview) return;
-        contextProvider.getUIContext().then((context)=>setUiContextPreview(context)).catch((error)=>{
-            console.error('Failed to get UI context:', error);
-        });
-    }, [
-        contextProvider,
-        uiContextPreview
-    ]);
-    useEffect(()=>{
-        const loadActionSpace = async ()=>{
-            setActionSpaceLoading(true);
-            try {
-                var _contextProvider_getUIContext;
-                const context = uiContextPreview || await (null == contextProvider ? void 0 : null == (_contextProvider_getUIContext = contextProvider.getUIContext) ? void 0 : _contextProvider_getUIContext.call(contextProvider));
-                const space = await playgroundSDK.getActionSpace(context);
-                setActionSpace(space || []);
-            } catch (error) {
-                console.error('Failed to load action space:', error);
-                setActionSpace([]);
-            } finally{
-                setActionSpaceLoading(false);
-            }
-        };
-        loadActionSpace();
-    }, [
-        playgroundSDK,
-        uiContextPreview,
-        contextProvider
-    ]);
-    useEffect(()=>{
-        const sizeThreshold = 750;
-        setVerticalMode(window.innerWidth < sizeThreshold);
-        const handleResize = ()=>{
-            setVerticalMode(window.innerWidth < sizeThreshold);
-        };
-        window.addEventListener('resize', handleResize);
-        return ()=>window.removeEventListener('resize', handleResize);
-    }, []);
-    const scrollToBottom = useCallback(()=>{
-        setTimeout(()=>{
-            if (infoListRef.current) infoListRef.current.scrollTop = infoListRef.current.scrollHeight;
-        }, 100);
-    }, []);
-    const checkIfScrolledToBottom = useCallback(()=>{
-        if (infoListRef.current) {
-            const { scrollTop, scrollHeight, clientHeight } = infoListRef.current;
-            const isAtBottom = scrollTop + clientHeight >= scrollHeight - 10;
-            setShowScrollToBottomButton(!isAtBottom);
-        }
-    }, []);
-    const handleScrollToBottom = useCallback(()=>{
-        if (infoListRef.current) {
-            infoListRef.current.scrollTo({
-                top: infoListRef.current.scrollHeight,
-                behavior: 'smooth'
-            });
-            setShowScrollToBottomButton(false);
-        }
-    }, []);
-    useEffect(()=>{
-        if (infoList.length > 0) scrollToBottom();
-    }, [
-        infoList,
-        scrollToBottom
-    ]);
-    useEffect(()=>{
-        const container = infoListRef.current;
-        if (container) {
-            container.addEventListener('scroll', checkIfScrolledToBottom);
-            checkIfScrolledToBottom();
-            return ()=>{
-                container.removeEventListener('scroll', checkIfScrolledToBottom);
-            };
-        }
-    }, [
-        checkIfScrolledToBottom
-    ]);
-    const clearInfoList = useCallback(async ()=>{
-        const welcomeMessage = {
-            ...WELCOME_MESSAGE_TEMPLATE,
-            id: 'welcome',
-            timestamp: new Date()
-        };
-        setInfoList([
-            welcomeMessage
-        ]);
-        if (null == storage ? void 0 : storage.clearMessages) try {
-            await storage.clearMessages();
-        } catch (error) {
-            console.error('Failed to clear stored messages:', error);
-        }
-    }, [
-        storage
-    ]);
-    const refreshContext = useCallback(async ()=>{
-        if (null == contextProvider ? void 0 : contextProvider.refreshContext) try {
-            const newContext = await contextProvider.refreshContext();
-            setUiContextPreview(newContext);
-        } catch (error) {
-            console.error('Failed to refresh context:', error);
-        }
-    }, [
-        contextProvider
-    ]);
-    return {
-        loading,
-        setLoading,
-        infoList,
-        setInfoList,
-        actionSpace,
-        actionSpaceLoading,
-        uiContextPreview,
-        setUiContextPreview,
-        showScrollToBottomButton,
-        verticalMode,
-        replayCounter,
-        setReplayCounter,
-        infoListRef,
-        currentRunningIdRef,
-        interruptedFlagRef,
-        clearInfoList,
-        refreshContext,
-        handleScrollToBottom,
-        scrollToBottom
-    };
-}
-export { usePlaygroundState };

package/dist/es/icons/avatar.mjs

@@ -1,28 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import "react";
-const SvgAvatar = (props)=>/*#__PURE__*/ jsxs("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 20,
-        height: 20,
-        fill: "none",
-        "aria-label": "Playground",
-        viewBox: "0 0 20 20",
-        ...props,
-        children: [
-            /*#__PURE__*/ jsx("rect", {
-                width: 20,
-                height: 20,
-                fill: "#2B83FF",
-                rx: 10
-            }),
-            /*#__PURE__*/ jsx("path", {
-                fill: "#2B83FF",
-                stroke: "#fff",
-                strokeLinejoin: "round",
-                strokeWidth: 1.125,
-                d: "M6.866 5.882a.56.56 0 0 1 .667-.078l3.248 1.875 3.247 1.875a.563.563 0 0 1 0 .974l-3.247 1.875-3.248 1.875a.563.563 0 0 1-.784-.74l1.749-3.497-1.75-3.498a.56.56 0 0 1 .118-.661Z"
-            })
-        ]
-    });
-const avatar = SvgAvatar;
-export { avatar as default };

package/dist/lib/component/history-selector/index.css

@@ -1,132 +0,0 @@
-.history-modal-container {
-  border-radius: 12px 12px 0 0;
-  flex-direction: column;
-  height: 70vh;
-  display: flex;
-  overflow: hidden;
-}
-
-.history-modal-container .history-modal-header {
-  justify-content: space-between;
-  align-items: center;
-  height: 48px;
-  padding: 0 25px;
-  line-height: 48px;
-  display: flex;
-}
-
-.history-modal-container .history-modal-header .close-button {
-  justify-content: center;
-  align-items: center;
-  margin-right: -4px;
-  padding: 4px;
-  display: flex;
-}
-
-.history-modal-container .history-modal-header .close-button .anticon {
-  color: #999;
-  font-size: 18px;
-}
-
-.history-modal-container .history-modal-header .close-button:hover .anticon {
-  color: #666;
-}
-
-.history-modal-container .history-search-section {
-  background: #fff;
-  padding: 16px 20px;
-}
-
-.history-modal-container .history-search-section .search-input-wrapper {
-  color: rgba(0, 0, 0, .25);
-  align-items: center;
-  gap: 12px;
-  display: flex;
-}
-
-.history-modal-container .history-search-section .search-input-wrapper .search-input {
-  background: #f1f2f3;
-  border: none;
-  border-radius: 16px;
-  flex: 1;
-  height: 36px;
-}
-
-.history-modal-container .history-search-section .search-input-wrapper .search-input .ant-input {
-  box-shadow: none;
-  background: none;
-  border: none;
-}
-
-.history-modal-container .history-search-section .search-input-wrapper .search-input:hover, .history-modal-container .history-search-section .search-input-wrapper .search-input:focus-within {
-  background: #fff;
-  border-color: #d9d9d9;
-}
-
-.history-modal-container .history-search-section .search-input-wrapper .clear-button {
-  color: #1890ff;
-  height: auto;
-  padding: 0;
-}
-
-.history-modal-container .history-search-section .search-input-wrapper .clear-button:hover {
-  color: #40a9ff;
-}
-
-.history-modal-container .history-content {
-  flex: 1;
-  padding: 0 25px 25px;
-  overflow-y: auto;
-}
-
-.history-modal-container .history-content .history-group {
-  margin-bottom: 10px;
-}
-
-.history-modal-container .history-content .history-group .history-group-title {
-  color: rgba(0, 0, 0, .45);
-  height: 40px;
-  font-size: 12px;
-  font-weight: 400;
-  line-height: 40px;
-}
-
-.history-modal-container .history-content .history-group .history-item {
-  cursor: pointer;
-  color: rgba(0, 0, 0, .85);
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  height: 40px;
-  font-size: 14px;
-  line-height: 40px;
-  overflow: hidden;
-}
-
-.history-modal-container .history-content .history-group .history-item:hover {
-  background: #f2f4f7;
-  margin: 0 -8px;
-  padding: 0 8px;
-}
-
-.history-modal-container .history-content .no-results {
-  text-align: center;
-  color: #999;
-  padding: 40px 20px;
-}
-
-.ant-modal-wrap .ant-modal-content {
-  animation: .3s cubic-bezier(.4, 0, .2, 1) forwards slideUpFromBottom !important;
-}
-
-@keyframes slideUpFromBottom {
-  0% {
-    opacity: 0;
-    transform: translateY(100%);
-  }
-
-  100% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-

package/dist/lib/component/index.js

@@ -1,60 +0,0 @@
-"use strict";
-var __webpack_modules__ = {
-    "../types": function(module) {
-        module.exports = require("../types.js");
-    }
-};
-var __webpack_module_cache__ = {};
-function __webpack_require__(moduleId) {
-    var cachedModule = __webpack_module_cache__[moduleId];
-    if (void 0 !== cachedModule) return cachedModule.exports;
-    var module = __webpack_module_cache__[moduleId] = {
-        exports: {}
-    };
-    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-    return module.exports;
-}
-(()=>{
-    __webpack_require__.n = (module)=>{
-        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
-        __webpack_require__.d(getter, {
-            a: getter
-        });
-        return getter;
-    };
-})();
-(()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-(()=>{
-    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
-})();
-(()=>{
-    __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports1, '__esModule', {
-            value: true
-        });
-    };
-})();
-var __webpack_exports__ = {};
-(()=>{
-    __webpack_require__.r(__webpack_exports__);
-    var _types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../types");
-    var __WEBPACK_REEXPORT_OBJECT__ = {};
-    for(var __WEBPACK_IMPORT_KEY__ in _types__WEBPACK_IMPORTED_MODULE_0__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
-        return _types__WEBPACK_IMPORTED_MODULE_0__[key];
-    }).bind(0, __WEBPACK_IMPORT_KEY__);
-    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-})();
-for(var __webpack_i__ in __webpack_exports__)exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});

package/dist/lib/component/playground/index.js

@@ -1,113 +0,0 @@
-"use strict";
-var __webpack_modules__ = {
-    "../../hooks/useServerValid": function(module) {
-        module.exports = require("../../hooks/useServerValid.js");
-    },
-    "../../store/store": function(module) {
-        module.exports = require("../../store/store.js");
-    },
-    "../../types": function(module) {
-        module.exports = require("../../types.js");
-    },
-    "../context-preview": function(module) {
-        module.exports = require("../context-preview/index.js");
-    },
-    "../playground-result": function(module) {
-        module.exports = require("../playground-result/index.js");
-    },
-    "../prompt-input": function(module) {
-        module.exports = require("../prompt-input/index.js");
-    },
-    "../service-mode-control": function(module) {
-        module.exports = require("../service-mode-control/index.js");
-    }
-};
-var __webpack_module_cache__ = {};
-function __webpack_require__(moduleId) {
-    var cachedModule = __webpack_module_cache__[moduleId];
-    if (void 0 !== cachedModule) return cachedModule.exports;
-    var module = __webpack_module_cache__[moduleId] = {
-        exports: {}
-    };
-    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-    return module.exports;
-}
-(()=>{
-    __webpack_require__.n = (module)=>{
-        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
-        __webpack_require__.d(getter, {
-            a: getter
-        });
-        return getter;
-    };
-})();
-(()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-(()=>{
-    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
-})();
-(()=>{
-    __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports1, '__esModule', {
-            value: true
-        });
-    };
-})();
-var __webpack_exports__ = {};
-(()=>{
-    __webpack_require__.r(__webpack_exports__);
-    __webpack_require__.d(__webpack_exports__, {
-        ContextPreview: ()=>_context_preview__WEBPACK_IMPORTED_MODULE_0__.ContextPreview,
-        PlaygroundResultView: ()=>_playground_result__WEBPACK_IMPORTED_MODULE_1__.PlaygroundResultView,
-        PromptInput: ()=>_prompt_input__WEBPACK_IMPORTED_MODULE_2__.PromptInput,
-        ServiceModeControl: ()=>_service_mode_control__WEBPACK_IMPORTED_MODULE_4__.ServiceModeControl,
-        useEnvConfig: ()=>_store_store__WEBPACK_IMPORTED_MODULE_6__.useEnvConfig,
-        useServerValid: ()=>_hooks_useServerValid__WEBPACK_IMPORTED_MODULE_3__.useServerValid
-    });
-    var _context_preview__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../context-preview");
-    var _playground_result__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../playground-result");
-    var _prompt_input__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../prompt-input");
-    var _hooks_useServerValid__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("../../hooks/useServerValid");
-    var _service_mode_control__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("../service-mode-control");
-    var _types__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../../types");
-    var __WEBPACK_REEXPORT_OBJECT__ = {};
-    for(var __WEBPACK_IMPORT_KEY__ in _types__WEBPACK_IMPORTED_MODULE_5__)if ([
-        "PromptInput",
-        "ContextPreview",
-        "ServiceModeControl",
-        "default",
-        "PlaygroundResultView",
-        "useEnvConfig",
-        "useServerValid"
-    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
-        return _types__WEBPACK_IMPORTED_MODULE_5__[key];
-    }).bind(0, __WEBPACK_IMPORT_KEY__);
-    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-    var _store_store__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("../../store/store");
-})();
-exports.ContextPreview = __webpack_exports__.ContextPreview;
-exports.PlaygroundResultView = __webpack_exports__.PlaygroundResultView;
-exports.PromptInput = __webpack_exports__.PromptInput;
-exports.ServiceModeControl = __webpack_exports__.ServiceModeControl;
-exports.useEnvConfig = __webpack_exports__.useEnvConfig;
-exports.useServerValid = __webpack_exports__.useServerValid;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
-    "ContextPreview",
-    "PlaygroundResultView",
-    "PromptInput",
-    "ServiceModeControl",
-    "useEnvConfig",
-    "useServerValid"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});

package/dist/lib/component/playground-result/index.css

@@ -1,29 +0,0 @@
-.result-wrapper {
-  justify-content: center;
-  height: 100%;
-  margin: 4px 0;
-  display: flex;
-}
-
-.result-wrapper .loading-container {
-  text-align: center;
-}
-
-.result-wrapper .loading-container .loading-progress-text {
-  color: #888;
-  margin-top: 8px;
-  font-size: 12px;
-}
-
-.result-wrapper pre {
-  white-space: pre-wrap;
-  text-wrap: unset;
-  word-wrap: break-word;
-  overflow-wrap: break-word;
-  background: #f2f4f7;
-  border-radius: 8px;
-  margin: 0;
-  padding: 14px;
-  overflow: scroll;
-}
-