@midscene/visualizer 1.7.10-beta-20260507123827.0 → 1.7.10

package/dist/es/component/screenshot-viewer/index.mjs

@@ -36,6 +36,7 @@ function ScreenshotViewer({ getScreenshot, getInterfaceInfo, serverOnline, isUse
     const [lastUpdateTime, setLastUpdateTime] = useState(0);
     const [interfaceInfo, setInterfaceInfo] = useState(null);
     const [mjpegRetryToken, setMjpegRetryToken] = useState('');
+    const mjpegImageRef = useRef(null);
     const isMjpeg = Boolean(mjpegUrl && serverOnline);
     const showChrome = 'screen-only' !== mode;
     const rootClassName = [
@@ -44,6 +45,19 @@ function ScreenshotViewer({ getScreenshot, getInterfaceInfo, serverOnline, isUse
     ].filter(Boolean).join(' ');
     const pollingIntervalRef = useRef(null);
     const isPollingPausedRef = useRef(false);
+    useEffect(()=>{
+        if (!isMjpeg) return;
+        const timer = window.setTimeout(()=>{
+            const image = mjpegImageRef.current;
+            if (!image || image.naturalWidth > 0 || image.naturalHeight > 0) return;
+            setMjpegRetryToken(String(Date.now()));
+        }, 2500);
+        return ()=>window.clearTimeout(timer);
+    }, [
+        isMjpeg,
+        mjpegRetryToken,
+        mjpegUrl
+    ]);
     const fetchScreenshot = useCallback((isManual = false)=>_async_to_generator(function*() {
             if (!serverOnline) return;
             setLoading(true);
@@ -135,7 +149,7 @@ function ScreenshotViewer({ getScreenshot, getInterfaceInfo, serverOnline, isUse
         fetchInterfaceInfo
     ]);
     useEffect(()=>{
-        if (!serverOnline) return;
+        if (!serverOnline || isMjpeg) return;
         if (isUserOperating) pausePolling();
         else {
             resumePolling();
@@ -146,7 +160,8 @@ function ScreenshotViewer({ getScreenshot, getInterfaceInfo, serverOnline, isUse
         pausePolling,
         resumePolling,
         fetchScreenshot,
-        serverOnline
+        serverOnline,
+        isMjpeg
     ]);
     useEffect(()=>()=>{
             stopPolling();
@@ -204,6 +219,7 @@ function ScreenshotViewer({ getScreenshot, getInterfaceInfo, serverOnline, isUse
     const screenshotContent = /*#__PURE__*/ jsx("div", {
         className: "screenshot-content",
         children: isMjpeg ? /*#__PURE__*/ jsx("img", {
+            ref: mjpegImageRef,
             src: mjpegRetryToken ? `${mjpegUrl}${(null == mjpegUrl ? void 0 : mjpegUrl.includes('?')) ? '&' : '?'}_mjpegRetry=${encodeURIComponent(mjpegRetryToken)}` : mjpegUrl,
             alt: "Device Live Stream",
             className: "screenshot-image",

package/dist/es/component/universal-playground/index.css

@@ -405,7 +405,6 @@
 }
 
 .playground-container.playground-conversation-skin .bottom-input-section {
-  border-top: 1px solid var(--midscene-border-subtle);
   background: var(--midscene-surface);
   flex-shrink: 0;
   padding: 12px;
@@ -417,27 +416,27 @@
 }
 
 .playground-container.playground-conversation-skin .list-item > div:has( > .progress-action-item) {
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 8px;
-  display: flex;
+  display: block;
 }
 
 .playground-container.playground-conversation-skin .progress-action-item {
   color: rgba(0, 0, 0, .7);
+  letter-spacing: 0;
   background: rgba(0, 0, 0, .08);
   border-radius: 38px;
   flex-direction: row-reverse;
   justify-content: flex-end;
   align-items: center;
-  gap: 8px;
+  gap: 4px;
   width: -moz-fit-content;
   width: fit-content;
   max-width: 100%;
   height: 28px;
   margin: 0 0 0 24px;
   padding: 2px 12px 2px 4px;
+  font-family: Inter, sans-serif;
   font-size: 14px;
+  font-weight: 400;
   line-height: 22px;
   display: flex;
 }
@@ -445,16 +444,16 @@
 .playground-container.playground-conversation-skin .progress-action-item .progress-status-icon {
   justify-content: center;
   align-items: center;
-  width: 24px;
-  height: 24px;
+  width: 16px;
+  height: 28px;
   margin-left: 0;
-  font-size: 14px;
+  font-size: 16px;
   display: inline-flex;
 }
 
 .playground-container.playground-conversation-skin .progress-action-item + div {
   width: 100%;
-  margin: 0;
+  margin: 8px 0 0;
   padding-left: 20px;
 }
 
@@ -474,19 +473,23 @@
   margin-top: -8px;
 }
 
-.playground-container.playground-conversation-skin .list-item:has(.progress-action-item):has( + .list-item .progress-action-item):after {
+.playground-container.playground-conversation-skin .list-item:has(.progress-action-item):after {
   content: "";
   pointer-events: none;
   background: rgba(0, 0, 0, .08);
   width: 1px;
   position: absolute;
-  top: 23px;
+  top: 0;
   bottom: -16px;
-  left: 12px;
+  left: 8px;
 }
 
-.playground-container.playground-conversation-skin .list-item:has(.progress-action-item) + .list-item:has(.progress-action-item):has( + .list-item .progress-action-item):after {
-  top: 0;
+.playground-container.playground-conversation-skin .list-item:not(.list-item:has(.progress-action-item) + .list-item):has(.progress-action-item):after {
+  top: 23px;
+}
+
+.playground-container.playground-conversation-skin .list-item:has(.progress-action-item):not(:has( + .list-item .progress-action-item)):after {
+  bottom: 0;
 }
 
 .playground-container.playground-conversation-skin .progress-group-toggle {
@@ -499,7 +502,7 @@
   background: rgba(255, 255, 255, .08);
 }
 
-[data-theme="dark"] .playground-container.playground-conversation-skin .list-item:has(.progress-action-item):has( + .list-item .progress-action-item):after {
+[data-theme="dark"] .playground-container.playground-conversation-skin .list-item:has(.progress-action-item):after {
   background: rgba(255, 255, 255, .12);
 }
 

package/dist/es/component/universal-playground/index.mjs

@@ -171,7 +171,8 @@ function UniversalPlayground({ playgroundSDK, storage, contextProvider, config:
         const firstIds = new Set();
         const visible = [];
         let currentGroupFirstId = null;
-        for (const item of infoList)if ('progress' === item.type) {
+        const hideWelcome = infoList.length > 1;
+        for (const item of infoList)if (!hideWelcome || 'welcome' !== item.id) if ('progress' === item.type) {
             if (null === currentGroupFirstId) {
                 currentGroupFirstId = item.id;
                 firstIds.add(item.id);
@@ -281,10 +282,13 @@ function UniversalPlayground({ playgroundSDK, storage, contextProvider, config:
                             }) : /*#__PURE__*/ jsx(List, {
                                 itemLayout: "vertical",
                                 dataSource: visibleInfoList,
-                                renderItem: (item)=>/*#__PURE__*/ jsxs(List.Item, {
+                                renderItem: (item)=>{
+                                    const isFirstInProgressGroup = collapsibleProgressGroup && firstInProgressGroup.has(item.id);
+                                    const isCollapsedHeader = isFirstInProgressGroup && collapsedProgressGroups.has(item.id);
+                                    return /*#__PURE__*/ jsxs(List.Item, {
                                         className: "list-item",
                                         children: [
-                                            collapsibleProgressGroup && firstInProgressGroup.has(item.id) ? /*#__PURE__*/ jsxs("button", {
+                                            isFirstInProgressGroup ? /*#__PURE__*/ jsxs("button", {
                                                 type: "button",
                                                 className: `progress-group-toggle ${collapsedProgressGroups.has(item.id) ? 'is-collapsed' : 'is-expanded'}`,
                                                 "aria-expanded": !collapsedProgressGroups.has(item.id),
@@ -299,7 +303,7 @@ function UniversalPlayground({ playgroundSDK, storage, contextProvider, config:
                                                     })
                                                 ]
                                             }) : null,
-                                            'user' === item.type ? /*#__PURE__*/ jsx("div", {
+                                            isCollapsedHeader ? null : 'user' === item.type ? /*#__PURE__*/ jsx("div", {
                                                 className: "user-message-container",
                                                 children: /*#__PURE__*/ jsx("div", {
                                                     className: "user-message-bubble",
@@ -407,7 +411,8 @@ function UniversalPlayground({ playgroundSDK, storage, contextProvider, config:
                                                 ]
                                             })
                                         ]
-                                    }, item.id)
+                                    }, item.id);
+                                }
                             })
                         }),
                         showScrollToBottomButton && false !== componentConfig.enableScrollToBottom && /*#__PURE__*/ jsx(Button, {

package/dist/es/utils/action-label.mjs

@@ -1,5 +1,6 @@
 const actionNameForType = (type)=>{
     if (!type) return '';
+    if ('aiAct' === type) return 'Action';
     const typeWithoutAi = type.startsWith('ai') ? type.slice(2) : type;
     if (typeWithoutAi.startsWith('IOS')) return typeWithoutAi.substring(3).replace(/([A-Z])/g, ' $1').replace(/^/, 'IOS').trim();
     const fullName = typeWithoutAi.replace(/([A-Z])/g, ' $1').trim();

package/dist/es/utils/progress-action-icon.mjs

@@ -1,42 +1,23 @@
-import { AimOutlined, CheckCircleOutlined, EditOutlined, ExperimentOutlined, FileSearchOutlined, HourglassOutlined, PlayCircleOutlined, QuestionCircleOutlined, SearchOutlined, SelectOutlined, SwapOutlined, ThunderboltOutlined } from "@ant-design/icons";
 import { createElement } from "react";
-function defaultProgressActionIcon(kind) {
-    switch(kind){
-        case 'Planning':
-            return /*#__PURE__*/ createElement(ExperimentOutlined);
-        case 'Locate':
-        case 'Insight':
-            return /*#__PURE__*/ createElement(SearchOutlined);
-        case 'Tap':
-        case 'Click':
-        case 'DoubleClick':
-        case 'RightClick':
-            return /*#__PURE__*/ createElement(AimOutlined);
-        case 'Hover':
-            return /*#__PURE__*/ createElement(SelectOutlined);
-        case 'Input':
-        case 'KeyboardPress':
-            return /*#__PURE__*/ createElement(EditOutlined);
-        case 'Scroll':
-        case 'Swipe':
-        case 'PullGesture':
-            return /*#__PURE__*/ createElement(SwapOutlined);
-        case 'WaitFor':
-            return /*#__PURE__*/ createElement(HourglassOutlined);
-        case 'Assert':
-        case 'Boolean':
-            return /*#__PURE__*/ createElement(CheckCircleOutlined);
-        case 'Query':
-        case 'Number':
-        case 'String':
-            return /*#__PURE__*/ createElement(FileSearchOutlined);
-        case 'Ask':
-            return /*#__PURE__*/ createElement(QuestionCircleOutlined);
-        case 'Act':
-            return /*#__PURE__*/ createElement(PlayCircleOutlined);
-        default:
-            return /*#__PURE__*/ createElement(ThunderboltOutlined);
-    }
+function CompletedActionIcon() {
+    return /*#__PURE__*/ createElement('svg', {
+        width: 16,
+        height: 16,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        xmlns: 'http://www.w3.org/2000/svg',
+        'aria-hidden': true,
+        focusable: false
+    }, /*#__PURE__*/ createElement('path', {
+        d: 'M7.3335 12L10.6668 15.3334L17.3335 8.66669',
+        stroke: '#188F4D',
+        strokeWidth: '1.33333',
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round'
+    }));
+}
+function defaultProgressActionIcon(_kind) {
+    return /*#__PURE__*/ createElement(CompletedActionIcon);
 }
 function resolveProgressActionIcon(kind, override) {
     if (!kind) return null;

package/dist/es/utils/prompt-input-utils.mjs

@@ -4,14 +4,10 @@ const getAvailablePromptActionTypes = (actionSpace)=>{
     const metadataMethods = Object.keys(apiMetadata);
     if (!(null == actionSpace ? void 0 : actionSpace.length)) return metadataMethods;
     const availableMethods = actionSpace.map((action)=>action.interfaceAlias || action.name);
-    const supportsAiAct = availableMethods.includes('aiAct');
     const finalMethods = new Set();
     metadataMethods.forEach((method)=>{
         const methodInfo = apiMetadata[method];
-        if ('aiAct' === method) {
-            if (supportsAiAct) finalMethods.add(method);
-            return;
-        }
+        if ('aiAct' === method) return void finalMethods.add(method);
         if ((null == methodInfo ? void 0 : methodInfo.group) === 'extraction' || (null == methodInfo ? void 0 : methodInfo.group) === 'validation') return void finalMethods.add(method);
         if (availableMethods.includes(method)) finalMethods.add(method);
     });

package/dist/lib/component/screenshot-viewer/index.js

@@ -64,6 +64,7 @@ function ScreenshotViewer({ getScreenshot, getInterfaceInfo, serverOnline, isUse
     const [lastUpdateTime, setLastUpdateTime] = (0, external_react_namespaceObject.useState)(0);
     const [interfaceInfo, setInterfaceInfo] = (0, external_react_namespaceObject.useState)(null);
     const [mjpegRetryToken, setMjpegRetryToken] = (0, external_react_namespaceObject.useState)('');
+    const mjpegImageRef = (0, external_react_namespaceObject.useRef)(null);
     const isMjpeg = Boolean(mjpegUrl && serverOnline);
     const showChrome = 'screen-only' !== mode;
     const rootClassName = [
@@ -72,6 +73,19 @@ function ScreenshotViewer({ getScreenshot, getInterfaceInfo, serverOnline, isUse
     ].filter(Boolean).join(' ');
     const pollingIntervalRef = (0, external_react_namespaceObject.useRef)(null);
     const isPollingPausedRef = (0, external_react_namespaceObject.useRef)(false);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (!isMjpeg) return;
+        const timer = window.setTimeout(()=>{
+            const image = mjpegImageRef.current;
+            if (!image || image.naturalWidth > 0 || image.naturalHeight > 0) return;
+            setMjpegRetryToken(String(Date.now()));
+        }, 2500);
+        return ()=>window.clearTimeout(timer);
+    }, [
+        isMjpeg,
+        mjpegRetryToken,
+        mjpegUrl
+    ]);
     const fetchScreenshot = (0, external_react_namespaceObject.useCallback)((isManual = false)=>_async_to_generator(function*() {
             if (!serverOnline) return;
             setLoading(true);
@@ -163,7 +177,7 @@ function ScreenshotViewer({ getScreenshot, getInterfaceInfo, serverOnline, isUse
         fetchInterfaceInfo
     ]);
     (0, external_react_namespaceObject.useEffect)(()=>{
-        if (!serverOnline) return;
+        if (!serverOnline || isMjpeg) return;
         if (isUserOperating) pausePolling();
         else {
             resumePolling();
@@ -174,7 +188,8 @@ function ScreenshotViewer({ getScreenshot, getInterfaceInfo, serverOnline, isUse
         pausePolling,
         resumePolling,
         fetchScreenshot,
-        serverOnline
+        serverOnline,
+        isMjpeg
     ]);
     (0, external_react_namespaceObject.useEffect)(()=>()=>{
             stopPolling();
@@ -232,6 +247,7 @@ function ScreenshotViewer({ getScreenshot, getInterfaceInfo, serverOnline, isUse
     const screenshotContent = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         className: "screenshot-content",
         children: isMjpeg ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("img", {
+            ref: mjpegImageRef,
             src: mjpegRetryToken ? `${mjpegUrl}${(null == mjpegUrl ? void 0 : mjpegUrl.includes('?')) ? '&' : '?'}_mjpegRetry=${encodeURIComponent(mjpegRetryToken)}` : mjpegUrl,
             alt: "Device Live Stream",
             className: "screenshot-image",

package/dist/lib/component/universal-playground/index.css

@@ -405,7 +405,6 @@
 }
 
 .playground-container.playground-conversation-skin .bottom-input-section {
-  border-top: 1px solid var(--midscene-border-subtle);
   background: var(--midscene-surface);
   flex-shrink: 0;
   padding: 12px;
@@ -417,27 +416,27 @@
 }
 
 .playground-container.playground-conversation-skin .list-item > div:has( > .progress-action-item) {
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 8px;
-  display: flex;
+  display: block;
 }
 
 .playground-container.playground-conversation-skin .progress-action-item {
   color: rgba(0, 0, 0, .7);
+  letter-spacing: 0;
   background: rgba(0, 0, 0, .08);
   border-radius: 38px;
   flex-direction: row-reverse;
   justify-content: flex-end;
   align-items: center;
-  gap: 8px;
+  gap: 4px;
   width: -moz-fit-content;
   width: fit-content;
   max-width: 100%;
   height: 28px;
   margin: 0 0 0 24px;
   padding: 2px 12px 2px 4px;
+  font-family: Inter, sans-serif;
   font-size: 14px;
+  font-weight: 400;
   line-height: 22px;
   display: flex;
 }
@@ -445,16 +444,16 @@
 .playground-container.playground-conversation-skin .progress-action-item .progress-status-icon {
   justify-content: center;
   align-items: center;
-  width: 24px;
-  height: 24px;
+  width: 16px;
+  height: 28px;
   margin-left: 0;
-  font-size: 14px;
+  font-size: 16px;
   display: inline-flex;
 }
 
 .playground-container.playground-conversation-skin .progress-action-item + div {
   width: 100%;
-  margin: 0;
+  margin: 8px 0 0;
   padding-left: 20px;
 }
 
@@ -474,19 +473,23 @@
   margin-top: -8px;
 }
 
-.playground-container.playground-conversation-skin .list-item:has(.progress-action-item):has( + .list-item .progress-action-item):after {
+.playground-container.playground-conversation-skin .list-item:has(.progress-action-item):after {
   content: "";
   pointer-events: none;
   background: rgba(0, 0, 0, .08);
   width: 1px;
   position: absolute;
-  top: 23px;
+  top: 0;
   bottom: -16px;
-  left: 12px;
+  left: 8px;
 }
 
-.playground-container.playground-conversation-skin .list-item:has(.progress-action-item) + .list-item:has(.progress-action-item):has( + .list-item .progress-action-item):after {
-  top: 0;
+.playground-container.playground-conversation-skin .list-item:not(.list-item:has(.progress-action-item) + .list-item):has(.progress-action-item):after {
+  top: 23px;
+}
+
+.playground-container.playground-conversation-skin .list-item:has(.progress-action-item):not(:has( + .list-item .progress-action-item)):after {
+  bottom: 0;
 }
 
 .playground-container.playground-conversation-skin .progress-group-toggle {
@@ -499,7 +502,7 @@
   background: rgba(255, 255, 255, .08);
 }
 
-[data-theme="dark"] .playground-container.playground-conversation-skin .list-item:has(.progress-action-item):has( + .list-item .progress-action-item):after {
+[data-theme="dark"] .playground-container.playground-conversation-skin .list-item:has(.progress-action-item):after {
   background: rgba(255, 255, 255, .12);
 }
 

package/dist/lib/component/universal-playground/index.js

@@ -212,7 +212,8 @@ function UniversalPlayground({ playgroundSDK, storage, contextProvider, config:
         const firstIds = new Set();
         const visible = [];
         let currentGroupFirstId = null;
-        for (const item of infoList)if ('progress' === item.type) {
+        const hideWelcome = infoList.length > 1;
+        for (const item of infoList)if (!hideWelcome || 'welcome' !== item.id) if ('progress' === item.type) {
             if (null === currentGroupFirstId) {
                 currentGroupFirstId = item.id;
                 firstIds.add(item.id);
@@ -322,10 +323,13 @@ function UniversalPlayground({ playgroundSDK, storage, contextProvider, config:
                             }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.List, {
                                 itemLayout: "vertical",
                                 dataSource: visibleInfoList,
-                                renderItem: (item)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_antd_namespaceObject.List.Item, {
+                                renderItem: (item)=>{
+                                    const isFirstInProgressGroup = collapsibleProgressGroup && firstInProgressGroup.has(item.id);
+                                    const isCollapsedHeader = isFirstInProgressGroup && collapsedProgressGroups.has(item.id);
+                                    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_antd_namespaceObject.List.Item, {
                                         className: "list-item",
                                         children: [
-                                            collapsibleProgressGroup && firstInProgressGroup.has(item.id) ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
+                                            isFirstInProgressGroup ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
                                                 type: "button",
                                                 className: `progress-group-toggle ${collapsedProgressGroups.has(item.id) ? 'is-collapsed' : 'is-expanded'}`,
                                                 "aria-expanded": !collapsedProgressGroups.has(item.id),
@@ -340,7 +344,7 @@ function UniversalPlayground({ playgroundSDK, storage, contextProvider, config:
                                                     })
                                                 ]
                                             }) : null,
-                                            'user' === item.type ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                            isCollapsedHeader ? null : 'user' === item.type ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
                                                 className: "user-message-container",
                                                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
                                                     className: "user-message-bubble",
@@ -448,7 +452,8 @@ function UniversalPlayground({ playgroundSDK, storage, contextProvider, config:
                                                 ]
                                             })
                                         ]
-                                    }, item.id)
+                                    }, item.id);
+                                }
                             })
                         }),
                         showScrollToBottomButton && false !== componentConfig.enableScrollToBottom && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Button, {

package/dist/lib/utils/action-label.js

@@ -29,6 +29,7 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const actionNameForType = (type)=>{
     if (!type) return '';
+    if ('aiAct' === type) return 'Action';
     const typeWithoutAi = type.startsWith('ai') ? type.slice(2) : type;
     if (typeWithoutAi.startsWith('IOS')) return typeWithoutAi.substring(3).replace(/([A-Z])/g, ' $1').replace(/^/, 'IOS').trim();
     const fullName = typeWithoutAi.replace(/([A-Z])/g, ' $1').trim();

package/dist/lib/utils/progress-action-icon.js

@@ -27,45 +27,26 @@ __webpack_require__.d(__webpack_exports__, {
     defaultProgressActionIcon: ()=>defaultProgressActionIcon,
     resolveProgressActionIcon: ()=>resolveProgressActionIcon
 });
-const icons_namespaceObject = require("@ant-design/icons");
 const external_react_namespaceObject = require("react");
-function defaultProgressActionIcon(kind) {
-    switch(kind){
-        case 'Planning':
-            return /*#__PURE__*/ (0, external_react_namespaceObject.createElement)(icons_namespaceObject.ExperimentOutlined);
-        case 'Locate':
-        case 'Insight':
-            return /*#__PURE__*/ (0, external_react_namespaceObject.createElement)(icons_namespaceObject.SearchOutlined);
-        case 'Tap':
-        case 'Click':
-        case 'DoubleClick':
-        case 'RightClick':
-            return /*#__PURE__*/ (0, external_react_namespaceObject.createElement)(icons_namespaceObject.AimOutlined);
-        case 'Hover':
-            return /*#__PURE__*/ (0, external_react_namespaceObject.createElement)(icons_namespaceObject.SelectOutlined);
-        case 'Input':
-        case 'KeyboardPress':
-            return /*#__PURE__*/ (0, external_react_namespaceObject.createElement)(icons_namespaceObject.EditOutlined);
-        case 'Scroll':
-        case 'Swipe':
-        case 'PullGesture':
-            return /*#__PURE__*/ (0, external_react_namespaceObject.createElement)(icons_namespaceObject.SwapOutlined);
-        case 'WaitFor':
-            return /*#__PURE__*/ (0, external_react_namespaceObject.createElement)(icons_namespaceObject.HourglassOutlined);
-        case 'Assert':
-        case 'Boolean':
-            return /*#__PURE__*/ (0, external_react_namespaceObject.createElement)(icons_namespaceObject.CheckCircleOutlined);
-        case 'Query':
-        case 'Number':
-        case 'String':
-            return /*#__PURE__*/ (0, external_react_namespaceObject.createElement)(icons_namespaceObject.FileSearchOutlined);
-        case 'Ask':
-            return /*#__PURE__*/ (0, external_react_namespaceObject.createElement)(icons_namespaceObject.QuestionCircleOutlined);
-        case 'Act':
-            return /*#__PURE__*/ (0, external_react_namespaceObject.createElement)(icons_namespaceObject.PlayCircleOutlined);
-        default:
-            return /*#__PURE__*/ (0, external_react_namespaceObject.createElement)(icons_namespaceObject.ThunderboltOutlined);
-    }
+function CompletedActionIcon() {
+    return /*#__PURE__*/ (0, external_react_namespaceObject.createElement)('svg', {
+        width: 16,
+        height: 16,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        xmlns: 'http://www.w3.org/2000/svg',
+        'aria-hidden': true,
+        focusable: false
+    }, /*#__PURE__*/ (0, external_react_namespaceObject.createElement)('path', {
+        d: 'M7.3335 12L10.6668 15.3334L17.3335 8.66669',
+        stroke: '#188F4D',
+        strokeWidth: '1.33333',
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round'
+    }));
+}
+function defaultProgressActionIcon(_kind) {
+    return /*#__PURE__*/ (0, external_react_namespaceObject.createElement)(CompletedActionIcon);
 }
 function resolveProgressActionIcon(kind, override) {
     if (!kind) return null;

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

@@ -34,14 +34,10 @@ const getAvailablePromptActionTypes = (actionSpace)=>{
     const metadataMethods = Object.keys(external_constants_js_namespaceObject.apiMetadata);
     if (!(null == actionSpace ? void 0 : actionSpace.length)) return metadataMethods;
     const availableMethods = actionSpace.map((action)=>action.interfaceAlias || action.name);
-    const supportsAiAct = availableMethods.includes('aiAct');
     const finalMethods = new Set();
     metadataMethods.forEach((method)=>{
         const methodInfo = external_constants_js_namespaceObject.apiMetadata[method];
-        if ('aiAct' === method) {
-            if (supportsAiAct) finalMethods.add(method);
-            return;
-        }
+        if ('aiAct' === method) return void finalMethods.add(method);
         if ((null == methodInfo ? void 0 : methodInfo.group) === 'extraction' || (null == methodInfo ? void 0 : methodInfo.group) === 'validation') return void finalMethods.add(method);
         if (availableMethods.includes(method)) finalMethods.add(method);
     });

package/dist/types/utils/progress-action-icon.d.ts

@@ -1,14 +1,10 @@
 import { type ReactNode } from 'react';
 /**
- * Default icon mapping for an `InfoListItem.actionKind` (which is
- * `ExecutionTask.subType || ExecutionTask.type` — see
- * `packages/core/src/agent/ui-utils.ts`). Returns `null` to mean
- * "no icon for this kind"; callers should render the status glyph only.
- *
- * Hosts can override this entirely via
- * `ExecutionFlowConfig.resolveActionIcon`.
+ * Default icon for a completed `InfoListItem.actionKind`. All action types
+ * resolve to the same green checkmark glyph; callers can opt out by passing
+ * an override via `ExecutionFlowConfig.resolveActionIcon`.
  */
-export declare function defaultProgressActionIcon(kind: string): ReactNode | null;
+export declare function defaultProgressActionIcon(_kind: string): ReactNode | null;
 /**
  * Resolve the icon for a progress action, applying the host's override
  * (if any) before falling back to the default mapping.

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

@@ -10,10 +10,9 @@ export interface InlineStructuredFieldConfig {
  * Inclusion rules:
  *   - If `actionSpace` is empty/undefined, fall back to the full metadata set
  *     so dry-mode / offline renderers still show something to pick from.
- *   - `aiAct` is included **only when the current `actionSpace` exposes it**.
- *     It is the universal "natural-language" action and usually lives in every
- *     device's action space, but we intentionally do not force-inject it —
- *     devices that truly cannot run `aiAct` should not see a broken entry.
+ *   - `aiAct` is always included. It is an Agent-level API and is executed via
+ *     Playground's fallback path, so it does not need to appear in the device
+ *     interface's low-level `actionSpace`.
  *   - `extraction` and `validation` APIs are kept even when not in the device's
  *     `actionSpace`: they are executed against the captured UI context rather
  *     than being dispatched to the device, so they apply universally.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@midscene/visualizer",
-  "version": "1.7.10-beta-20260507123827.0",
+  "version": "1.7.10",
   "repository": "https://github.com/web-infra-dev/midscene",
   "homepage": "https://midscenejs.com/",
   "types": "./dist/types/index.d.ts",
@@ -65,10 +65,10 @@
     "antd": "^5.21.6",
     "buffer": "6.0.3",
     "dayjs": "^1.11.11",
-    "@midscene/shared": "1.7.10-beta-20260507123827.0",
-    "@midscene/core": "1.7.10-beta-20260507123827.0",
-    "@midscene/web": "1.7.10-beta-20260507123827.0",
-    "@midscene/playground": "1.7.10-beta-20260507123827.0"
+    "@midscene/core": "1.7.10",
+    "@midscene/playground": "1.7.10",
+    "@midscene/web": "1.7.10",
+    "@midscene/shared": "1.7.10"
   },
   "license": "MIT",
   "scripts": {