@midscene/visualizer 0.30.10 → 1.0.0

package/dist/lib/icons/history.js

@@ -28,16 +28,58 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 require("react");
-const SvgHistory = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("svg", {
+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 history_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 history_ownKeys(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+    return target;
+}
+const SvgHistory = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("svg", _object_spread_props(_object_spread({
         xmlns: "http://www.w3.org/2000/svg",
         width: 25,
         height: 25,
         fill: "none",
-        viewBox: "0 0 25 25",
-        ...props,
+        viewBox: "0 0 25 25"
+    }, props), {
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("path", {
-                stroke: "#000",
+                stroke: "currentColor",
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
                 strokeOpacity: 0.85,
@@ -45,7 +87,7 @@ const SvgHistory = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(
                 d: "M6.63 9.021c-2.862 6.126 2.197 10.501 6.063 10.501a7 7 0 1 0-6.063-10.5"
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("path", {
-                stroke: "#000",
+                stroke: "currentColor",
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
                 strokeOpacity: 0.85,
@@ -53,12 +95,12 @@ const SvgHistory = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(
                 d: "M12.695 8.322v4.203l2.967 2.968"
             })
         ]
-    });
+    }));
 const icons_history = SvgHistory;
 exports["default"] = __webpack_exports__["default"];
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+for(var __rspack_i in __webpack_exports__)if (-1 === [
     "default"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/lib/icons/magnifying-glass.js

@@ -28,16 +28,58 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 require("react");
-const SvgMagnifyingGlass = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("svg", {
+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 magnifying_glass_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 magnifying_glass_ownKeys(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+    return target;
+}
+const SvgMagnifyingGlass = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("svg", _object_spread_props(_object_spread({
         xmlns: "http://www.w3.org/2000/svg",
         width: 19,
         height: 19,
         fill: "none",
-        viewBox: "0 0 19 19",
-        ...props,
+        viewBox: "0 0 19 19"
+    }, props), {
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("g", {
-                stroke: "#000",
+                stroke: "currentColor",
                 strokeLinejoin: "round",
                 strokeOpacity: 0.65,
                 strokeWidth: 1.5,
@@ -62,12 +104,12 @@ const SvgMagnifyingGlass = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObjec
                 })
             })
         ]
-    });
+    }));
 const magnifying_glass = SvgMagnifyingGlass;
 exports["default"] = __webpack_exports__["default"];
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+for(var __rspack_i in __webpack_exports__)if (-1 === [
     "default"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/lib/icons/player-setting.js

@@ -28,33 +28,75 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 require("react");
-const SvgPlayerSetting = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("svg", {
+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 player_setting_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 player_setting_ownKeys(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+    return target;
+}
+const SvgPlayerSetting = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("svg", _object_spread_props(_object_spread({
         xmlns: "http://www.w3.org/2000/svg",
         width: 16,
         height: 16,
         fill: "none",
-        viewBox: "0 0 16 16",
-        ...props,
+        viewBox: "0 0 16 16"
+    }, props), {
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("path", {
-                stroke: "#333",
+                stroke: "currentColor",
                 strokeLinejoin: "round",
                 strokeWidth: 1.333,
                 d: "M11.333 13.667 14.667 8l-3.334-5.667H4.667L1.333 8l3.334 5.667z"
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("path", {
-                stroke: "#333",
+                stroke: "currentColor",
                 strokeLinejoin: "round",
                 strokeWidth: 1.333,
                 d: "M8 9.667a1.667 1.667 0 1 0 0-3.334 1.667 1.667 0 0 0 0 3.334Z"
             })
         ]
-    });
+    }));
 const player_setting = SvgPlayerSetting;
 exports["default"] = __webpack_exports__["default"];
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+for(var __rspack_i in __webpack_exports__)if (-1 === [
     "default"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/lib/icons/setting.js

@@ -28,27 +28,69 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 require("react");
-const SvgSetting = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("svg", {
+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 setting_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 setting_ownKeys(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+    return target;
+}
+const SvgSetting = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("svg", _object_spread_props(_object_spread({
         xmlns: "http://www.w3.org/2000/svg",
         width: 27,
         height: 27,
         fill: "none",
-        viewBox: "0 0 27 27",
-        ...props,
+        viewBox: "0 0 27 27"
+    }, props), {
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("path", {
-            stroke: "#000",
+            stroke: "currentColor",
             strokeLinecap: "round",
             strokeLinejoin: "round",
             strokeOpacity: 0.85,
             strokeWidth: 1.333,
             d: "M19.527 8.855h-2M14.86 7.522v2.667M14.86 8.855H7.527M10.194 13.522H7.527M12.86 12.189v2.666M20.193 13.522H12.86M19.527 18.189h-2M14.86 16.855v2.667M14.86 18.189H7.527"
         })
-    });
+    }));
 const setting = SvgSetting;
 exports["default"] = __webpack_exports__["default"];
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+for(var __rspack_i in __webpack_exports__)if (-1 === [
     "default"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/lib/icons/show-marker.js

@@ -28,23 +28,65 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 require("react");
-const SvgShowMarker = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("svg", {
+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 show_marker_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 show_marker_ownKeys(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+    return target;
+}
+const SvgShowMarker = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("svg", _object_spread_props(_object_spread({
         xmlns: "http://www.w3.org/2000/svg",
         width: 16,
         height: 16,
         fill: "none",
-        viewBox: "0 0 16 16",
-        ...props,
+        viewBox: "0 0 16 16"
+    }, props), {
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("path", {
-            fill: "#333",
+            fill: "currentColor",
             d: "M13 1.835a2.165 2.165 0 0 1 .665 4.225v3.88a2.166 2.166 0 1 1-2.725 2.725H5.06a2.165 2.165 0 1 1-2.725-2.726V6.06A2.165 2.165 0 1 1 5.06 3.336h5.88c.281-.87 1.097-1.5 2.06-1.5m-10 9.33a.835.835 0 1 0 0 1.67.835.835 0 0 0 0-1.67m10 0a.835.835 0 1 0 0 1.67.835.835 0 0 0 0-1.67m-7.94-6.5A2.17 2.17 0 0 1 3.665 6.06v3.88c.66.213 1.181.734 1.395 1.395h5.88a2.17 2.17 0 0 1 1.395-1.396V6.06a2.17 2.17 0 0 1-1.395-1.394zM3 3.165a.835.835 0 1 0 0 1.67.835.835 0 0 0 0-1.67m10 0a.835.835 0 1 0 0 1.67.835.835 0 0 0 0-1.67"
         })
-    });
+    }));
 const show_marker = SvgShowMarker;
 exports["default"] = __webpack_exports__["default"];
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+for(var __rspack_i in __webpack_exports__)if (-1 === [
     "default"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/lib/index.js

@@ -33,49 +33,50 @@ var __webpack_require__ = {};
 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,
-    EnvConfig: ()=>index_js_namespaceObject.EnvConfig,
     allScriptsFromDump: ()=>replay_scripts_js_namespaceObject.allScriptsFromDump,
-    LocalStorageProvider: ()=>storage_provider_js_namespaceObject.LocalStorageProvider,
-    UniversalPlaygroundDefault: ()=>universal_playground_index_js_default(),
-    generateAnimationScripts: ()=>replay_scripts_js_namespaceObject.generateAnimationScripts,
-    ShinyText: ()=>shiny_text_index_js_default(),
-    getPlaceholderForType: ()=>playground_utils_js_namespaceObject.getPlaceholderForType,
     staticAgentFromContext: ()=>playground_utils_js_namespaceObject.staticAgentFromContext,
-    useSafeOverrideAIConfig: ()=>useSafeOverrideAIConfig_js_namespaceObject.useSafeOverrideAIConfig,
+    iconForStatus: ()=>misc_index_js_namespaceObject.iconForStatus,
+    StorageType: ()=>storage_provider_js_namespaceObject.StorageType,
+    detectBestStorageType: ()=>storage_provider_js_namespaceObject.detectBestStorageType,
+    StaticContextProvider: ()=>context_provider_js_namespaceObject.StaticContextProvider,
+    colorForName: ()=>color_js_namespaceObject.colorForName,
     useServerValid: ()=>useServerValid_js_namespaceObject.useServerValid,
-    ServiceModeControl: ()=>service_mode_control_index_js_namespaceObject.ServiceModeControl,
+    useSafeOverrideAIConfig: ()=>useSafeOverrideAIConfig_js_namespaceObject.useSafeOverrideAIConfig,
     BaseContextProvider: ()=>context_provider_js_namespaceObject.BaseContextProvider,
-    colorForName: ()=>color_js_namespaceObject.colorForName,
+    PlaygroundResultView: ()=>playground_result_index_js_namespaceObject.PlaygroundResultView,
     safeOverrideAIConfig: ()=>useSafeOverrideAIConfig_js_namespaceObject.safeOverrideAIConfig,
+    highlightColorForType: ()=>color_js_namespaceObject.highlightColorForType,
+    useGlobalPreference: ()=>store_js_namespaceObject.useGlobalPreference,
+    AgentContextProvider: ()=>context_provider_js_namespaceObject.AgentContextProvider,
+    UniversalPlaygroundDefault: ()=>universal_playground_index_js_default(),
+    actionNameForType: ()=>playground_utils_js_namespaceObject.actionNameForType,
+    EnvConfig: ()=>index_js_namespaceObject.EnvConfig,
+    EnvConfigReminder: ()=>env_config_reminder_index_js_namespaceObject.EnvConfigReminder,
     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,
+    MemoryStorageProvider: ()=>storage_provider_js_namespaceObject.MemoryStorageProvider,
+    Blackboard: ()=>blackboard_index_js_namespaceObject.Blackboard,
+    ShinyText: ()=>shiny_text_index_js_default(),
     NoOpStorageProvider: ()=>storage_provider_js_namespaceObject.NoOpStorageProvider,
+    LocalStorageProvider: ()=>storage_provider_js_namespaceObject.LocalStorageProvider,
+    ScreenshotViewer: ()=>screenshot_viewer_index_js_default(),
+    generateAnimationScripts: ()=>replay_scripts_js_namespaceObject.generateAnimationScripts,
+    getPlaceholderForType: ()=>playground_utils_js_namespaceObject.getPlaceholderForType,
+    IndexedDBStorageProvider: ()=>storage_provider_js_namespaceObject.IndexedDBStorageProvider,
+    NoOpContextProvider: ()=>context_provider_js_namespaceObject.NoOpContextProvider,
+    ServiceModeControl: ()=>service_mode_control_index_js_namespaceObject.ServiceModeControl,
+    globalThemeConfig: ()=>color_js_namespaceObject.globalThemeConfig,
     ContextPreview: ()=>context_preview_index_js_namespaceObject.ContextPreview,
-    PromptInput: ()=>prompt_input_index_js_namespaceObject.PromptInput,
-    StaticContextProvider: ()=>context_provider_js_namespaceObject.StaticContextProvider,
-    Blackboard: ()=>blackboard_index_js_namespaceObject.Blackboard,
+    createStorageProvider: ()=>storage_provider_js_namespaceObject.createStorageProvider,
+    useTheme: ()=>useTheme_js_namespaceObject.useTheme,
+    UniversalPlayground: ()=>universal_playground_index_js_namespaceObject.UniversalPlayground,
     Player: ()=>player_index_js_namespaceObject.Player,
-    AgentContextProvider: ()=>context_provider_js_namespaceObject.AgentContextProvider,
-    EnvConfigReminder: ()=>env_config_reminder_index_js_namespaceObject.EnvConfigReminder,
+    NavActions: ()=>nav_actions_index_js_namespaceObject.NavActions,
+    PromptInput: ()=>prompt_input_index_js_namespaceObject.PromptInput,
     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
+    timeCostStrElement: ()=>misc_index_js_namespaceObject.timeCostStrElement,
+    useEnvConfig: ()=>store_js_namespaceObject.useEnvConfig
 });
-require("./component/playground/index.css");
-require("./component/universal-playground/index.css");
 const replay_scripts_js_namespaceObject = require("./utils/replay-scripts.js");
 const store_js_namespaceObject = require("./store/store.js");
 const color_js_namespaceObject = require("./utils/color.js");
@@ -84,6 +85,7 @@ const env_config_reminder_index_js_namespaceObject = require("./component/env-co
 const nav_actions_index_js_namespaceObject = require("./component/nav-actions/index.js");
 const logo_index_js_namespaceObject = require("./component/logo/index.js");
 const misc_index_js_namespaceObject = require("./component/misc/index.js");
+const useTheme_js_namespaceObject = require("./hooks/useTheme.js");
 const useServerValid_js_namespaceObject = require("./hooks/useServerValid.js");
 const useSafeOverrideAIConfig_js_namespaceObject = require("./hooks/useSafeOverrideAIConfig.js");
 const playground_result_index_js_namespaceObject = require("./component/playground-result/index.js");
@@ -92,6 +94,8 @@ const context_preview_index_js_namespaceObject = require("./component/context-pr
 const prompt_input_index_js_namespaceObject = require("./component/prompt-input/index.js");
 const player_index_js_namespaceObject = require("./component/player/index.js");
 const blackboard_index_js_namespaceObject = require("./component/blackboard/index.js");
+const screenshot_viewer_index_js_namespaceObject = require("./component/screenshot-viewer/index.js");
+var screenshot_viewer_index_js_default = /*#__PURE__*/ __webpack_require__.n(screenshot_viewer_index_js_namespaceObject);
 const playground_utils_js_namespaceObject = require("./utils/playground-utils.js");
 const external_utils_index_js_namespaceObject = require("./utils/index.js");
 const shiny_text_index_js_namespaceObject = require("./component/shiny-text/index.js");
@@ -116,6 +120,7 @@ exports.NoOpStorageProvider = __webpack_exports__.NoOpStorageProvider;
 exports.Player = __webpack_exports__.Player;
 exports.PlaygroundResultView = __webpack_exports__.PlaygroundResultView;
 exports.PromptInput = __webpack_exports__.PromptInput;
+exports.ScreenshotViewer = __webpack_exports__.ScreenshotViewer;
 exports.ServiceModeControl = __webpack_exports__.ServiceModeControl;
 exports.ShinyText = __webpack_exports__.ShinyText;
 exports.StaticContextProvider = __webpack_exports__.StaticContextProvider;
@@ -138,9 +143,11 @@ exports.staticAgentFromContext = __webpack_exports__.staticAgentFromContext;
 exports.timeCostStrElement = __webpack_exports__.timeCostStrElement;
 exports.timeStr = __webpack_exports__.timeStr;
 exports.useEnvConfig = __webpack_exports__.useEnvConfig;
+exports.useGlobalPreference = __webpack_exports__.useGlobalPreference;
 exports.useSafeOverrideAIConfig = __webpack_exports__.useSafeOverrideAIConfig;
 exports.useServerValid = __webpack_exports__.useServerValid;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+exports.useTheme = __webpack_exports__.useTheme;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
     "AgentContextProvider",
     "BaseContextProvider",
     "Blackboard",
@@ -157,6 +164,7 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "Player",
     "PlaygroundResultView",
     "PromptInput",
+    "ScreenshotViewer",
     "ServiceModeControl",
     "ShinyText",
     "StaticContextProvider",
@@ -179,9 +187,11 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "timeCostStrElement",
     "timeStr",
     "useEnvConfig",
+    "useGlobalPreference",
     "useSafeOverrideAIConfig",
-    "useServerValid"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+    "useServerValid",
+    "useTheme"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/lib/store/history.js

@@ -27,6 +27,48 @@ __webpack_require__.d(__webpack_exports__, {
     useHistoryStore: ()=>useHistoryStore
 });
 const external_zustand_namespaceObject = require("zustand");
+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 history_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 history_ownKeys(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+    return target;
+}
 const { create } = external_zustand_namespaceObject;
 const HISTORY_KEY = 'midscene-prompt-history-v2';
 const LAST_SELECTED_TYPE_KEY = 'midscene-last-selected-type';
@@ -34,7 +76,7 @@ const getHistoryFromLocalStorage = ()=>{
     const historyString = localStorage.getItem(HISTORY_KEY);
     return historyString ? JSON.parse(historyString) : {};
 };
-const getLastSelectedType = ()=>localStorage.getItem(LAST_SELECTED_TYPE_KEY) || 'aiAction';
+const getLastSelectedType = ()=>localStorage.getItem(LAST_SELECTED_TYPE_KEY) || 'aiAct';
 const setLastSelectedType = (type)=>{
     localStorage.setItem(LAST_SELECTED_TYPE_KEY, type);
 };
@@ -42,9 +84,7 @@ const useHistoryStore = create((set, get)=>({
         history: getHistoryFromLocalStorage(),
         lastSelectedType: getLastSelectedType(),
         clearHistory: (type)=>{
-            const newHistory = {
-                ...get().history
-            };
+            const newHistory = _object_spread({}, get().history);
             delete newHistory[type];
             set({
                 history: newHistory
@@ -70,10 +110,9 @@ const useHistoryStore = create((set, get)=>({
                 })
             ];
             if (newTypeHistory.length > 10) newTypeHistory.length = 10;
-            const newHistory = {
-                ...currentHistory,
+            const newHistory = _object_spread_props(_object_spread({}, currentHistory), {
                 [type]: newTypeHistory
-            };
+            });
             set({
                 history: newHistory
             });
@@ -88,9 +127,9 @@ const useHistoryStore = create((set, get)=>({
         }
     }));
 exports.useHistoryStore = __webpack_exports__.useHistoryStore;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+for(var __rspack_i in __webpack_exports__)if (-1 === [
     "useHistoryStore"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true
 });