@midscene/visualizer 0.26.2-beta-20250812091127.0 → 0.26.3-beta-20250813021342.0

package/dist/lib/component/shiny-text.css

@@ -1,64 +1,75 @@
 .shiny-text {
-  position: relative;
-  display: inline-block;
-  background-size: 300% auto;
+  color: rgba(0, 0, 0, 0);
+  letter-spacing: .5px;
+  text-shadow: 0 1px 2px rgba(0, 0, 0, .05);
+  background-image: linear-gradient(45deg, #2b83ff, #6a11cb, #2575fc, #4481eb);
+  background-size: 300%;
   -webkit-background-clip: text;
   background-clip: text;
-  color: transparent;
   font-weight: 600;
-  letter-spacing: 0.5px;
-  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+  animation: 8s infinite textGradient;
+  display: inline-block;
+  position: relative;
   overflow: hidden;
-  animation: textGradient 8s ease infinite;
-  background-image: linear-gradient(45deg, #2b83ff, #6a11cb, #2575fc, #4481eb);
 }
-.shiny-text::after {
+
+.shiny-text:after {
   content: "";
-  position: absolute;
-  top: -10%;
-  left: -150%;
   width: 120%;
   height: 120%;
-  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 10%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.1) 90%, rgba(255, 255, 255, 0) 100%);
-  transform: skewX(-20deg) translateY(0);
-  animation: shine var(--animation-duration, 5s) cubic-bezier(0.25, 0.1, 0.25, 1) infinite;
+  animation: shine var(--animation-duration, 5s) cubic-bezier(.25, .1, .25, 1) infinite;
   z-index: 1;
   pointer-events: none;
+  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .1) 10%, rgba(255, 255, 255, .6) 50%, rgba(255, 255, 255, .1) 90%, rgba(255, 255, 255, 0) 100%);
+  position: absolute;
+  top: -10%;
+  left: -150%;
+  transform: skewX(-20deg)translateY(0);
 }
+
 .shiny-text.disabled {
-  animation: none;
   background: #2b83ff;
   -webkit-background-clip: text;
   background-clip: text;
+  animation: none;
 }
