@midscene/visualizer 1.7.7 → 1.7.10-beta-20260507030203.0

package/dist/lib/icons/prompt-history.js

@@ -0,0 +1,104 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __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 ('undefined' != 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__, {
+    default: ()=>prompt_history
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+require("react");
+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 prompt_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 prompt_history_ownKeys(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+    return target;
+}
+const SvgPromptHistory = (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), {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("path", {
+                stroke: "#878787",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 1.33,
+                d: "M1.505 4.164c-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: "#878787",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 1.33,
+                d: "M7.57 3.465v4.203l2.967 2.968"
+            })
+        ]
+    }));
+const prompt_history = SvgPromptHistory;
+exports["default"] = __webpack_exports__["default"];
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "default"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/lib/utils/empty-state-scroll.js

@@ -0,0 +1,42 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __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 ('undefined' != 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__, {
+    calculateEmptyStatePromptScrollTop: ()=>calculateEmptyStatePromptScrollTop
+});
+const DEFAULT_SAFE_MARGIN = 24;
+function calculateEmptyStatePromptScrollTop({ currentScrollTop, maxScrollTop, containerTop, containerBottom, contentStartTop, contentEndBottom, topSafeMargin = DEFAULT_SAFE_MARGIN, bottomSafeMargin = DEFAULT_SAFE_MARGIN }) {
+    const scrollForContentEnd = currentScrollTop + contentEndBottom - (containerBottom - bottomSafeMargin);
+    const maxScrollWithContentStartVisible = currentScrollTop + contentStartTop - (containerTop + topSafeMargin);
+    const targetScrollTop = Math.min(scrollForContentEnd, maxScrollWithContentStartVisible, maxScrollTop);
+    return Math.max(0, Math.round(targetScrollTop));
+}
+exports.calculateEmptyStatePromptScrollTop = __webpack_exports__.calculateEmptyStatePromptScrollTop;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "calculateEmptyStatePromptScrollTop"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/lib/utils/playground-utils.js

@@ -26,34 +26,17 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     staticAgentFromContext: ()=>staticAgentFromContext,
     actionNameForType: ()=>external_action_label_js_namespaceObject.actionNameForType,
-    getPlaceholderForType: ()=>getPlaceholderForType,
+    getPlaceholderForType: ()=>external_prompt_placeholder_js_namespaceObject.getPlaceholderForType,
     isRunButtonEnabled: ()=>isRunButtonEnabled
 });
 const static_namespaceObject = require("@midscene/web/static");
 const external_types_js_namespaceObject = require("../types.js");
 const external_action_label_js_namespaceObject = require("./action-label.js");
+const external_prompt_placeholder_js_namespaceObject = require("./prompt-placeholder.js");
 const staticAgentFromContext = (context)=>{
     const page = new static_namespaceObject.StaticPage(context);
     return new static_namespaceObject.StaticPageAgent(page);
 };
-const getPlaceholderForType = (type)=>{
-    if ('aiQuery' === type) return 'What do you want to query?';
-    if ('aiAssert' === type) return 'What do you want to assert?';
-    if ('aiTap' === type) return 'What element do you want to tap?';
-    if ('aiDoubleClick' === type) return 'What element do you want to double-click?';
-    if ('aiHover' === type) return 'What element do you want to hover over?';
-    if ('aiInput' === type) return 'Format: <value> | <element>\nExample: hello world | search box';
-    if ('aiRightClick' === type) return 'What element do you want to right-click?';
-    if ('aiKeyboardPress' === type) return 'Format: <key> | <element (optional)>\nExample: Enter | text field';
-    if ('aiScroll' === type) return 'Format: <direction> <amount> | <element (optional)>\nExample: down 500 | main content';
-    if ('aiLocate' === type) return 'What element do you want to locate?';
-    if ('aiBoolean' === type) return 'What do you want to check (returns true/false)?';
-    if ('aiNumber' === type) return 'What number do you want to extract?';
-    if ('aiString' === type) return 'What text do you want to extract?';
-    if ('aiAsk' === type) return 'What do you want to ask?';
-    if ('aiWaitFor' === type) return 'What condition do you want to wait for?';
-    return 'What do you want to do?';
-};
 const isRunButtonEnabled = (runButtonEnabled, needsStructuredParams, params, actionSpace, selectedType, promptValue)=>{
     if (!runButtonEnabled) return false;
     const needsAnyInput = (()=>{

package/dist/lib/utils/prompt-input-utils.js

@@ -25,6 +25,7 @@ var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     getAvailablePromptActionTypes: ()=>getAvailablePromptActionTypes,
+    shouldOffsetEmptyStateForPromptInput: ()=>shouldOffsetEmptyStateForPromptInput,
     getInlineStructuredFieldConfig: ()=>getInlineStructuredFieldConfig
 });
 const external_types_js_namespaceObject = require("../types.js");
@@ -71,11 +72,21 @@ const getInlineStructuredFieldConfig = (actionSpace, selectedType)=>{
         placeholder
     };
 };
