@midscene/visualizer 0.28.2-beta-20250910020051.0 → 0.28.2-beta-20250910024129.0

package/dist/types/component/{prompt-input/index.d.ts → playground/PromptInput.d.ts}

@@ -1,7 +1,6 @@
-import './index.less';
 import React from 'react';
-import type { RunType } from '../../types';
-import type { ServiceModeType } from '../../types';
+import type { RunType } from './playground-types';
+import type { ServiceModeType } from './playground-types';
 import './index.less';
 import type { DeviceAction } from '@midscene/core';
 interface PromptInputProps {

package/dist/types/component/{service-mode-control/index.d.ts → playground/ServiceModeControl.d.ts}

@@ -1,4 +1,5 @@
 import type React from 'react';
+import './index.less';
 interface ServiceModeControlProps {
     serviceMode: 'Server' | 'In-Browser';
 }

package/dist/types/{utils/constants.d.ts → component/playground/playground-constants.d.ts}

@@ -1,4 +1,5 @@
 import type React from 'react';
+import './index.less';
 export declare const errorMessageServerNotReady: React.JSX.Element;
 export declare const serverLaunchTip: (notReadyMessage?: React.ReactNode | string) => React.JSX.Element;
 export declare const emptyResultTip: React.JSX.Element;

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

@@ -0,0 +1,19 @@
+import type { GroupedActionDump, WebUIContext } from '@midscene/core';
+import type { PlaygroundAgent } from '@midscene/playground';
+export interface PlaygroundResult {
+    result: any;
+    dump?: GroupedActionDump | null;
+    reportHTML?: string | null;
+    error: string | null;
+}
+export interface PlaygroundProps {
+    getAgent: (forceSameTabNavigation?: boolean) => PlaygroundAgent | null;
+    hideLogo?: boolean;
+    showContextPreview?: boolean;
+    dryMode?: boolean;
+}
+export interface StaticPlaygroundProps {
+    context: WebUIContext | null;
+}
+export type ServiceModeType = 'Server' | 'In-Browser' | 'In-Browser-Extension';
+export type RunType = 'aiAction' | 'aiQuery' | 'aiAssert' | 'aiTap' | 'aiDoubleClick' | 'aiHover' | 'aiInput' | 'aiRightClick' | 'aiKeyboardPress' | 'aiScroll' | 'aiLocate' | 'aiBoolean' | 'aiNumber' | 'aiString' | 'aiAsk' | 'aiWaitFor';

package/dist/types/component/playground/types.d.ts

@@ -0,0 +1,72 @@
+import type { DeviceAction } from '@midscene/core';
+export interface ZodType {
+    _def?: {
+        typeName: 'ZodOptional' | 'ZodDefault' | 'ZodNullable' | 'ZodObject' | 'ZodEnum' | 'ZodNumber' | 'ZodString' | 'ZodBoolean';
+        innerType?: ZodType;
+        defaultValue?: () => unknown;
+        shape?: () => Record<string, ZodType>;
+        values?: string[];
+        description?: string;
+    };
+    description?: string;
+}
+export interface ZodObjectSchema extends ZodType {
+    shape: Record<string, ZodType>;
+    parse: (data: unknown) => unknown;
+}
+export interface ZodEnumSchema extends ZodType {
+    _def: {
+        typeName: 'ZodEnum';
+        values: string[];
+    };
+}
+export interface ZodNumberSchema extends ZodType {
+    _def: {
+        typeName: 'ZodNumber';
+    };
+}
+export interface ZodBooleanSchema extends ZodType {
+    _def: {
+        typeName: 'ZodBoolean';
+    };
+}
+export interface ZodRuntimeAccess extends ZodType {
+    shape?: Record<string, ZodType>;
+    description?: string;
+    typeName?: string;
+    type?: string;
+}
+export interface ActionSpaceItem extends Omit<DeviceAction<any>, 'paramSchema'> {
+    paramSchema?: ZodObjectSchema;
+}
+export interface FormParams {
+    [key: string]: string | number | boolean | null | undefined;
+}
+export declare const VALIDATION_CONSTANTS: {
+    readonly ZOD_TYPES: {
+        readonly OPTIONAL: "ZodOptional";
+        readonly DEFAULT: "ZodDefault";
+        readonly NULLABLE: "ZodNullable";
+        readonly OBJECT: "ZodObject";
+        readonly ENUM: "ZodEnum";
+        readonly NUMBER: "ZodNumber";
+        readonly STRING: "ZodString";
+        readonly BOOLEAN: "ZodBoolean";
+    };
+    readonly FIELD_FLAGS: {
+        readonly LOCATION: "midscene_location_field_flag";
+    };
+    readonly DEFAULT_VALUES: {
+        readonly ACTION_TYPE: "aiAction";
+        readonly TIMEOUT_MS: 15000;
+        readonly CHECK_INTERVAL_MS: 3000;
+    };
+};
+export declare const isZodObjectSchema: (schema: unknown) => schema is ZodObjectSchema;
+export declare const isLocateField: (field: ZodType) => boolean;
+export declare const unwrapZodType: (field: ZodType) => {
+    actualField: ZodType;
+    isOptional: boolean;
+    hasDefault: boolean;
+};
+export declare const extractDefaultValue: (field: ZodType) => unknown;

package/dist/types/{utils → component}/replay-scripts.d.ts

@@ -1,3 +1,4 @@
+import './player.less';
 import type { ExecutionDump, ExecutionTask, GroupedActionDump, LocateResultElement, Rect, UIContext } from '@midscene/core';
 export interface CameraState {
     left: number;

package/dist/types/component/{shiny-text/index.d.ts → shiny-text.d.ts}

@@ -1,5 +1,5 @@
 import type React from 'react';
-import './index.less';
+import './shiny-text.less';
 type ColorTheme = 'blue' | 'purple' | 'green' | 'rainbow';
 interface ShinyTextProps {
     text: string;

package/dist/types/index.d.ts

@@ -1,24 +1,19 @@
 import './component/playground/index.less';
-import './component/universal-playground/index.less';
-export { type AnimationScript, type ReplayScriptsInfo, allScriptsFromDump, generateAnimationScripts, } from './utils/replay-scripts';
-export { useEnvConfig } from './store/store';
-export { colorForName, highlightColorForType, globalThemeConfig, } from './utils/color';
+export { type AnimationScript, type ReplayScriptsInfo, allScriptsFromDump, generateAnimationScripts, } from './component/replay-scripts';
+export { useEnvConfig } from './component/store/store';
+export { colorForName, highlightColorForType, globalThemeConfig, } from './component/color';
 export { EnvConfig } from './component/env-config';
 export { Logo } from './component/logo';
 export { iconForStatus, timeCostStrElement } from './component/misc';
-export { useServerValid } from './hooks/useServerValid';
-export { PlaygroundResultView } from './component/playground-result';
-export type { PlaygroundResult } from './types';
-export { ServiceModeControl } from './component/service-mode-control';
-export { ContextPreview } from './component/context-preview';
-export { PromptInput } from './component/prompt-input';
+export { useServerValid } from './component/playground/useServerValid';
+export { PlaygroundResultView } from './component/playground/PlaygroundResult';
+export type { PlaygroundResult } from './component/playground/playground-types';
+export { ServiceModeControl } from './component/playground/ServiceModeControl';
+export { ContextPreview } from './component/playground/ContextPreview';
+export { PromptInput } from './component/playground/PromptInput';
 export { Player } from './component/player';
 export { Blackboard } from './component/blackboard';
 export { GithubStar } from './component/github-star';
-export { actionNameForType, staticAgentFromContext, getPlaceholderForType, } from './utils/playground-utils';
+export { actionNameForType, staticAgentFromContext, getPlaceholderForType, } from './component/playground/playground-utils';
 export { timeStr, filterBase64Value } from './utils';
 export { default as ShinyText } from './component/shiny-text';
-export { UniversalPlayground, default as UniversalPlaygroundDefault, } from './component/universal-playground';
-export type { UniversalPlaygroundProps, PlaygroundSDKLike, StorageProvider, ContextProvider, UniversalPlaygroundConfig, PlaygroundBranding, InfoListItem, FormValue, ExecutionOptions, ProgressCallback, } from './types';
-export { LocalStorageProvider, MemoryStorageProvider, NoOpStorageProvider, } from './component/universal-playground/providers/storage-provider';
-export { BaseContextProvider, AgentContextProvider, StaticContextProvider, NoOpContextProvider, } from './component/universal-playground/providers/context-provider';

package/dist/types/init.d.ts

@@ -0,0 +1 @@
+export declare const setSideEffect: () => number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@midscene/visualizer",
-  "version": "0.28.2-beta-20250910020051.0",
+  "version": "0.28.2-beta-20250910024129.0",
   "repository": "https://github.com/web-infra-dev/midscene",
   "homepage": "https://midscenejs.com/",
   "types": "./dist/types/index.d.ts",
@@ -11,11 +11,6 @@
       "types": "./dist/types/index.d.ts",
       "import": "./dist/es/index.mjs",
       "require": "./dist/es/index.js"
-    },
-    "./browser": {
-      "types": "./dist/types/browser.d.ts",
-      "import": "./dist/es/browser.mjs",
-      "require": "./dist/lib/browser.js"
     }
   },
   "files": [
@@ -75,10 +70,10 @@
     "antd": "^5.21.6",
     "buffer": "6.0.3",
     "dayjs": "^1.11.11",
-    "@midscene/core": "0.28.2-beta-20250910020051.0",
-    "@midscene/playground": "0.28.2-beta-20250910020051.0",
-    "@midscene/shared": "0.28.2-beta-20250910020051.0",
-    "@midscene/web": "0.28.2-beta-20250910020051.0"
+    "@midscene/playground": "0.28.2-beta-20250910024129.0",
+    "@midscene/core": "0.28.2-beta-20250910024129.0",
+    "@midscene/shared": "0.28.2-beta-20250910024129.0",
+    "@midscene/web": "0.28.2-beta-20250910024129.0"
   },
   "license": "MIT",
   "scripts": {

package/dist/es/browser.mjs

@@ -1,18 +0,0 @@
-import "./component/index.css";
-import "./component/universal-playground/index.css";
-import { useEnvConfig } from "./store/store.mjs";
-import { colorForName, globalThemeConfig, highlightColorForType } from "./utils/color.mjs";
-import { EnvConfig } from "./component/env-config/index.mjs";
-import { Logo } from "./component/logo/index.mjs";
-import { iconForStatus, timeCostStrElement } from "./component/misc/index.mjs";
-import { PlaygroundResultView } from "./component/playground-result/index.mjs";
-import { ContextPreview } from "./component/context-preview/index.mjs";
-import { Player } from "./component/player/index.mjs";
-import { Blackboard } from "./component/blackboard/index.mjs";
-import { GithubStar } from "./component/github-star/index.mjs";
-import { filterBase64Value, timeStr } from "./utils/index.mjs";
-import shiny_text from "./component/shiny-text/index.mjs";
-import universal_playground, { UniversalPlayground } from "./component/universal-playground/index.mjs";
-import { LocalStorageProvider, MemoryStorageProvider, NoOpStorageProvider } from "./component/universal-playground/providers/storage-provider.mjs";
-import { BaseContextProvider, NoOpContextProvider, StaticContextProvider } from "./component/universal-playground/providers/context-provider.mjs";
-export { BaseContextProvider, Blackboard, ContextPreview, EnvConfig, GithubStar, LocalStorageProvider, Logo, MemoryStorageProvider, NoOpContextProvider, NoOpStorageProvider, Player, PlaygroundResultView, shiny_text as ShinyText, StaticContextProvider, UniversalPlayground, universal_playground as UniversalPlaygroundDefault, colorForName, filterBase64Value, globalThemeConfig, highlightColorForType, iconForStatus, timeCostStrElement, timeStr, useEnvConfig };

package/dist/es/component/history-selector/index.css

@@ -1,132 +0,0 @@
-.history-modal-container {
-  border-radius: 12px 12px 0 0;
-  flex-direction: column;
-  height: 70vh;
-  display: flex;
-  overflow: hidden;
-}
-
-.history-modal-container .history-modal-header {
-  justify-content: space-between;
-  align-items: center;
-  height: 48px;
-  padding: 0 25px;
-  line-height: 48px;
-  display: flex;
-}
-
-.history-modal-container .history-modal-header .close-button {
-  justify-content: center;
-  align-items: center;
-  margin-right: -4px;
-  padding: 4px;
-  display: flex;
-}
-
-.history-modal-container .history-modal-header .close-button .anticon {
-  color: #999;
-  font-size: 18px;
-}
-
-.history-modal-container .history-modal-header .close-button:hover .anticon {
-  color: #666;
-}
-
-.history-modal-container .history-search-section {
-  background: #fff;
-  padding: 16px 20px;
-}
-
-.history-modal-container .history-search-section .search-input-wrapper {
-  color: rgba(0, 0, 0, .25);
-  align-items: center;
-  gap: 12px;
-  display: flex;
-}
-
-.history-modal-container .history-search-section .search-input-wrapper .search-input {
-  background: #f1f2f3;
-  border: none;
-  border-radius: 16px;
-  flex: 1;
-  height: 36px;
-}
-
-.history-modal-container .history-search-section .search-input-wrapper .search-input .ant-input {
-  box-shadow: none;
-  background: none;
-  border: none;
-}
-
-.history-modal-container .history-search-section .search-input-wrapper .search-input:hover, .history-modal-container .history-search-section .search-input-wrapper .search-input:focus-within {
-  background: #fff;
-  border-color: #d9d9d9;
-}
-
-.history-modal-container .history-search-section .search-input-wrapper .clear-button {
-  color: #1890ff;
-  height: auto;
-  padding: 0;
-}
-
-.history-modal-container .history-search-section .search-input-wrapper .clear-button:hover {
-  color: #40a9ff;
-}
-
-.history-modal-container .history-content {
-  flex: 1;
-  padding: 0 25px 25px;
-  overflow-y: auto;
-}
-
-.history-modal-container .history-content .history-group {
-  margin-bottom: 10px;
-}
-
-.history-modal-container .history-content .history-group .history-group-title {
-  color: rgba(0, 0, 0, .45);
-  height: 40px;
-  font-size: 12px;
-  font-weight: 400;
-  line-height: 40px;
-}
-
-.history-modal-container .history-content .history-group .history-item {
-  cursor: pointer;
-  color: rgba(0, 0, 0, .85);
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  height: 40px;
-  font-size: 14px;
-  line-height: 40px;
-  overflow: hidden;
-}
-
-.history-modal-container .history-content .history-group .history-item:hover {
-  background: #f2f4f7;
-  margin: 0 -8px;
-  padding: 0 8px;
-}
-
-.history-modal-container .history-content .no-results {
-  text-align: center;
-  color: #999;
-  padding: 40px 20px;
-}
-
-.ant-modal-wrap .ant-modal-content {
-  animation: .3s cubic-bezier(.4, 0, .2, 1) forwards slideUpFromBottom !important;
-}
-
-@keyframes slideUpFromBottom {
-  0% {
-    opacity: 0;
-    transform: translateY(100%);
-  }
-
-  100% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-

package/dist/es/component/index.mjs

@@ -1 +0,0 @@
-export * from "../types.mjs";

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

@@ -1,8 +0,0 @@
-import { ContextPreview } from "../context-preview/index.mjs";
-import { PlaygroundResultView } from "../playground-result/index.mjs";
-import { PromptInput } from "../prompt-input/index.mjs";
-import { useServerValid } from "../../hooks/useServerValid.mjs";
-import { ServiceModeControl } from "../service-mode-control/index.mjs";
-import { useEnvConfig } from "../../store/store.mjs";
-export * from "../../types.mjs";
-export { ContextPreview, PlaygroundResultView, PromptInput, ServiceModeControl, useEnvConfig, useServerValid };

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

@@ -1,29 +0,0 @@
-.result-wrapper {
-  justify-content: center;
-  height: 100%;
-  margin: 4px 0;
-  display: flex;
-}
-
-.result-wrapper .loading-container {
-  text-align: center;
-}
-
-.result-wrapper .loading-container .loading-progress-text {
-  color: #888;
-  margin-top: 8px;
-  font-size: 12px;
-}
-
-.result-wrapper pre {
-  white-space: pre-wrap;
-  text-wrap: unset;
-  word-wrap: break-word;
-  overflow-wrap: break-word;
-  background: #f2f4f7;
-  border-radius: 8px;
-  margin: 0;
-  padding: 14px;
-  overflow: scroll;
-}
-