@midscene/playground-app 1.7.3 → 1.7.4

package/dist/lib/SessionSetupPanel.js

@@ -1,5 +1,14 @@
 "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, {
@@ -28,7 +37,11 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_antd_namespaceObject = require("antd");
-const { Paragraph, Title } = external_antd_namespaceObject.Typography;
+const dropdown_chevron_js_namespaceObject = require("./icons/dropdown-chevron.js");
+var dropdown_chevron_js_default = /*#__PURE__*/ __webpack_require__.n(dropdown_chevron_js_namespaceObject);
+const midscene_logo_js_namespaceObject = require("./icons/midscene-logo.js");
+var midscene_logo_js_default = /*#__PURE__*/ __webpack_require__.n(midscene_logo_js_namespaceObject);
+require("./SessionSetupPanel.css");
 function getPlatformSelectorFieldKey(setup) {
     var _setup_platformSelector;
     return null == setup ? void 0 : null == (_setup_platformSelector = setup.platformSelector) ? void 0 : _setup_platformSelector.fieldKey;
@@ -46,6 +59,12 @@ function getPlatformSelectorOptions(field, setup) {
         }));
     return registryOptions.length > 0 ? registryOptions : field.options;
 }
+function DropdownSuffix() {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(dropdown_chevron_js_default(), {
+        "aria-hidden": "true",
+        className: "session-setup-select-icon"
+    });
+}
 function renderSessionField(field, sessionSetup) {
     if ('number' === field.type) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.InputNumber, {
         style: {
@@ -75,9 +94,11 @@ function renderSessionField(field, sessionSetup) {
                     ]
                 }, String(option.value)))
         });
+        var _ref;
         return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Select, {
             placeholder: field.placeholder,
-            options: (platformOptions || field.options || []).map((option)=>({
+            suffixIcon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DropdownSuffix, {}),
+            options: (null != (_ref = null != platformOptions ? platformOptions : field.options) ? _ref : []).map((option)=>({
                     label: option.label,
                     value: option.value,
                     description: option.description
@@ -105,63 +126,74 @@ function renderSessionField(field, sessionSetup) {
         placeholder: field.placeholder
     });
 }
-function SessionSetupPanel({ form, sessionSetup, sessionSetupError, sessionViewState, sessionLoading, sessionMutating, onCreateSession, onRefreshTargets }) {
+const DEFAULT_TITLE = 'Create Agent';
+const DEFAULT_DESCRIPTION = 'Create a platform session before running actions.';
+function SessionSetupPanel({ form, sessionSetup, sessionSetupError, sessionViewState, sessionLoading, sessionMutating, onCreateSession }) {
+    const submitDisabled = sessionMutating || sessionLoading || 'blocked' === sessionViewState.setupState;
+    var _sessionSetup_primaryActionLabel;
+    const primaryLabel = null != (_sessionSetup_primaryActionLabel = null == sessionSetup ? void 0 : sessionSetup.primaryActionLabel) ? _sessionSetup_primaryActionLabel : DEFAULT_TITLE;
+    var _sessionSetup_title;
+    const title = null != (_sessionSetup_title = null == sessionSetup ? void 0 : sessionSetup.title) ? _sessionSetup_title : DEFAULT_TITLE;
+    var _sessionSetup_description;
+    const description = null != (_sessionSetup_description = null == sessionSetup ? void 0 : sessionSetup.description) ? _sessionSetup_description : DEFAULT_DESCRIPTION;
+    var _sessionSetup_fields;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         className: "session-setup-panel",
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
             className: "session-setup-card",
             children: [
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Title, {
-                    level: 4,
-                    children: (null == sessionSetup ? void 0 : sessionSetup.title) || 'Create Agent'
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(midscene_logo_js_default(), {
+                    "aria-hidden": "true",
+                    className: "session-setup-logo"
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h1", {
+                    className: "session-setup-title",
+                    children: title
                 }),
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Paragraph, {
-                    type: "secondary",
-                    children: (null == sessionSetup ? void 0 : sessionSetup.description) || 'Create a platform session before running actions.'
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+                    className: "session-setup-description",
+                    children: description
                 }),
                 'blocked' === sessionViewState.setupState && sessionViewState.setupBlockingReason && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Alert, {
                     type: "error",
                     showIcon: true,
                     message: "Setup blocked",
-                    description: sessionViewState.setupBlockingReason
+                    description: sessionViewState.setupBlockingReason,
+                    className: "session-setup-alert"
                 }),
                 sessionSetupError ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Alert, {
                     type: "error",
                     showIcon: true,
                     message: "Failed to load setup",
-                    description: sessionSetupError
+                    description: sessionSetupError,
+                    className: "session-setup-alert"
                 }) : null,
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Form, {
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_antd_namespaceObject.Form, {
                     form: form,
                     layout: "vertical",
                     className: "session-setup-form",
-                    children: ((null == sessionSetup ? void 0 : sessionSetup.fields) || []).map((field)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Form.Item, {
-                            label: field.label,
-                            name: field.key,
-                            tooltip: field.description,
-                            rules: field.required ? [
-                                {
-                                    required: true,
-                                    message: `${field.label} is required`
-                                }
-                            ] : void 0,
-                            children: renderSessionField(field, sessionSetup)
-                        }, field.key))
-                }),
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_antd_namespaceObject.Space, {
-                    size: 12,
+                    onFinish: ()=>{
+                        if (submitDisabled) return;
+                        onCreateSession();
+                    },
                     children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Button, {
-                            type: "primary",
-                            loading: sessionMutating,
-                            disabled: sessionLoading || 'blocked' === sessionViewState.setupState,
-                            onClick: onCreateSession,
-                            children: (null == sessionSetup ? void 0 : sessionSetup.primaryActionLabel) || 'Create Agent'
-                        }),
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Button, {
-                            onClick: onRefreshTargets,
-                            loading: sessionLoading,
-                            children: "Refresh targets"
+                        (null != (_sessionSetup_fields = null == sessionSetup ? void 0 : sessionSetup.fields) ? _sessionSetup_fields : []).map((field)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Form.Item, {
+                                label: field.label,
+                                name: field.key,
+                                tooltip: field.description,
+                                rules: field.required ? [
+                                    {
+                                        required: true,
+                                        message: `${field.label} is required`
+                                    }
+                                ] : void 0,
+                                children: renderSessionField(field, sessionSetup)
+                            }, field.key)),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                            type: "submit",
+                            className: "session-setup-submit",
+                            disabled: submitDisabled,
+                            children: sessionMutating ? 'Creating...' : primaryLabel
                         })
                     ]
                 })