+const shouldOffsetEmptyStateForPromptInput = (actionSpace, selectedType)=>{
+    if (!(null == actionSpace ? void 0 : actionSpace.length) || !selectedType) return false;
+    if (getInlineStructuredFieldConfig(actionSpace, selectedType)) return false;
+    const action = actionSpace.find((item)=>item.interfaceAlias === selectedType || item.name === selectedType);
+    if (!(null == action ? void 0 : action.paramSchema) || !(0, external_types_js_namespaceObject.isZodObjectSchema)(action.paramSchema)) return false;
+    const schema = action.paramSchema;
+    return Object.keys(schema.shape || {}).length > 1;
+};
 exports.getAvailablePromptActionTypes = __webpack_exports__.getAvailablePromptActionTypes;
 exports.getInlineStructuredFieldConfig = __webpack_exports__.getInlineStructuredFieldConfig;
+exports.shouldOffsetEmptyStateForPromptInput = __webpack_exports__.shouldOffsetEmptyStateForPromptInput;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "getAvailablePromptActionTypes",
-    "getInlineStructuredFieldConfig"
+    "getInlineStructuredFieldConfig",
+    "shouldOffsetEmptyStateForPromptInput"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true

package/dist/lib/utils/prompt-placeholder.js

@@ -0,0 +1,53 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __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 ('undefined' != 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__, {
+    getPlaceholderForType: ()=>getPlaceholderForType
+});
+const getPlaceholderForType = (type)=>{
+    if ('aiQuery' === type) return 'What do you want to query?';
+    if ('aiAssert' === type) return 'What do you want to assert?';
+    if ('aiTap' === type) return 'What element do you want to tap?';
+    if ('aiDoubleClick' === type) return 'What element do you want to double-click?';
+    if ('aiHover' === type) return 'What element do you want to hover over?';
+    if ('aiInput' === type) return 'Format: <value> | <element>\nExample: hello world | search box';
+    if ('aiRightClick' === type) return 'What element do you want to right-click?';
+    if ('aiKeyboardPress' === type) return 'Format: <key> | <element (optional)>\nExample: Enter | text field';
+    if ('aiScroll' === type) return 'Format: <direction> <amount> | <element (optional)>\nExample: down 500 | main content';
+    if ('aiLocate' === type) return 'What element do you want to locate?';
+    if ('aiBoolean' === type) return 'What do you want to check (returns true/false)?';
+    if ('aiNumber' === type) return 'What number do you want to extract?';
+    if ('aiString' === type) return 'What text do you want to extract?';
+    if ('aiAsk' === type) return 'What do you want to ask?';
+    if ('aiWaitFor' === type) return 'What condition do you want to wait for?';
+    return 'What do you want to do?';
+};
+exports.getPlaceholderForType = __webpack_exports__.getPlaceholderForType;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "getPlaceholderForType"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -1,9 +1,8 @@
-import './index.less';
+import type { DeviceAction } from '@midscene/core';
 import React from 'react';
 import type { DeviceType, RunType } from '../../types';
 import type { PromptInputChromeConfig, ServiceModeType } from '../../types';
 import './index.less';
