@midscene/visualizer 0.30.9 → 0.30.11-beta-20251218071621.0

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

@@ -1,5 +1,5 @@
-'use client';
 "use strict";
+"use client";
 var __webpack_require__ = {};
 (()=>{
     __webpack_require__.d = (exports1, definition)=>{
@@ -25,21 +25,44 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
+    Blackboard: ()=>Blackboard,
     pointMarkForItem: ()=>pointMarkForItem,
     default: ()=>blackboard,
-    Blackboard: ()=>Blackboard,
     rectMarkForItem: ()=>rectMarkForItem
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 require("pixi.js/unsafe-eval");
-const external_antd_namespaceObject = require("antd");
 const external_pixi_js_namespaceObject = require("pixi.js");
 const external_react_namespaceObject = require("react");
 const color_js_namespaceObject = require("../../utils/color.js");
 require("./index.css");
-const extractor_namespaceObject = require("@midscene/shared/extractor");
 const external_pixi_filters_namespaceObject = require("pixi-filters");
-const store_js_namespaceObject = require("../../store/store.js");
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) resolve(value);
+    else Promise.resolve(value).then(_next, _throw);
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(void 0);
+        });
+    };
+}
 const itemFillAlpha = 0.4;
 const highlightAlpha = 0.4;
 const pointRadius = 10;