package/dist/lib/controller/ai-config.js

@@ -0,0 +1,74 @@
+"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__, {
+    applyPlaygroundAiConfig: ()=>applyPlaygroundAiConfig,
+    hasPlaygroundAiConfig: ()=>hasPlaygroundAiConfig
+});
+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);
+        });
+    };
+}
+function hasPlaygroundAiConfig(config) {
+    return Object.keys(config).length > 0;
+}
+function applyPlaygroundAiConfig(playgroundSDK, config) {
+    return _async_to_generator(function*() {
+        if (!hasPlaygroundAiConfig(config)) return false;
+        yield playgroundSDK.overrideConfig(config);
+        return true;
+    })();
+}
+exports.applyPlaygroundAiConfig = __webpack_exports__.applyPlaygroundAiConfig;
+exports.hasPlaygroundAiConfig = __webpack_exports__.hasPlaygroundAiConfig;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "applyPlaygroundAiConfig",
+    "hasPlaygroundAiConfig"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/lib/controller/auto-create.js

@@ -0,0 +1,59 @@
+"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__, {
+    resolveAutoCreateDecision: ()=>resolveAutoCreateDecision,
+    serializeAutoCreateInput: ()=>serializeAutoCreateInput,
+    shouldResetAutoCreateBlock: ()=>shouldResetAutoCreateBlock
+});
+function serializeAutoCreateInput(autoCreateInput) {
+    if (!autoCreateInput) return null;
+    return JSON.stringify(autoCreateInput);
+}
+function resolveAutoCreateDecision({ autoCreateInput, lastAttemptedSignature, blockedSignature }) {
+    const signature = serializeAutoCreateInput(autoCreateInput);
+    if (!signature) return {
+        signature: null,
+        shouldCreate: false
+    };
+    return {
+        signature,
+        shouldCreate: signature !== lastAttemptedSignature && signature !== blockedSignature
+    };
+}
+function shouldResetAutoCreateBlock(options) {
+    return !(null == options ? void 0 : options.silent);
+}
+exports.resolveAutoCreateDecision = __webpack_exports__.resolveAutoCreateDecision;
+exports.serializeAutoCreateInput = __webpack_exports__.serializeAutoCreateInput;
+exports.shouldResetAutoCreateBlock = __webpack_exports__.shouldResetAutoCreateBlock;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "resolveAutoCreateDecision",
+    "serializeAutoCreateInput",
+    "shouldResetAutoCreateBlock"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/lib/controller/selectors.js

@@ -0,0 +1,103 @@
+"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__, {
+    buildConversationBranding: ()=>buildConversationBranding,
+    buildConversationConfig: ()=>buildConversationConfig
+});
+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 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 ownKeys(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+    return target;
+}
+function buildConversationConfig(state, playgroundConfig) {
+    return _object_spread({
+        showContextPreview: false,
+        layout: 'vertical',
+        showVersionInfo: true,
+        enableScrollToBottom: true,
+        serverMode: true,
+        showEnvConfigReminder: true,
+        deviceType: state.deviceType,
+        executionUx: {
+            hints: state.executionUxHints,
+            countdownSeconds: state.countdownSeconds
+        }
+    }, playgroundConfig);
+}
+function buildConversationBranding(runtimeInfo, title, appVersion, deviceType, branding) {
+    var _runtimeInfo_title, _runtimeInfo_platformId, _ref, _ref1;
+    return _object_spread_props(_object_spread({}, branding), {
+        title: null != (_runtimeInfo_title = null == runtimeInfo ? void 0 : runtimeInfo.title) ? _runtimeInfo_title : title,
+        version: appVersion,
+        targetName: null != (_ref1 = null != (_ref = null != (_runtimeInfo_platformId = null == runtimeInfo ? void 0 : runtimeInfo.platformId) ? _runtimeInfo_platformId : null == branding ? void 0 : branding.targetName) ? _ref : deviceType) ? _ref1 : 'screen'
+    });
+}
+exports.buildConversationBranding = __webpack_exports__.buildConversationBranding;
+exports.buildConversationConfig = __webpack_exports__.buildConversationConfig;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "buildConversationBranding",
+    "buildConversationConfig"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/lib/controller/types.js

@@ -0,0 +1,18 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __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__);
+for(var __rspack_i in __webpack_exports__)exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});