-import type { DeviceAction } from '@midscene/core';
 interface PromptInputProps {
     runButtonEnabled: boolean;
     form: any;

package/dist/types/component/universal-playground/empty-state.d.ts

@@ -0,0 +1,3 @@
+import type { ReactNode } from 'react';
+import type { InfoListItem } from '../../types';
+export declare function shouldRenderCustomEmptyState(infoList: InfoListItem[], emptyState?: ReactNode): boolean;

package/dist/types/types.d.ts

@@ -192,6 +192,12 @@ export interface UniversalPlaygroundConfig {
      * host shell own the branding.
      */
     showSystemMessageHeader?: boolean;
+    /**
+     * Optional host-provided content rendered when the conversation has no
+     * user-visible chat messages yet. The internal welcome message stays in
+     * state, but compact hosts can replace its default text block visually.
+     */
+    emptyState?: ReactNode;
     /**
      * Opt-in controls for how consecutive progress items render in the
      * conversation log. Defaults flatten every progress step inline (no

package/dist/types/utils/empty-state-scroll.d.ts

@@ -0,0 +1,11 @@
+export interface EmptyStatePromptScrollMetrics {
+    currentScrollTop: number;
+    maxScrollTop: number;
+    containerTop: number;
+    containerBottom: number;
+    contentStartTop: number;
+    contentEndBottom: number;
+    topSafeMargin?: number;
+    bottomSafeMargin?: number;
+}
+export declare function calculateEmptyStatePromptScrollTop({ currentScrollTop, maxScrollTop, containerTop, containerBottom, contentStartTop, contentEndBottom, topSafeMargin, bottomSafeMargin, }: EmptyStatePromptScrollMetrics): number;

package/dist/types/utils/playground-utils.d.ts

@@ -6,6 +6,6 @@ import { StaticPageAgent } from '@midscene/web/static';
  * removed once all call sites are migrated.
  */
 export { actionNameForType } from './action-label';
+export { getPlaceholderForType } from './prompt-placeholder';
 export declare const staticAgentFromContext: (context: UIContext) => StaticPageAgent;
-export declare const getPlaceholderForType: (type: string) => string;
 export declare const isRunButtonEnabled: (runButtonEnabled: boolean, needsStructuredParams: boolean, params: any, actionSpace: any[] | undefined, selectedType: string, promptValue: string) => boolean;

package/dist/types/utils/prompt-input-utils.d.ts

@@ -22,3 +22,4 @@ export interface InlineStructuredFieldConfig {
  */
 export declare const getAvailablePromptActionTypes: (actionSpace: DeviceAction<any>[] | undefined) => string[];
 export declare const getInlineStructuredFieldConfig: (actionSpace: DeviceAction<any>[] | undefined, selectedType: string) => InlineStructuredFieldConfig | null;
+export declare const shouldOffsetEmptyStateForPromptInput: (actionSpace: DeviceAction<any>[] | undefined, selectedType: string) => boolean;

package/dist/types/utils/prompt-placeholder.d.ts

@@ -0,0 +1 @@
+export declare const getPlaceholderForType: (type: string) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@midscene/visualizer",
-  "version": "1.7.7",
+  "version": "1.7.10-beta-20260507030203.0",
   "repository": "https://github.com/web-infra-dev/midscene",
   "homepage": "https://midscenejs.com/",
   "types": "./dist/types/index.d.ts",
@@ -10,7 +10,14 @@
     ".": {
       "types": "./dist/types/index.d.ts",
       "import": "./dist/es/index.mjs",
-      "require": "./dist/es/index.js"
+      "require": "./dist/lib/index.js"
+    }
+  },
+  "typesVersions": {
+    "*": {
+      ".": [
+        "./dist/types/index.d.ts"
+      ]
     }
   },
   "files": [
@@ -58,10 +65,10 @@
     "antd": "^5.21.6",
     "buffer": "6.0.3",
     "dayjs": "^1.11.11",
-    "@midscene/core": "1.7.7",
-    "@midscene/playground": "1.7.7",
-    "@midscene/web": "1.7.7",
-    "@midscene/shared": "1.7.7"
+    "@midscene/playground": "1.7.10-beta-20260507030203.0",
+    "@midscene/core": "1.7.10-beta-20260507030203.0",
+    "@midscene/shared": "1.7.10-beta-20260507030203.0",
+    "@midscene/web": "1.7.10-beta-20260507030203.0"
   },
   "license": "MIT",
   "scripts": {