@midscene/visualizer 0.28.10-beta-20250919084614.0 → 0.28.10-beta-20250919094051.0

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

@@ -91,10 +91,10 @@
 .playground-container .middle-dialog-area .scroll-to-bottom-button {
   z-index: 10;
   background: #fff;
-  border: 1px solid rgba(0, 0, 0, .08);
   position: absolute;
   bottom: 10px;
   right: 0;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, .04);
 }
 
 .playground-container .middle-dialog-area .scroll-to-bottom-button:hover {

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

@@ -81,35 +81,11 @@ function UniversalPlayground(param) {
     let { playgroundSDK, storage, contextProvider, config: componentConfig = {}, branding = {}, className = '', dryMode = false, showContextPreview = true } = param;
     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)(()=>{
-        const initializeSDK = async ()=>{
-            if (playgroundSDK && 'function' == typeof playgroundSDK.checkStatus) try {
-                await playgroundSDK.checkStatus();
-                setSdkReady(true);
-            } catch (error) {
-                console.warn('Failed to initialize SDK, using default namespace:', error);
-                setSdkReady(true);
-            }
-            else setSdkReady(true);
-        };
-        initializeSDK();
-    }, [
-        playgroundSDK
-    ]);
-    const effectiveStorage = (0, external_react_namespaceObject.useMemo)(()=>{
+    const effectiveStorage = (()=>{
         if (storage) return storage;
-        if (!sdkReady) return null;
         const namespace = componentConfig.storageNamespace || getSDKId(playgroundSDK);
-        const bestStorageType = (0, storage_provider_js_namespaceObject.detectBestStorageType)();
-        console.log(`Using ${bestStorageType} storage for namespace: ${namespace}`);
-        return (0, storage_provider_js_namespaceObject.createStorageProvider)(bestStorageType, namespace);
-    }, [
-        storage,
-        sdkReady,
-        componentConfig.storageNamespace,
-        playgroundSDK
-    ]);
+        return new storage_provider_js_namespaceObject.LocalStorageProvider(namespace);
+    })();
     const { loading, setLoading, infoList, setInfoList, actionSpace, actionSpaceLoading, uiContextPreview, setUiContextPreview, showScrollToBottomButton, verticalMode, replayCounter, setReplayCounter, infoListRef, currentRunningIdRef, interruptedFlagRef, clearInfoList, handleScrollToBottom } = (0, usePlaygroundState_js_namespaceObject.usePlaygroundState)(playgroundSDK, effectiveStorage, contextProvider);
     const { handleRun: executeAction, handleStop, canStop } = (0, usePlaygroundExecution_js_namespaceObject.usePlaygroundExecution)(playgroundSDK, effectiveStorage, actionSpace, loading, setLoading, infoList, setInfoList, replayCounter, setReplayCounter, verticalMode, currentRunningIdRef, interruptedFlagRef);
     (0, external_react_namespaceObject.useEffect)(()=>{

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

@@ -24,17 +24,10 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    IndexedDBStorageProvider: ()=>external_indexeddb_storage_provider_js_namespaceObject.IndexedDBStorageProvider,
-    StorageType: ()=>storage_provider_StorageType,
-    detectBestStorageType: ()=>detectBestStorageType,
-    IndexedDBMemoryStorageProvider: ()=>external_indexeddb_storage_provider_js_namespaceObject.MemoryStorageProvider,
-    IndexedDBNoOpStorageProvider: ()=>external_indexeddb_storage_provider_js_namespaceObject.NoOpStorageProvider,
     LocalStorageProvider: ()=>LocalStorageProvider,
-    NoOpStorageProvider: ()=>NoOpStorageProvider,
-    createStorageProvider: ()=>createStorageProvider,
-    MemoryStorageProvider: ()=>MemoryStorageProvider
+    MemoryStorageProvider: ()=>MemoryStorageProvider,
+    NoOpStorageProvider: ()=>NoOpStorageProvider
 });
-const external_indexeddb_storage_provider_js_namespaceObject = require("./indexeddb-storage-provider.js");
 function _define_property(obj, key, value) {
     if (key in obj) Object.defineProperty(obj, key, {
         value: value,
@@ -205,63 +198,13 @@ class NoOpStorageProvider {
     async clearMessages() {}
     async saveResult(_id, _result) {}
 }
-var storage_provider_StorageType = /*#__PURE__*/ function(StorageType) {
-    StorageType["INDEXEDDB"] = "indexeddb";
-    StorageType["LOCALSTORAGE"] = "localStorage";
-    StorageType["MEMORY"] = "memory";
-    StorageType["NONE"] = "none";
-    return StorageType;
-}({});
-function createStorageProvider() {
-    let type = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "indexeddb", namespace = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 'playground';
-    switch(type){
-        case "indexeddb":
-            if ('undefined' != typeof indexedDB) return new external_indexeddb_storage_provider_js_namespaceObject.IndexedDBStorageProvider(namespace);
-            console.warn('IndexedDB not available, falling back to localStorage');
-            return createStorageProvider("localStorage", namespace);
-        case "localStorage":
-            if ('undefined' != typeof localStorage) return new LocalStorageProvider(namespace);
-            console.warn('localStorage not available, falling back to memory storage');
-            return createStorageProvider("memory", namespace);
-        case "memory":
-            return new MemoryStorageProvider();
-        case "none":
-            return new NoOpStorageProvider();
-        default:
-            throw new Error(`Unknown storage type: ${type}`);
-    }
-}
-function detectBestStorageType() {
-    if ('undefined' != typeof indexedDB) try {
-        indexedDB.open('test', 1).onerror = ()=>{};
-        return "indexeddb";
-    } catch (e) {}
-    if ('undefined' != typeof localStorage) try {
-        localStorage.setItem('test', 'test');
-        localStorage.removeItem('test');
-        return "localStorage";
-    } catch (e) {}
-    return "memory";
-}
-exports.IndexedDBMemoryStorageProvider = __webpack_exports__.IndexedDBMemoryStorageProvider;
-exports.IndexedDBNoOpStorageProvider = __webpack_exports__.IndexedDBNoOpStorageProvider;
-exports.IndexedDBStorageProvider = __webpack_exports__.IndexedDBStorageProvider;
 exports.LocalStorageProvider = __webpack_exports__.LocalStorageProvider;
 exports.MemoryStorageProvider = __webpack_exports__.MemoryStorageProvider;
 exports.NoOpStorageProvider = __webpack_exports__.NoOpStorageProvider;
-exports.StorageType = __webpack_exports__.StorageType;
-exports.createStorageProvider = __webpack_exports__.createStorageProvider;
-exports.detectBestStorageType = __webpack_exports__.detectBestStorageType;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
-    "IndexedDBMemoryStorageProvider",
-    "IndexedDBNoOpStorageProvider",
-    "IndexedDBStorageProvider",
     "LocalStorageProvider",
     "MemoryStorageProvider",
-    "NoOpStorageProvider",
-    "StorageType",
-    "createStorageProvider",
-    "detectBestStorageType"
+    "NoOpStorageProvider"
 ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
 Object.defineProperty(exports, '__esModule', {
     value: true

package/dist/lib/hooks/usePlaygroundState.js

@@ -27,7 +27,6 @@ __webpack_require__.d(__webpack_exports__, {
     usePlaygroundState: ()=>usePlaygroundState
 });
 const external_react_namespaceObject = require("react");
-const storage_provider_js_namespaceObject = require("../component/universal-playground/providers/storage-provider.js");
 const constants_js_namespaceObject = require("../utils/constants.js");
 function usePlaygroundState(playgroundSDK, storage, contextProvider) {
     const [loading, setLoading] = (0, external_react_namespaceObject.useState)(false);
@@ -41,25 +40,7 @@ function usePlaygroundState(playgroundSDK, storage, contextProvider) {
     const infoListRef = (0, external_react_namespaceObject.useRef)(null);
     const currentRunningIdRef = (0, external_react_namespaceObject.useRef)(null);
     const interruptedFlagRef = (0, external_react_namespaceObject.useRef)({});
-    const initializedRef = (0, external_react_namespaceObject.useRef)(false);
     (0, external_react_namespaceObject.useEffect)(()=>{
-        const migrateFromOldNamespace = async ()=>{
-            const oldStorage = (0, storage_provider_js_namespaceObject.createStorageProvider)((0, storage_provider_js_namespaceObject.detectBestStorageType)(), 'playground-default');
-            try {
-                if (null == oldStorage ? void 0 : oldStorage.loadMessages) {
-                    const oldMessages = await oldStorage.loadMessages();
-                    if (oldMessages.length > 1) {
-                        console.log('Found data in old namespace, migrating...');
-                        if (null == storage ? void 0 : storage.saveMessages) await storage.saveMessages(oldMessages);
-                        if (oldStorage.clearMessages) await oldStorage.clearMessages();
-                        return oldMessages;
-                    }
-                }
-            } catch (error) {
-                console.debug('No data found in old namespace:', error);
-            }
-            return [];
-        };
         const initializeMessages = async ()=>{
             const welcomeMessage = {
                 ...constants_js_namespaceObject.WELCOME_MESSAGE_TEMPLATE,
@@ -67,8 +48,7 @@ function usePlaygroundState(playgroundSDK, storage, contextProvider) {
                 timestamp: new Date()
             };
             if (null == storage ? void 0 : storage.loadMessages) try {
-                let storedMessages = await storage.loadMessages();
-                if (0 === storedMessages.length) storedMessages = await migrateFromOldNamespace();
+                const storedMessages = await storage.loadMessages();
                 const hasWelcomeMessage = storedMessages.some((msg)=>'welcome' === msg.id);
                 hasWelcomeMessage ? setInfoList(storedMessages) : setInfoList([
                     welcomeMessage,
@@ -84,13 +64,8 @@ function usePlaygroundState(playgroundSDK, storage, contextProvider) {
                 welcomeMessage
             ]);
         };
-        if (storage && !initializedRef.current) {
-            initializedRef.current = true;
-            initializeMessages();
-        } else if (!storage && 0 === infoList.length) initializeMessages();
-    }, [
-        storage
-    ]);
+        if (0 === infoList.length) initializeMessages();
+    }, []);
     (0, external_react_namespaceObject.useEffect)(()=>{
         if ((null == storage ? void 0 : storage.saveMessages) && infoList.length > 1) storage.saveMessages(infoList).catch((error)=>{
             if (error instanceof DOMException && 'QuotaExceededError' === error.name) console.warn('Storage quota exceeded - some messages may not be saved persistently');

package/dist/lib/index.js

@@ -34,7 +34,6 @@ var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     timeCostStrElement: ()=>misc_index_js_namespaceObject.timeCostStrElement,
-    StorageType: ()=>storage_provider_js_namespaceObject.StorageType,
     actionNameForType: ()=>playground_utils_js_namespaceObject.actionNameForType,
     PlaygroundResultView: ()=>playground_result_index_js_namespaceObject.PlaygroundResultView,
     timeStr: ()=>external_utils_index_js_namespaceObject.timeStr,
@@ -54,9 +53,7 @@ __webpack_require__.d(__webpack_exports__, {
     safeOverrideAIConfig: ()=>useSafeOverrideAIConfig_js_namespaceObject.safeOverrideAIConfig,
     Logo: ()=>logo_index_js_namespaceObject.Logo,
     UniversalPlayground: ()=>universal_playground_index_js_namespaceObject.UniversalPlayground,
-    IndexedDBStorageProvider: ()=>storage_provider_js_namespaceObject.IndexedDBStorageProvider,
     NavActions: ()=>nav_actions_index_js_namespaceObject.NavActions,
-    detectBestStorageType: ()=>storage_provider_js_namespaceObject.detectBestStorageType,
     useEnvConfig: ()=>store_js_namespaceObject.useEnvConfig,
     NoOpStorageProvider: ()=>storage_provider_js_namespaceObject.NoOpStorageProvider,
     ContextPreview: ()=>context_preview_index_js_namespaceObject.ContextPreview,
@@ -69,10 +66,9 @@ __webpack_require__.d(__webpack_exports__, {
     filterBase64Value: ()=>external_utils_index_js_namespaceObject.filterBase64Value,
     NoOpContextProvider: ()=>context_provider_js_namespaceObject.NoOpContextProvider,
     highlightColorForType: ()=>color_js_namespaceObject.highlightColorForType,
-    createStorageProvider: ()=>storage_provider_js_namespaceObject.createStorageProvider,
     globalThemeConfig: ()=>color_js_namespaceObject.globalThemeConfig,
-    MemoryStorageProvider: ()=>storage_provider_js_namespaceObject.MemoryStorageProvider,
-    iconForStatus: ()=>misc_index_js_namespaceObject.iconForStatus
+    iconForStatus: ()=>misc_index_js_namespaceObject.iconForStatus,
+    MemoryStorageProvider: ()=>storage_provider_js_namespaceObject.MemoryStorageProvider
 });
 require("./component/playground/index.css");
 require("./component/universal-playground/index.css");
@@ -106,7 +102,6 @@ exports.Blackboard = __webpack_exports__.Blackboard;
 exports.ContextPreview = __webpack_exports__.ContextPreview;
 exports.EnvConfig = __webpack_exports__.EnvConfig;
 exports.EnvConfigReminder = __webpack_exports__.EnvConfigReminder;
-exports.IndexedDBStorageProvider = __webpack_exports__.IndexedDBStorageProvider;
 exports.LocalStorageProvider = __webpack_exports__.LocalStorageProvider;
 exports.Logo = __webpack_exports__.Logo;
 exports.MemoryStorageProvider = __webpack_exports__.MemoryStorageProvider;
@@ -119,14 +114,11 @@ exports.PromptInput = __webpack_exports__.PromptInput;
 exports.ServiceModeControl = __webpack_exports__.ServiceModeControl;
 exports.ShinyText = __webpack_exports__.ShinyText;
 exports.StaticContextProvider = __webpack_exports__.StaticContextProvider;
-exports.StorageType = __webpack_exports__.StorageType;
 exports.UniversalPlayground = __webpack_exports__.UniversalPlayground;
 exports.UniversalPlaygroundDefault = __webpack_exports__.UniversalPlaygroundDefault;
 exports.actionNameForType = __webpack_exports__.actionNameForType;
 exports.allScriptsFromDump = __webpack_exports__.allScriptsFromDump;
 exports.colorForName = __webpack_exports__.colorForName;
-exports.createStorageProvider = __webpack_exports__.createStorageProvider;
-exports.detectBestStorageType = __webpack_exports__.detectBestStorageType;
 exports.filterBase64Value = __webpack_exports__.filterBase64Value;
 exports.generateAnimationScripts = __webpack_exports__.generateAnimationScripts;
 exports.getPlaceholderForType = __webpack_exports__.getPlaceholderForType;
@@ -147,7 +139,6 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "ContextPreview",
     "EnvConfig",
     "EnvConfigReminder",
-    "IndexedDBStorageProvider",
     "LocalStorageProvider",
     "Logo",
     "MemoryStorageProvider",
@@ -160,14 +151,11 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "ServiceModeControl",
     "ShinyText",
     "StaticContextProvider",
-    "StorageType",
     "UniversalPlayground",
     "UniversalPlaygroundDefault",
     "actionNameForType",
     "allScriptsFromDump",
     "colorForName",
-    "createStorageProvider",
-    "detectBestStorageType",
     "filterBase64Value",
     "generateAnimationScripts",
     "getPlaceholderForType",

package/dist/lib/utils/replay-scripts.js

@@ -73,9 +73,8 @@ const capitalizeFirstLetter = (str)=>{
     return str.charAt(0).toUpperCase() + str.slice(1);
 };
 const allScriptsFromDump = (dump)=>{
-    const dimensionsSet = new Set();
-    let firstWidth;
-    let firstHeight;
+    let width;
+    let height;
     let sdkVersion;
     const modelBriefsSet = new Set();
     dump.executions.forEach((execution)=>{
@@ -83,17 +82,12 @@ const allScriptsFromDump = (dump)=>{
         execution.tasks.forEach((task)=>{
             var _task_uiContext_size, _task_uiContext;
             if (null == (_task_uiContext = task.uiContext) ? void 0 : null == (_task_uiContext_size = _task_uiContext.size) ? void 0 : _task_uiContext_size.width) {
-                const w = task.uiContext.size.width;
-                const h = task.uiContext.size.height;
-                if (!firstWidth) {
-                    firstWidth = w;
-                    firstHeight = h;
-                }
-                dimensionsSet.add(`${w}x${h}`);
+                width = task.uiContext.size.width;
+                height = task.uiContext.size.height;
             }
         });
     });
-    if (!firstWidth || !firstHeight) {
+    if (!width || !height) {
         console.warn('width or height is missing in dump file');
         return {
             scripts: [],
@@ -103,7 +97,7 @@ const allScriptsFromDump = (dump)=>{
     }
     const allScripts = [];
     dump.executions.forEach((execution)=>{
-        const scripts = generateAnimationScripts(execution, -1, firstWidth, firstHeight);
+        const scripts = generateAnimationScripts(execution, -1, width, height);
         if (scripts) allScripts.push(...scripts);
         execution.tasks.forEach((task)=>{
             if (task.usage) {
@@ -130,8 +124,8 @@ const allScriptsFromDump = (dump)=>{
     })();
     return {
         scripts: allScriptsWithoutIntermediateDoneFrame,
-        width: firstWidth,
-        height: firstHeight,
+        width,
+        height,
         sdkVersion,
         modelBriefs
     };
@@ -180,16 +174,14 @@ const generateAnimationScripts = (execution, task, imageWidth, imageHeight)=>{
         if ('Planning' === task.type) {
             const planningTask = task;
             if (planningTask.recorder && planningTask.recorder.length > 0) {
-                var _planningTask_recorder_, _planningTask_recorder, _task_uiContext_size, _task_uiContext, _task_uiContext_size1, _task_uiContext1;
+                var _planningTask_recorder_, _planningTask_recorder;
                 scripts.push({
                     type: 'img',
                     img: null == (_planningTask_recorder = planningTask.recorder) ? void 0 : null == (_planningTask_recorder_ = _planningTask_recorder[0]) ? void 0 : _planningTask_recorder_.screenshot,
                     camera: 0 === index ? fullPageCameraState : void 0,
                     duration: stillDuration,
                     title: (0, agent_namespaceObject.typeStr)(task),
-                    subTitle: (0, agent_namespaceObject.paramStr)(task),
-                    imageWidth: (null == (_task_uiContext = task.uiContext) ? void 0 : null == (_task_uiContext_size = _task_uiContext.size) ? void 0 : _task_uiContext_size.width) || imageWidth,
-                    imageHeight: (null == (_task_uiContext1 = task.uiContext) ? void 0 : null == (_task_uiContext_size1 = _task_uiContext1.size) ? void 0 : _task_uiContext_size1.height) || imageHeight
+                    subTitle: (0, agent_namespaceObject.paramStr)(task)
                 });
             }
         } else if ('Insight' === task.type && 'Locate' === task.subType) {
@@ -205,21 +197,16 @@ const generateAnimationScripts = (execution, task, imageWidth, imageHeight)=>{
             };
             const context = insightTask.uiContext;
             if (null == context ? void 0 : context.screenshotBase64) {
-                var _insightTask_log, _insightTask_output1, _insightDump_taskInfo, _context_size, _context_size1;
+                var _insightTask_log, _insightTask_output1, _insightDump_taskInfo;
                 const insightDump = null == (_insightTask_log = insightTask.log) ? void 0 : _insightTask_log.dump;
                 const insightContentLength = context.tree ? (0, extractor_namespaceObject.treeToList)(context.tree).length : 0;
-                if (context.screenshotBase64) {
-                    var _context_size2, _context_size3;
-                    scripts.push({
-                        type: 'img',
-                        img: context.screenshotBase64,
-                        duration: stillAfterInsightDuration,
-                        title,
-                        subTitle,
-                        imageWidth: (null == (_context_size2 = context.size) ? void 0 : _context_size2.width) || imageWidth,
-                        imageHeight: (null == (_context_size3 = context.size) ? void 0 : _context_size3.height) || imageHeight
-                    });
-                }
+                if (context.screenshotBase64) scripts.push({
+                    type: 'img',
+                    img: context.screenshotBase64,
+                    duration: stillAfterInsightDuration,
+                    title,
+                    subTitle
+                });
                 let cameraState;
                 cameraState = currentCameraState === fullPageCameraState ? void 0 : insightCameraState ? mergeTwoCameraState(currentCameraState, insightCameraState) : void 0;
                 scripts.push({
@@ -232,9 +219,7 @@ const generateAnimationScripts = (execution, task, imageWidth, imageHeight)=>{
                     duration: insightContentLength > 20 ? locateDuration : 0.5 * locateDuration,
                     insightCameraDuration: locateDuration,
                     title,
-                    subTitle,
-                    imageWidth: (null == (_context_size = context.size) ? void 0 : _context_size.width) || imageWidth,
-                    imageHeight: (null == (_context_size1 = context.size) ? void 0 : _context_size1.height) || imageHeight
+                    subTitle
                 });
                 scripts.push({
                     type: 'sleep',
@@ -245,7 +230,7 @@ const generateAnimationScripts = (execution, task, imageWidth, imageHeight)=>{
                 insightOnTop = true;
             }
         } else if ('Action' === task.type && 'FalsyConditionStatement' !== task.subType) {
-            var _task_recorder_, _task_recorder, _task_uiContext_size2, _task_uiContext2, _task_uiContext_size3, _task_uiContext3, _task_recorder_1, _task_recorder1;
+            var _task_recorder_, _task_recorder, _task_recorder_1, _task_recorder1;
             const title = (0, agent_namespaceObject.typeStr)(task);
             const subTitle = (0, agent_namespaceObject.paramStr)(task);
             scripts.push(pointerScript(external_index_js_namespaceObject.mousePointer, title, subTitle));
@@ -256,9 +241,7 @@ const generateAnimationScripts = (execution, task, imageWidth, imageHeight)=>{
                 duration: actionDuration,
                 camera: 'Sleep' === task.subType ? fullPageCameraState : insightCameraState,
                 title,
-                subTitle,
-                imageWidth: (null == (_task_uiContext2 = task.uiContext) ? void 0 : null == (_task_uiContext_size2 = _task_uiContext2.size) ? void 0 : _task_uiContext_size2.width) || imageWidth,
-                imageHeight: (null == (_task_uiContext3 = task.uiContext) ? void 0 : null == (_task_uiContext_size3 = _task_uiContext3.size) ? void 0 : _task_uiContext_size3.height) || imageHeight
+                subTitle
             });
             if (insightOnTop) {
                 scripts.push({
@@ -271,7 +254,7 @@ const generateAnimationScripts = (execution, task, imageWidth, imageHeight)=>{
             }
             const imgStillDuration = index < taskCount - 1 ? stillDuration : 0;
             if (null == (_task_recorder1 = task.recorder) ? void 0 : null == (_task_recorder_1 = _task_recorder1[1]) ? void 0 : _task_recorder_1.screenshot) {
-                var _task_recorder_2, _task_recorder2, _task_uiContext_size4, _task_uiContext4, _task_uiContext_size5, _task_uiContext5;
+                var _task_recorder_2, _task_recorder2;
                 scripts.push({
                     type: 'spinning-pointer',
                     duration: actionSpinningPointerDuration,
@@ -284,9 +267,7 @@ const generateAnimationScripts = (execution, task, imageWidth, imageHeight)=>{
                     img: null == (_task_recorder2 = task.recorder) ? void 0 : null == (_task_recorder_2 = _task_recorder2[1]) ? void 0 : _task_recorder_2.screenshot,
                     duration: imgStillDuration,
                     title,
-                    subTitle,
-                    imageWidth: (null == (_task_uiContext4 = task.uiContext) ? void 0 : null == (_task_uiContext_size4 = _task_uiContext4.size) ? void 0 : _task_uiContext_size4.width) || imageWidth,
-                    imageHeight: (null == (_task_uiContext5 = task.uiContext) ? void 0 : null == (_task_uiContext_size5 = _task_uiContext5.size) ? void 0 : _task_uiContext_size5.height) || imageHeight
+                    subTitle
                 });
             } else scripts.push({
                 type: 'sleep',
@@ -299,22 +280,16 @@ const generateAnimationScripts = (execution, task, imageWidth, imageHeight)=>{
             const title = (0, agent_namespaceObject.typeStr)(task);
             const subTitle = (0, agent_namespaceObject.paramStr)(task);
             const screenshot = null == (_task_recorder3 = task.recorder) ? void 0 : null == (_task_recorder_3 = _task_recorder3[task.recorder.length - 1]) ? void 0 : _task_recorder_3.screenshot;
-            if (screenshot) {
-                var _task_uiContext_size6, _task_uiContext6, _task_uiContext_size7, _task_uiContext7;
-                scripts.push({
-                    type: 'img',
-                    img: screenshot,
-                    duration: stillDuration,
-                    camera: fullPageCameraState,
-                    title,
-                    subTitle,
-                    imageWidth: (null == (_task_uiContext6 = task.uiContext) ? void 0 : null == (_task_uiContext_size6 = _task_uiContext6.size) ? void 0 : _task_uiContext_size6.width) || imageWidth,
-                    imageHeight: (null == (_task_uiContext7 = task.uiContext) ? void 0 : null == (_task_uiContext_size7 = _task_uiContext7.size) ? void 0 : _task_uiContext_size7.height) || imageHeight
-                });
-            }
+            if (screenshot) scripts.push({
+                type: 'img',
+                img: screenshot,
+                duration: stillDuration,
+                camera: fullPageCameraState,
+                title,
+                subTitle
+            });
         }
         if ('finished' !== task.status) {
-            var _task_uiContext_size8, _task_uiContext8, _task_uiContext_size9, _task_uiContext9;
             errorStateFlag = true;
             const errorTitle = (0, agent_namespaceObject.typeStr)(task);
             const errorMsg = task.errorMessage || 'unknown error';
@@ -325,9 +300,7 @@ const generateAnimationScripts = (execution, task, imageWidth, imageHeight)=>{
                 camera: fullPageCameraState,
                 duration: stillDuration,
                 title: errorTitle,
-                subTitle: errorSubTitle,
-                imageWidth: (null == (_task_uiContext8 = task.uiContext) ? void 0 : null == (_task_uiContext_size8 = _task_uiContext8.size) ? void 0 : _task_uiContext_size8.width) || imageWidth,
-                imageHeight: (null == (_task_uiContext9 = task.uiContext) ? void 0 : null == (_task_uiContext_size9 = _task_uiContext9.size) ? void 0 : _task_uiContext_size9.height) || imageHeight
+                subTitle: errorSubTitle
             });
             return;
         }

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

@@ -1,5 +1,4 @@
 import type { InfoListItem, StorageProvider } from '../../../types';
-import { MemoryStorageProvider as IndexedDBMemoryStorageProvider, NoOpStorageProvider as IndexedDBNoOpStorageProvider, IndexedDBStorageProvider } from './indexeddb-storage-provider';
 /**
  * Local Storage implementation for playground message persistence
  */
@@ -41,18 +40,3 @@ export declare class NoOpStorageProvider implements StorageProvider {
     clearMessages(): Promise<void>;
     saveResult(_id: string, _result: InfoListItem): Promise<void>;
 }
-/**
- * Storage type enumeration
- */
-export declare enum StorageType {
-    INDEXEDDB = "indexeddb",
-    LOCALSTORAGE = "localStorage",
-    MEMORY = "memory",
-    NONE = "none"
-}
-/**
- * Factory function to create the appropriate storage provider
- */
-export declare function createStorageProvider(type?: StorageType, namespace?: string): StorageProvider;
-export declare function detectBestStorageType(): StorageType;
-export { IndexedDBStorageProvider, IndexedDBMemoryStorageProvider, IndexedDBNoOpStorageProvider, };

package/dist/types/hooks/usePlaygroundExecution.d.ts

@@ -3,7 +3,7 @@ import type { FormValue, InfoListItem, PlaygroundSDKLike, StorageProvider } from
 /**
  * Hook for handling playground execution logic
  */
-export declare function usePlaygroundExecution(playgroundSDK: PlaygroundSDKLike | null, storage: StorageProvider | undefined | null, actionSpace: DeviceAction<unknown>[], loading: boolean, setLoading: (loading: boolean) => void, infoList: InfoListItem[], setInfoList: React.Dispatch<React.SetStateAction<InfoListItem[]>>, replayCounter: number, setReplayCounter: React.Dispatch<React.SetStateAction<number>>, verticalMode: boolean, currentRunningIdRef: React.MutableRefObject<number | null>, interruptedFlagRef: React.MutableRefObject<Record<number, boolean>>): {
+export declare function usePlaygroundExecution(playgroundSDK: PlaygroundSDKLike | null, storage: StorageProvider | undefined, actionSpace: DeviceAction<unknown>[], loading: boolean, setLoading: (loading: boolean) => void, infoList: InfoListItem[], setInfoList: React.Dispatch<React.SetStateAction<InfoListItem[]>>, replayCounter: number, setReplayCounter: React.Dispatch<React.SetStateAction<number>>, verticalMode: boolean, currentRunningIdRef: React.MutableRefObject<number | null>, interruptedFlagRef: React.MutableRefObject<Record<number, boolean>>): {
     handleRun: (value: FormValue) => Promise<void>;
     handleStop: () => Promise<void>;
     canStop: boolean;

package/dist/types/hooks/usePlaygroundState.d.ts

@@ -3,7 +3,7 @@ import type { ContextProvider, InfoListItem, PlaygroundSDKLike, StorageProvider
 /**
  * Hook for managing playground state
  */
-export declare function usePlaygroundState(playgroundSDK: PlaygroundSDKLike | null, storage?: StorageProvider | null, contextProvider?: ContextProvider): {
+export declare function usePlaygroundState(playgroundSDK: PlaygroundSDKLike | null, storage?: StorageProvider, contextProvider?: ContextProvider): {
     loading: boolean;
     setLoading: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     infoList: InfoListItem[];

package/dist/types/index.d.ts

@@ -23,5 +23,5 @@ export { timeStr, filterBase64Value } from './utils';
 export { default as ShinyText } from './component/shiny-text';
 export { UniversalPlayground, default as UniversalPlaygroundDefault, } from './component/universal-playground';
 export type { UniversalPlaygroundProps, PlaygroundSDKLike, StorageProvider, ContextProvider, UniversalPlaygroundConfig, PlaygroundBranding, InfoListItem, FormValue, ExecutionOptions, ProgressCallback, } from './types';
-export { LocalStorageProvider, MemoryStorageProvider, NoOpStorageProvider, IndexedDBStorageProvider, createStorageProvider, detectBestStorageType, StorageType, } from './component/universal-playground/providers/storage-provider';
+export { LocalStorageProvider, MemoryStorageProvider, NoOpStorageProvider, } from './component/universal-playground/providers/storage-provider';
 export { BaseContextProvider, AgentContextProvider, StaticContextProvider, NoOpContextProvider, } from './component/universal-playground/providers/context-provider';

package/dist/types/utils/replay-scripts.d.ts

@@ -18,8 +18,6 @@ export interface AnimationScript {
     insightCameraDuration?: number;
     title?: string;
     subTitle?: string;
-    imageWidth?: number;
-    imageHeight?: number;
 }
 export declare const cameraStateForRect: (rect: Rect, imageWidth: number, imageHeight: number) => TargetCameraState;
 export declare const mergeTwoCameraState: (cameraState1: TargetCameraState, cameraState2: TargetCameraState) => TargetCameraState;

package/package.json

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