@sqaitech/visualizer 0.30.10

package/dist/es/icons/close.mjs

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+const SvgClose = (props)=>/*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 18,
+        height: 16,
+        fill: "none",
+        viewBox: "0 0 18 16",
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            stroke: "#333",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: 1.333,
+            d: "m3.124 2.667 11.162 10.666M3.124 13.333 14.286 2.667"
+        })
+    });
+const icons_close = SvgClose;
+export { icons_close as default };

package/dist/es/icons/global-perspective.mjs

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+const SvgGlobalPerspective = (props)=>/*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 16,
+        height: 16,
+        fill: "none",
+        viewBox: "0 0 16 16",
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            fill: "#333",
+            d: "M1.333 13v-2.5a.667.667 0 0 1 1.334 0V13c0 .184.149.333.333.333h2.5a.667.667 0 0 1 0 1.334H3c-.92 0-1.667-.746-1.667-1.667m12 0v-2.5a.667.667 0 0 1 1.334 0V13c0 .92-.746 1.667-1.667 1.667h-2.5a.667.667 0 0 1 0-1.334H13a.333.333 0 0 0 .333-.333m-12-7.5V3c0-.92.747-1.667 1.667-1.667h2.5a.667.667 0 0 1 0 1.334H3A.333.333 0 0 0 2.667 3v2.5a.667.667 0 0 1-1.334 0m12 0V3A.333.333 0 0 0 13 2.667h-2.5a.667.667 0 0 1 0-1.334H13c.92 0 1.667.747 1.667 1.667v2.5a.667.667 0 0 1-1.334 0M5.667 10.333h4.666V5.667H5.667zm6 .167c0 .644-.523 1.167-1.167 1.167h-5A1.167 1.167 0 0 1 4.333 10.5v-5c0-.644.523-1.167 1.167-1.167h5c.644 0 1.167.523 1.167 1.167z"
+        })
+    });
+const global_perspective = SvgGlobalPerspective;
+export { global_perspective as default };

package/dist/es/icons/history.mjs

@@ -0,0 +1,30 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+const SvgHistory = (props)=>/*#__PURE__*/ jsxs("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 25,
+        height: 25,
+        fill: "none",
+        viewBox: "0 0 25 25",
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                stroke: "#000",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeOpacity: 0.85,
+                strokeWidth: 1.33,
+                d: "M6.63 9.021c-2.862 6.126 2.197 10.501 6.063 10.501a7 7 0 1 0-6.063-10.5"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                stroke: "#000",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeOpacity: 0.85,
+                strokeWidth: 1.33,
+                d: "M12.695 8.322v4.203l2.967 2.968"
+            })
+        ]
+    });
+const icons_history = SvgHistory;
+export { icons_history as default };

package/dist/es/icons/magnifying-glass.mjs

@@ -0,0 +1,39 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+const SvgMagnifyingGlass = (props)=>/*#__PURE__*/ jsxs("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 19,
+        height: 19,
+        fill: "none",
+        viewBox: "0 0 19 19",
+        ...props,
+        children: [
+            /*#__PURE__*/ jsxs("g", {
+                stroke: "#000",
+                strokeLinejoin: "round",
+                strokeOpacity: 0.65,
+                strokeWidth: 1.5,
+                clipPath: "url(#magnifying-glass_svg__a)",
+                children: [
+                    /*#__PURE__*/ jsx("path", {
+                        d: "M8.397 14.29a6.375 6.375 0 1 0 0-12.75 6.375 6.375 0 0 0 0 12.75Z"
+                    }),
+                    /*#__PURE__*/ jsx("path", {
+                        strokeLinecap: "round",
+                        d: "M10.519 5.42a3 3 0 0 0-2.122-.88 3 3 0 0 0-2.121.88M12.98 12.499l3.182 3.182"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx("defs", {
+                children: /*#__PURE__*/ jsx("clipPath", {
+                    id: "magnifying-glass_svg__a",
+                    children: /*#__PURE__*/ jsx("path", {
+                        fill: "#fff",
+                        d: "M.522.04h18v18h-18z"
+                    })
+                })
+            })
+        ]
+    });
+const magnifying_glass = SvgMagnifyingGlass;
+export { magnifying_glass as default };

package/dist/es/icons/player-setting.mjs

@@ -0,0 +1,26 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+const SvgPlayerSetting = (props)=>/*#__PURE__*/ jsxs("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 16,
+        height: 16,
+        fill: "none",
+        viewBox: "0 0 16 16",
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                stroke: "#333",
+                strokeLinejoin: "round",
+                strokeWidth: 1.333,
+                d: "M11.333 13.667 14.667 8l-3.334-5.667H4.667L1.333 8l3.334 5.667z"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                stroke: "#333",
+                strokeLinejoin: "round",
+                strokeWidth: 1.333,
+                d: "M8 9.667a1.667 1.667 0 1 0 0-3.334 1.667 1.667 0 0 0 0 3.334Z"
+            })
+        ]
+    });
+const player_setting = SvgPlayerSetting;
+export { player_setting as default };

