@godscene/visualizer 1.7.19 → 1.7.21

package/dist/es/component/nav-actions/index.mjs

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { EnvConfig } from "../env-config/index.mjs";
 import "./style.css";
-function NavActions({ showEnvConfig = true, showTooltipWhenEmpty = false, showModelName = false, githubUrl = 'https://github.com/web-infra-dev/midscene', helpUrl = 'https://midscenejs.com/quick-experience.html', className = '', playgroundSDK }) {
+function NavActions({ showEnvConfig = false, showTooltipWhenEmpty = false, showModelName = false, githubUrl = 'https://github.com/web-infra-dev/midscene', helpUrl = 'https://midscenejs.com/quick-experience.html', className = '', playgroundSDK }) {
     return /*#__PURE__*/ jsx("div", {
         className: `nav-actions ${className}`,
         children: showEnvConfig && /*#__PURE__*/ jsx(EnvConfig, {

package/dist/es/component/prompt-input/index.mjs

@@ -46,7 +46,7 @@ const STUDIO_MINIMAL_PROMPT_ICONS = {
     actionChevron: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAAUxJREFUeAHtUztOw0AQ3V1SuLCldP4VuEyHuQE34Aqho0tugHKCwBFyApwTYEoqyAlwCsufKkgu3NjmjfkoCDu7KSP5SaNZ774Zv9nZYWzAgH2MAdu2z4+J4apEy7I8uBDWlGV5uQNU4gRTBOd8CUfqPU3THlXjzlRIUH8HdwuLYB8wX9d1XhRFKIuVXpHjONd1XQdN0+yEED48h72iojGOr9I0fT4ULyTKPSR/aJVwPk+SZIuEET6n33uBrOmyHoTs694XSLz62cyybI3k96iEqgjodbFjAWVLVNDAnvo4dEYc4vZxOiswTXMGdXMsIyidsn7cwLbExU9mXQTeocqDe28POffo3tkBuK57UVXVG63RLz/P8w3rq2BvmH6byiSI43hD3DaZEP/68WcODMOg9z5BySs0dcEUgXl4wVzQ0h+NRhN8r9mAAaeDT7K0eaMcqhtVAAAAAElFTkSuQmCC',
     settings: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAAaFJREFUeAHtlt9tgzAQxi8EJa/pBMkIHYENygalG7RvSQQKlfjz2I5ANkg3oBukG6QbtI9IIPq5ihHQOBXmFImqPwnZBvtsf9ydTfQPA77vz4IguCENDGJgOp3ux+PxLgxDnzrCsgAw/zZmGPOO48iUFci4wE42xITKXlEUO9d1X34s4NjZISZU9qCSjeKqastKWZYpMaKyNxqNto02MRDHcXmsJqvV6q7LWBYnxK4+SBOTeHDw2HAwn4aGlg9EUfQE2e+xYwchtaUeaPmAmFyUyH4W9aThA9jZ7alOiN39crl8O/FpoRpzjrq96hcgj2/wwVcNQlxb6/X6VdRrYaeNtGfUVvXbgE9iRNprOCHktPF/Z+3OeZ4fPM9LZbumgHjX2Qnr9rSioE/ma6MVBZDvWWQ/cbLR0GE5jEQoQhFLpGIkpvcuY1nOAkyeiBKJSRSXPw37UCkgbrWmaSZwsBkxoLInHBgJ6EG2KwUgn801+Tl78hyRVApkWfaIexxp4rRfqOzBUdN6+29cyYAMvQN1hCUMIbc1mUyu4VzDz4wX5wvRfah9kIOcwwAAAABJRU5ErkJggg=='
 };
-const PromptInput = ({ runButtonEnabled, form, serviceMode, selectedType, dryMode, stoppable, loading, onRun, onStop, clearPromptAfterRun = true, actionSpace, hideDomAndScreenshotOptions = false, deviceType, chrome })=>{
+const PromptInput = ({ runButtonEnabled, form, serviceMode, selectedType, dryMode, stoppable, loading, onRun, onStop, clearPromptAfterRun = true, actionSpace, hideDomAndScreenshotOptions = false, deviceType, chrome, showActionMenu = false })=>{
     var _ref, _ref1;
     var _chrome_icons, _chrome_icons1, _chrome_icons2, _chrome_icons3;
     const [hoveringSettings, setHoveringSettings] = useState(false);
@@ -455,10 +455,6 @@ const PromptInput = ({ runButtonEnabled, form, serviceMode, selectedType, dryMod
         if (clearPromptAfterRun) {
             lastHistoryRef.current = newHistoryItem;
             setPromptValue('');
-            if (needsStructuredParams) {
-                const defaultParams = getDefaultParams();
-                form.setFieldValue('params', defaultParams);
-            } else form.setFieldValue('prompt', '');
         }
     }, [
         form,
@@ -774,7 +770,7 @@ const PromptInput = ({ runButtonEnabled, form, serviceMode, selectedType, dryMod
                             /*#__PURE__*/ jsxs("div", {
                                 className: "minimal-toolbar-left",
                                 children: [
-                                    /*#__PURE__*/ jsx(Dropdown, {
+                                    showActionMenu && /*#__PURE__*/ jsx(Dropdown, {
                                         menu: actionDropdownMenu,
                                         placement: "topLeft",
                                         trigger: [

package/dist/es/component/universal-playground/providers/storage-provider.mjs

@@ -276,4 +276,16 @@ function createStorageProvider(type = "indexeddb", namespace = 'playground') {
 function detectBestStorageType() {
     return "memory";
 }
-export { MemoryStorageProvider as IndexedDBMemoryStorageProvider, NoOpStorageProvider as IndexedDBNoOpStorageProvider, IndexedDBStorageProvider, LocalStorageProvider, storage_provider_MemoryStorageProvider as MemoryStorageProvider, storage_provider_NoOpStorageProvider as NoOpStorageProvider, storage_provider_StorageType as StorageType, createStorageProvider, detectBestStorageType };
+function detectBestStorageType_old() {
+    if ("u" > typeof indexedDB) try {
+        indexedDB.open('test', 1).onerror = ()=>{};
+        return "indexeddb";
+    } catch (unused) {}
+    if ("u" > typeof localStorage) try {
+        localStorage.setItem('test', 'test');
+        localStorage.removeItem('test');
+        return "localStorage";
+    } catch (unused) {}
+    return "memory";
+}
+export { MemoryStorageProvider as IndexedDBMemoryStorageProvider, NoOpStorageProvider as IndexedDBNoOpStorageProvider, IndexedDBStorageProvider, LocalStorageProvider, storage_provider_MemoryStorageProvider as MemoryStorageProvider, storage_provider_NoOpStorageProvider as NoOpStorageProvider, storage_provider_StorageType as StorageType, createStorageProvider, detectBestStorageType, detectBestStorageType_old };

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

@@ -3,7 +3,6 @@ import icons, { ArrowDownOutlined, ClearOutlined, LoadingOutlined, UpOutlined }
 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";
@@ -106,7 +105,6 @@ function ErrorMessage({ error }) {
 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({
@@ -131,8 +129,7 @@ function UniversalPlaygroundElectron({ storage, contextProvider, config: compone
     const handleFormRun = useCallback(()=>_async_to_generator(function*() {})(), [
         form
     ]);
-    Object.keys(config || {}).length;
-    const selectedType = form.getFieldValue('type');
+    const selectedType = 'aiAct';
     const serviceMode = 'In-Browser-Extension';
     const finalShowContextPreview = showContextPreview && false !== componentConfig.showContextPreview;
     const layout = componentConfig.layout || 'vertical';

package/dist/es/hooks/usePlaygroundExecution.mjs

@@ -285,6 +285,7 @@ function usePlaygroundExecution(options) {
                                 })
                             });
                         }
+                        if ('Error' === item.subType) return null;
                         return _object_spread_props(_object_spread({}, item), {
                             locateDescription: (null == (_tasks_ = tasks[index - 1]) ? void 0 : null == (_tasks__param = _tasks_.param) ? void 0 : _tasks__param.prompt) || ''
                         });

package/dist/es/hooks/usePlaygroundState.mjs

@@ -253,6 +253,11 @@ function usePlaygroundState(playgroundSDK, storage, contextProvider, targetName)
         })(), [
         contextProvider
     ]);
+    useEffect(()=>{
+        clearInfoList();
+    }, [
+        clearInfoList
+    ]);
     return {
         loading,
         setLoading,

package/dist/lib/component/nav-actions/index.js

@@ -29,7 +29,7 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const index_js_namespaceObject = require("../env-config/index.js");
 require("./style.css");
-function NavActions({ showEnvConfig = true, showTooltipWhenEmpty = false, showModelName = false, githubUrl = 'https://github.com/web-infra-dev/midscene', helpUrl = 'https://midscenejs.com/quick-experience.html', className = '', playgroundSDK }) {
+function NavActions({ showEnvConfig = false, showTooltipWhenEmpty = false, showModelName = false, githubUrl = 'https://github.com/web-infra-dev/midscene', helpUrl = 'https://midscenejs.com/quick-experience.html', className = '', playgroundSDK }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         className: `nav-actions ${className}`,
         children: showEnvConfig && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.EnvConfig, {

package/dist/lib/component/prompt-input/index.js

@@ -86,7 +86,7 @@ const STUDIO_MINIMAL_PROMPT_ICONS = {
     actionChevron: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAAUxJREFUeAHtUztOw0AQ3V1SuLCldP4VuEyHuQE34Aqho0tugHKCwBFyApwTYEoqyAlwCsufKkgu3NjmjfkoCDu7KSP5SaNZ774Zv9nZYWzAgH2MAdu2z4+J4apEy7I8uBDWlGV5uQNU4gRTBOd8CUfqPU3THlXjzlRIUH8HdwuLYB8wX9d1XhRFKIuVXpHjONd1XQdN0+yEED48h72iojGOr9I0fT4ULyTKPSR/aJVwPk+SZIuEET6n33uBrOmyHoTs694XSLz62cyybI3k96iEqgjodbFjAWVLVNDAnvo4dEYc4vZxOiswTXMGdXMsIyidsn7cwLbExU9mXQTeocqDe28POffo3tkBuK57UVXVG63RLz/P8w3rq2BvmH6byiSI43hD3DaZEP/68WcODMOg9z5BySs0dcEUgXl4wVzQ0h+NRhN8r9mAAaeDT7K0eaMcqhtVAAAAAElFTkSuQmCC',
     settings: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAAaFJREFUeAHtlt9tgzAQxi8EJa/pBMkIHYENygalG7RvSQQKlfjz2I5ANkg3oBukG6QbtI9IIPq5ihHQOBXmFImqPwnZBvtsf9ydTfQPA77vz4IguCENDGJgOp3ux+PxLgxDnzrCsgAw/zZmGPOO48iUFci4wE42xITKXlEUO9d1X34s4NjZISZU9qCSjeKqastKWZYpMaKyNxqNto02MRDHcXmsJqvV6q7LWBYnxK4+SBOTeHDw2HAwn4aGlg9EUfQE2e+xYwchtaUeaPmAmFyUyH4W9aThA9jZ7alOiN39crl8O/FpoRpzjrq96hcgj2/wwVcNQlxb6/X6VdRrYaeNtGfUVvXbgE9iRNprOCHktPF/Z+3OeZ4fPM9LZbumgHjX2Qnr9rSioE/ma6MVBZDvWWQ/cbLR0GE5jEQoQhFLpGIkpvcuY1nOAkyeiBKJSRSXPw37UCkgbrWmaSZwsBkxoLInHBgJ6EG2KwUgn801+Tl78hyRVApkWfaIexxp4rRfqOzBUdN6+29cyYAMvQN1hCUMIbc1mUyu4VzDz4wX5wvRfah9kIOcwwAAAABJRU5ErkJggg=='
 };
-const PromptInput = ({ runButtonEnabled, form, serviceMode, selectedType, dryMode, stoppable, loading, onRun, onStop, clearPromptAfterRun = true, actionSpace, hideDomAndScreenshotOptions = false, deviceType, chrome })=>{
+const PromptInput = ({ runButtonEnabled, form, serviceMode, selectedType, dryMode, stoppable, loading, onRun, onStop, clearPromptAfterRun = true, actionSpace, hideDomAndScreenshotOptions = false, deviceType, chrome, showActionMenu = false })=>{
     var _ref, _ref1;
     var _chrome_icons, _chrome_icons1, _chrome_icons2, _chrome_icons3;
     const [hoveringSettings, setHoveringSettings] = (0, external_react_namespaceObject.useState)(false);
@@ -495,10 +495,6 @@ const PromptInput = ({ runButtonEnabled, form, serviceMode, selectedType, dryMod
         if (clearPromptAfterRun) {
             lastHistoryRef.current = newHistoryItem;
             setPromptValue('');
-            if (needsStructuredParams) {
-                const defaultParams = getDefaultParams();
-                form.setFieldValue('params', defaultParams);
-            } else form.setFieldValue('prompt', '');
         }
     }, [
         form,
@@ -814,7 +810,7 @@ const PromptInput = ({ runButtonEnabled, form, serviceMode, selectedType, dryMod
                             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
                                 className: "minimal-toolbar-left",
                                 children: [
-                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Dropdown, {
+                                    showActionMenu && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Dropdown, {
                                         menu: actionDropdownMenu,
                                         placement: "topLeft",
                                         trigger: [

package/dist/lib/component/universal-playground/providers/storage-provider.js

@@ -32,7 +32,8 @@ __webpack_require__.d(__webpack_exports__, {
     MemoryStorageProvider: ()=>MemoryStorageProvider,
     StorageType: ()=>storage_provider_StorageType,
     createStorageProvider: ()=>createStorageProvider,
-    detectBestStorageType: ()=>detectBestStorageType
+    detectBestStorageType: ()=>detectBestStorageType,
+    detectBestStorageType_old: ()=>detectBestStorageType_old
 });
 const external_indexeddb_storage_provider_js_namespaceObject = require("./indexeddb-storage-provider.js");
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
@@ -312,6 +313,18 @@ function createStorageProvider(type = "indexeddb", namespace = 'playground') {
 function detectBestStorageType() {
     return "memory";
 }
+function detectBestStorageType_old() {
+    if ("u" > typeof indexedDB) try {
+        indexedDB.open('test', 1).onerror = ()=>{};
+        return "indexeddb";
+    } catch (unused) {}
+    if ("u" > typeof localStorage) try {
+        localStorage.setItem('test', 'test');
+        localStorage.removeItem('test');
+        return "localStorage";
+    } catch (unused) {}
+    return "memory";
+}
 exports.IndexedDBMemoryStorageProvider = __webpack_exports__.IndexedDBMemoryStorageProvider;
 exports.IndexedDBNoOpStorageProvider = __webpack_exports__.IndexedDBNoOpStorageProvider;
 exports.IndexedDBStorageProvider = __webpack_exports__.IndexedDBStorageProvider;
@@ -321,6 +334,7 @@ exports.NoOpStorageProvider = __webpack_exports__.NoOpStorageProvider;
 exports.StorageType = __webpack_exports__.StorageType;
 exports.createStorageProvider = __webpack_exports__.createStorageProvider;
 exports.detectBestStorageType = __webpack_exports__.detectBestStorageType;
+exports.detectBestStorageType_old = __webpack_exports__.detectBestStorageType_old;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "IndexedDBMemoryStorageProvider",
     "IndexedDBNoOpStorageProvider",
@@ -330,7 +344,8 @@ for(var __rspack_i in __webpack_exports__)if (-1 === [
     "NoOpStorageProvider",
     "StorageType",
     "createStorageProvider",
-    "detectBestStorageType"
+    "detectBestStorageType",
+    "detectBestStorageType_old"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true

package/dist/lib/component/universal-playground/universal-playground-electron.js

@@ -42,7 +42,6 @@ var icons_default = /*#__PURE__*/ __webpack_require__.n(icons_namespaceObject);
 const external_antd_namespaceObject = require("antd");
 const external_react_namespaceObject = require("react");
 const usePlaygroundState_js_namespaceObject = require("../../hooks/usePlaygroundState.js");
-const store_js_namespaceObject = require("../../store/store.js");
 const index_js_namespaceObject = require("../context-preview/index.js");
 const external_env_config_reminder_index_js_namespaceObject = require("../env-config-reminder/index.js");
 const external_playground_result_index_js_namespaceObject = require("../playground-result/index.js");
@@ -147,7 +146,6 @@ function ErrorMessage({ error }) {
 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] = external_antd_namespaceObject.Form.useForm();
-    const { config } = (0, store_js_namespaceObject.useEnvConfig)();
     const [sdkReady, setSdkReady] = (0, external_react_namespaceObject.useState)(false);
     (0, external_react_namespaceObject.useEffect)(()=>{
         form.setFieldsValue({
@@ -172,8 +170,7 @@ function UniversalPlaygroundElectron({ storage, contextProvider, config: compone
     const handleFormRun = (0, external_react_namespaceObject.useCallback)(()=>_async_to_generator(function*() {})(), [
         form
     ]);
-    Object.keys(config || {}).length;
-    const selectedType = form.getFieldValue('type');
+    const selectedType = 'aiAct';
     const serviceMode = 'In-Browser-Extension';
     const finalShowContextPreview = showContextPreview && false !== componentConfig.showContextPreview;
     const layout = componentConfig.layout || 'vertical';

package/dist/lib/hooks/usePlaygroundExecution.js

@@ -316,6 +316,7 @@ function usePlaygroundExecution(options) {
                                 })
                             });
                         }
+                        if ('Error' === item.subType) return null;
                         return _object_spread_props(_object_spread({}, item), {
                             locateDescription: (null == (_tasks_ = tasks[index - 1]) ? void 0 : null == (_tasks__param = _tasks_.param) ? void 0 : _tasks__param.prompt) || ''
                         });

package/dist/lib/hooks/usePlaygroundState.js

@@ -281,6 +281,11 @@ function usePlaygroundState(playgroundSDK, storage, contextProvider, targetName)
         })(), [
         contextProvider
     ]);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        clearInfoList();
+    }, [
+        clearInfoList
+    ]);
     return {
         loading,
         setLoading,

package/dist/types/component/prompt-input/index.d.ts

@@ -18,6 +18,7 @@ interface PromptInputProps {
     actionSpace: DeviceAction<any>[];
     deviceType?: DeviceType;
     chrome?: PromptInputChromeConfig;
+    showActionMenu?: boolean;
 }
 export declare const PromptInput: React.FC<PromptInputProps>;
 export {};

package/dist/types/component/universal-playground/providers/storage-provider.d.ts

@@ -55,4 +55,5 @@ export declare enum StorageType {
  */
 export declare function createStorageProvider(type?: StorageType, namespace?: string): StorageProvider;
 export declare function detectBestStorageType(): StorageType;
+export declare function detectBestStorageType_old(): StorageType;
 export { IndexedDBStorageProvider, IndexedDBMemoryStorageProvider, IndexedDBNoOpStorageProvider, };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@godscene/visualizer",
-  "version": "1.7.19",
+  "version": "1.7.21",
   "repository": "https://github.com/web-infra-dev/midscene",
   "homepage": "https://midscenejs.com/",
   "types": "./dist/types/index.d.ts",
@@ -66,10 +66,10 @@
     "antd": "^5.21.6",
     "buffer": "6.0.3",
     "dayjs": "^1.11.11",
-    "@godscene/core": "1.7.19",
-    "@godscene/web": "1.7.19",
-    "@godscene/shared": "1.7.19",
-    "@godscene/playground": "1.7.19"
+    "@godscene/core": "1.7.21",
+    "@godscene/shared": "1.7.21",
+    "@godscene/playground": "1.7.21",
+    "@godscene/web": "1.7.21"
   },
   "license": "MIT",
   "scripts": {