@@ -92,7 +115,7 @@ const rectMarkForItem = (rect, name, type)=>{
 };
 const Blackboard = (props)=>{
     const highlightElements = props.highlightElements || [];
-    const highlightIds = highlightElements.map((e)=>e.id);
+    highlightElements.map((e)=>e.id);
     const highlightRect = props.highlightRect;
     const highlightPoints = props.highlightPoints;
     const context = props.uiContext;
@@ -106,31 +129,39 @@ const Blackboard = (props)=>{
     const elementMarkContainer = (0, external_react_namespaceObject.useMemo)(()=>new external_pixi_js_namespaceObject.Container(), []);
     const [hoverElement, setHoverElement] = (0, external_react_namespaceObject.useState)(null);
     const pixiBgRef = (0, external_react_namespaceObject.useRef)(void 0);
-    const { backgroundVisible, setBackgroundVisible, elementsVisible, setElementsVisible } = (0, store_js_namespaceObject.useBlackboardPreference)();
+    const animationFrameRef = (0, external_react_namespaceObject.useRef)(null);
+    const highlightGraphicsRef = (0, external_react_namespaceObject.useRef)([]);
+    const glowFiltersRef = (0, external_react_namespaceObject.useRef)([]);
+    const backgroundVisible = true;
+    const elementsVisible = true;
     (0, external_react_namespaceObject.useEffect)(()=>{
-        Promise.resolve((async ()=>{
-            if (!domRef.current || !screenWidth) return;
-            await app.init({
-                width: screenWidth,
-                height: screenHeight,
-                background: 0xffffff
-            });
-            const canvasEl = domRef.current;
-            domRef.current.appendChild(app.canvas);
-            const { clientWidth } = domRef.current.parentElement;
-            const targetHeight = 0.6 * window.innerHeight;
-            const viewportRatio = clientWidth / targetHeight;
-            if (screenWidth / screenHeight <= viewportRatio) {
-                const ratio = targetHeight / screenHeight;
-                canvasEl.style.width = `${Math.floor(screenWidth * ratio)}px`;
-                canvasEl.style.height = `${Math.floor(screenHeight * ratio)}px`;
-            }
-            app.stage.addChild(highlightContainer);
-            app.stage.addChild(elementMarkContainer);
-            setAppInitialed(true);
-        })());
+        Promise.resolve((()=>_async_to_generator(function*() {
+                if (!domRef.current || !screenWidth) return;
+                yield app.init({
+                    width: screenWidth,
+                    height: screenHeight,
+                    background: 0xffffff
+                });
+                const canvasEl = domRef.current;
+                domRef.current.appendChild(app.canvas);
+                const { clientWidth } = domRef.current.parentElement;
+                const targetHeight = 0.6 * window.innerHeight;
+                const viewportRatio = clientWidth / targetHeight;
+                if (screenWidth / screenHeight <= viewportRatio) {
+                    const ratio = targetHeight / screenHeight;
+                    canvasEl.style.width = `${Math.floor(screenWidth * ratio)}px`;
+                    canvasEl.style.height = `${Math.floor(screenHeight * ratio)}px`;
+                }
+                app.stage.addChild(highlightContainer);
+                app.stage.addChild(elementMarkContainer);
+                setAppInitialed(true);
+            })())());
         return ()=>{
             console.log('will destroy');
+            if (null !== animationFrameRef.current) {
+                cancelAnimationFrame(animationFrameRef.current);
+                animationFrameRef.current = null;
+            }
             try {
                 app.destroy(true, {
                     children: true,
@@ -201,26 +232,54 @@ const Blackboard = (props)=>{
         elementMarkContainer.removeChildren();
         highlightContainer.eventMode = 'passive';
         elementMarkContainer.eventMode = 'passive';
+        highlightGraphicsRef.current = [];
+        glowFiltersRef.current = [];
         if (highlightRect) {
             const [graphics] = rectMarkForItem(highlightRect, 'Search Area', 'searchArea');
             highlightContainer.addChild(graphics);
         }
         if (highlightElements.length) highlightElements.forEach((element)=>{
             const { rect, content, id } = element;
-            const [graphics] = rectMarkForItem(rect, content, 'highlight');
-            highlightContainer.addChild(graphics);
+            const items = rectMarkForItem(rect, content, 'highlight');
+            const graphics = items[0];
+            const glowFilter = new external_pixi_filters_namespaceObject.GlowFilter({
+                distance: 30,
+                outerStrength: 3,
+                innerStrength: 0,
+                color: 0xfd5907,
+                quality: 0.5
+            });
+            const existingFilters = graphics.filters;
+            if (Array.isArray(existingFilters)) graphics.filters = [
+                ...existingFilters,
+                glowFilter
+            ];
+            else if (existingFilters) graphics.filters = [
+                existingFilters,
+                glowFilter
+            ];
+            else graphics.filters = [
+                glowFilter
+            ];
+            items.forEach((item)=>highlightContainer.addChild(item));
+            highlightGraphicsRef.current.push(graphics);
+            glowFiltersRef.current.push(glowFilter);
         });
         if (null == highlightPoints ? void 0 : highlightPoints.length) highlightPoints.forEach((point)=>{
             const graphics = pointMarkForItem(point, 'highlightPoint');
+            const glowFilter = new external_pixi_filters_namespaceObject.GlowFilter({
+                distance: 25,
+                outerStrength: 2.5,
+                innerStrength: 0,
+                color: 0xfd5907,
+                quality: 0.5
+            });
+            graphics.filters = [
+                glowFilter
+            ];
             highlightContainer.addChild(graphics);
-        });
-        const elements = (0, extractor_namespaceObject.treeToList)(context.tree);
-        elements.forEach((element)=>{
-            const { rect, content, id } = element;
-            const ifHighlight = highlightIds.includes(id) || (null == hoverElement ? void 0 : hoverElement.id) === id;
-            if (ifHighlight) return;
-            const [graphics] = rectMarkForItem(rect, content, 'element');
-            elementMarkContainer.addChild(graphics);
+            highlightGraphicsRef.current.push(graphics);
+            glowFiltersRef.current.push(glowFilter);
         });
         elementMarkContainer.visible = elementsVisible;
         return {
@@ -230,19 +289,50 @@ const Blackboard = (props)=>{
         app,
         appInitialed,
         highlightElements,
-        context.tree,
         hoverElement,
         highlightRect,
         highlightPoints
     ]);
-    const onSetBackgroundVisible = (e)=>{
-        setBackgroundVisible(e.target.checked);
-        if (pixiBgRef.current) pixiBgRef.current.visible = e.target.checked;
-    };
-    const onSetElementsVisible = (e)=>{
-        setElementsVisible(e.target.checked);
-        elementMarkContainer.visible = e.target.checked;
-    };
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (!appInitialed || 0 === highlightGraphicsRef.current.length) return void console.log('Animation skipped:', {
+            appInitialed,
+            graphicsCount: highlightGraphicsRef.current.length
+        });
+        console.log('Starting pulsing animation for', highlightGraphicsRef.current.length, 'graphics');
+        const graphicsToAnimate = highlightGraphicsRef.current;
+        const glowFilters = glowFiltersRef.current;
+        const pulseDuration = 1200;
+        const minAlpha = 0.4;
+        const maxAlpha = 1.0;
+        const minGlowStrength = 2.0;
+        const maxGlowStrength = 5.0;
+        const startTime = performance.now();
+        const animate = ()=>{
+            const elapsed = performance.now() - startTime;
+            const progress = elapsed % pulseDuration / pulseDuration;
+            const sineValue = Math.sin(progress * Math.PI * 2);
+            const normalizedSine = (sineValue + 1) / 2;
+            const alpha = minAlpha + normalizedSine * (maxAlpha - minAlpha);
+            const glowStrength = minGlowStrength + normalizedSine * (maxGlowStrength - minGlowStrength);
+            graphicsToAnimate.forEach((graphics, index)=>{
+                graphics.alpha = alpha;
+                if (glowFilters[index]) glowFilters[index].outerStrength = glowStrength;
+            });
+            animationFrameRef.current = requestAnimationFrame(animate);
+        };
+        animate();
+        return ()=>{
+            console.log('Stopping pulsing animation');
+            if (null !== animationFrameRef.current) {
+                cancelAnimationFrame(animationFrameRef.current);
+                animationFrameRef.current = null;
+            }
+        };
+    }, [
+        appInitialed,
+        highlightElements,
+        highlightPoints
+    ]);
     let bottomTipA = null;
     if (1 === highlightElementRects.length) bottomTipA = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         className: "bottom-tip",
@@ -274,27 +364,6 @@ const Blackboard = (props)=>{
                 },
                 ref: domRef
             }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                className: "blackboard-filter",
-                style: {
-                    display: props.hideController ? 'none' : 'block'
-                },
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                    className: "overlay-control",
-                    children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Checkbox, {
-                            checked: backgroundVisible,
-                            onChange: onSetBackgroundVisible,
-                            children: "Background"
-                        }),
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Checkbox, {
-                            checked: elementsVisible,
-                            onChange: onSetElementsVisible,
-                            children: "Elements"
-                        })
-                    ]
-                })
-            }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
                 className: "bottom-tip",
                 style: {
@@ -310,12 +379,12 @@ exports.Blackboard = __webpack_exports__.Blackboard;
 exports["default"] = __webpack_exports__["default"];
 exports.pointMarkForItem = __webpack_exports__.pointMarkForItem;
 exports.rectMarkForItem = __webpack_exports__.rectMarkForItem;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+for(var __rspack_i in __webpack_exports__)if (-1 === [
     "Blackboard",
     "default",
     "pointMarkForItem",
     "rectMarkForItem"
-].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/component/config-selector/index.js

@@ -41,8 +41,7 @@ const setting_js_namespaceObject = require("../../icons/setting.js");
 var setting_js_default = /*#__PURE__*/ __webpack_require__.n(setting_js_namespaceObject);
 const store_js_namespaceObject = require("../../store/store.js");
 const constants_js_namespaceObject = require("../../utils/constants.js");
-const ConfigSelector = (param)=>{
-    let { showDeepThinkOption = false, enableTracking = false, showDataExtractionOptions = false, hideDomAndScreenshotOptions = false } = param;
+const ConfigSelector = ({ showDeepThinkOption = false, enableTracking = false, showDataExtractionOptions = false, hideDomAndScreenshotOptions = false, deviceType })=>{
     const forceSameTabNavigation = (0, store_js_namespaceObject.useEnvConfig)((state)=>state.forceSameTabNavigation);
     const setForceSameTabNavigation = (0, store_js_namespaceObject.useEnvConfig)((state)=>state.setForceSameTabNavigation);
     const deepThink = (0, store_js_namespaceObject.useEnvConfig)((state)=>state.deepThink);
@@ -51,7 +50,16 @@ const ConfigSelector = (param)=>{
     const setScreenshotIncluded = (0, store_js_namespaceObject.useEnvConfig)((state)=>state.setScreenshotIncluded);
     const domIncluded = (0, store_js_namespaceObject.useEnvConfig)((state)=>state.domIncluded);
     const setDomIncluded = (0, store_js_namespaceObject.useEnvConfig)((state)=>state.setDomIncluded);
-    if (!enableTracking && !showDeepThinkOption && !showDataExtractionOptions) return null;
+    const imeStrategy = (0, store_js_namespaceObject.useEnvConfig)((state)=>state.imeStrategy);
+    const setImeStrategy = (0, store_js_namespaceObject.useEnvConfig)((state)=>state.setImeStrategy);
+    const autoDismissKeyboard = (0, store_js_namespaceObject.useEnvConfig)((state)=>state.autoDismissKeyboard);
+    const setAutoDismissKeyboard = (0, store_js_namespaceObject.useEnvConfig)((state)=>state.setAutoDismissKeyboard);
+    const keyboardDismissStrategy = (0, store_js_namespaceObject.useEnvConfig)((state)=>state.keyboardDismissStrategy);
+    const setKeyboardDismissStrategy = (0, store_js_namespaceObject.useEnvConfig)((state)=>state.setKeyboardDismissStrategy);
+    const alwaysRefreshScreenInfo = (0, store_js_namespaceObject.useEnvConfig)((state)=>state.alwaysRefreshScreenInfo);
+    const setAlwaysRefreshScreenInfo = (0, store_js_namespaceObject.useEnvConfig)((state)=>state.setAlwaysRefreshScreenInfo);
+    const hasDeviceOptions = 'android' === deviceType || 'ios' === deviceType;
+    if (!enableTracking && !showDeepThinkOption && !showDataExtractionOptions && !hasDeviceOptions) return null;
     const configItems = buildConfigItems();
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         className: "selector-trigger",
@@ -136,13 +144,103 @@ const ConfigSelector = (param)=>{
                 key: 'dom-included-config'
             });
         }
+        if ('android' === deviceType) {
+            items.push({
+                label: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                    style: {
+                        padding: '4px 0'
+                    },
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                            style: {
+                                marginBottom: '4px',
+                                fontSize: '14px'
+                            },
+                            children: constants_js_namespaceObject.imeStrategyTip
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_antd_namespaceObject.Radio.Group, {
+                            size: "small",
+                            value: imeStrategy,
+                            onChange: (e)=>setImeStrategy(e.target.value),
+                            children: [
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Radio, {
+                                    value: "always-yadb",
+                                    children: "Always YADB"
+                                }),
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Radio, {
+                                    value: "yadb-for-non-ascii",
+                                    children: "YADB for non-ASCII"
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                key: 'ime-strategy-config'
+            });
+            items.push({
+                label: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Checkbox, {
+                    onChange: (e)=>setAutoDismissKeyboard(e.target.checked),
+                    checked: autoDismissKeyboard,
+                    children: constants_js_namespaceObject.autoDismissKeyboardTip
+                }),
+                key: 'auto-dismiss-keyboard-config'
+            });
+            items.push({
+                label: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                    style: {
+                        padding: '4px 0'
+                    },
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                            style: {
+                                marginBottom: '4px',
+                                fontSize: '14px'
+                            },
+                            children: constants_js_namespaceObject.keyboardDismissStrategyTip
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_antd_namespaceObject.Radio.Group, {
+                            size: "small",
+                            value: keyboardDismissStrategy,
+                            onChange: (e)=>setKeyboardDismissStrategy(e.target.value),
+                            children: [
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Radio, {
+                                    value: "esc-first",
+                                    children: "ESC first"
+                                }),
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Radio, {
+                                    value: "back-first",
+                                    children: "Back first"
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                key: 'keyboard-dismiss-strategy-config'
+            });
+            items.push({
+                label: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Checkbox, {
+                    onChange: (e)=>setAlwaysRefreshScreenInfo(e.target.checked),
+                    checked: alwaysRefreshScreenInfo,
+                    children: constants_js_namespaceObject.alwaysRefreshScreenInfoTip
+                }),
+                key: 'always-refresh-screen-info-config'
+            });
+        }
+        if ('ios' === deviceType) items.push({
+            label: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Checkbox, {
+                onChange: (e)=>setAutoDismissKeyboard(e.target.checked),
+                checked: autoDismissKeyboard,
+                children: constants_js_namespaceObject.autoDismissKeyboardTip
+            }),
+            key: 'auto-dismiss-keyboard-config'
+        });
         return items;
     }
 };
 exports.ConfigSelector = __webpack_exports__.ConfigSelector;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+for(var __rspack_i in __webpack_exports__)if (-1 === [
     "ConfigSelector"
-].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/component/context-preview/index.js

@@ -42,8 +42,7 @@ var index_js_default = /*#__PURE__*/ __webpack_require__.n(index_js_namespaceObj
 const external_misc_index_js_namespaceObject = require("../misc/index.js");
 const playground_demo_ui_context_json_namespaceObject = require("../playground/playground-demo-ui-context.json");
 var playground_demo_ui_context_json_default = /*#__PURE__*/ __webpack_require__.n(playground_demo_ui_context_json_namespaceObject);
-const ContextPreview = (param)=>{
-    let { uiContextPreview, setUiContextPreview, showContextPreview } = param;
+const ContextPreview = ({ uiContextPreview, setUiContextPreview, showContextPreview })=>{
     if (!showContextPreview) return null;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
         className: "form-part context-panel",
@@ -75,9 +74,9 @@ const ContextPreview = (param)=>{
     });
 };
 exports.ContextPreview = __webpack_exports__.ContextPreview;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+for(var __rspack_i in __webpack_exports__)if (-1 === [
     "ContextPreview"
-].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/component/env-config/index.js

@@ -31,8 +31,7 @@ const icons_namespaceObject = require("@ant-design/icons");
 const external_antd_namespaceObject = require("antd");
 const external_react_namespaceObject = require("react");
 const store_js_namespaceObject = require("../../store/store.js");
-function EnvConfig(param) {
-    let { showTooltipWhenEmpty = true, showModelName = true, tooltipPlacement = 'bottom', mode = 'icon' } = param;
+function EnvConfig({ showTooltipWhenEmpty = true, showModelName = true, tooltipPlacement = 'bottom', mode = 'icon' }) {
     const { config, configString, loadConfig, syncFromStorage } = (0, store_js_namespaceObject.useEnvConfig)();
     const [isModalOpen, setIsModalOpen] = (0, external_react_namespaceObject.useState)(false);
     const [tempConfigString, setTempConfigString] = (0, external_react_namespaceObject.useState)(configString);
@@ -138,9 +137,9 @@ function EnvConfig(param) {
     });
 }
 exports.EnvConfig = __webpack_exports__.EnvConfig;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+for(var __rspack_i in __webpack_exports__)if (-1 === [
     "EnvConfig"
-].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/component/env-config-reminder/index.css

@@ -20,3 +20,11 @@
   font-size: 14px;
 }
 
+[data-theme="dark"] .env-config-reminder {
+  background: rgba(82, 38, 7, .3);
+}
+
+[data-theme="dark"] .env-config-reminder .reminder-text {
+  color: #f8fafd;
+}
+

package/dist/lib/component/env-config-reminder/index.js

@@ -31,8 +31,7 @@ const icons_namespaceObject = require("@ant-design/icons");
 const store_js_namespaceObject = require("../../store/store.js");
 const index_js_namespaceObject = require("../env-config/index.js");
 require("./index.css");
-const EnvConfigReminder = (param)=>{
-    let { className = '' } = param;
+const EnvConfigReminder = ({ className = '' })=>{
     const { config } = (0, store_js_namespaceObject.useEnvConfig)();
     const configAlreadySet = Object.keys(config || {}).length >= 1;
     if (configAlreadySet) return null;
@@ -54,9 +53,9 @@ const EnvConfigReminder = (param)=>{
     });
 };
 exports.EnvConfigReminder = __webpack_exports__.EnvConfigReminder;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+for(var __rspack_i in __webpack_exports__)if (-1 === [
     "EnvConfigReminder"
-].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/component/form-field/index.js

@@ -24,18 +24,17 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    BooleanField: ()=>BooleanField,
+    EnumField: ()=>EnumField,
     NumberField: ()=>NumberField,
-    TextField: ()=>TextField,
     LocateField: ()=>LocateField,
-    EnumField: ()=>EnumField
+    TextField: ()=>TextField,
+    BooleanField: ()=>BooleanField
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_antd_namespaceObject = require("antd");
 const { TextArea } = external_antd_namespaceObject.Input;
 const renderLabel = (label, isOptional)=>`${label}${isOptional ? ' (Optional)' : ''}`;
-const TextField = (param)=>{
-    let { name, label, isRequired, marginBottom, placeholder: customPlaceholder } = param;
+const TextField = ({ name, label, isRequired, marginBottom, placeholder: customPlaceholder })=>{
     const placeholder = customPlaceholder || `Enter ${name}`;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Form.Item, {
         name: [
@@ -58,8 +57,7 @@ const TextField = (param)=>{
         })
     }, name);
 };
-const LocateField = (param)=>{
-    let { name, label, isRequired, marginBottom, placeholder: customPlaceholder } = param;
+const LocateField = ({ name, label, isRequired, marginBottom, placeholder: customPlaceholder })=>{
     const placeholder = customPlaceholder || `Describe the ${name}, use natural language`;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Form.Item, {
         name: [
@@ -83,8 +81,7 @@ const LocateField = (param)=>{
         })
     }, name);
 };
-const EnumField = (param)=>{
-    let { name, label, fieldSchema, isRequired, marginBottom, placeholder: customPlaceholder } = param;
+const EnumField = ({ name, label, fieldSchema, isRequired, marginBottom, placeholder: customPlaceholder })=>{
     var _fieldSchema__def;
     const enumValues = (null == (_fieldSchema__def = fieldSchema._def) ? void 0 : _fieldSchema__def.values) || [];
     const selectOptions = enumValues.map((value)=>({
@@ -113,8 +110,7 @@ const EnumField = (param)=>{
         })
     }, name);
 };
-const NumberField = (param)=>{
-    let { name, label, isRequired, marginBottom, placeholder: customPlaceholder } = param;
+const NumberField = ({ name, label, isRequired, marginBottom, placeholder: customPlaceholder })=>{
     const defaultPlaceholder = 'distance' === name ? 500 : 0;
     const placeholderValue = customPlaceholder ? Number(customPlaceholder) || defaultPlaceholder : defaultPlaceholder;
     const min = 0;
@@ -158,8 +154,7 @@ const NumberField = (param)=>{
         })
     }, name);
 };
-const BooleanField = (param)=>{
-    let { name, label, isRequired, marginBottom, placeholder: customPlaceholder } = param;
+const BooleanField = ({ name, label, isRequired, marginBottom, placeholder: customPlaceholder })=>{
     const selectOptions = [
         {
             value: true,
@@ -197,13 +192,13 @@ exports.EnumField = __webpack_exports__.EnumField;
 exports.LocateField = __webpack_exports__.LocateField;
 exports.NumberField = __webpack_exports__.NumberField;
 exports.TextField = __webpack_exports__.TextField;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+for(var __rspack_i in __webpack_exports__)if (-1 === [
     "BooleanField",
     "EnumField",
     "LocateField",
     "NumberField",
     "TextField"
-].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/component/history-selector/index.css

@@ -77,7 +77,12 @@
   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 {
+.history-modal-container .history-search-section .search-input-wrapper .search-input:hover {
+  background: #fff;
+  border-color: #d9d9d9;
+}
+
+.history-modal-container .history-search-section .search-input-wrapper .search-input:focus-within {
   background: #fff;
   border-color: #d9d9d9;
 }
@@ -133,3 +138,35 @@
   padding: 40px 20px;
 }
 
+[data-theme="dark"] .history-selector .history-timestamp, [data-theme="dark"] .history-selector .history-path {
+  color: rgba(255, 255, 255, .45);
+}
+
+[data-theme="dark"] .history-selector .history-description {
+  color: #f8fafd;
+}
+
+[data-theme="dark"] .history-selector .history-no-items {
+  color: rgba(255, 255, 255, .45);
+}
+
+[data-theme="dark"] .history-selector .history-item:hover {
+  background: rgba(255, 255, 255, .08);
+}
+
+[data-theme="dark"] .history-selector .history-item .history-clear-icon {
+  border-color: rgba(255, 255, 255, .12);
+}
+
+[data-theme="dark"] .history-selector .history-item .history-clear-icon:hover {
+  border-color: #40a9ff;
+}
+
+[data-theme="dark"] .history-selector .history-load-more {
+  color: #1890ff;
+}
+
+[data-theme="dark"] .history-selector .history-load-more:hover {
+  color: #40a9ff;
+}
+

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

@@ -47,8 +47,7 @@ var magnifying_glass_js_default = /*#__PURE__*/ __webpack_require__.n(magnifying
 const external_store_history_js_namespaceObject = require("../../store/history.js");
 require("./index.css");
 const { Text } = external_antd_namespaceObject.Typography;
-const HistorySelector = (param)=>{
-    let { onSelect, history, currentType } = param;
+const HistorySelector = ({ onSelect, history, currentType })=>{
     const [isModalOpen, setIsModalOpen] = (0, external_react_namespaceObject.useState)(false);
     const [searchText, setSearchText] = (0, external_react_namespaceObject.useState)('');
     const clearHistory = (0, external_store_history_js_namespaceObject.useHistoryStore)((state)=>state.clearHistory);
@@ -208,9 +207,9 @@ const HistorySelector = (param)=>{
     });
 };
 exports.HistorySelector = __webpack_exports__.HistorySelector;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+for(var __rspack_i in __webpack_exports__)if (-1 === [
     "HistorySelector"
-].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
 });