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

package/dist/lib/component/playground/HistorySelector.js

@@ -1,202 +1,239 @@
 "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 HistorySelector_exports = {};
-__export(HistorySelector_exports, {
-  HistorySelector: () => HistorySelector
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            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__, {
+    HistorySelector: ()=>HistorySelector
 });
-module.exports = __toCommonJS(HistorySelector_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 import_jsx_runtime = require("react/jsx-runtime");
-var import_antd = require("antd");
-var import_react = require("react");
-var import_close_909351c0 = __toESM(require("../../assets/close.909351c0.svg"));
-var import_history_164a4eab = __toESM(require("../../assets/history.164a4eab.svg"));
-var import_magnifying_glass_9498e70e = __toESM(require("../../assets/magnifying-glass.9498e70e.svg"));
-var import_history = require("../store/history");
-const { Text } = import_antd.Typography;
-const HistorySelector = ({
-  onSelect
-}) => {
-  const [isModalOpen, setIsModalOpen] = (0, import_react.useState)(false);
-  const [searchText, setSearchText] = (0, import_react.useState)("");
-  const history = (0, import_history.useHistoryStore)((state) => state.history);
-  const clearHistory = (0, import_history.useHistoryStore)((state) => state.clearHistory);
-  const groupedHistory = (0, import_react.useMemo)(() => {
-    const now = Date.now();
-    const sevenDaysAgo = now - 7 * 24 * 60 * 60 * 1e3;
-    const oneYearAgo = now - 365 * 24 * 60 * 60 * 1e3;
-    const filteredHistory = history.filter(
-      (item) => item.prompt.toLowerCase().includes(searchText.toLowerCase())
-    );
-    const groups = {
-      recent7Days: filteredHistory.filter(
-        (item) => item.timestamp >= sevenDaysAgo
-      ),
-      recent1Year: filteredHistory.filter(
-        (item) => item.timestamp < sevenDaysAgo && item.timestamp >= oneYearAgo
-      ),
-      older: filteredHistory.filter((item) => item.timestamp < oneYearAgo)
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_antd_namespaceObject = require("antd");
+const external_react_namespaceObject = require("react");
+const close_js_namespaceObject = require("../../icons/close.js");
+var close_js_default = /*#__PURE__*/ __webpack_require__.n(close_js_namespaceObject);
+const history_js_namespaceObject = require("../../icons/history.js");
+var history_js_default = /*#__PURE__*/ __webpack_require__.n(history_js_namespaceObject);
+const magnifying_glass_js_namespaceObject = require("../../icons/magnifying-glass.js");
+var magnifying_glass_js_default = /*#__PURE__*/ __webpack_require__.n(magnifying_glass_js_namespaceObject);
+const external_store_history_js_namespaceObject = require("../store/history.js");
+require("./index.css");
+const { Text } = external_antd_namespaceObject.Typography;
+const HistorySelector = (param)=>{
+    let { onSelect } = param;
+    const [isModalOpen, setIsModalOpen] = (0, external_react_namespaceObject.useState)(false);
+    const [searchText, setSearchText] = (0, external_react_namespaceObject.useState)('');
+    const history = (0, external_store_history_js_namespaceObject.useHistoryStore)((state)=>state.history);
+    const clearHistory = (0, external_store_history_js_namespaceObject.useHistoryStore)((state)=>state.clearHistory);
+    const groupedHistory = (0, external_react_namespaceObject.useMemo)(()=>{
+        const now = Date.now();
+        const sevenDaysAgo = now - 604800000;
+        const oneYearAgo = now - 31536000000;
+        const filteredHistory = history.filter((item)=>item.prompt.toLowerCase().includes(searchText.toLowerCase()));
+        const groups = {
+            recent7Days: filteredHistory.filter((item)=>item.timestamp >= sevenDaysAgo),
+            recent1Year: filteredHistory.filter((item)=>item.timestamp < sevenDaysAgo && item.timestamp >= oneYearAgo),
+            older: filteredHistory.filter((item)=>item.timestamp < oneYearAgo)
+        };
+        return groups;
+    }, [
+        history,
+        searchText
+    ]);
+    const handleHistoryClick = (item)=>{
+        onSelect(item);
+        setIsModalOpen(false);
+    };
+    const handleClearHistory = ()=>{
+        clearHistory();
+        setSearchText('');
+        setIsModalOpen(false);
+    };
+    const renderHistoryGroup = (title, items)=>{
+        if (0 === items.length) return null;
+        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+            className: "history-group",
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                    className: "history-group-title",
+                    children: title
+                }),
+                items.map((item, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        className: "history-item",
+                        onClick: ()=>handleHistoryClick(item),
+                        children: item.prompt
+                    }, `${item.timestamp}-${index}`))
+            ]
+        }, title);
     };
-    return groups;
-  }, [history, searchText]);
-  const handleHistoryClick = (item) => {
-    onSelect(item);
-    setIsModalOpen(false);
-  };
-  const handleClearHistory = () => {
-    clearHistory();
-    setSearchText("");
-    setIsModalOpen(false);
-  };
-  const renderHistoryGroup = (title, items) => {
-    if (items.length === 0)
-      return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "history-group", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "history-group-title", children: title }),
-      items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "div",
-        {
-          className: "history-item",
-          onClick: () => handleHistoryClick(item),
-          children: item.prompt
-        },
-        `${item.timestamp}-${index}`
-      ))
-    ] }, title);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "selector-trigger", onClick: () => setIsModalOpen(true), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_history_164a4eab.default, { width: 24, height: 24 }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_antd.Modal,
-      {
-        open: isModalOpen,
-        onCancel: () => setIsModalOpen(false),
-        footer: null,
-        width: "100%",
-        closable: false,
-        centered: false,
-        transitionName: "",
-        maskTransitionName: "",
-        style: {
-          margin: 0,
-          padding: 0,
-          maxWidth: "none",
-          top: "auto",
-          bottom: 0
-        },
-        styles: {
-          wrapper: {
-            alignItems: "flex-end",
-            justifyContent: "center",
-            paddingBottom: 0,
-            display: "flex"
-          },
-          body: {
-            height: "70vh",
-            padding: 0,
-            margin: 0
-          },
-          content: {
-            height: "70vh",
-            borderRadius: "12px 12px 0 0",
-            margin: 0,
-            padding: 0,
-            marginBottom: 0,
-            position: "fixed",
-            bottom: 0,
-            left: 0,
-            right: 0
-          }
-        },
-        maskClosable: true,
-        destroyOnClose: true,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "history-modal-container", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "history-modal-header", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { strong: true, style: { fontSize: "16px" }, children: [
-              "History (",
-              history.length,
-              ")"
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_antd.Button,
-              {
-                size: "small",
-                type: "text",
-                icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_close_909351c0.default, { width: 16, height: 16 }),
-                onClick: () => setIsModalOpen(false),
-                className: "close-button"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "history-search-section", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "search-input-wrapper", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_antd.Input,
-              {
-                placeholder: "Search",
-                value: searchText,
-                onChange: (e) => setSearchText(e.target.value),
-                prefix: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_magnifying_glass_9498e70e.default, { width: 18, height: 18 }),
-                className: "search-input",
-                allowClear: true
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_antd.Button,
-              {
-                type: "link",
-                onClick: handleClearHistory,
-                className: "clear-button",
-                disabled: history.length === 0,
-                children: "Clear"
-              }
-            )
-          ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "history-content", children: history.length === 0 ? (
-            /* no history record */
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "no-results", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { type: "secondary", children: "No history record" }) })
-          ) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-            renderHistoryGroup("Last 7 days", groupedHistory.recent7Days),
-            renderHistoryGroup("Last 1 year", groupedHistory.recent1Year),
-            renderHistoryGroup("Earlier", groupedHistory.older),
-            searchText && groupedHistory.recent7Days.length === 0 && groupedHistory.recent1Year.length === 0 && groupedHistory.older.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "no-results", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { type: "secondary", children: "No matching history record" }) })
-          ] }) })
-        ] })
-      }
-    )
-  ] });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "selector-trigger",
+                onClick: ()=>setIsModalOpen(true),
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(history_js_default(), {
+                    width: 24,
+                    height: 24
+                })
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Modal, {
+                open: isModalOpen,
+                onCancel: ()=>setIsModalOpen(false),
+                footer: null,
+                width: "100%",
+                closable: false,
+                centered: false,
+                transitionName: "",
+                maskTransitionName: "",
+                style: {
+                    margin: 0,
+                    padding: 0,
+                    maxWidth: 'none',
+                    top: 'auto',
+                    bottom: 0
+                },
+                styles: {
+                    wrapper: {
+                        alignItems: 'flex-end',
+                        justifyContent: 'center',
+                        paddingBottom: 0,
+                        display: 'flex'
+                    },
+                    body: {
+                        height: '70vh',
+                        padding: 0,
+                        margin: 0
+                    },
+                    content: {
+                        height: '70vh',
+                        borderRadius: '12px 12px 0 0',
+                        margin: 0,
+                        padding: 0,
+                        marginBottom: 0,
+                        position: 'fixed',
+                        bottom: 0,
+                        left: 0,
+                        right: 0
+                    }
+                },
+                maskClosable: true,
+                destroyOnClose: true,
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                    className: "history-modal-container",
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                            className: "history-modal-header",
+                            children: [
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(Text, {
+                                    strong: true,
+                                    style: {
+                                        fontSize: '16px'
+                                    },
+                                    children: [
+                                        "History (",
+                                        history.length,
+                                        ")"
+                                    ]
+                                }),
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Button, {
+                                    size: "small",
+                                    type: "text",
+                                    icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(close_js_default(), {
+                                        width: 16,
+                                        height: 16
+                                    }),
+                                    onClick: ()=>setIsModalOpen(false),
+                                    className: "close-button"
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                            className: "history-search-section",
+                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                                className: "search-input-wrapper",
+                                children: [
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Input, {
+                                        placeholder: "Search",
+                                        value: searchText,
+                                        onChange: (e)=>setSearchText(e.target.value),
+                                        prefix: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(magnifying_glass_js_default(), {
+                                            width: 18,
+                                            height: 18
+                                        }),
+                                        className: "search-input",
+                                        allowClear: true
+                                    }),
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Button, {
+                                        type: "link",
+                                        onClick: handleClearHistory,
+                                        className: "clear-button",
+                                        disabled: 0 === history.length,
+                                        children: "Clear"
+                                    })
+                                ]
+                            })
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                            className: "history-content",
+                            children: 0 === history.length ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                className: "no-results",
+                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Text, {
+                                    type: "secondary",
+                                    children: "No history record"
+                                })
+                            }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+                                children: [
+                                    renderHistoryGroup('Last 7 days', groupedHistory.recent7Days),
+                                    renderHistoryGroup('Last 1 year', groupedHistory.recent1Year),
+                                    renderHistoryGroup('Earlier', groupedHistory.older),
+                                    searchText && 0 === groupedHistory.recent7Days.length && 0 === groupedHistory.recent1Year.length && 0 === groupedHistory.older.length && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                        className: "no-results",
+                                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Text, {
+                                            type: "secondary",
+                                            children: "No matching history record"
+                                        })
+                                    })
+                                ]
+                            })
+                        })
+                    ]
+                })
+            })
+        ]
+    });
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  HistorySelector
+exports.HistorySelector = __webpack_exports__.HistorySelector;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "HistorySelector"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
 });