-.shiny-text.disabled::after {
+
+.shiny-text.disabled:after {
   animation: none;
   display: none;
 }
+
 @keyframes shine {
   0% {
+    opacity: .7;
     left: -150%;
-    opacity: 0.7;
   }
+
   20% {
     opacity: 1;
   }
+
   80% {
     opacity: 1;
   }
+
   100% {
+    opacity: .7;
     left: 250%;
-    opacity: 0.7;
   }
 }
+
 @keyframes textGradient {
   0% {
-    background-position: 0% 50%;
+    background-position: 0%;
   }
+
   50% {
-    background-position: 100% 50%;
+    background-position: 100%;
   }
+
   100% {
-    background-position: 0% 50%;
+    background-position: 0%;
   }
 }
+

package/dist/lib/component/shiny-text.js

@@ -1,60 +1,49 @@
 "use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var shiny_text_exports = {};
-__export(shiny_text_exports, {
-  default: () => shiny_text_default
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    default: ()=>shiny_text
 });
-module.exports = __toCommonJS(shiny_text_exports);
-var import_buffer = __toESM(require("buffer"));
-var import_browser = __toESM(require("process/browser"));
-var import_console_browserify = __toESM(require("console-browserify"));
-var buffer = {
-  Buffer: import_buffer.default
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+require("./shiny-text.css");
+const ShinyText = (param)=>{
+    let { text, disabled = false, speed = 5, className = '' } = param;
+    const style = {
+        '--animation-duration': `${speed}s`
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: `shiny-text ${disabled ? 'disabled' : ''} ${className}`,
+        style: style,
+        children: text
+    });
 };
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_shiny_text = require("./shiny-text.css");
-const ShinyText = ({
-  text,
-  disabled = false,
-  speed = 5,
-  className = ""
-}) => {
-  const style = {
-    "--animation-duration": `${speed}s`
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "div",
-    {
-      className: `shiny-text ${disabled ? "disabled" : ""} ${className}`,
-      style,
-      children: text
-    }
-  );
-};
-var shiny_text_default = ShinyText;
+const shiny_text = ShinyText;
+exports["default"] = __webpack_exports__["default"];
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "default"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/lib/component/store/history.js

@@ -1,68 +1,62 @@
 "use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var history_exports = {};
-__export(history_exports, {
-  useHistoryStore: () => useHistoryStore
+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__, {
+    useHistoryStore: ()=>useHistoryStore
 });
-module.exports = __toCommonJS(history_exports);
-var import_buffer = __toESM(require("buffer"));
-var import_browser = __toESM(require("process/browser"));
-var import_console_browserify = __toESM(require("console-browserify"));
-var buffer = {
-  Buffer: import_buffer.default
-};
-var Z = __toESM(require("zustand"));
-const { create } = Z;
-const HISTORY_KEY = "midscene-prompt-history";
-const getHistoryFromLocalStorage = () => {
-  const historyString = localStorage.getItem(HISTORY_KEY);
-  return historyString ? JSON.parse(historyString) : [];
+const external_zustand_namespaceObject = require("zustand");
+const { create } = external_zustand_namespaceObject;
+const HISTORY_KEY = 'midscene-prompt-history';
+const getHistoryFromLocalStorage = ()=>{
+    const historyString = localStorage.getItem(HISTORY_KEY);
+    return historyString ? JSON.parse(historyString) : [];
 };
-const useHistoryStore = create((set, get) => ({
-  history: getHistoryFromLocalStorage(),
-  clearHistory: () => {
-    set({ history: [] });
-    localStorage.removeItem(HISTORY_KEY);
-  },
-  addHistory: (historyItem) => {
-    const newHistory = [
-      historyItem,
-      ...get().history.filter((h) => h.prompt !== historyItem.prompt)
-    ];
-    while (newHistory.length > 10) {
-      newHistory.pop();
-    }
-    set({ history: newHistory });
-    localStorage.setItem(HISTORY_KEY, JSON.stringify(newHistory));
-  }
-}));
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useHistoryStore
+const useHistoryStore = create((set, get)=>({
+        history: getHistoryFromLocalStorage(),
+        clearHistory: ()=>{
+            set({
+                history: []
+            });
+            localStorage.removeItem(HISTORY_KEY);
+        },
+        addHistory: (historyItem)=>{
+            const newHistory = [
+                historyItem,
+                ...get().history.filter((h)=>h.prompt !== historyItem.prompt)
+            ];
+            while(newHistory.length > 10)newHistory.pop();
+            set({
+                history: newHistory
+            });
+            localStorage.setItem(HISTORY_KEY, JSON.stringify(newHistory));
+        }
+    }));
+exports.useHistoryStore = __webpack_exports__.useHistoryStore;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "useHistoryStore"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
 });

package/dist/lib/component/store/store.js

@@ -1,134 +1,138 @@
 "use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var store_exports = {};
-__export(store_exports, {
-  useBlackboardPreference: () => useBlackboardPreference,
-  useEnvConfig: () => useEnvConfig
+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__, {
+    useBlackboardPreference: ()=>useBlackboardPreference,
+    useEnvConfig: ()=>useEnvConfig
 });
-module.exports = __toCommonJS(store_exports);
-var import_buffer = __toESM(require("buffer"));
-var import_browser = __toESM(require("process/browser"));
-var import_console_browserify = __toESM(require("console-browserify"));
-var buffer = {
-  Buffer: import_buffer.default
-};
-var Z = __toESM(require("zustand"));
-const { create } = Z;
-const useBlackboardPreference = create((set) => ({
-  markerVisible: true,
-  elementsVisible: true,
-  setMarkerVisible: (visible) => {
-    set({ markerVisible: visible });
-  },
-  setTextsVisible: (visible) => {
-    set({ elementsVisible: visible });
-  }
-}));
-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 getConfigStringFromLocalStorage = () => {
-  const configString = localStorage.getItem(CONFIG_KEY);
-  return configString || "";
+const external_zustand_namespaceObject = require("zustand");
+const { create } = external_zustand_namespaceObject;
+const useBlackboardPreference = create((set)=>({
+        markerVisible: true,
+        elementsVisible: true,
+        setMarkerVisible: (visible)=>{
+            set({
+                markerVisible: visible
+            });
+        },
+        setTextsVisible: (visible)=>{
+            set({
+                elementsVisible: visible
+            });
+        }
+    }));
+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 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 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 = 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 = localStorage.getItem(TRACKING_ACTIVE_TAB_KEY) !== "false";
-  const savedDeepThink = localStorage.getItem(DEEP_THINK_KEY) === "true";
-  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: (config2) => set({ config: config2 }),
-    loadConfig: (configString2) => {
-      const config2 = parseConfig(configString2);
-      set({ config: config2, configString: configString2 });
-      localStorage.setItem(CONFIG_KEY, configString2);
-    },
-    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());
-    },
-    popupTab: "playground",
-    setPopupTab: (tab) => {
-      set({ popupTab: tab });
-    }
-  };
+const useEnvConfig = 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);
+    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());
+        },
+        popupTab: 'playground',
+        setPopupTab: (tab)=>{
+            set({
+                popupTab: tab
+            });
+        }
+    };
 });
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useBlackboardPreference,
-  useEnvConfig
+exports.useBlackboardPreference = __webpack_exports__.useBlackboardPreference;
+exports.useEnvConfig = __webpack_exports__.useEnvConfig;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "useBlackboardPreference",
+    "useEnvConfig"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
 });