package/dist/es/icons/setting.mjs

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+const SvgSetting = (props)=>/*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 27,
+        height: 27,
+        fill: "none",
+        viewBox: "0 0 27 27",
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            stroke: "#000",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeOpacity: 0.85,
+            strokeWidth: 1.333,
+            d: "M19.527 8.855h-2M14.86 7.522v2.667M14.86 8.855H7.527M10.194 13.522H7.527M12.86 12.189v2.666M20.193 13.522H12.86M19.527 18.189h-2M14.86 16.855v2.667M14.86 18.189H7.527"
+        })
+    });
+const setting = SvgSetting;
+export { setting as default };

package/dist/es/icons/show-marker.mjs

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+const SvgShowMarker = (props)=>/*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 16,
+        height: 16,
+        fill: "none",
+        viewBox: "0 0 16 16",
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            fill: "#333",
+            d: "M13 1.835a2.165 2.165 0 0 1 .665 4.225v3.88a2.166 2.166 0 1 1-2.725 2.725H5.06a2.165 2.165 0 1 1-2.725-2.726V6.06A2.165 2.165 0 1 1 5.06 3.336h5.88c.281-.87 1.097-1.5 2.06-1.5m-10 9.33a.835.835 0 1 0 0 1.67.835.835 0 0 0 0-1.67m10 0a.835.835 0 1 0 0 1.67.835.835 0 0 0 0-1.67m-7.94-6.5A2.17 2.17 0 0 1 3.665 6.06v3.88c.66.213 1.181.734 1.395 1.395h5.88a2.17 2.17 0 0 1 1.395-1.396V6.06a2.17 2.17 0 0 1-1.395-1.394zM3 3.165a.835.835 0 1 0 0 1.67.835.835 0 0 0 0-1.67m10 0a.835.835 0 1 0 0 1.67.835.835 0 0 0 0-1.67"
+        })
+    });
+const show_marker = SvgShowMarker;
+export { show_marker as default };

package/dist/es/index.mjs

@@ -0,0 +1,25 @@
+import "./component/playground/index.css";
+import "./component/universal-playground/index.css";
+import { allScriptsFromDump, generateAnimationScripts } from "./utils/replay-scripts.mjs";
+import { useEnvConfig } from "./store/store.mjs";
+import { colorForName, globalThemeConfig, highlightColorForType } from "./utils/color.mjs";
+import { EnvConfig } from "./component/env-config/index.mjs";
+import { EnvConfigReminder } from "./component/env-config-reminder/index.mjs";
+import { NavActions } from "./component/nav-actions/index.mjs";
+import { Logo } from "./component/logo/index.mjs";
+import { iconForStatus, timeCostStrElement } from "./component/misc/index.mjs";
+import { useServerValid } from "./hooks/useServerValid.mjs";
+import { safeOverrideAIConfig, useSafeOverrideAIConfig } from "./hooks/useSafeOverrideAIConfig.mjs";
+import { PlaygroundResultView } from "./component/playground-result/index.mjs";
+import { ServiceModeControl } from "./component/service-mode-control/index.mjs";
+import { ContextPreview } from "./component/context-preview/index.mjs";
+import { PromptInput } from "./component/prompt-input/index.mjs";
+import { Player } from "./component/player/index.mjs";
+import { Blackboard } from "./component/blackboard/index.mjs";
+import { actionNameForType, getPlaceholderForType, staticAgentFromContext } from "./utils/playground-utils.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 { IndexedDBStorageProvider, LocalStorageProvider, MemoryStorageProvider, NoOpStorageProvider, StorageType, createStorageProvider, detectBestStorageType } from "./component/universal-playground/providers/storage-provider.mjs";
+import { AgentContextProvider, BaseContextProvider, NoOpContextProvider, StaticContextProvider } from "./component/universal-playground/providers/context-provider.mjs";
+export { AgentContextProvider, BaseContextProvider, Blackboard, ContextPreview, EnvConfig, EnvConfigReminder, IndexedDBStorageProvider, LocalStorageProvider, Logo, MemoryStorageProvider, NavActions, NoOpContextProvider, NoOpStorageProvider, Player, PlaygroundResultView, PromptInput, ServiceModeControl, shiny_text as ShinyText, StaticContextProvider, StorageType, UniversalPlayground, universal_playground as UniversalPlaygroundDefault, actionNameForType, allScriptsFromDump, colorForName, createStorageProvider, detectBestStorageType, filterBase64Value, generateAnimationScripts, getPlaceholderForType, globalThemeConfig, highlightColorForType, iconForStatus, safeOverrideAIConfig, staticAgentFromContext, timeCostStrElement, timeStr, useEnvConfig, useSafeOverrideAIConfig, useServerValid };

package/dist/es/store/history.mjs

@@ -0,0 +1,89 @@
+import { create } from "zustand";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) Object.defineProperty(exports, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports, '__esModule', {
+            value: true
+        });
+    };
+})();
+var external_zustand_namespaceObject = {};
+__webpack_require__.r(external_zustand_namespaceObject);
+__webpack_require__.d(external_zustand_namespaceObject, {
+    create: ()=>create
+});
+const { create: history_create } = external_zustand_namespaceObject;
+const HISTORY_KEY = 'midscene-prompt-history-v2';
+const LAST_SELECTED_TYPE_KEY = 'midscene-last-selected-type';
+const getHistoryFromLocalStorage = ()=>{
+    const historyString = localStorage.getItem(HISTORY_KEY);
+    return historyString ? JSON.parse(historyString) : {};
+};
+const getLastSelectedType = ()=>localStorage.getItem(LAST_SELECTED_TYPE_KEY) || 'aiAction';
+const setLastSelectedType = (type)=>{
+    localStorage.setItem(LAST_SELECTED_TYPE_KEY, type);
+};
+const useHistoryStore = history_create((set, get)=>({
+        history: getHistoryFromLocalStorage(),
+        lastSelectedType: getLastSelectedType(),
+        clearHistory: (type)=>{
+            const newHistory = {
+                ...get().history
+            };
+            delete newHistory[type];
+            set({
+                history: newHistory
+            });
+            localStorage.setItem(HISTORY_KEY, JSON.stringify(newHistory));
+        },
+        addHistory: (historyItem)=>{
+            const { type } = historyItem;
+            const currentHistory = get().history;
+            const typeHistory = currentHistory[type] || [];
+            const stringifiedNewItem = JSON.stringify({
+                prompt: historyItem.prompt,
+                params: historyItem.params
+            });
+            const newTypeHistory = [
+                historyItem,
+                ...typeHistory.filter((h)=>{
+                    const stringifiedOldItem = JSON.stringify({
+                        prompt: h.prompt,
+                        params: h.params
+                    });
+                    return stringifiedOldItem !== stringifiedNewItem;
+                })
+            ];
+            if (newTypeHistory.length > 10) newTypeHistory.length = 10;
+            const newHistory = {
+                ...currentHistory,
+                [type]: newTypeHistory
+            };
+            set({
+                history: newHistory
+            });
+            localStorage.setItem(HISTORY_KEY, JSON.stringify(newHistory));
+        },
+        getHistoryForType: (type)=>get().history[type] || [],
+        setLastSelectedType: (type)=>{
+            set({
+                lastSelectedType: type
+            });
+            setLastSelectedType(type);
+        }
+    }));
+export { useHistoryStore };

package/dist/es/store/store.mjs

@@ -0,0 +1,186 @@
+import { create } from "zustand";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) Object.defineProperty(exports, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports, '__esModule', {
+            value: true
+        });
+    };
+})();
+var external_zustand_namespaceObject = {};
+__webpack_require__.r(external_zustand_namespaceObject);
+__webpack_require__.d(external_zustand_namespaceObject, {
+    create: ()=>create
+});
+const { create: store_create } = external_zustand_namespaceObject;
+const AUTO_ZOOM_KEY = 'midscene-auto-zoom';
+const BACKGROUND_VISIBLE_KEY = 'midscene-background-visible';
+const ELEMENTS_VISIBLE_KEY = 'midscene-elements-visible';
+const parseBooleanParam = (value)=>{
+    if (null === value) return;
+    const normalized = value.trim().toLowerCase();
+    if ([
+        '1',
+        'true',
+        'yes',
+        'on'
+    ].includes(normalized)) return true;
+    if ([
+        '0',
+        'false',
+        'no',
+        'off'
+    ].includes(normalized)) return false;
+};
+const getQueryPreference = (paramName)=>{
+    if ('undefined' == typeof window) return;
+    const searchParams = new URLSearchParams(window.location.search);
+    return parseBooleanParam(searchParams.get(paramName));
+};
+const useBlackboardPreference = store_create((set)=>{
+    const savedAutoZoom = 'false' !== localStorage.getItem(AUTO_ZOOM_KEY);
+    const savedBackgroundVisible = 'false' !== localStorage.getItem(BACKGROUND_VISIBLE_KEY);
+    const savedElementsVisible = 'false' !== localStorage.getItem(ELEMENTS_VISIBLE_KEY);
+    const autoZoomFromQuery = getQueryPreference('focusOnCursor');
+    const elementsVisibleFromQuery = getQueryPreference('showElementMarkers');
+    return {
+        backgroundVisible: savedBackgroundVisible,
+        elementsVisible: void 0 === elementsVisibleFromQuery ? savedElementsVisible : elementsVisibleFromQuery,
+        autoZoom: void 0 === autoZoomFromQuery ? savedAutoZoom : autoZoomFromQuery,
+        setBackgroundVisible: (visible)=>{
+            set({
+                backgroundVisible: visible
+            });
+            localStorage.setItem(BACKGROUND_VISIBLE_KEY, visible.toString());
+        },
+        setElementsVisible: (visible)=>{
+            set({
+                elementsVisible: visible
+            });
+            localStorage.setItem(ELEMENTS_VISIBLE_KEY, visible.toString());
+        },
+        setAutoZoom: (enabled)=>{
+            set({
+                autoZoom: enabled
+            });
+            localStorage.setItem(AUTO_ZOOM_KEY, enabled.toString());
+        }
+    };
+});
+const CONFIG_KEY = 'midscene-env-config';
+const SERVICE_MODE_KEY = 'midscene-service-mode';
+const TRACKING_ACTIVE_TAB_KEY = 'midscene-tracking-active-tab';
+const DEEP_THINK_KEY = 'midscene-deep-think';
+const SCREENSHOT_INCLUDED_KEY = 'midscene-screenshot-included';
+const DOM_INCLUDED_KEY = 'midscene-dom-included';
+const getConfigStringFromLocalStorage = ()=>{
+    const configString = localStorage.getItem(CONFIG_KEY);
+    return configString || '';
+};
+const parseConfig = (configString)=>{
+    const lines = configString.split('\n');
+    const config = {};
+    lines.forEach((line)=>{
+        const trimmed = line.trim();
+        if (trimmed.startsWith('#')) return;
+        const cleanLine = trimmed.replace(/^export\s+/i, '').replace(/;$/, '').trim();
+        const match = cleanLine.match(/^(\w+)=(.*)$/);
+        if (match) {
+            const [, key, value] = match;
+            let parsedValue = value.trim();
+            if (parsedValue.startsWith("'") && parsedValue.endsWith("'") || parsedValue.startsWith('"') && parsedValue.endsWith('"')) parsedValue = parsedValue.slice(1, -1);
+            config[key] = parsedValue;
+        }
+    });
+    return config;
+};
+const useEnvConfig = store_create((set, get)=>{
+    const configString = getConfigStringFromLocalStorage();
+    const config = parseConfig(configString);
+    const ifInExtension = window.location.href.startsWith('chrome-extension');
+    const savedServiceMode = localStorage.getItem(SERVICE_MODE_KEY);
+    const savedForceSameTabNavigation = 'false' !== localStorage.getItem(TRACKING_ACTIVE_TAB_KEY);
+    const savedDeepThink = 'true' === localStorage.getItem(DEEP_THINK_KEY);
+    const savedScreenshotIncluded = 'false' !== localStorage.getItem(SCREENSHOT_INCLUDED_KEY);
+    const savedDomIncluded = localStorage.getItem(DOM_INCLUDED_KEY) || 'false';
+    return {
+        serviceMode: ifInExtension ? 'In-Browser-Extension' : savedServiceMode || 'Server',
+        setServiceMode: (serviceMode)=>{
+            if (ifInExtension) throw new Error('serviceMode cannot be set in extension');
+            set({
+                serviceMode
+            });
+            localStorage.setItem(SERVICE_MODE_KEY, serviceMode);
+        },
+        config,
+        configString,
+        setConfig: (config)=>set({
+                config
+            }),
+        loadConfig: (configString)=>{
+            const config = parseConfig(configString);
+            set({
+                config,
+                configString
+            });
+            localStorage.setItem(CONFIG_KEY, configString);
+        },
+        syncFromStorage: ()=>{
+            const latestConfigString = getConfigStringFromLocalStorage();
+            const latestConfig = parseConfig(latestConfigString);
+            set({
+                config: latestConfig,
+                configString: latestConfigString
+            });
+        },
+        forceSameTabNavigation: savedForceSameTabNavigation,
+        setForceSameTabNavigation: (forceSameTabNavigation)=>{
+            set({
+                forceSameTabNavigation
+            });
+            localStorage.setItem(TRACKING_ACTIVE_TAB_KEY, forceSameTabNavigation.toString());
+        },
+        deepThink: savedDeepThink,
+        setDeepThink: (deepThink)=>{
+            set({
+                deepThink
+            });
+            localStorage.setItem(DEEP_THINK_KEY, deepThink.toString());
+        },
+        screenshotIncluded: savedScreenshotIncluded,
+        setScreenshotIncluded: (screenshotIncluded)=>{
+            set({
+                screenshotIncluded
+            });
+            localStorage.setItem(SCREENSHOT_INCLUDED_KEY, screenshotIncluded.toString());
+        },
+        domIncluded: 'visible-only' === savedDomIncluded ? 'visible-only' : 'true' === savedDomIncluded,
+        setDomIncluded: (domIncluded)=>{
+            set({
+                domIncluded
+            });
+            localStorage.setItem(DOM_INCLUDED_KEY, domIncluded.toString());
+        },
+        popupTab: 'playground',
+        setPopupTab: (tab)=>{
+            set({
+                popupTab: tab
+            });
+        }
+    };
+});
+export { useBlackboardPreference, useEnvConfig };

package/dist/es/types.mjs

@@ -0,0 +1,70 @@
+const VALIDATION_CONSTANTS = {
+    ZOD_TYPES: {
+        OPTIONAL: 'ZodOptional',
+        DEFAULT: 'ZodDefault',
+        NULLABLE: 'ZodNullable',
+        OBJECT: 'ZodObject',
+        ENUM: 'ZodEnum',
+        NUMBER: 'ZodNumber',
+        STRING: 'ZodString',
+        BOOLEAN: 'ZodBoolean'
+    },
+    FIELD_FLAGS: {
+        LOCATION: 'midscene_location_field_flag'
+    },
+    DEFAULT_VALUES: {
+        ACTION_TYPE: 'aiAction',
+        TIMEOUT_MS: 15000,
+        CHECK_INTERVAL_MS: 3000
+    }
+};
+const isZodObjectSchema = (schema)=>'object' == typeof schema && null !== schema && ('shape' in schema || 'ZodObject' === schema.type);
+const isLocateField = (field)=>{
+    var _field__def;
+    const fieldWithRuntime = field;
+    if ((null == (_field__def = field._def) ? void 0 : _field__def.typeName) === VALIDATION_CONSTANTS.ZOD_TYPES.OBJECT) {
+        var _field__def1;
+        let shape;
+        if (field._def.shape) shape = 'function' == typeof field._def.shape ? field._def.shape() : field._def.shape;
+        if (!shape && fieldWithRuntime.shape) shape = fieldWithRuntime.shape;
+        if (shape && VALIDATION_CONSTANTS.FIELD_FLAGS.LOCATION in shape) return true;
+        const description = (null == (_field__def1 = field._def) ? void 0 : _field__def1.description) || fieldWithRuntime.description || '';
+        if ('string' == typeof description && description.toLowerCase().includes('input field')) return true;
+    }
+    if ('object' == typeof field && null !== field) {
+        var _fieldWithRuntime__def;
+        const description = fieldWithRuntime.description || (null == (_fieldWithRuntime__def = fieldWithRuntime._def) ? void 0 : _fieldWithRuntime__def.description) || '';
+        if ('string' == typeof description) {
+            const desc = description.toLowerCase();
+            if (desc.includes('input field') || desc.includes('element') || desc.includes('locate')) return true;
+        }
+        if ('ZodObject' === fieldWithRuntime.typeName || 'ZodObject' === fieldWithRuntime.type) return 'string' == typeof description && description.toLowerCase().includes('input field');
+    }
+    return false;
+};
+const unwrapZodType = (field)=>{
+    var _actualField__def, _actualField__def1, _actualField__def2;
+    let actualField = field;
+    let isOptional = false;
+    let hasDefault = false;
+    while((null == (_actualField__def = actualField._def) ? void 0 : _actualField__def.typeName) === VALIDATION_CONSTANTS.ZOD_TYPES.OPTIONAL || (null == (_actualField__def1 = actualField._def) ? void 0 : _actualField__def1.typeName) === VALIDATION_CONSTANTS.ZOD_TYPES.DEFAULT || (null == (_actualField__def2 = actualField._def) ? void 0 : _actualField__def2.typeName) === VALIDATION_CONSTANTS.ZOD_TYPES.NULLABLE){
+        var _actualField__def3, _actualField__def4;
+        if ((null == (_actualField__def3 = actualField._def) ? void 0 : _actualField__def3.typeName) === VALIDATION_CONSTANTS.ZOD_TYPES.OPTIONAL) isOptional = true;
+        if ((null == (_actualField__def4 = actualField._def) ? void 0 : _actualField__def4.typeName) === VALIDATION_CONSTANTS.ZOD_TYPES.DEFAULT) hasDefault = true;
+        actualField = actualField._def.innerType || actualField;
+    }
+    return {
+        actualField,
+        isOptional,
+        hasDefault
+    };
+};
+const extractDefaultValue = (field)=>{
+    var _currentField__def;
+    let currentField = field;
+    while(null == (_currentField__def = currentField._def) ? void 0 : _currentField__def.innerType){
+        if (currentField._def.typeName === VALIDATION_CONSTANTS.ZOD_TYPES.DEFAULT && currentField._def.defaultValue) return currentField._def.defaultValue();
+        currentField = currentField._def.innerType;
+    }
+};
+export { VALIDATION_CONSTANTS, extractDefaultValue, isLocateField, isZodObjectSchema, unwrapZodType };

package/dist/es/utils/color.mjs

@@ -0,0 +1,35 @@
+const elementColor = [
+    '#01204E'
+];
+const highlightColorForSearchArea = '#028391';
+const highlightColorForElement = '#fd5907';
+function djb2Hash(str) {
+    if (!str) str = 'unnamed';
+    let hash = 5381;
+    for(let i = 0; i < str.length; i++)hash = (hash << 5) + hash + str.charCodeAt(i);
+    return hash >>> 0;
+}
+function colorForName(name) {
+    const hashNumber = djb2Hash(name);
+    return elementColor[hashNumber % elementColor.length];
+}
+function highlightColorForType(type) {
+    if ('searchArea' === type) return highlightColorForSearchArea;
+    return highlightColorForElement;
+}
+function globalThemeConfig() {
+    return {
+        token: {
+            colorPrimary: '#2B83FF'
+        },
+        components: {
+            Layout: {
+                headerHeight: 60,
+                headerPadding: '0 30px',
+                headerBg: '#FFF',
+                bodyBg: '#FFF'
+            }
+        }
+    };
+}
+export { colorForName, globalThemeConfig, highlightColorForType };