@godscene/visualizer 1.7.11

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

@@ -0,0 +1,118 @@
+.blackboard .footer {
+  color: #aaa;
+}
+
+.blackboard ul {
+  padding-left: 0;
+}
+
+.blackboard li {
+  list-style: none;
+}
+
+.blackboard .bottom-tip {
+  height: 30px;
+}
+
+.blackboard .bottom-tip-item {
+  color: #aaa;
+  text-overflow: ellipsis;
+  word-wrap: break-word;
+  max-width: 500px;
+}
+
+.blackboard-main-content {
+  position: relative;
+  overflow: hidden;
+}
+
+.blackboard-screenshot {
+  box-sizing: border-box;
+  border: 1px solid #888;
+  width: 100%;
+  display: block;
+}
+
+.blackboard-overlay {
+  pointer-events: none;
+  width: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+.blackboard-rect {
+  box-sizing: content-box;
+  pointer-events: none;
+  z-index: 1;
+  position: absolute;
+}
+
+.blackboard-rect-label {
+  white-space: nowrap;
+  padding: 1px 4px;
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 1.4;
+  position: absolute;
+  bottom: 100%;
+  left: 0;
+}
+
+.blackboard-rect-search {
+  border: calc(1px * var(--ui-scale, 1)) solid #028391;
+  background: rgba(2, 131, 145, .15);
+}
+
+.blackboard-rect-search .blackboard-rect-label {
+  color: #028391;
+}
+
+.blackboard-rect-highlight {
+  border: calc(1px * var(--ui-scale, 1)) solid #fd5907;
+  background: rgba(253, 89, 7, .15);
+  animation: 1.2s ease-in-out infinite blackboard-pulse;
+}
+
+.blackboard-rect-highlight .blackboard-rect-label {
+  color: #000;
+}
+
+.blackboard-point {
+  width: calc(20px * var(--ui-scale, 1));
+  height: calc(20px * var(--ui-scale, 1));
+  margin-left: calc(-10px * var(--ui-scale, 1));
+  margin-top: calc(-10px * var(--ui-scale, 1));
+  border: calc(2px * var(--ui-scale, 1)) solid #fd5907;
+  box-shadow: 0 0 calc(6px * var(--ui-scale, 1)) rgba(253, 89, 7, .5);
+  pointer-events: none;
+  z-index: 2;
+  background: rgba(253, 89, 7, .4);
+  border-radius: 50%;
+  animation: 1.2s ease-in-out infinite blackboard-pulse;
+  position: absolute;
+}
+
+@keyframes blackboard-pulse {
+  0%, 100% {
+    opacity: .4;
+  }
+
+  50% {
+    opacity: 1;
+    box-shadow: 0 0 12px rgba(253, 89, 7, .5);
+  }
+}
+
+[data-theme="dark"] .blackboard .footer, [data-theme="dark"] .blackboard .bottom-tip-item {
+  color: rgba(255, 255, 255, .45);
+}
+
+[data-theme="dark"] .blackboard-screenshot {
+  border-color: rgba(255, 255, 255, .12);
+}
+
+[data-theme="dark"] .blackboard-rect-highlight .blackboard-rect-label {
+  color: #fff;
+}
+

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

@@ -0,0 +1,169 @@
+"use strict";
+"use client";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Blackboard: ()=>Blackboard,
+    default: ()=>blackboard
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+var external_react_default = /*#__PURE__*/ __webpack_require__.n(external_react_namespaceObject);
+const highlight_element_js_namespaceObject = require("../../utils/highlight-element.js");
+const external_highlights_js_namespaceObject = require("./highlights.js");
+require("./index.css");
+const Blackboard = (props)=>{
+    var _props_uiContext;
+    const highlightElements = props.highlightElements || [];
+    const highlightRect = props.highlightRect;
+    if (!(null == (_props_uiContext = props.uiContext) ? void 0 : _props_uiContext.shotSize)) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: "blackboard",
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            className: "blackboard-main-content",
+            style: {
+                padding: '20px'
+            },
+            children: "No UI context available"
+        })
+    });
+    const context = props.uiContext;
+    const { shotSize, screenshot } = context;
+    const screenWidth = shotSize.width;
+    const screenHeight = shotSize.height;
+    const highlightOverlays = external_react_default().useMemo(()=>(0, external_highlights_js_namespaceObject.normalizeBlackboardHighlights)(highlightElements), [
+        highlightElements
+    ]);
+    const screenshotBase64 = external_react_default().useMemo(()=>{
+        if (!screenshot) return '';
+        if ('object' == typeof screenshot && 'base64' in screenshot) return screenshot.base64;
+        if ('string' == typeof screenshot) return screenshot;
+        return '';
+    }, [
+        screenshot
+    ]);
+    const highlightBoxes = highlightOverlays.map((highlight)=>(0, highlight_element_js_namespaceObject.getCenterHighlightBox)(highlight));
+    let bottomTipA = null;
+    if (1 === highlightBoxes.length) bottomTipA = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: "bottom-tip",
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+            className: "bottom-tip-item",
+            children: [
+                "Element: ",
+                JSON.stringify(highlightBoxes[0])
+            ]
+        })
+    });
+    else if (highlightBoxes.length > 1) bottomTipA = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: "bottom-tip",
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+            className: "bottom-tip-item",
+            children: [
+                "Element: ",
+                JSON.stringify(highlightBoxes)
+            ]
+        })
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: "blackboard",
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "blackboard-main-content",
+                style: {
+                    width: 'fit-content',
+                    maxWidth: '100%',
+                    position: 'relative'
+                },
+                children: [
+                    screenshotBase64 && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("img", {
+                        src: screenshotBase64,
+                        alt: "screenshot",
+                        className: "blackboard-screenshot",
+                        draggable: false
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                        className: "blackboard-overlay",
+                        style: {
+                            aspectRatio: `${screenWidth}/${screenHeight}`,
+                            '--ui-scale': Math.max(1, Math.sqrt(screenWidth / 1920))
+                        },
+                        children: [
+                            highlightRect && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                className: "blackboard-rect blackboard-rect-search",
+                                style: {
+                                    left: `${highlightRect.left / screenWidth * 100}%`,
+                                    top: `${highlightRect.top / screenHeight * 100}%`,
+                                    width: `${highlightRect.width / screenWidth * 100}%`,
+                                    height: `${highlightRect.height / screenHeight * 100}%`
+                                },
+                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                    className: "blackboard-rect-label",
+                                    children: "Search Area"
+                                })
+                            }),
+                            highlightOverlays.map((el)=>{
+                                const highlightBox = (0, highlight_element_js_namespaceObject.getCenterHighlightBox)(el);
+                                return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                    className: "blackboard-rect blackboard-rect-highlight",
+                                    style: {
+                                        left: `${highlightBox.left / screenWidth * 100}%`,
+                                        top: `${highlightBox.top / screenHeight * 100}%`,
+                                        width: `${highlightBox.width / screenWidth * 100}%`,
+                                        height: `${highlightBox.height / screenHeight * 100}%`
+                                    }
+                                }, `${el.key}-rect`);
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "bottom-tip",
+                style: {
+                    display: props.hideController ? 'none' : 'block'
+                },
+                children: bottomTipA
+            })
+        ]
+    });
+};
+const blackboard = Blackboard;
+exports.Blackboard = __webpack_exports__.Blackboard;
+exports["default"] = __webpack_exports__["default"];
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Blackboard",
+    "default"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,295 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    ConfigSelector: ()=>ConfigSelector
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_antd_namespaceObject = require("antd");
+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 device_capabilities_js_namespaceObject = require("../../utils/device-capabilities.js");
+const ConfigSelector = ({ showDeepLocateOption = false, showDeepThinkOption = false, enableTracking = false, showDataExtractionOptions = false, hideDomAndScreenshotOptions = false, deviceType, trigger, popupPlacement = 'bottomRight' })=>{
+    const forceSameTabNavigation = (0, store_js_namespaceObject.useEnvConfig)((state)=>state.forceSameTabNavigation);
+    const setForceSameTabNavigation = (0, store_js_namespaceObject.useEnvConfig)((state)=>state.setForceSameTabNavigation);
+    const deepLocate = (0, store_js_namespaceObject.useEnvConfig)((state)=>state.deepLocate);
+    const setDeepLocate = (0, store_js_namespaceObject.useEnvConfig)((state)=>state.setDeepLocate);
+    const deepThink = (0, store_js_namespaceObject.useEnvConfig)((state)=>state.deepThink);
+    const setDeepThink = (0, store_js_namespaceObject.useEnvConfig)((state)=>state.setDeepThink);
+    const screenshotIncluded = (0, store_js_namespaceObject.useEnvConfig)((state)=>state.screenshotIncluded);
+    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);
+    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 deviceCapabilities = (0, device_capabilities_js_namespaceObject.getDeviceCapabilities)(deviceType);
+    const hasDeviceOptions = (0, device_capabilities_js_namespaceObject.hasDeviceSpecificConfig)(deviceType);
+    if (!enableTracking && !showDeepLocateOption && !showDeepThinkOption && !showDataExtractionOptions && !hasDeviceOptions) return null;
+    const configItems = buildConfigItems();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: "selector-trigger",
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Dropdown, {
+            getPopupContainer: (triggerNode)=>triggerNode.ownerDocument.body,
+            menu: {
+                items: configItems
+            },
+            overlayClassName: "config-selector-dropdown",
+            overlayStyle: {
+                zIndex: 10010
+            },
+            placement: popupPlacement,
+            trigger: [
+                'click'
+            ],
+            children: null != trigger ? trigger : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(setting_js_default(), {
+                width: 24,
+                height: 24
+            })
+        })
+    });
+    function buildConfigItems() {
+        const items = [];
+        if (enableTracking) items.push({
+            label: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Checkbox, {
+                onChange: (e)=>setForceSameTabNavigation(e.target.checked),
+                checked: forceSameTabNavigation,
+                children: constants_js_namespaceObject.trackingTip
+            }),
+            key: 'track-config'
+        });
+        if (showDeepLocateOption) items.push({
+            label: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Checkbox, {
+                onChange: (e)=>{
+                    setDeepLocate(e.target.checked);
+                },
+                checked: deepLocate,
+                children: constants_js_namespaceObject.deepLocateTip
+            }),
+            key: 'deep-locate-config'
+        });
+        if (showDeepThinkOption) 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.deepThinkTip
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_antd_namespaceObject.Radio.Group, {
+                        size: "small",
+                        value: deepThink,
+                        onChange: (e)=>setDeepThink(e.target.value),
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Tooltip, {
+                                title: "Controlled by MIDSCENE_MODEL_REASONING_ENABLED env variable",
+                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Radio, {
+                                    value: 'unset',
+                                    children: "Auto"
+                                })
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Radio, {
+                                value: true,
+                                children: "On"
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Radio, {
+                                value: false,
+                                children: "Off"
+                            })
+                        ]
+                    })
+                ]
+            }),
+            key: 'deep-think-config'
+        });
+        if (showDataExtractionOptions && !hideDomAndScreenshotOptions) {
+            items.push({
+                label: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Checkbox, {
+                    onChange: (e)=>{
+                        setScreenshotIncluded(e.target.checked);
+                    },
+                    checked: screenshotIncluded,
+                    children: constants_js_namespaceObject.screenshotIncludedTip
+                }),
+                key: 'screenshot-included-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.domIncludedTip
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_antd_namespaceObject.Radio.Group, {
+                            size: "small",
+                            value: domIncluded,
+                            onChange: (e)=>setDomIncluded(e.target.value),
+                            children: [
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Radio, {
+                                    value: false,
+                                    children: "Off"
+                                }),
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Radio, {
+                                    value: true,
+                                    children: "All"
+                                }),
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Radio, {
+                                    value: 'visible-only',
+                                    children: "Visible only"
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                key: 'dom-included-config'
+            });
+        }
+        if (deviceCapabilities.supportsImeStrategy) {
+            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'
+            });
+            if (deviceCapabilities.supportsAutoDismissKeyboard) 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'
+            });
+            if (deviceCapabilities.supportsKeyboardDismissStrategy) 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'
+            });
+            if (deviceCapabilities.supportsAlwaysRefreshScreenInfo) 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 (!deviceCapabilities.supportsImeStrategy && deviceCapabilities.supportsAutoDismissKeyboard) 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 __rspack_i in __webpack_exports__)if (-1 === [
+    "ConfigSelector"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/lib/component/context-preview/index.js

@@ -0,0 +1,82 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    ContextPreview: ()=>ContextPreview
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_antd_namespaceObject = require("antd");
+const index_js_namespaceObject = require("../blackboard/index.js");
+var index_js_default = /*#__PURE__*/ __webpack_require__.n(index_js_namespaceObject);
+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 = ({ uiContextPreview, setUiContextPreview, showContextPreview })=>{
+    if (!showContextPreview) return null;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: "form-part context-panel",
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h3", {
+                children: "UI Context"
+            }),
+            uiContextPreview ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_default(), {
+                uiContext: uiContextPreview,
+                hideController: true
+            }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                children: [
+                    (0, external_misc_index_js_namespaceObject.iconForStatus)('failed'),
+                    " No UI context",
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Button, {
+                        type: "link",
+                        onClick: (e)=>{
+                            e.preventDefault();
+                            setUiContextPreview(playground_demo_ui_context_json_default());
+                        },
+                        children: "Load Demo"
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        children: "To load the UI context, you can either use the demo data above, or click the 'Send to Playground' in the report page."
+                    })
+                ]
+            })
+        ]
+    });
+};
+exports.ContextPreview = __webpack_exports__.ContextPreview;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "ContextPreview"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});