@midscene/android-playground 0.28.2-beta-20250910024129.0 → 0.28.2-beta-20250910035416.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +5 -5
- package/static/index.html +1 -1
- package/static/static/css/index.d055f485.css +2 -0
- package/static/static/css/index.d055f485.css.map +1 -0
- package/static/static/js/{763.40f17c2d.js → 848.f776e552.js} +73 -58
- package/static/static/js/{763.40f17c2d.js.LICENSE.txt → 848.f776e552.js.LICENSE.txt} +19 -1
- package/static/static/js/{763.40f17c2d.js.map → 848.f776e552.js.map} +1 -1
- package/static/static/js/async/{290.45247363.js → 290.375060b2.js} +2 -2
- package/static/static/js/async/{290.45247363.js.map → 290.375060b2.js.map} +1 -1
- package/static/static/js/async/920.48d269c8.js +2 -0
- package/static/static/js/async/920.48d269c8.js.map +1 -0
- package/static/static/js/index.5ac6e492.js +21 -0
- package/static/static/js/index.5ac6e492.js.map +1 -0
- package/static/static/css/index.f652fe09.css +0 -2
- package/static/static/css/index.f652fe09.css.map +0 -1
- package/static/static/js/async/975.693266d2.js +0 -2
- package/static/static/js/async/975.693266d2.js.map +0 -1
- package/static/static/js/index.64f3a001.js +0 -15
- package/static/static/js/index.64f3a001.js.map +0 -1
- /package/static/static/js/{index.64f3a001.js.LICENSE.txt → index.5ac6e492.js.LICENSE.txt} +0 -0
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:14px}.app-container{background-color:#f5f5f5;flex-direction:column;width:100%;height:100vh;display:flex}.app-content{height:100vh;overflow:hidden}.app-grid-layout{height:100%;display:flex}.app-grid-layout .ant-row{flex-wrap:nowrap;flex:1;width:100%;height:100%;display:flex}.app-panel{background-color:#fff;border-radius:0;height:100%;transition:box-shadow .3s;overflow:hidden;box-shadow:0 1px 2px #0000000d}.app-panel:hover{box-shadow:0 2px 8px #00000017}.app-panel.left-panel{flex-direction:column;flex:none;width:480px;height:100%;display:flex;overflow:hidden}.app-panel.right-panel{border-radius:0;flex:1;overflow:hidden;box-shadow:-4px 0 20px #0000000a}.panel-content{border-left:1px solid #00000014;flex-direction:column;height:100%;padding:12px 24px 24px;display:flex;overflow:auto}.panel-content.left-panel-content{flex-direction:column;height:100%;display:flex;overflow:hidden}.panel-content.right-panel-content{border-radius:0}.panel-content h2{color:#000;margin-top:16px;margin-bottom:12px;font-size:18px}.panel-content canvas{border:1px solid #f0f0f0;border-radius:4px;max-width:100%;margin-top:16px}.command-form{flex-direction:column;height:100%;display:flex;overflow:hidden}.command-form .form-content{flex-direction:column;gap:24px;height:100%;display:flex}.command-form .command-input-wrapper{margin-top:8px}.result-container{flex-direction:column;flex:1;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}@media (max-width:768px){.app-container{height:auto;min-height:100vh}.app-grid-layout .ant-row{flex-wrap:wrap!important}.app-panel{height:auto;min-height:200px;margin-bottom:16px;flex:0 0 100%!important;width:100%!important}.app-panel:first-child,.app-panel:first-child .panel-content{border-radius:20px}.panel-content{padding:12px}.panel-content h2{margin-bottom:12px;padding-bottom:6px;font-size:16px}.panel-content textarea{min-height:100px}}@media (min-width:769px) and (max-width:992px){.app-panel{min-height:300px;margin-bottom:16px}}.resize-handle{background-color:#f0f0f0;width:2px;transition:background-color .2s}.resize-handle:hover{background-color:#1677ff}.device-header{align-items:center;margin-bottom:16px;display:flex}.device-header .device-title-container{align-items:center;display:flex}.device-header .device-title{color:#000;align-items:center;height:32px;margin:0 12px 0 0;font-size:18px;display:flex}.device-dropdown-button{box-shadow:none;background:#f0f0f0;border:none;border-radius:20px;align-items:center;height:32px;padding:4px 12px 4px 8px;display:flex}.device-dropdown-button .device-icon-container{background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.device-dropdown-button .device-icon-container .device-icon{color:#fff;font-size:14px}.device-dropdown-button .device-icon-container .status-indicator{align-items:center;display:flex;position:absolute;bottom:-5px;right:-5px}.device-dropdown-button .device-name{color:#333;text-overflow:ellipsis;white-space:nowrap;max-width:120px;margin-left:8px;margin-right:4px;font-size:16px;font-weight:700;overflow:hidden}.device-dropdown-button .device-name.no-device{color:#999;font-style:italic;font-weight:400}.device-dropdown-button .dropdown-arrow{color:#666;font-size:12px;font-weight:700;transform:scaleY(.6)}.device-dropdown{background:#fff;border:1px solid #eaedf1;border-radius:8px;width:430px;overflow:hidden;box-shadow:0 10px 20px #00000005}.device-dropdown .dropdown-header{justify-content:space-between;align-items:center;padding:16px 16px 12px;display:flex}.device-dropdown .dropdown-header .dropdown-title{color:#333;font-size:16px;font-weight:700}.device-dropdown .device-list-item{cursor:pointer;padding:5px 17px 9px 6px}.device-dropdown .device-list-item.selected{background:#2b83ff14}.device-dropdown .device-list-item.offline{cursor:not-allowed;opacity:.5}.device-dropdown .device-list-item .device-item-content{align-items:center;display:flex}.device-dropdown .device-list-item .device-item-content .device-item-icon-container{justify-content:center;align-items:center;width:34px;height:34px;margin-right:12px;display:flex}.device-dropdown .device-list-item .device-item-content .device-item-icon-container .device-item-icon{color:#666;font-size:22px}.device-dropdown .device-list-item .device-item-content .device-item-info{flex:1}.device-dropdown .device-list-item .device-item-content .device-item-info .device-item-name{color:#333;font-size:15px;font-weight:700}.device-dropdown .device-list-item .device-item-content .device-item-info .device-item-status{align-items:center;margin-top:4px;display:flex}.device-dropdown .device-list-item .device-item-content .device-item-info .device-item-status .status-badge{align-items:center;margin-right:12px;display:flex}.device-dropdown .device-list-item .device-item-content .device-item-info .device-item-status .status-badge .status-text{color:#666;font-size:12px}.device-dropdown .device-list-item .device-item-content .device-item-info .device-item-status .device-id-container{color:#999;font-size:12px}.device-dropdown .device-list-item .device-item-content .current-device-indicator{color:#1890ff;margin-left:auto;font-size:13px;font-weight:700}.device-dropdown .device-list-empty{text-align:center;color:#999;padding:20px}.status-dot{margin-right:4px;font-size:12px}.status-divider{margin:0 4px}.scrcpy-container{flex-direction:column;width:100%;height:100%;display:flex}.scrcpy-container .ant-card{background:0 0;border:none;flex-direction:column;flex:1;display:flex}.scrcpy-container .ant-card .ant-card-head{display:none}.scrcpy-container .ant-card .ant-card-body{flex-direction:column;flex:1;padding:0;display:flex}.scrcpy-container .ant-card .ant-card-body .ant-row{flex:1;margin:0!important}.scrcpy-container .ant-card .ant-card-body .ant-row .ant-col{padding:0!important}.scrcpy-container .ant-card .ant-card-body .ant-row .ant-col:first-child{flex-direction:column;flex:1;display:flex}.scrcpy-container .header-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #f5f5f5;border-top-left-radius:12px;border-top-right-radius:12px;grid-template-columns:1fr auto 1fr;align-items:center;padding:8px 16px;display:grid}.scrcpy-container .header-bar .header-left{align-items:center;gap:8px;display:flex}.scrcpy-container .header-bar .header-left .ant-typography{color:#333;margin:0;font-size:14px}.scrcpy-container .header-bar .header-left .anticon{color:#999;cursor:pointer;font-size:14px}.scrcpy-container .header-bar .header-left .anticon:hover{color:#666}.scrcpy-container .header-bar .screen-info{text-align:center}.scrcpy-container .header-bar .screen-info .ant-typography{color:#666;margin:0;font-size:14px}.scrcpy-container .header-bar .header-right{justify-self:end;align-items:center;gap:8px;display:flex}.scrcpy-container .header-bar .header-right .ant-btn{border:none;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.scrcpy-container .header-bar .header-right .ant-btn .link-icon{font-size:16px;line-height:1}.scrcpy-container .video-section{flex-direction:column;flex:1;display:flex;position:relative}.scrcpy-container .video-section .video-container{background-color:#f5f5f5;border-bottom-right-radius:12px;border-bottom-left-radius:12px;flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.scrcpy-container .video-section .video-container .canvas-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.scrcpy-container .video-section .video-container canvas{box-shadow:none!important;border:none!important}.scrcpy-container .video-section .video-container .empty-state{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex;position:relative}.scrcpy-container .video-section .video-container .empty-state .empty-state-icon{font-size:48px;line-height:1}.scrcpy-container .video-section .video-container .empty-state .empty-state-text{color:#666;margin-bottom:8px;font-size:16px}.scrcpy-container .video-section .video-container .empty-state .loading-spinner{margin-top:16px}.scrcpy-container .video-section .video-container .empty-state .loading-spinner .ant-spin{color:#1677ff}.scrcpy-container .video-section .video-container .empty-state .ant-btn{border-radius:20px;min-width:120px;height:40px;font-size:16px}.scrcpy-container .video-section .screen-info{background:#00000080;border-radius:4px;padding:4px 8px;position:absolute;bottom:8px;left:8px}.scrcpy-container .video-section .screen-info .ant-typography{color:#fff;margin:0}@media (max-width:576px){.scrcpy-container .header-bar{grid-template-rows:auto auto auto;grid-template-columns:1fr;gap:8px;padding:8px}.scrcpy-container .header-bar .header-left,.scrcpy-container .header-bar .screen-info{text-align:center}.scrcpy-container .header-bar .header-right{justify-content:flex-end;justify-self:center;width:100%}}.player-container{box-sizing:border-box;background:#f2f4f7;border:1px solid #f2f4f7;border-radius:8px;flex-direction:column;width:100%;max-width:100%;height:100%;min-height:300px;max-height:100%;margin:0 auto;padding:12px;line-height:100%;display:flex;position:relative;overflow:visible}.player-container[data-fit-mode=height]{background:#fff}.player-container[data-fit-mode=height] .canvas-container{background-color:#f2f4f7}.player-container .canvas-container{width:100%;min-height:200px;aspect-ratio:var(--canvas-aspect-ratio,16/9);background-color:#fff;border-top-left-radius:16px;border-top-right-radius:16px;flex:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.player-container .canvas-container canvas{box-sizing:border-box;object-fit:contain;border:none;width:100%;max-width:100%;height:auto;max-height:100%;margin:0 auto;display:block}.player-container .canvas-container[data-fit-mode=height]{aspect-ratio:unset;flex:auto;height:auto;min-height:0}.player-container .canvas-container[data-fit-mode=height] canvas{width:auto;max-width:100%;height:100%;max-height:100%}.player-container .canvas-container[data-fit-mode=width]{aspect-ratio:var(--canvas-aspect-ratio,16/9)}.player-container .canvas-container[data-fit-mode=width] canvas{width:100%;height:auto}.player-container .player-timeline-wrapper{flex:none;width:100%;height:4px;margin-bottom:2px;position:relative}.player-container .player-timeline{background:#666;flex-shrink:0;width:100%;height:4px;position:relative}.player-container .player-timeline .player-timeline-progress{background:#2b83ff;height:4px;transition-timing-function:linear;position:absolute;top:0;left:0}.player-container .player-tools-wrapper{box-sizing:border-box;flex:none;width:100%;height:72px;padding:15px 16px;position:relative}.player-container .player-tools{color:#000;box-sizing:border-box;flex-direction:row;flex-shrink:0;justify-content:space-between;width:100%;max-width:100%;height:42px;font-size:14px;display:flex;overflow:hidden}.player-container .player-tools .ant-spin{color:#333}.player-container .player-tools .player-control{flex-direction:row;flex-grow:1;align-items:center;display:flex;overflow:hidden}.player-container .player-tools .status-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-left:10px;transition:all .2s;display:flex}.player-container .player-tools .status-icon:hover{cursor:pointer;background:#f0f0f0}.player-container .player-tools .status-text{flex-direction:column;flex-grow:1;flex-shrink:1;justify-content:space-between;width:0;min-width:0;height:100%;display:flex;position:relative;overflow:hidden}.player-container .player-tools .title{font-weight:600}.player-container .player-tools .title,.player-container .player-tools .subtitle{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.player-container .player-tools .player-tools-item{flex-direction:column;justify-content:center;height:100%;display:flex}.logo img{vertical-align:baseline;height:30px;vertical-align:-webkit-baseline-middle;line-height:30px}.logo-with-star-wrapper{flex-direction:row;justify-content:space-between;display:flex}.shiny-text{color:#0000;letter-spacing:.5px;text-shadow:0 1px 2px #0000000d;background-image:linear-gradient(45deg,#2b83ff,#6a11cb,#2575fc,#4481eb);background-size:300%;-webkit-background-clip:text;background-clip:text;font-weight:600;animation:8s infinite textGradient;display:inline-block;position:relative;overflow:hidden}.shiny-text:after{content:"";width:120%;height:120%;animation:shine var(--animation-duration,5s)cubic-bezier(.25,.1,.25,1)infinite;z-index:1;pointer-events:none;background:linear-gradient(90deg,#fff0 0%,#ffffff1a 10%,#fff9 50%,#ffffff1a 90%,#fff0 100%);position:absolute;top:-10%;left:-150%;transform:skew(-20deg)translateY(0)}.shiny-text.disabled{background:#2b83ff;-webkit-background-clip:text;background-clip:text;animation:none}.shiny-text.disabled:after{animation:none;display:none}@keyframes shine{0%{opacity:.7;left:-150%}20%{opacity:1}80%{opacity:1}to{opacity:.7;left:250%}}@keyframes textGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:14px}.prompt-input-wrapper{width:100%}.prompt-input-wrapper .mode-radio-group-wrapper{justify-content:space-between;align-items:center;display:flex}.prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group{align-items:center;height:100%;display:flex}.prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group .ant-radio-button-wrapper{height:24px;box-shadow:none;background-color:#f7f7f7;border:none;border-radius:11px;margin-right:8px;padding:0 8px;font-size:12px;line-height:24px}.prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group .ant-radio-button-wrapper:before{display:none}.prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group .ant-radio-button-wrapper:focus-within{outline:none}.prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked{color:#fff;background-color:#2b83ff;border-color:#2b83ff}.prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:hover{color:#fff}.prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group .more-apis-button{height:24px;box-shadow:none;background-color:#f7f7f7;border:none;border-radius:11px;align-items:center;gap:2px;max-width:160px;padding:0 8px;font-size:12px;display:inline-flex}.prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group .more-apis-button .ant-btn-content{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group .more-apis-button:hover{background-color:#e6e6e6}.prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group .more-apis-button.selected-from-dropdown{color:#fff;background-color:#2b83ff;font-weight:500}.prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group .more-apis-button.selected-from-dropdown:hover{background-color:#2b83ff}.prompt-input-wrapper .mode-radio-group-wrapper .action-icons{align-items:center;display:flex}.prompt-input-wrapper .main-side-console-input{margin-top:10px;position:relative}.prompt-input-wrapper .main-side-console-input .main-side-console-input-textarea{white-space:pre-wrap;scrollbar-width:thin;background:#fff;border:1px solid #f2f4f7;border-radius:12px;padding:12px 16px;line-height:21px;transition:background-color .2s;overflow-y:auto}@keyframes hue-shift{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}.prompt-input-wrapper .main-side-console-input .main-side-console-input-textarea:focus-within{background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(135deg,#4285f4 0%,#06f 25%,#7b02c5 50%,#ea4335 75%,#ff7043 100%) border-box;border:1px solid #0000}.prompt-input-wrapper .main-side-console-input .main-side-console-input-textarea::-webkit-scrollbar{width:6px}.prompt-input-wrapper .main-side-console-input .main-side-console-input-textarea::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.prompt-input-wrapper .main-side-console-input.loading .main-side-console-input-textarea{background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(135deg,#4285f4 0%,#06f 25%,#7b02c5 50%,#ea4335 75%,#ff7043 100%) border-box;border:1px solid #0000;animation:5s linear infinite hue-shift}.prompt-input-wrapper .main-side-console-input .ant-form-item-control-input-content{z-index:999;border:3px solid #0000;border-radius:14px}.prompt-input-wrapper .main-side-console-input:focus-within .ant-form-item-control-input-content{border-color:#2b83ff29}.prompt-input-wrapper .main-side-console-input.disabled .form-controller-wrapper{background-color:#0000}.prompt-input-wrapper .ant-form-item-with-help+.form-controller-wrapper{bottom:22px}.prompt-input-wrapper .ant-input{padding-bottom:40px}.prompt-input-wrapper .form-controller-wrapper{box-sizing:border-box;background-color:#fff;flex-direction:row;justify-content:flex-end;align-items:flex-end;gap:8px;width:calc(100% - 32px);padding:12px 0;line-height:32px;transition:background-color .2s;display:flex;position:absolute;bottom:1px;left:16px}.prompt-input-wrapper .settings-wrapper{color:#777;flex-flow:wrap;gap:2px;display:flex}.prompt-input-wrapper .settings-wrapper.settings-wrapper-hover{color:#3b3b3b}.prompt-input-wrapper .structured-params-container{background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(135deg,#4285f4 0%,#06f 25%,#7b02c5 50%,#ea4335 75%,#ff7043 100%) border-box;border:1px solid #0000;border-radius:12px;padding:16px 16px 56px}.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item{flex-direction:column;display:flex}.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item .ant-form-item-label{text-align:left;flex-basis:auto;padding-bottom:4px}.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item .ant-form-item-label>label{color:#000000d9;height:auto;font-size:12px;font-weight:500;line-height:1.5}.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item .ant-form-item-label>label:after{color:#ff4d4f;font-family:SimSun,sans-serif;font-size:12px;line-height:1;display:inline-block}.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item .ant-form-item-label>label:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{margin-left:4px}.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item .ant-form-item-label>label:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{margin-left:4px}.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item .ant-form-item-label>label:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{margin-left:4px}.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item .ant-form-item-label>label:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{margin-left:4px}.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item .ant-form-item-label>label:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{margin-left:4px}.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item .ant-form-item-label>label:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{margin-right:4px}.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item .ant-form-item-label>label:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{margin-right:4px}.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item .ant-form-item-label>label:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{margin-right:4px}.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item .ant-form-item-control{flex:1;margin-top:0}.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item .ant-form-item-row{flex-direction:column}.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item .ant-form-item-control-input{min-height:auto}.prompt-input-wrapper .structured-params-container .structured-params .ant-input,.prompt-input-wrapper .structured-params-container .structured-params .ant-input-number,.prompt-input-wrapper .structured-params-container .structured-params .ant-select{border:1px solid #e1e5e9;border-radius:6px;width:100%}.prompt-input-wrapper .structured-params-container .structured-params .ant-input:hover,.prompt-input-wrapper .structured-params-container .structured-params .ant-input-number:hover,.prompt-input-wrapper .structured-params-container .structured-params .ant-select:hover{border-color:#40a9ff}.prompt-input-wrapper .structured-params-container .structured-params .ant-input:focus,.prompt-input-wrapper .structured-params-container .structured-params .ant-input-number:focus,.prompt-input-wrapper .structured-params-container .structured-params .ant-select:focus,.prompt-input-wrapper .structured-params-container .structured-params .ant-input:focus-within,.prompt-input-wrapper .structured-params-container .structured-params .ant-input-number:focus-within,.prompt-input-wrapper .structured-params-container .structured-params .ant-select:focus-within{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33}.prompt-input-wrapper .structured-params-container .structured-params textarea.ant-input{padding-bottom:5px}.prompt-input-wrapper .structured-params-container .structured-params .ant-input-number .ant-input-number-input{box-shadow:none;border:none}.prompt-input-wrapper .structured-params-container .structured-params .ant-input-number:hover .ant-input-number-input{box-shadow:none}.prompt-input-wrapper .structured-params-container .structured-params .ant-select{min-width:120px}.prompt-input-wrapper .structured-params-container .structured-params .ant-select .ant-select-selector{box-shadow:none;border:none}.prompt-input-wrapper .structured-params-container .structured-params .ant-select:hover .ant-select-selector,.prompt-input-wrapper .structured-params-container .structured-params .ant-select.ant-select-focused .ant-select-selector{box-shadow:none}.prompt-input-wrapper .structured-params-container .structured-params .ant-radio-group{width:100%}.prompt-input-wrapper .structured-params-container .structured-params .ant-radio-group .ant-radio-button-wrapper{border:1px solid #e1e5e9;border-radius:6px;height:32px;margin-right:4px;font-size:12px;line-height:30px}.prompt-input-wrapper .structured-params-container .structured-params .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked{color:#fff;background-color:#2b83ff;border-color:#2b83ff}.selector-trigger{cursor:pointer;width:24px;height:24px;transition:all .2s}.selector-trigger .action-icon{color:#000000d9;font-size:14px;transition:all .2s}.selector-trigger .action-icon:hover{color:#2b83ff}.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:#00000040;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:0 0;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:#00000073;height:40px;font-size:12px;font-weight:400;line-height:40px}.history-modal-container .history-content .history-group .history-item{cursor:pointer;color:#000000d9;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%)}to{opacity:1;transform:translateY(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}.blackboard .footer{color:#aaa}.blackboard ul{padding-left:0}.blackboard li{list-style:none}.blackboard .bottom-tip{height:30px}.blackboard .bottom-tip-item{color:#aaa;text-overflow:ellipsis;word-wrap:break-word;max-width:500px}.blackboard-filter{margin:10px 0}.blackboard-main-content canvas{box-sizing:border-box;border:1px solid #888;width:100%}
|
|
2
|
-
/*# sourceMappingURL=index.f652fe09.css.map*/
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"static/css/index.f652fe09.css","sources":["webpack://android-playground/./home/runner/work/midscene/midscene/apps/android-playground/src/App.less","webpack://android-playground/./src/App.less","webpack://android-playground/./home/runner/work/midscene/midscene/apps/android-playground/src/adb-device/index.less","webpack://android-playground/./src/adb-device/index.less","webpack://android-playground/./home/runner/work/midscene/midscene/apps/android-playground/src/scrcpy-player/index.less","webpack://android-playground/./src/scrcpy-player/index.less","webpack://android-playground/../../packages/visualizer/dist/es/component/player.css","webpack://android-playground/../../packages/visualizer/dist/es/component/logo.css","webpack://android-playground/../../packages/visualizer/dist/es/component/shiny-text.css","webpack://android-playground/../../packages/visualizer/dist/es/component/playground/index.css","webpack://android-playground/../../packages/visualizer/dist/es/component/blackboard.css"],"sourcesContent":["body {\n margin: 0;\n padding: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n font-size: 14px;\n}\n.app-container {\n width: 100%;\n height: 100vh;\n display: flex;\n flex-direction: column;\n background-color: #f5f5f5;\n}\n.app-content {\n height: 100vh;\n overflow: hidden;\n}\n.app-grid-layout {\n height: 100%;\n display: flex;\n}\n.app-grid-layout .ant-row {\n flex: 1;\n height: 100%;\n display: flex;\n flex-wrap: nowrap;\n width: 100%;\n}\n.app-panel {\n height: 100%;\n background-color: #fff;\n border-radius: 0;\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n transition: box-shadow 0.3s;\n overflow: hidden;\n}\n.app-panel:hover {\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);\n}\n.app-panel.left-panel {\n width: 480px;\n flex: none;\n overflow: hidden;\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n.app-panel.right-panel {\n border-radius: 0;\n flex: 1;\n overflow: hidden;\n box-shadow: -4px 0px 20px 0px #0000000A;\n}\n.panel-content {\n padding: 12px 24px 24px 24px;\n height: 100%;\n overflow: auto;\n display: flex;\n flex-direction: column;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n}\n.panel-content.left-panel-content {\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow: hidden;\n}\n.panel-content.right-panel-content {\n border-radius: 0;\n}\n.panel-content h2 {\n color: #000;\n font-size: 18px;\n margin-top: 16px;\n margin-bottom: 12px;\n}\n.panel-content canvas {\n max-width: 100%;\n margin-top: 16px;\n border: 1px solid #f0f0f0;\n border-radius: 4px;\n}\n.command-form {\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow: hidden;\n}\n.command-form .form-content {\n display: flex;\n flex-direction: column;\n height: 100%;\n gap: 24px;\n}\n.command-form .command-input-wrapper {\n margin-top: 8px;\n}\n.result-container {\n flex: 1;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n min-height: 0;\n position: relative;\n height: 100%;\n}\n@media (max-width: 768px) {\n .app-container {\n height: auto;\n min-height: 100vh;\n }\n .app-grid-layout .ant-row {\n flex-wrap: wrap !important;\n }\n .app-panel {\n margin-bottom: 16px;\n height: auto;\n min-height: 200px;\n width: 100% !important;\n flex: 0 0 100% !important;\n }\n .app-panel:first-child {\n border-radius: 20px;\n }\n .app-panel:first-child .panel-content {\n border-radius: 20px;\n }\n .panel-content {\n padding: 12px;\n }\n .panel-content h2 {\n font-size: 16px;\n margin-bottom: 12px;\n padding-bottom: 6px;\n }\n .panel-content textarea {\n min-height: 100px;\n }\n}\n@media (min-width: 769px) and (max-width: 992px) {\n .app-panel {\n margin-bottom: 16px;\n min-height: 300px;\n }\n}\n.resize-handle {\n width: 2px;\n background-color: #f0f0f0;\n transition: background-color 0.2s;\n}\n.resize-handle:hover {\n background-color: #1677ff;\n}\n","body {\n margin: 0;\n padding: 0;\n font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Noto Sans, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;\n font-size: 14px;\n}\n\n.app-container {\n background-color: #f5f5f5;\n flex-direction: column;\n width: 100%;\n height: 100vh;\n display: flex;\n}\n\n.app-content {\n height: 100vh;\n overflow: hidden;\n}\n\n.app-grid-layout {\n height: 100%;\n display: flex;\n}\n\n.app-grid-layout .ant-row {\n flex-wrap: nowrap;\n flex: 1;\n width: 100%;\n height: 100%;\n display: flex;\n}\n\n.app-panel {\n background-color: #fff;\n border-radius: 0;\n height: 100%;\n transition: box-shadow .3s;\n overflow: hidden;\n box-shadow: 0 1px 2px #0000000d;\n}\n\n.app-panel:hover {\n box-shadow: 0 2px 8px #00000017;\n}\n\n.app-panel.left-panel {\n flex-direction: column;\n flex: none;\n width: 480px;\n height: 100%;\n display: flex;\n overflow: hidden;\n}\n\n.app-panel.right-panel {\n border-radius: 0;\n flex: 1;\n overflow: hidden;\n box-shadow: -4px 0 20px #0000000a;\n}\n\n.panel-content {\n border-left: 1px solid #00000014;\n flex-direction: column;\n height: 100%;\n padding: 12px 24px 24px;\n display: flex;\n overflow: auto;\n}\n\n.panel-content.left-panel-content {\n flex-direction: column;\n height: 100%;\n display: flex;\n overflow: hidden;\n}\n\n.panel-content.right-panel-content {\n border-radius: 0;\n}\n\n.panel-content h2 {\n color: #000;\n margin-top: 16px;\n margin-bottom: 12px;\n font-size: 18px;\n}\n\n.panel-content canvas {\n border: 1px solid #f0f0f0;\n border-radius: 4px;\n max-width: 100%;\n margin-top: 16px;\n}\n\n.command-form {\n flex-direction: column;\n height: 100%;\n display: flex;\n overflow: hidden;\n}\n\n.command-form .form-content {\n flex-direction: column;\n gap: 24px;\n height: 100%;\n display: flex;\n}\n\n.command-form .command-input-wrapper {\n margin-top: 8px;\n}\n\n.result-container {\n flex-direction: column;\n flex: 1;\n height: 100%;\n min-height: 0;\n display: flex;\n position: relative;\n overflow: hidden;\n}\n\n@media (max-width: 768px) {\n .app-container {\n height: auto;\n min-height: 100vh;\n }\n\n .app-grid-layout .ant-row {\n flex-wrap: wrap !important;\n }\n\n .app-panel {\n height: auto;\n min-height: 200px;\n margin-bottom: 16px;\n flex: 0 0 100% !important;\n width: 100% !important;\n }\n\n .app-panel:first-child, .app-panel:first-child .panel-content {\n border-radius: 20px;\n }\n\n .panel-content {\n padding: 12px;\n }\n\n .panel-content h2 {\n margin-bottom: 12px;\n padding-bottom: 6px;\n font-size: 16px;\n }\n\n .panel-content textarea {\n min-height: 100px;\n }\n}\n\n@media (min-width: 769px) and (max-width: 992px) {\n .app-panel {\n min-height: 300px;\n margin-bottom: 16px;\n }\n}\n\n.resize-handle {\n background-color: #f0f0f0;\n width: 2px;\n transition: background-color .2s;\n}\n\n.resize-handle:hover {\n background-color: #1677ff;\n}\n",".device-header {\n display: flex;\n align-items: center;\n margin-bottom: 16px;\n}\n.device-header .device-title-container {\n display: flex;\n align-items: center;\n}\n.device-header .device-title {\n margin: 0;\n font-size: 18px;\n color: #000;\n margin-right: 12px;\n display: flex;\n align-items: center;\n height: 32px;\n}\n.device-dropdown-button {\n border: none;\n padding: 4px 12px 4px 8px;\n display: flex;\n align-items: center;\n background: #f0f0f0;\n border-radius: 20px;\n box-shadow: none;\n height: 32px;\n}\n.device-dropdown-button .device-icon-container {\n width: 24px;\n height: 24px;\n border-radius: 50%;\n background: #3b82f6;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.device-dropdown-button .device-icon-container .device-icon {\n font-size: 14px;\n color: white;\n}\n.device-dropdown-button .device-icon-container .status-indicator {\n position: absolute;\n right: -5px;\n bottom: -5px;\n display: flex;\n align-items: center;\n}\n.device-dropdown-button .device-name {\n font-weight: bold;\n font-size: 16px;\n color: #333;\n max-width: 120px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin-left: 8px;\n margin-right: 4px;\n}\n.device-dropdown-button .device-name.no-device {\n color: #999;\n font-weight: normal;\n font-style: italic;\n}\n.device-dropdown-button .dropdown-arrow {\n color: #666;\n font-size: 12px;\n transform: scaleY(0.6);\n font-weight: bold;\n}\n.device-dropdown {\n width: 430px;\n background: #fff;\n border-radius: 8px;\n overflow: hidden;\n box-shadow: 0px 10px 20px 0px #00000005;\n border: 1px solid #EAEDF1;\n}\n.device-dropdown .dropdown-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 16px 16px 12px;\n}\n.device-dropdown .dropdown-header .dropdown-title {\n font-weight: bold;\n font-size: 16px;\n color: #333;\n}\n.device-dropdown .device-list-item {\n padding: 5px 17px 9px 6px;\n cursor: pointer;\n}\n.device-dropdown .device-list-item.selected {\n background: #2B83FF14;\n}\n.device-dropdown .device-list-item.offline {\n cursor: not-allowed;\n opacity: 0.5;\n}\n.device-dropdown .device-list-item .device-item-content {\n display: flex;\n align-items: center;\n}\n.device-dropdown .device-list-item .device-item-content .device-item-icon-container {\n width: 34px;\n height: 34px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 12px;\n}\n.device-dropdown .device-list-item .device-item-content .device-item-icon-container .device-item-icon {\n font-size: 22px;\n color: #666;\n}\n.device-dropdown .device-list-item .device-item-content .device-item-info {\n flex: 1;\n}\n.device-dropdown .device-list-item .device-item-content .device-item-info .device-item-name {\n font-weight: bold;\n font-size: 15px;\n color: #333;\n}\n.device-dropdown .device-list-item .device-item-content .device-item-info .device-item-status {\n display: flex;\n align-items: center;\n margin-top: 4px;\n}\n.device-dropdown .device-list-item .device-item-content .device-item-info .device-item-status .status-badge {\n display: flex;\n align-items: center;\n margin-right: 12px;\n}\n.device-dropdown .device-list-item .device-item-content .device-item-info .device-item-status .status-badge .status-text {\n color: #666;\n font-size: 12px;\n}\n.device-dropdown .device-list-item .device-item-content .device-item-info .device-item-status .device-id-container {\n color: #999;\n font-size: 12px;\n}\n.device-dropdown .device-list-item .device-item-content .current-device-indicator {\n margin-left: auto;\n color: #1890ff;\n font-weight: bold;\n font-size: 13px;\n}\n.device-dropdown .device-list-empty {\n padding: 20px;\n text-align: center;\n color: #999;\n}\n.status-dot {\n margin-right: 4px;\n font-size: 12px;\n}\n.status-divider {\n margin: 0 4px;\n}\n",".device-header {\n align-items: center;\n margin-bottom: 16px;\n display: flex;\n}\n\n.device-header .device-title-container {\n align-items: center;\n display: flex;\n}\n\n.device-header .device-title {\n color: #000;\n align-items: center;\n height: 32px;\n margin: 0 12px 0 0;\n font-size: 18px;\n display: flex;\n}\n\n.device-dropdown-button {\n box-shadow: none;\n background: #f0f0f0;\n border: none;\n border-radius: 20px;\n align-items: center;\n height: 32px;\n padding: 4px 12px 4px 8px;\n display: flex;\n}\n\n.device-dropdown-button .device-icon-container {\n background: #3b82f6;\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n width: 24px;\n height: 24px;\n display: flex;\n position: relative;\n}\n\n.device-dropdown-button .device-icon-container .device-icon {\n color: #fff;\n font-size: 14px;\n}\n\n.device-dropdown-button .device-icon-container .status-indicator {\n align-items: center;\n display: flex;\n position: absolute;\n bottom: -5px;\n right: -5px;\n}\n\n.device-dropdown-button .device-name {\n color: #333;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 120px;\n margin-left: 8px;\n margin-right: 4px;\n font-size: 16px;\n font-weight: bold;\n overflow: hidden;\n}\n\n.device-dropdown-button .device-name.no-device {\n color: #999;\n font-style: italic;\n font-weight: normal;\n}\n\n.device-dropdown-button .dropdown-arrow {\n color: #666;\n font-size: 12px;\n font-weight: bold;\n transform: scaleY(.6);\n}\n\n.device-dropdown {\n background: #fff;\n border: 1px solid #eaedf1;\n border-radius: 8px;\n width: 430px;\n overflow: hidden;\n box-shadow: 0 10px 20px #00000005;\n}\n\n.device-dropdown .dropdown-header {\n justify-content: space-between;\n align-items: center;\n padding: 16px 16px 12px;\n display: flex;\n}\n\n.device-dropdown .dropdown-header .dropdown-title {\n color: #333;\n font-size: 16px;\n font-weight: bold;\n}\n\n.device-dropdown .device-list-item {\n cursor: pointer;\n padding: 5px 17px 9px 6px;\n}\n\n.device-dropdown .device-list-item.selected {\n background: #2b83ff14;\n}\n\n.device-dropdown .device-list-item.offline {\n cursor: not-allowed;\n opacity: .5;\n}\n\n.device-dropdown .device-list-item .device-item-content {\n align-items: center;\n display: flex;\n}\n\n.device-dropdown .device-list-item .device-item-content .device-item-icon-container {\n justify-content: center;\n align-items: center;\n width: 34px;\n height: 34px;\n margin-right: 12px;\n display: flex;\n}\n\n.device-dropdown .device-list-item .device-item-content .device-item-icon-container .device-item-icon {\n color: #666;\n font-size: 22px;\n}\n\n.device-dropdown .device-list-item .device-item-content .device-item-info {\n flex: 1;\n}\n\n.device-dropdown .device-list-item .device-item-content .device-item-info .device-item-name {\n color: #333;\n font-size: 15px;\n font-weight: bold;\n}\n\n.device-dropdown .device-list-item .device-item-content .device-item-info .device-item-status {\n align-items: center;\n margin-top: 4px;\n display: flex;\n}\n\n.device-dropdown .device-list-item .device-item-content .device-item-info .device-item-status .status-badge {\n align-items: center;\n margin-right: 12px;\n display: flex;\n}\n\n.device-dropdown .device-list-item .device-item-content .device-item-info .device-item-status .status-badge .status-text {\n color: #666;\n font-size: 12px;\n}\n\n.device-dropdown .device-list-item .device-item-content .device-item-info .device-item-status .device-id-container {\n color: #999;\n font-size: 12px;\n}\n\n.device-dropdown .device-list-item .device-item-content .current-device-indicator {\n color: #1890ff;\n margin-left: auto;\n font-size: 13px;\n font-weight: bold;\n}\n\n.device-dropdown .device-list-empty {\n text-align: center;\n color: #999;\n padding: 20px;\n}\n\n.status-dot {\n margin-right: 4px;\n font-size: 12px;\n}\n\n.status-divider {\n margin: 0 4px;\n}\n",".scrcpy-container {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n.scrcpy-container .ant-card {\n background: transparent;\n border: none;\n flex: 1;\n display: flex;\n flex-direction: column;\n}\n.scrcpy-container .ant-card .ant-card-head {\n display: none;\n}\n.scrcpy-container .ant-card .ant-card-body {\n padding: 0;\n flex: 1;\n display: flex;\n flex-direction: column;\n}\n.scrcpy-container .ant-card .ant-card-body .ant-row {\n flex: 1;\n margin: 0 !important;\n}\n.scrcpy-container .ant-card .ant-card-body .ant-row .ant-col {\n padding: 0 !important;\n}\n.scrcpy-container .ant-card .ant-card-body .ant-row .ant-col:first-child {\n flex: 1;\n display: flex;\n flex-direction: column;\n}\n.scrcpy-container .header-bar {\n display: grid;\n grid-template-columns: 1fr auto 1fr;\n align-items: center;\n padding: 8px 16px;\n background: rgba(255, 255, 255, 0.9);\n backdrop-filter: blur(10px);\n border-top-left-radius: 12px;\n border-top-right-radius: 12px;\n border: 1px solid #F5F5F5;\n}\n.scrcpy-container .header-bar .header-left {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n.scrcpy-container .header-bar .header-left .ant-typography {\n color: #333;\n font-size: 14px;\n margin: 0;\n}\n.scrcpy-container .header-bar .header-left .anticon {\n color: #999;\n font-size: 14px;\n cursor: pointer;\n}\n.scrcpy-container .header-bar .header-left .anticon:hover {\n color: #666;\n}\n.scrcpy-container .header-bar .screen-info {\n text-align: center;\n}\n.scrcpy-container .header-bar .screen-info .ant-typography {\n color: #666;\n font-size: 14px;\n margin: 0;\n}\n.scrcpy-container .header-bar .header-right {\n justify-self: end;\n display: flex;\n gap: 8px;\n align-items: center;\n}\n.scrcpy-container .header-bar .header-right .ant-btn {\n width: 16px;\n height: 16px;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.scrcpy-container .header-bar .header-right .ant-btn .link-icon {\n font-size: 16px;\n line-height: 1;\n}\n.scrcpy-container .video-section {\n position: relative;\n flex: 1;\n display: flex;\n flex-direction: column;\n}\n.scrcpy-container .video-section .video-container {\n width: 100%;\n flex: 1;\n background-color: #F5F5F5;\n display: flex;\n justify-content: center;\n align-items: center;\n border-bottom-left-radius: 12px;\n border-bottom-right-radius: 12px;\n overflow: hidden;\n position: relative;\n}\n.scrcpy-container .video-section .video-container .canvas-wrapper {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.scrcpy-container .video-section .video-container canvas {\n border: none !important;\n box-shadow: none !important;\n}\n.scrcpy-container .video-section .video-container .empty-state {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 16px;\n padding: 24px;\n text-align: center;\n}\n.scrcpy-container .video-section .video-container .empty-state .empty-state-icon {\n font-size: 48px;\n line-height: 1;\n}\n.scrcpy-container .video-section .video-container .empty-state .empty-state-text {\n color: #666;\n font-size: 16px;\n margin-bottom: 8px;\n}\n.scrcpy-container .video-section .video-container .empty-state .loading-spinner {\n margin-top: 16px;\n}\n.scrcpy-container .video-section .video-container .empty-state .loading-spinner .ant-spin {\n color: #1677ff;\n}\n.scrcpy-container .video-section .video-container .empty-state .ant-btn {\n min-width: 120px;\n height: 40px;\n font-size: 16px;\n border-radius: 20px;\n}\n.scrcpy-container .video-section .screen-info {\n position: absolute;\n bottom: 8px;\n left: 8px;\n background: rgba(0, 0, 0, 0.5);\n padding: 4px 8px;\n border-radius: 4px;\n}\n.scrcpy-container .video-section .screen-info .ant-typography {\n color: white;\n margin: 0;\n}\n@media (max-width: 576px) {\n .scrcpy-container .header-bar {\n grid-template-columns: 1fr;\n grid-template-rows: auto auto auto;\n padding: 8px;\n gap: 8px;\n }\n .scrcpy-container .header-bar .header-left {\n text-align: center;\n }\n .scrcpy-container .header-bar .screen-info {\n text-align: center;\n }\n .scrcpy-container .header-bar .header-right {\n justify-self: center;\n width: 100%;\n justify-content: flex-end;\n }\n}\n",".scrcpy-container {\n flex-direction: column;\n width: 100%;\n height: 100%;\n display: flex;\n}\n\n.scrcpy-container .ant-card {\n background: none;\n border: none;\n flex-direction: column;\n flex: 1;\n display: flex;\n}\n\n.scrcpy-container .ant-card .ant-card-head {\n display: none;\n}\n\n.scrcpy-container .ant-card .ant-card-body {\n flex-direction: column;\n flex: 1;\n padding: 0;\n display: flex;\n}\n\n.scrcpy-container .ant-card .ant-card-body .ant-row {\n flex: 1;\n margin: 0 !important;\n}\n\n.scrcpy-container .ant-card .ant-card-body .ant-row .ant-col {\n padding: 0 !important;\n}\n\n.scrcpy-container .ant-card .ant-card-body .ant-row .ant-col:first-child {\n flex-direction: column;\n flex: 1;\n display: flex;\n}\n\n.scrcpy-container .header-bar {\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n background: #ffffffe6;\n border: 1px solid #f5f5f5;\n border-top-left-radius: 12px;\n border-top-right-radius: 12px;\n grid-template-columns: 1fr auto 1fr;\n align-items: center;\n padding: 8px 16px;\n display: grid;\n}\n\n.scrcpy-container .header-bar .header-left {\n align-items: center;\n gap: 8px;\n display: flex;\n}\n\n.scrcpy-container .header-bar .header-left .ant-typography {\n color: #333;\n margin: 0;\n font-size: 14px;\n}\n\n.scrcpy-container .header-bar .header-left .anticon {\n color: #999;\n cursor: pointer;\n font-size: 14px;\n}\n\n.scrcpy-container .header-bar .header-left .anticon:hover {\n color: #666;\n}\n\n.scrcpy-container .header-bar .screen-info {\n text-align: center;\n}\n\n.scrcpy-container .header-bar .screen-info .ant-typography {\n color: #666;\n margin: 0;\n font-size: 14px;\n}\n\n.scrcpy-container .header-bar .header-right {\n justify-self: end;\n align-items: center;\n gap: 8px;\n display: flex;\n}\n\n.scrcpy-container .header-bar .header-right .ant-btn {\n border: none;\n justify-content: center;\n align-items: center;\n width: 16px;\n height: 16px;\n display: flex;\n}\n\n.scrcpy-container .header-bar .header-right .ant-btn .link-icon {\n font-size: 16px;\n line-height: 1;\n}\n\n.scrcpy-container .video-section {\n flex-direction: column;\n flex: 1;\n display: flex;\n position: relative;\n}\n\n.scrcpy-container .video-section .video-container {\n background-color: #f5f5f5;\n border-bottom-right-radius: 12px;\n border-bottom-left-radius: 12px;\n flex: 1;\n justify-content: center;\n align-items: center;\n width: 100%;\n display: flex;\n position: relative;\n overflow: hidden;\n}\n\n.scrcpy-container .video-section .video-container .canvas-wrapper {\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n display: flex;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.scrcpy-container .video-section .video-container canvas {\n box-shadow: none !important;\n border: none !important;\n}\n\n.scrcpy-container .video-section .video-container .empty-state {\n z-index: 1;\n text-align: center;\n flex-direction: column;\n align-items: center;\n gap: 16px;\n padding: 24px;\n display: flex;\n position: relative;\n}\n\n.scrcpy-container .video-section .video-container .empty-state .empty-state-icon {\n font-size: 48px;\n line-height: 1;\n}\n\n.scrcpy-container .video-section .video-container .empty-state .empty-state-text {\n color: #666;\n margin-bottom: 8px;\n font-size: 16px;\n}\n\n.scrcpy-container .video-section .video-container .empty-state .loading-spinner {\n margin-top: 16px;\n}\n\n.scrcpy-container .video-section .video-container .empty-state .loading-spinner .ant-spin {\n color: #1677ff;\n}\n\n.scrcpy-container .video-section .video-container .empty-state .ant-btn {\n border-radius: 20px;\n min-width: 120px;\n height: 40px;\n font-size: 16px;\n}\n\n.scrcpy-container .video-section .screen-info {\n background: #00000080;\n border-radius: 4px;\n padding: 4px 8px;\n position: absolute;\n bottom: 8px;\n left: 8px;\n}\n\n.scrcpy-container .video-section .screen-info .ant-typography {\n color: #fff;\n margin: 0;\n}\n\n@media (max-width: 576px) {\n .scrcpy-container .header-bar {\n grid-template-rows: auto auto auto;\n grid-template-columns: 1fr;\n gap: 8px;\n padding: 8px;\n }\n\n .scrcpy-container .header-bar .header-left, .scrcpy-container .header-bar .screen-info {\n text-align: center;\n }\n\n .scrcpy-container .header-bar .header-right {\n justify-content: flex-end;\n justify-self: center;\n width: 100%;\n }\n}\n",".player-container {\n box-sizing: border-box;\n background: #f2f4f7;\n border: 1px solid #f2f4f7;\n border-radius: 8px;\n flex-direction: column;\n width: 100%;\n max-width: 100%;\n height: 100%;\n min-height: 300px;\n max-height: 100%;\n margin: 0 auto;\n padding: 12px;\n line-height: 100%;\n display: flex;\n position: relative;\n overflow: visible;\n}\n\n.player-container[data-fit-mode=\"height\"] {\n background: #fff;\n}\n\n.player-container[data-fit-mode=\"height\"] .canvas-container {\n background-color: #f2f4f7;\n}\n\n.player-container .canvas-container {\n width: 100%;\n min-height: 200px;\n aspect-ratio: var(--canvas-aspect-ratio, 16 / 9);\n background-color: #fff;\n border-top-left-radius: 16px;\n border-top-right-radius: 16px;\n flex: none;\n justify-content: center;\n align-items: center;\n display: flex;\n position: relative;\n overflow: hidden;\n}\n\n.player-container .canvas-container canvas {\n box-sizing: border-box;\n object-fit: contain;\n border: none;\n width: 100%;\n max-width: 100%;\n height: auto;\n max-height: 100%;\n margin: 0 auto;\n display: block;\n}\n\n.player-container .canvas-container[data-fit-mode=\"height\"] {\n aspect-ratio: unset;\n flex: auto;\n height: auto;\n min-height: 0;\n}\n\n.player-container .canvas-container[data-fit-mode=\"height\"] canvas {\n width: auto;\n max-width: 100%;\n height: 100%;\n max-height: 100%;\n}\n\n.player-container .canvas-container[data-fit-mode=\"width\"] {\n aspect-ratio: var(--canvas-aspect-ratio, 16 / 9);\n}\n\n.player-container .canvas-container[data-fit-mode=\"width\"] canvas {\n width: 100%;\n height: auto;\n}\n\n.player-container .player-timeline-wrapper {\n flex: none;\n width: 100%;\n height: 4px;\n margin-bottom: 2px;\n position: relative;\n}\n\n.player-container .player-timeline {\n background: #666;\n flex-shrink: 0;\n width: 100%;\n height: 4px;\n position: relative;\n}\n\n.player-container .player-timeline .player-timeline-progress {\n background: #2b83ff;\n height: 4px;\n transition-timing-function: linear;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.player-container .player-tools-wrapper {\n box-sizing: border-box;\n flex: none;\n width: 100%;\n height: 72px;\n padding: 15px 16px;\n position: relative;\n}\n\n.player-container .player-tools {\n color: #000;\n box-sizing: border-box;\n flex-direction: row;\n flex-shrink: 0;\n justify-content: space-between;\n width: 100%;\n max-width: 100%;\n height: 42px;\n font-size: 14px;\n display: flex;\n overflow: hidden;\n}\n\n.player-container .player-tools .ant-spin {\n color: #333;\n}\n\n.player-container .player-tools .player-control {\n flex-direction: row;\n flex-grow: 1;\n align-items: center;\n display: flex;\n overflow: hidden;\n}\n\n.player-container .player-tools .status-icon {\n border-radius: 8px;\n flex-shrink: 0;\n justify-content: center;\n align-items: center;\n width: 32px;\n height: 32px;\n margin-left: 10px;\n transition: all .2s;\n display: flex;\n}\n\n.player-container .player-tools .status-icon:hover {\n cursor: pointer;\n background: #f0f0f0;\n}\n\n.player-container .player-tools .status-text {\n flex-direction: column;\n flex-grow: 1;\n flex-shrink: 1;\n justify-content: space-between;\n width: 0;\n min-width: 0;\n height: 100%;\n display: flex;\n position: relative;\n overflow: hidden;\n}\n\n.player-container .player-tools .title {\n font-weight: 600;\n}\n\n.player-container .player-tools .title, .player-container .player-tools .subtitle {\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n overflow: hidden;\n}\n\n.player-container .player-tools .player-tools-item {\n flex-direction: column;\n justify-content: center;\n height: 100%;\n display: flex;\n}\n\n",".logo img {\n vertical-align: baseline;\n height: 30px;\n vertical-align: -webkit-baseline-middle;\n line-height: 30px;\n}\n\n.logo-with-star-wrapper {\n flex-direction: row;\n justify-content: space-between;\n display: flex;\n}\n\n",".shiny-text {\n color: rgba(0, 0, 0, 0);\n letter-spacing: .5px;\n text-shadow: 0 1px 2px rgba(0, 0, 0, .05);\n background-image: linear-gradient(45deg, #2b83ff, #6a11cb, #2575fc, #4481eb);\n background-size: 300%;\n -webkit-background-clip: text;\n background-clip: text;\n font-weight: 600;\n animation: 8s infinite textGradient;\n display: inline-block;\n position: relative;\n overflow: hidden;\n}\n\n.shiny-text:after {\n content: \"\";\n width: 120%;\n height: 120%;\n animation: shine var(--animation-duration, 5s) cubic-bezier(.25, .1, .25, 1) infinite;\n z-index: 1;\n pointer-events: none;\n 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%);\n position: absolute;\n top: -10%;\n left: -150%;\n transform: skewX(-20deg)translateY(0);\n}\n\n.shiny-text.disabled {\n background: #2b83ff;\n -webkit-background-clip: text;\n background-clip: text;\n animation: none;\n}\n\n.shiny-text.disabled:after {\n animation: none;\n display: none;\n}\n\n@keyframes shine {\n 0% {\n opacity: .7;\n left: -150%;\n }\n\n 20% {\n opacity: 1;\n }\n\n 80% {\n opacity: 1;\n }\n\n 100% {\n opacity: .7;\n left: 250%;\n }\n}\n\n@keyframes textGradient {\n 0% {\n background-position: 0%;\n }\n\n 50% {\n background-position: 100%;\n }\n\n 100% {\n background-position: 0%;\n }\n}\n\n","body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Noto Sans, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;\n font-size: 14px;\n}\n\n.prompt-input-wrapper {\n width: 100%;\n}\n\n.prompt-input-wrapper .mode-radio-group-wrapper {\n justify-content: space-between;\n align-items: center;\n display: flex;\n}\n\n.prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group {\n align-items: center;\n height: 100%;\n display: flex;\n}\n\n.prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group .ant-radio-button-wrapper {\n height: 24px;\n box-shadow: none;\n background-color: #f7f7f7;\n border: none;\n border-radius: 11px;\n margin-right: 8px;\n padding: 0 8px;\n font-size: 12px;\n line-height: 24px;\n}\n\n.prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group .ant-radio-button-wrapper:before {\n display: none;\n}\n\n.prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group .ant-radio-button-wrapper:focus-within {\n outline: none;\n}\n\n.prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked {\n color: #fff;\n background-color: #2b83ff;\n border-color: #2b83ff;\n}\n\n.prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:hover {\n color: #fff;\n}\n\n.prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group .more-apis-button {\n height: 24px;\n box-shadow: none;\n background-color: #f7f7f7;\n border: none;\n border-radius: 11px;\n align-items: center;\n gap: 2px;\n max-width: 160px;\n padding: 0 8px;\n font-size: 12px;\n display: inline-flex;\n}\n\n.prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group .more-apis-button .ant-btn-content {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n\n.prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group .more-apis-button:hover {\n background-color: #e6e6e6;\n}\n\n.prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group .more-apis-button.selected-from-dropdown {\n color: #fff;\n background-color: #2b83ff;\n font-weight: 500;\n}\n\n.prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group .more-apis-button.selected-from-dropdown:hover {\n background-color: #2b83ff;\n}\n\n.prompt-input-wrapper .mode-radio-group-wrapper .action-icons {\n align-items: center;\n display: flex;\n}\n\n.prompt-input-wrapper .main-side-console-input {\n margin-top: 10px;\n position: relative;\n}\n\n.prompt-input-wrapper .main-side-console-input .main-side-console-input-textarea {\n white-space: pre-wrap;\n scrollbar-width: thin;\n background: #fff;\n border: 1px solid #f2f4f7;\n border-radius: 12px;\n padding: 12px 16px;\n line-height: 21px;\n transition: background-color .2s;\n overflow-y: auto;\n}\n\n@keyframes hue-shift {\n 0% {\n filter: hue-rotate();\n }\n\n 100% {\n filter: hue-rotate(360deg);\n }\n}\n\n.prompt-input-wrapper .main-side-console-input .main-side-console-input-textarea:focus-within {\n background: linear-gradient(#fff, #fff) padding-box padding-box, linear-gradient(135deg, #4285f4 0%, #06f 25%, #7b02c5 50%, #ea4335 75%, #ff7043 100%) border-box;\n border: 1px solid rgba(0, 0, 0, 0);\n}\n\n.prompt-input-wrapper .main-side-console-input .main-side-console-input-textarea::-webkit-scrollbar {\n width: 6px;\n}\n\n.prompt-input-wrapper .main-side-console-input .main-side-console-input-textarea::-webkit-scrollbar-thumb {\n background-color: rgba(0, 0, 0, .2);\n border-radius: 3px;\n}\n\n.prompt-input-wrapper .main-side-console-input.loading .main-side-console-input-textarea {\n background: linear-gradient(#fff, #fff) padding-box padding-box, linear-gradient(135deg, #4285f4 0%, #06f 25%, #7b02c5 50%, #ea4335 75%, #ff7043 100%) border-box;\n border: 1px solid rgba(0, 0, 0, 0);\n animation: 5s linear infinite hue-shift;\n}\n\n.prompt-input-wrapper .main-side-console-input .ant-form-item-control-input-content {\n z-index: 999;\n border: 3px solid rgba(0, 0, 0, 0);\n border-radius: 14px;\n}\n\n.prompt-input-wrapper .main-side-console-input:focus-within .ant-form-item-control-input-content {\n border-color: rgba(43, 131, 255, .16);\n}\n\n.prompt-input-wrapper .main-side-console-input.disabled .form-controller-wrapper {\n background-color: rgba(0, 0, 0, 0);\n}\n\n.prompt-input-wrapper .ant-form-item-with-help + .form-controller-wrapper {\n bottom: 22px;\n}\n\n.prompt-input-wrapper .ant-input {\n padding-bottom: 40px;\n}\n\n.prompt-input-wrapper .form-controller-wrapper {\n box-sizing: border-box;\n background-color: #fff;\n flex-direction: row;\n justify-content: flex-end;\n align-items: flex-end;\n gap: 8px;\n width: calc(100% - 32px);\n padding: 12px 0;\n line-height: 32px;\n transition: background-color .2s;\n display: flex;\n position: absolute;\n bottom: 1px;\n left: 16px;\n}\n\n.prompt-input-wrapper .settings-wrapper {\n color: #777;\n flex-flow: wrap;\n gap: 2px;\n display: flex;\n}\n\n.prompt-input-wrapper .settings-wrapper.settings-wrapper-hover {\n color: #3b3b3b;\n}\n\n.prompt-input-wrapper .structured-params-container {\n background: linear-gradient(#fff, #fff) padding-box padding-box, linear-gradient(135deg, #4285f4 0%, #06f 25%, #7b02c5 50%, #ea4335 75%, #ff7043 100%) border-box;\n border: 1px solid rgba(0, 0, 0, 0);\n border-radius: 12px;\n padding: 16px 16px 56px;\n}\n\n.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item {\n flex-direction: column;\n display: flex;\n}\n\n.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item .ant-form-item-label {\n text-align: left;\n flex-basis: auto;\n padding-bottom: 4px;\n}\n\n.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item .ant-form-item-label > label {\n color: rgba(0, 0, 0, .85);\n height: auto;\n font-size: 12px;\n font-weight: 500;\n line-height: 1.5;\n}\n\n.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item .ant-form-item-label > label:after {\n color: #ff4d4f;\n font-family: SimSun, sans-serif;\n font-size: 12px;\n line-height: 1;\n display: inline-block;\n}\n\n.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item .ant-form-item-label > label:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):after {\n margin-left: 4px;\n}\n\n.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item .ant-form-item-label > label:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):after {\n margin-left: 4px;\n}\n\n.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item .ant-form-item-label > label:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):after {\n margin-left: 4px;\n}\n\n.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item .ant-form-item-label > label:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {\n margin-right: 4px;\n}\n\n.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item .ant-form-item-label > label:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {\n margin-right: 4px;\n}\n\n.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item .ant-form-item-label > label:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {\n margin-right: 4px;\n}\n\n.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item .ant-form-item-control {\n flex: 1;\n margin-top: 0;\n}\n\n.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item .ant-form-item-row {\n flex-direction: column;\n}\n\n.prompt-input-wrapper .structured-params-container .structured-params .ant-form-item .ant-form-item-control-input {\n min-height: auto;\n}\n\n.prompt-input-wrapper .structured-params-container .structured-params .ant-input, .prompt-input-wrapper .structured-params-container .structured-params .ant-input-number, .prompt-input-wrapper .structured-params-container .structured-params .ant-select {\n border: 1px solid #e1e5e9;\n border-radius: 6px;\n width: 100%;\n}\n\n.prompt-input-wrapper .structured-params-container .structured-params .ant-input:hover, .prompt-input-wrapper .structured-params-container .structured-params .ant-input-number:hover, .prompt-input-wrapper .structured-params-container .structured-params .ant-select:hover {\n border-color: #40a9ff;\n}\n\n.prompt-input-wrapper .structured-params-container .structured-params .ant-input:focus, .prompt-input-wrapper .structured-params-container .structured-params .ant-input-number:focus, .prompt-input-wrapper .structured-params-container .structured-params .ant-select:focus, .prompt-input-wrapper .structured-params-container .structured-params .ant-input:focus-within, .prompt-input-wrapper .structured-params-container .structured-params .ant-input-number:focus-within, .prompt-input-wrapper .structured-params-container .structured-params .ant-select:focus-within {\n border-color: #40a9ff;\n box-shadow: 0 0 0 2px rgba(24, 144, 255, .2);\n}\n\n.prompt-input-wrapper .structured-params-container .structured-params textarea.ant-input {\n padding-bottom: 5px;\n}\n\n.prompt-input-wrapper .structured-params-container .structured-params .ant-input-number .ant-input-number-input {\n box-shadow: none;\n border: none;\n}\n\n.prompt-input-wrapper .structured-params-container .structured-params .ant-input-number:hover .ant-input-number-input {\n box-shadow: none;\n}\n\n.prompt-input-wrapper .structured-params-container .structured-params .ant-select {\n min-width: 120px;\n}\n\n.prompt-input-wrapper .structured-params-container .structured-params .ant-select .ant-select-selector {\n box-shadow: none;\n border: none;\n}\n\n.prompt-input-wrapper .structured-params-container .structured-params .ant-select:hover .ant-select-selector, .prompt-input-wrapper .structured-params-container .structured-params .ant-select.ant-select-focused .ant-select-selector {\n box-shadow: none;\n}\n\n.prompt-input-wrapper .structured-params-container .structured-params .ant-radio-group {\n width: 100%;\n}\n\n.prompt-input-wrapper .structured-params-container .structured-params .ant-radio-group .ant-radio-button-wrapper {\n border: 1px solid #e1e5e9;\n border-radius: 6px;\n height: 32px;\n margin-right: 4px;\n font-size: 12px;\n line-height: 30px;\n}\n\n.prompt-input-wrapper .structured-params-container .structured-params .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked {\n color: #fff;\n background-color: #2b83ff;\n border-color: #2b83ff;\n}\n\n.selector-trigger {\n cursor: pointer;\n width: 24px;\n height: 24px;\n transition: all .2s;\n}\n\n.selector-trigger .action-icon {\n color: rgba(0, 0, 0, .85);\n font-size: 14px;\n transition: all .2s;\n}\n\n.selector-trigger .action-icon:hover {\n color: #2b83ff;\n}\n\n.history-modal-container {\n border-radius: 12px 12px 0 0;\n flex-direction: column;\n height: 70vh;\n display: flex;\n overflow: hidden;\n}\n\n.history-modal-container .history-modal-header {\n justify-content: space-between;\n align-items: center;\n height: 48px;\n padding: 0 25px;\n line-height: 48px;\n display: flex;\n}\n\n.history-modal-container .history-modal-header .close-button {\n justify-content: center;\n align-items: center;\n margin-right: -4px;\n padding: 4px;\n display: flex;\n}\n\n.history-modal-container .history-modal-header .close-button .anticon {\n color: #999;\n font-size: 18px;\n}\n\n.history-modal-container .history-modal-header .close-button:hover .anticon {\n color: #666;\n}\n\n.history-modal-container .history-search-section {\n background: #fff;\n padding: 16px 20px;\n}\n\n.history-modal-container .history-search-section .search-input-wrapper {\n color: rgba(0, 0, 0, .25);\n align-items: center;\n gap: 12px;\n display: flex;\n}\n\n.history-modal-container .history-search-section .search-input-wrapper .search-input {\n background: #f1f2f3;\n border: none;\n border-radius: 16px;\n flex: 1;\n height: 36px;\n}\n\n.history-modal-container .history-search-section .search-input-wrapper .search-input .ant-input {\n box-shadow: none;\n background: none;\n border: none;\n}\n\n.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 {\n background: #fff;\n border-color: #d9d9d9;\n}\n\n.history-modal-container .history-search-section .search-input-wrapper .clear-button {\n color: #1890ff;\n height: auto;\n padding: 0;\n}\n\n.history-modal-container .history-search-section .search-input-wrapper .clear-button:hover {\n color: #40a9ff;\n}\n\n.history-modal-container .history-content {\n flex: 1;\n padding: 0 25px 25px;\n overflow-y: auto;\n}\n\n.history-modal-container .history-content .history-group {\n margin-bottom: 10px;\n}\n\n.history-modal-container .history-content .history-group .history-group-title {\n color: rgba(0, 0, 0, .45);\n height: 40px;\n font-size: 12px;\n font-weight: 400;\n line-height: 40px;\n}\n\n.history-modal-container .history-content .history-group .history-item {\n cursor: pointer;\n color: rgba(0, 0, 0, .85);\n white-space: nowrap;\n text-overflow: ellipsis;\n height: 40px;\n font-size: 14px;\n line-height: 40px;\n overflow: hidden;\n}\n\n.history-modal-container .history-content .history-group .history-item:hover {\n background: #f2f4f7;\n margin: 0 -8px;\n padding: 0 8px;\n}\n\n.history-modal-container .history-content .no-results {\n text-align: center;\n color: #999;\n padding: 40px 20px;\n}\n\n.ant-modal-wrap .ant-modal-content {\n animation: .3s cubic-bezier(.4, 0, .2, 1) forwards slideUpFromBottom !important;\n}\n\n@keyframes slideUpFromBottom {\n 0% {\n opacity: 0;\n transform: translateY(100%);\n }\n\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.result-wrapper {\n justify-content: center;\n height: 100%;\n margin: 4px 0;\n display: flex;\n}\n\n.result-wrapper .loading-container {\n text-align: center;\n}\n\n.result-wrapper .loading-container .loading-progress-text {\n color: #888;\n margin-top: 8px;\n font-size: 12px;\n}\n\n.result-wrapper pre {\n white-space: pre-wrap;\n text-wrap: unset;\n word-wrap: break-word;\n overflow-wrap: break-word;\n background: #f2f4f7;\n border-radius: 8px;\n margin: 0;\n padding: 14px;\n overflow: scroll;\n}\n\n",".blackboard .footer {\n color: #aaa;\n}\n\n.blackboard ul {\n padding-left: 0;\n}\n\n.blackboard li {\n list-style: none;\n}\n\n.blackboard .bottom-tip {\n height: 30px;\n}\n\n.blackboard .bottom-tip-item {\n color: #aaa;\n text-overflow: ellipsis;\n word-wrap: break-word;\n max-width: 500px;\n}\n\n.blackboard-filter {\n margin: 10px 0;\n}\n\n.blackboard-main-content canvas {\n box-sizing: border-box;\n border: 1px solid #888;\n width: 100%;\n}\n\n"],"names":[],"mappings":"AADA,mKCQA,mGAQA,0CAKA,0CAKA,sFAQA,sIASA,gDAIA,2GASA,+FAOA,mIASA,iGAOA,mDAIA,+EAOA,gGAOA,6EAOA,oFAOA,oDAIA,uHAUA,yBACE,4CAKA,mDAIA,wGAQA,gFAIA,4BAIA,uEAMA,0CAKF,+CACE,gDAMF,kFAMA,8CC/KA,kECOA,uEAKA,qHASA,+JAWA,oLAWA,sFAKA,0IAQA,0LAYA,4FAMA,uGAOA,yIASA,uHAOA,4FAMA,2EAKA,iEAIA,yEAKA,wFAKA,oLASA,gIAKA,iFAIA,sIAMA,6IAMA,8JAMA,mJAKA,6IAKA,gJAOA,8EAMA,4CAKA,6BC1LA,4ECQA,iGAQA,wDAIA,+FAOA,8EAKA,iFAIA,mHAMA,uRAaA,mFAMA,8FAMA,6FAMA,qEAIA,6DAIA,8FAMA,qGAOA,+IASA,6FAKA,6FAOA,qPAaA,+KAWA,yGAKA,yLAWA,8GAKA,6HAMA,gGAIA,wGAIA,sIAOA,2IASA,kFAKA,yBACE,8GAOA,wGAIA,qGC/MF,+RAoBA,wDAIA,mFAIA,+RAeA,kLAYA,gHAOA,uHAOA,sGAIA,uFAKA,+GAQA,yGAQA,4JASA,mIASA,kNAcA,qDAIA,+HAQA,+LAYA,qFAKA,0MAaA,uDAIA,sJAOA,yHCnLA,sGAQA,sFCRA,qUAgBA,uUAcA,yGAOA,uDAKA,+FAoBA,0GC9DA,yJAOA,iCAIA,8GAMA,8GAMA,+OAYA,gHAIA,sHAIA,sLAMA,8IAIA,oQAcA,+JAMA,mHAIA,+JAMA,0IAIA,8FAKA,iFAKA,0QAYA,0EAUA,+QAKA,8GAIA,mJAKA,iTAMA,0IAMA,wHAIA,wGAIA,oFAIA,qDAIA,gTAiBA,uFAOA,6EAIA,8QAOA,wHAKA,6JAMA,2LAQA,oNAgBA,+VAIA,4VAIA,ihCAIA,kgCAYA,gIAKA,8HAIA,kIAIA,iTAMA,kSAIA,mmBAKA,4GAIA,4IAKA,sIAIA,kGAIA,mIAKA,uPAIA,kGAIA,yNASA,2MAMA,2EAOA,iFAMA,mDAIA,oHAQA,yJASA,kJAQA,gGAKA,uFAIA,mFAKA,gIAOA,0JAQA,2IAMA,kOAKA,yHAMA,yGAIA,qFAMA,4EAIA,0JAQA,4MAWA,4HAMA,qGAMA,8GAIA,2GAYA,6EAOA,qDAIA,mGAMA,kLC9eA,+BAKA,8BAIA,+BAIA,oCAIA,oGAOA,iCAIA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"static/js/async/975.693266d2.js","sources":["webpack://android-playground/./src/scripts/blank_polyfill.ts"],"sourcesContent":["const AsyncLocalStorage = {};\nexport { AsyncLocalStorage };\n"],"names":["AsyncLocalStorage"],"mappings":"gJAAA,IAAMA,EAAoB,CAAC,C"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/*! For license information please see index.64f3a001.js.LICENSE.txt */
|
|
2
|
-
(()=>{"use strict";var e={10653:function(e,t,r){var o,i=r(31549),n=r(8082);r(21437),r(93096),r(11260);var a=r(18113),l=r(77410),s=r(80911),c=r(81232),d=r(72715);let u="MIDSCENE_OPENAI_INIT_CONFIG_JSON",p="MIDSCENE_MODEL_NAME",h="MIDSCENE_DEBUG_AI_PROFILE",y="MIDSCENE_DEBUG_AI_RESPONSE",m="MIDSCENE_OPENAI_SOCKS_PROXY",f="MIDSCENE_OPENAI_HTTP_PROXY",g="OPENAI_API_KEY",v="OPENAI_BASE_URL",k="MIDSCENE_USE_VLM_UI_TARS",A="MIDSCENE_USE_QWEN_VL",C="MIDSCENE_USE_DOUBAO_VISION",E="MIDSCENE_USE_GEMINI",N="MATCH_BY_POSITION",x="MIDSCENE_USE_AZURE_OPENAI",w="MIDSCENE_AZURE_OPENAI_SCOPE",S="MIDSCENE_AZURE_OPENAI_INIT_CONFIG_JSON",b="AZURE_OPENAI_ENDPOINT",I="AZURE_OPENAI_KEY",j="AZURE_OPENAI_API_VERSION",P="AZURE_OPENAI_DEPLOYMENT",O="MIDSCENE_USE_ANTHROPIC_SDK",D="ANTHROPIC_API_KEY",M="MIDSCENE_RUN_DIR",T="MIDSCENE_OPENAI_BASE_URL",L="MIDSCENE_OPENAI_API_KEY",K="MIDSCENE_OPENAI_USE_AZURE",R="MIDSCENE_AZURE_OPENAI_KEY",U="MIDSCENE_AZURE_OPENAI_ENDPOINT",_="MIDSCENE_AZURE_OPENAI_API_VERSION",F="MIDSCENE_AZURE_OPENAI_DEPLOYMENT",z="MIDSCENE_VL_MODE",Z="MIDSCENE_VQA_MODEL_NAME",B="MIDSCENE_VQA_OPENAI_SOCKS_PROXY",V="MIDSCENE_VQA_OPENAI_HTTP_PROXY",G="MIDSCENE_VQA_OPENAI_BASE_URL",H="MIDSCENE_VQA_OPENAI_API_KEY",Y="MIDSCENE_VQA_OPENAI_INIT_CONFIG_JSON",W="MIDSCENE_VQA_OPENAI_USE_AZURE",q="MIDSCENE_VQA_USE_AZURE_OPENAI",Q="MIDSCENE_VQA_AZURE_OPENAI_SCOPE",J="MIDSCENE_VQA_AZURE_OPENAI_KEY",X="MIDSCENE_VQA_AZURE_OPENAI_ENDPOINT",$="MIDSCENE_VQA_AZURE_OPENAI_API_VERSION",ee="MIDSCENE_VQA_AZURE_OPENAI_DEPLOYMENT",et="MIDSCENE_VQA_AZURE_OPENAI_INIT_CONFIG_JSON",er="MIDSCENE_VQA_USE_ANTHROPIC_SDK",eo="MIDSCENE_VQA_ANTHROPIC_API_KEY",ei="MIDSCENE_VQA_VL_MODE",en="MIDSCENE_PLANNING_MODEL_NAME",ea="MIDSCENE_PLANNING_OPENAI_SOCKS_PROXY",el="MIDSCENE_PLANNING_OPENAI_HTTP_PROXY",es="MIDSCENE_PLANNING_OPENAI_BASE_URL",ec="MIDSCENE_PLANNING_OPENAI_API_KEY",ed="MIDSCENE_PLANNING_OPENAI_INIT_CONFIG_JSON",eu="MIDSCENE_PLANNING_OPENAI_USE_AZURE",ep="MIDSCENE_PLANNING_USE_AZURE_OPENAI",eh="MIDSCENE_PLANNING_AZURE_OPENAI_SCOPE",ey="MIDSCENE_PLANNING_AZURE_OPENAI_KEY",em="MIDSCENE_PLANNING_AZURE_OPENAI_ENDPOINT",ef="MIDSCENE_PLANNING_AZURE_OPENAI_API_VERSION",eg="MIDSCENE_PLANNING_AZURE_OPENAI_DEPLOYMENT",ev="MIDSCENE_PLANNING_AZURE_OPENAI_INIT_CONFIG_JSON",ek="MIDSCENE_PLANNING_USE_ANTHROPIC_SDK",eA="MIDSCENE_PLANNING_ANTHROPIC_API_KEY",eC="MIDSCENE_PLANNING_VL_MODE",eE="MIDSCENE_GROUNDING_MODEL_NAME",eN="MIDSCENE_GROUNDING_OPENAI_SOCKS_PROXY",ex="MIDSCENE_GROUNDING_OPENAI_HTTP_PROXY",ew="MIDSCENE_GROUNDING_OPENAI_BASE_URL",eS="MIDSCENE_GROUNDING_OPENAI_API_KEY",eb="MIDSCENE_GROUNDING_OPENAI_INIT_CONFIG_JSON",eI="MIDSCENE_GROUNDING_OPENAI_USE_AZURE",ej="MIDSCENE_GROUNDING_USE_AZURE_OPENAI",eP="MIDSCENE_GROUNDING_AZURE_OPENAI_SCOPE",eO="MIDSCENE_GROUNDING_AZURE_OPENAI_KEY",eD="MIDSCENE_GROUNDING_AZURE_OPENAI_ENDPOINT",eM="MIDSCENE_GROUNDING_AZURE_OPENAI_API_VERSION",eT="MIDSCENE_GROUNDING_AZURE_OPENAI_DEPLOYMENT",eL="MIDSCENE_GROUNDING_AZURE_OPENAI_INIT_CONFIG_JSON",eK="MIDSCENE_GROUNDING_USE_ANTHROPIC_SDK",eR="MIDSCENE_GROUNDING_ANTHROPIC_API_KEY",eU="MIDSCENE_GROUNDING_VL_MODE",e_="OPENAI_USE_AZURE",eF=["MIDSCENE_DEBUG_MODE",h,y,M],ez=["MIDSCENE_CACHE","MIDSCENE_LANGSMITH_DEBUG","MIDSCENE_FORCE_DEEP_THINK","MIDSCENE_MCP_USE_PUPPETEER_MODE","MIDSCENE_MCP_ANDROID_MODE"],eZ=["MIDSCENE_CACHE_MAX_FILENAME_LENGTH","MIDSCENE_REPLANNING_CYCLE_LIMIT"],eB=["OPENAI_MAX_TOKENS","MIDSCENE_ADB_PATH","MIDSCENE_ADB_REMOTE_HOST","MIDSCENE_ADB_REMOTE_PORT","MIDSCENE_ANDROID_IME_STRATEGY","MIDSCENE_REPORT_TAG_NAME","MIDSCENE_PREFERRED_LANGUAGE",N,"MIDSCENE_MCP_CHROME_PATH","DOCKER_CONTAINER"],eV=[...ez,...eZ,...eB],eG=[p,u,L,T,K,m,f,x,w,S,O,k,A,C,E,"MIDSCENE_USE_VL_MODEL",D,U,R,_,F,z,g,v,e_,D,b,I,j,P,Z,B,V,G,H,Y,W,q,Q,J,X,$,ee,et,er,eo,ei,en,ea,el,es,ec,ed,eu,ep,eh,ey,em,ef,eg,ev,ek,eA,eC,eE,eN,ex,ew,eS,eb,eI,ej,eP,eO,eD,eM,eT,eL,eK,eR,eU],eH=["MIDSCENE_DANGEROUSLY_PRINT_ALL_CONFIG",...eF,...eV,...eG];var eY=r(73656);let eW=e=>{if(!eF.includes(e))throw Error(`getBasicEnvValue with key ${e} is not supported.`);return eY.env[e]};r(93114);var eq=r(73656);let eQ=void 0!==eq&&(null==(o=eq.versions)?void 0:o.node);function eJ(e,t){if(!e)throw Error(t||"Assertion failed")}var eX=r(73656);let e$="midscene_run",e0=()=>eQ?eW(M)||e$:"",e1=()=>{if(!eQ)return"";let e=l.resolve(eX.cwd(),e0());if(!(0,a.existsSync)(e))try{(0,a.mkdirSync)(e,{recursive:!0})}catch(t){e=l.join((0,d.tmpdir)(),e$),(0,a.mkdirSync)(e,{recursive:!0})}return e},e2=e=>{if(!eQ)return"";let t=e1(),r=l.join(t,e);return(0,a.existsSync)(r)||(0,a.mkdirSync)(r,{recursive:!0}),r},e6="midscene",e3=new Map,e4=new Map;function e8(e){let t=`${e6}:${e}`;if(!e4.has(t)){let r=c(t);e4.set(t,(...t)=>{eQ&&function(e,t){if(!eQ)return;let r=function(e){let t=e.replace(/:/g,"-");if(!e3.has(t)){let e=l.join(e2("log"),`${t}.log`),r=a.createWriteStream(e,{flags:"a"});e3.set(t,r)}return e3.get(t)}(e),o=new Date,i=o.toLocaleDateString("sv-SE"),n=o.toLocaleTimeString("sv-SE"),s=o.getMilliseconds().toString().padStart(3,"0"),c=o.getTimezoneOffset(),d=Math.floor(Math.abs(c)/60).toString().padStart(2,"0"),u=(Math.abs(c)%60).toString().padStart(2,"0"),p=`${c<=0?"+":"-"}${d}:${u}`,h=`${i}T${n}.${s}${p}`;r.write(`[${h}] ${t}
|
|
3
|
-
`)}(e,s.format(...t)),r(...t)})}return e4.get(t)}let e5=()=>{var e;let t=eW(h),r="";t&&(console.warn("MIDSCENE_DEBUG_AI_PROFILE is deprecated, use DEBUG=midscene:ai:profile instead"),r="ai:profile"),eW(y)&&(console.warn("MIDSCENE_DEBUG_AI_RESPONSE is deprecated, use DEBUG=midscene:ai:response instead"),r=r?"ai:*":"ai:call"),r&&(e=r,eQ||c.enable(`${e6}:${e}`))},e7={modelName:p,socksProxy:m,httpProxy:f,openaiBaseURL:T,openaiApiKey:L,openaiExtraConfig:u,openaiUseAzureDeprecated:K,useAzureOpenai:x,azureOpenaiScope:w,azureOpenaiKey:R,azureOpenaiEndpoint:U,azureOpenaiApiVersion:_,azureOpenaiDeployment:F,azureExtraConfig:S,useAnthropicSdk:O,anthropicApiKey:"MIDSCENE_ANTHROPIC_API_KEY",vlMode:z},e9={modelName:p,socksProxy:m,httpProxy:f,openaiBaseURL:v,openaiApiKey:g,openaiExtraConfig:u,openaiUseAzureDeprecated:e_,useAzureOpenai:x,azureOpenaiScope:w,azureOpenaiKey:I,azureOpenaiEndpoint:b,azureOpenaiApiVersion:j,azureOpenaiDeployment:P,azureExtraConfig:S,useAnthropicSdk:O,anthropicApiKey:D,vlMode:"DEFAULT_MODEL_CONFIG_KEYS has no vlMode key"},te=(e,t="*")=>{if("string"!=typeof e||0===e.length)return e;if(e.length<=6)return e;let r=e.substring(0,3),o=e.substring(e.length-3),i=e.length-6,n=t.repeat(i);return`${r}${n}${o}`},tt=e=>Object.fromEntries(Object.entries(e).map(([e,t])=>["openaiApiKey","azureOpenaiKey","anthropicApiKey"].includes(e)?[e,te(t)]:["openaiExtraConfig","azureExtraConfig"].includes(e)?[e,te(JSON.stringify(t))]:[e,t])),tr=(e,t)=>{if(t)try{return JSON.parse(t)}catch(t){throw Error(`Failed to parse ${e} as a JSON. ${t.message}`,{cause:t})}},to=(e,t,r)=>(o,i,n)=>{r?n?eJ(o,`The ${i} must be a non-empty string because of the ${e} is declared as ${r} and ${n} has also been specified in ${t}, but got: ${o}. Please check your config.`):eJ(o,`The ${i} must be a non-empty string because of the ${e} is declared as ${r} in ${t}, but got: ${o}. Please check your config.`):eJ(o,`The ${i} must be a non-empty string, but got: ${o}. Please check your config.`)},ti=["doubao-vision","gemini","qwen-vl","vlm-ui-tars","vlm-ui-tars-doubao","vlm-ui-tars-doubao-1.5"],tn=e=>{if(!e)return{vlMode:void 0,uiTarsVersion:void 0};if(!ti.includes(e))throw Error(`the value ${e} is not a valid VL_MODE value, must be one of ${ti}`);return"vlm-ui-tars"===e?{vlMode:"vlm-ui-tars",uiTarsVersion:"1.0"}:"vlm-ui-tars-doubao"===e||"vlm-ui-tars-doubao-1.5"===e?{vlMode:"vlm-ui-tars",uiTarsVersion:"doubao-1.5-20B"}:{vlMode:e,uiTarsVersion:void 0}},ta=e=>{let t=e[C],r=e[A],o=e[k],i=e[E],n=[t&&C,r&&A,o&&k,i&&E].filter(Boolean);if(n.length>1)throw Error(`Only one vision mode can be enabled at a time. Currently enabled modes: ${n.join(", ")}. Please disable all but one mode.`);if(r)return{vlMode:"qwen-vl",uiTarsVersion:void 0};if(t)return{vlMode:"doubao-vision",uiTarsVersion:void 0};if(i)return{vlMode:"gemini",uiTarsVersion:void 0};if(o)if("1"===o)return{vlMode:"vlm-ui-tars",uiTarsVersion:"1.0"};else if("DOUBAO"===o||"DOUBAO-1.5"===o)return{vlMode:"vlm-ui-tars",uiTarsVersion:"doubao-1.5-20B"};else return{vlMode:"vlm-ui-tars",uiTarsVersion:`${o}`};return{vlMode:void 0,uiTarsVersion:void 0}},tl={VQA:{modelName:Z,socksProxy:B,httpProxy:V,openaiBaseURL:G,openaiApiKey:H,openaiExtraConfig:Y,openaiUseAzureDeprecated:W,useAzureOpenai:q,azureOpenaiScope:Q,azureOpenaiKey:J,azureOpenaiEndpoint:X,azureOpenaiApiVersion:$,azureOpenaiDeployment:ee,azureExtraConfig:et,useAnthropicSdk:er,anthropicApiKey:eo,vlMode:ei},grounding:{modelName:eE,socksProxy:eN,httpProxy:ex,openaiBaseURL:ew,openaiApiKey:eS,openaiExtraConfig:eb,openaiUseAzureDeprecated:eI,useAzureOpenai:ej,azureOpenaiScope:eP,azureOpenaiKey:eO,azureOpenaiEndpoint:eD,azureOpenaiApiVersion:eM,azureOpenaiDeployment:eT,azureExtraConfig:eL,useAnthropicSdk:eK,anthropicApiKey:eR,vlMode:eU},planning:{modelName:en,socksProxy:ea,httpProxy:el,openaiBaseURL:es,openaiApiKey:ec,openaiExtraConfig:ed,openaiUseAzureDeprecated:eu,useAzureOpenai:ep,azureOpenaiScope:eh,azureOpenaiKey:ey,azureOpenaiEndpoint:em,azureOpenaiApiVersion:ef,azureOpenaiDeployment:eg,azureExtraConfig:ev,useAnthropicSdk:ek,anthropicApiKey:eA,vlMode:eC},default:e7},ts=({keys:e,provider:t,valueAssert:r})=>{e5();let o=e8("ai:global:config"),i=t[e.socksProxy],n=t[e.httpProxy],a=t[e.vlMode];if(o("enter decideOpenaiSdkConfig with keys:",e),t[e.openaiUseAzureDeprecated]){o(`provider has ${e.openaiUseAzureDeprecated} with value${t[e.openaiUseAzureDeprecated]}`);let l=t[e.openaiBaseURL],s=t[e.openaiApiKey],c=tr(e.openaiExtraConfig,t[e.openaiExtraConfig]);return r(s,e.openaiApiKey,e.openaiUseAzureDeprecated),{socksProxy:i,httpProxy:n,vlModeRaw:a,openaiUseAzureDeprecated:!0,openaiApiKey:s,openaiBaseURL:l,openaiExtraConfig:c}}if(t[e.useAzureOpenai]){o(`provider has ${e.useAzureOpenai} with value ${t[e.useAzureOpenai]}`);let l=t[e.azureOpenaiScope],s=t[e.azureOpenaiKey],c=t[e.azureOpenaiEndpoint],d=t[e.azureOpenaiDeployment],u=t[e.azureOpenaiApiVersion],p=tr(e.azureExtraConfig,t[e.azureExtraConfig]),h=tr(e.openaiExtraConfig,t[e.openaiExtraConfig]);return r(s,e.azureOpenaiKey,e.useAzureOpenai),{socksProxy:i,httpProxy:n,vlModeRaw:a,useAzureOpenai:!0,azureOpenaiScope:l,azureOpenaiKey:s,azureOpenaiEndpoint:c,azureOpenaiDeployment:d,azureOpenaiApiVersion:u,azureExtraConfig:p,openaiExtraConfig:h}}if(t[e.useAnthropicSdk]){o(`provider has ${e.useAnthropicSdk} with value ${t[e.useAnthropicSdk]}`);let a=t[e.anthropicApiKey];return r(a,e.anthropicApiKey,e.useAnthropicSdk),{socksProxy:i,httpProxy:n,useAnthropicSdk:!0,anthropicApiKey:a}}{o("provider has no specific model SDK declared");let l=t[e.openaiBaseURL],s=t[e.openaiApiKey],c=tr(e.openaiExtraConfig,t[e.openaiExtraConfig]);return r(s,e.openaiApiKey),{socksProxy:i,httpProxy:n,vlModeRaw:a,openaiBaseURL:l,openaiApiKey:s,openaiExtraConfig:c}}},tc=(e,t)=>{if(e)if(t)return`UI-TARS=${t}`;else return`${e} mode`;return""},td=({intent:e,modelConfigFromFn:t,allConfig:r})=>{e5();let o=e8("ai:globalConfig");if(t){o("decideModelConfig base on agent.modelConfig()");let r=tl[e],i=t[r.modelName];o("Got modelName from modelConfigFn",i);let n=i?(o("query modelConfig from fn by intent got corresponding modelName, will get other corresponding keys"),r):(o("query modelConfig from fn by intent got no corresponding modelName, will get other keys by default"),eJ(t[e7.modelName],`The return value of agent.modelConfig do not have a valid value with key ${e7.modelName}.`),e7),a=ts({keys:n,provider:t,valueAssert:to(n.modelName,"modelConfig",i)}),{vlMode:l,uiTarsVersion:s}=tn(a.vlModeRaw),c=tc(l,s),d={...a,modelName:t[n.modelName],vlMode:l,uiTarsVersion:s,modelDescription:c,from:"modelConfig"};return o(`decideModelConfig result by agent.modelConfig() with intent ${e}:`,tt(d)),d}let i="default"===e?e9:tl[e],n=r[i.modelName];if(o(`Get value of ${i.modelName} from globalConfig`,n),"default"!==e&&r[i.modelName]){let t=r[i.modelName];o(`Got intent ${e} corresponding modelName ${t} by key ${i.modelName} from globalConfig, will get other config by intent.`);let n=ts({keys:i,provider:r,valueAssert:to(i.modelName,"process.env",t)}),{vlMode:a,uiTarsVersion:l}=tn(n.vlModeRaw),s=tc(a,l),c={...n,modelName:t,vlMode:a,uiTarsVersion:l,modelDescription:s,from:"env"};return o(`decideModelConfig result by process.env with intent ${e}:`,tt(c)),c}o(`decideModelConfig as legacy logic with intent ${e}.`);let a=ts({keys:e9,provider:r,valueAssert:to(e9.modelName,"process.env")}),{vlMode:l,uiTarsVersion:s}=ta(r),c=tc(l,s),d={...a,modelName:r[e9.modelName]||"gpt-4o",vlMode:l,uiTarsVersion:s,modelDescription:c,from:"legacy-env"};return o(`decideModelConfig result by legacy logic with intent ${e}:`,tt(d)),d};var tu=r(73656);function tp(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}let th=()=>eH.reduce((e,t)=>({...e,[t]:tu.env[t]}),Object.create(null)),ty=()=>"undefined"!=typeof chrome&&chrome.runtime.id,tm=["VQA","default","grounding","planning"],tf=new class{initAllEnvConfig(){let e=th();this.allEnvConfig=(()=>{if(this.override){this.debugLog("initAllConfig with override from overrideAIConfig");let{newConfig:t,extendMode:r}=this.override;return r?(this.debugLog("initAllConfig with extend mode from overrideAIConfig"),{...e,...t}):(this.debugLog("initAllConfig without override mode from overrideAIConfig"),{...t})}return this.debugLog("initAllConfig without override from overrideAIConfig"),e})()}initIntentConfigFromFn(){let e={VQA:void 0,default:void 0,grounding:void 0,planning:void 0};if(this.latestModelConfigFn)for(let t of tm){let r=this.latestModelConfigFn({intent:t});if(!r)throw Error(`The agent has an option named modelConfig is a function, but it return ${r} when call with intent ${t}, which should be a object.`);e[t]=r}return e}createUninitializedError(e){let t=Error(e);return t.GLOBAL_CONFIG_MANAGER_UNINITIALIZED_FLAG=!0,t}reset(){console.warn("globalConfigManager.reset should only be called in Midscene owner unit test"),this.initialized=!1,this.override=void 0,this.allEnvConfig=void 0,this.keysHaveBeenRead={},this.modelConfigByIntent={VQA:void 0,default:void 0,grounding:void 0,planning:void 0}}initModelConfigForIntent(){this.initAllEnvConfig();let e=this.initIntentConfigFromFn();for(let t of tm){let r=td({intent:t,allConfig:this.allEnvConfig,modelConfigFromFn:e[t]});this.modelConfigByIntent[t]=r}}initModelConfigForChromeExtension(){this.initAllEnvConfig(),this.modelConfigForChromeExtension=td({intent:"default",allConfig:this.allEnvConfig,modelConfigFromFn:void 0})}init(e){this.latestModelConfigFn=e,this.initModelConfigForIntent(),this.initialized=!0}getModelConfigByIntent(e){if(!this.initialized){if(ty())return console.warn("globalConfigManager is not initialized but was called in chrome Extension, will get model config from env"),this.modelConfigForChromeExtension||this.initModelConfigForChromeExtension(),this.modelConfigForChromeExtension;throw this.createUninitializedError(`globalConfigManager is not initialized when call getModelConfigByIntent with intent ${e}`)}return this.modelConfigByIntent[e]}getEnvConfigValue(e){let t=this.allEnvConfig||tu.env;if(!eB.includes(e))throw Error(`getEnvConfigValue with key ${e} is not supported.`);if(e===N)throw Error("MATCH_BY_POSITION is deprecated, use MIDSCENE_USE_VL_MODEL instead");let r=t[e];return(this.keysHaveBeenRead[e]=!0,"string"==typeof r)?r.trim():r}getEnvConfigInNumber(e){let t=this.allEnvConfig||tu.env;if(!eZ.includes(e))throw Error(`getEnvConfigInNumber with key ${e} is not supported`);let r=t[e];return this.keysHaveBeenRead[e]=!0,Number(r||"")}getEnvConfigInBoolean(e){let t=this.allEnvConfig||tu.env;if(!ez.includes(e))throw Error(`getEnvConfigInBoolean with key ${e} is not supported`);let r=t[e];return this.keysHaveBeenRead[e]=!0,!!r&&(!!/^(true|1)$/i.test(r)||!/^(false|0)$/i.test(r)&&!!r.trim())}registerOverride(e,t=!1){var r;for(let t in e){if(![...eV,...eG].includes(t))throw Error(`Failed to override AI config, invalid key: ${t}`);let r=e[t];if("string"!=typeof r)throw Error(`Failed to override AI config, value for key ${t} must be a string, but got with type ${typeof r}`);this.keysHaveBeenRead[t]&&console.warn(`Warning: try to override AI config with key ${t} ,but it has been read.`)}let o=t?{...null==(r=this.override)?void 0:r.newConfig,...e}:e;this.override={newConfig:{...o},extendMode:t},this.initialized?this.initModelConfigForIntent():(this.initAllEnvConfig(),this.modelConfigForChromeExtension=void 0)}constructor(){tp(this,"override",void 0),tp(this,"initialized",!1),tp(this,"debugLog",void 0),tp(this,"modelConfigByIntent",{VQA:void 0,default:void 0,grounding:void 0,planning:void 0}),tp(this,"allEnvConfig",void 0),tp(this,"keysHaveBeenRead",{}),tp(this,"latestModelConfigFn",void 0),tp(this,"modelConfigForChromeExtension",void 0),e5();let e=e8("ai:global-config");this.debugLog=e}},tg=(e,t=!1)=>{tf.registerOverride(e,t)};function tv(e){let t=[];return!function e(r){for(let o of(r.node&&t.push(r.node),r.children))e(o)}(e),t}r(75044),r(57861),r(5174),r(17444),e8("img"),r(25626),r(27736),r(17374),r(27641);var tk=r(43427);e8("ai:common");let tA=tk.z.object({left:tk.z.number(),top:tk.z.number()}),tC=tk.z.object({width:tk.z.number(),height:tk.z.number(),dpr:tk.z.number().optional()}),tE=tA.and(tC).and(tk.z.object({zoom:tk.z.number().optional()})),tN=tk.z.object({images:tk.z.array(tk.z.object({name:tk.z.string(),url:tk.z.string()})).optional(),convertHttpImage2Base64:tk.z.boolean().optional()}),tx=tk.z.union([tk.z.string(),tk.z.object({prompt:tk.z.string()}).and(tN.partial())]),tw="midscene_location_field_flag",tS=tk.z.object({[tw]:tk.z.literal(!0),prompt:tx,deepThink:tk.z.boolean().optional(),cacheable:tk.z.boolean().optional(),xpath:tk.z.boolean().optional(),center:tk.z.tuple([tk.z.number(),tk.z.number()]),rect:tE}).passthrough(),tb=e=>{var t,r;let o=e;return(null==(t=o._def)?void 0:t.typeName)==="ZodOptional"&&(o=o._def.innerType),(null==(r=o._def)?void 0:r.typeName)==="ZodObject"&&tw in o._def.shape()},tI=(e,t)=>{var r;return e&&(null==(r=e._def)?void 0:r.typeName)==="ZodObject"&&e.shape?Object.keys(e.shape).filter(r=>{let o=e.shape[r];if(!tb(o))return!1;if(t){var i;return(null==(i=o._def)?void 0:i.typeName)!=="ZodOptional"}return!0}):[]};var tj=r(55695);new tj.Pf({template:`
|
|
4
|
-
Here is the item user want to find:
|
|
5
|
-
=====================================
|
|
6
|
-
{targetElementDescription}
|
|
7
|
-
=====================================
|
|
8
|
-
|
|
9
|
-
{pageDescription}
|
|
10
|
-
`,inputVariables:["pageDescription","targetElementDescription"]}),new tj.Pf({template:`Here is the target element user interested in:
|
|
11
|
-
<targetDescription>
|
|
12
|
-
{sectionDescription}
|
|
13
|
-
</targetDescription>
|
|
14
|
-
`,inputVariables:["sectionDescription"]}),e8("ai:inspect"),e8("ai:section"),e8("planning");var tP=r(73656);let tO={0:{keyCode:48,key:"0",code:"Digit0"},1:{keyCode:49,key:"1",code:"Digit1"},2:{keyCode:50,key:"2",code:"Digit2"},3:{keyCode:51,key:"3",code:"Digit3"},4:{keyCode:52,key:"4",code:"Digit4"},5:{keyCode:53,key:"5",code:"Digit5"},6:{keyCode:54,key:"6",code:"Digit6"},7:{keyCode:55,key:"7",code:"Digit7"},8:{keyCode:56,key:"8",code:"Digit8"},9:{keyCode:57,key:"9",code:"Digit9"},Power:{key:"Power",code:"Power"},Eject:{key:"Eject",code:"Eject"},Abort:{keyCode:3,code:"Abort",key:"Cancel"},Help:{keyCode:6,code:"Help",key:"Help"},Backspace:{keyCode:8,code:"Backspace",key:"Backspace"},Tab:{keyCode:9,code:"Tab",key:"Tab"},Numpad5:{keyCode:12,shiftKeyCode:101,key:"Clear",code:"Numpad5",shiftKey:"5",location:3},NumpadEnter:{keyCode:13,code:"NumpadEnter",key:"Enter",text:"\r",location:3},Enter:{keyCode:13,code:"Enter",key:"Enter",text:"\r"},"\r":{keyCode:13,code:"Enter",key:"Enter",text:"\r"},"\n":{keyCode:13,code:"Enter",key:"Enter",text:"\r"},ShiftLeft:{keyCode:16,code:"ShiftLeft",key:"Shift",location:1},ShiftRight:{keyCode:16,code:"ShiftRight",key:"Shift",location:2},ControlLeft:{keyCode:17,code:"ControlLeft",key:"Control",location:1},ControlRight:{keyCode:17,code:"ControlRight",key:"Control",location:2},AltLeft:{keyCode:18,code:"AltLeft",key:"Alt",location:1},AltRight:{keyCode:18,code:"AltRight",key:"Alt",location:2},Pause:{keyCode:19,code:"Pause",key:"Pause"},CapsLock:{keyCode:20,code:"CapsLock",key:"CapsLock"},Escape:{keyCode:27,code:"Escape",key:"Escape"},Convert:{keyCode:28,code:"Convert",key:"Convert"},NonConvert:{keyCode:29,code:"NonConvert",key:"NonConvert"},Space:{keyCode:32,code:"Space",key:" "},Numpad9:{keyCode:33,shiftKeyCode:105,key:"PageUp",code:"Numpad9",shiftKey:"9",location:3},PageUp:{keyCode:33,code:"PageUp",key:"PageUp"},Numpad3:{keyCode:34,shiftKeyCode:99,key:"PageDown",code:"Numpad3",shiftKey:"3",location:3},PageDown:{keyCode:34,code:"PageDown",key:"PageDown"},End:{keyCode:35,code:"End",key:"End"},Numpad1:{keyCode:35,shiftKeyCode:97,key:"End",code:"Numpad1",shiftKey:"1",location:3},Home:{keyCode:36,code:"Home",key:"Home"},Numpad7:{keyCode:36,shiftKeyCode:103,key:"Home",code:"Numpad7",shiftKey:"7",location:3},ArrowLeft:{keyCode:37,code:"ArrowLeft",key:"ArrowLeft"},Numpad4:{keyCode:37,shiftKeyCode:100,key:"ArrowLeft",code:"Numpad4",shiftKey:"4",location:3},Numpad8:{keyCode:38,shiftKeyCode:104,key:"ArrowUp",code:"Numpad8",shiftKey:"8",location:3},ArrowUp:{keyCode:38,code:"ArrowUp",key:"ArrowUp"},ArrowRight:{keyCode:39,code:"ArrowRight",key:"ArrowRight"},Numpad6:{keyCode:39,shiftKeyCode:102,key:"ArrowRight",code:"Numpad6",shiftKey:"6",location:3},Numpad2:{keyCode:40,shiftKeyCode:98,key:"ArrowDown",code:"Numpad2",shiftKey:"2",location:3},ArrowDown:{keyCode:40,code:"ArrowDown",key:"ArrowDown"},Select:{keyCode:41,code:"Select",key:"Select"},Open:{keyCode:43,code:"Open",key:"Execute"},PrintScreen:{keyCode:44,code:"PrintScreen",key:"PrintScreen"},Insert:{keyCode:45,code:"Insert",key:"Insert"},Numpad0:{keyCode:45,shiftKeyCode:96,key:"Insert",code:"Numpad0",shiftKey:"0",location:3},Delete:{keyCode:46,code:"Delete",key:"Delete"},NumpadDecimal:{keyCode:46,shiftKeyCode:110,code:"NumpadDecimal",key:"\0",shiftKey:".",location:3},Digit0:{keyCode:48,code:"Digit0",shiftKey:")",key:"0"},Digit1:{keyCode:49,code:"Digit1",shiftKey:"!",key:"1"},Digit2:{keyCode:50,code:"Digit2",shiftKey:"@",key:"2"},Digit3:{keyCode:51,code:"Digit3",shiftKey:"#",key:"3"},Digit4:{keyCode:52,code:"Digit4",shiftKey:"$",key:"4"},Digit5:{keyCode:53,code:"Digit5",shiftKey:"%",key:"5"},Digit6:{keyCode:54,code:"Digit6",shiftKey:"^",key:"6"},Digit7:{keyCode:55,code:"Digit7",shiftKey:"&",key:"7"},Digit8:{keyCode:56,code:"Digit8",shiftKey:"*",key:"8"},Digit9:{keyCode:57,code:"Digit9",shiftKey:"(",key:"9"},KeyA:{keyCode:65,code:"KeyA",shiftKey:"A",key:"a"},KeyB:{keyCode:66,code:"KeyB",shiftKey:"B",key:"b"},KeyC:{keyCode:67,code:"KeyC",shiftKey:"C",key:"c"},KeyD:{keyCode:68,code:"KeyD",shiftKey:"D",key:"d"},KeyE:{keyCode:69,code:"KeyE",shiftKey:"E",key:"e"},KeyF:{keyCode:70,code:"KeyF",shiftKey:"F",key:"f"},KeyG:{keyCode:71,code:"KeyG",shiftKey:"G",key:"g"},KeyH:{keyCode:72,code:"KeyH",shiftKey:"H",key:"h"},KeyI:{keyCode:73,code:"KeyI",shiftKey:"I",key:"i"},KeyJ:{keyCode:74,code:"KeyJ",shiftKey:"J",key:"j"},KeyK:{keyCode:75,code:"KeyK",shiftKey:"K",key:"k"},KeyL:{keyCode:76,code:"KeyL",shiftKey:"L",key:"l"},KeyM:{keyCode:77,code:"KeyM",shiftKey:"M",key:"m"},KeyN:{keyCode:78,code:"KeyN",shiftKey:"N",key:"n"},KeyO:{keyCode:79,code:"KeyO",shiftKey:"O",key:"o"},KeyP:{keyCode:80,code:"KeyP",shiftKey:"P",key:"p"},KeyQ:{keyCode:81,code:"KeyQ",shiftKey:"Q",key:"q"},KeyR:{keyCode:82,code:"KeyR",shiftKey:"R",key:"r"},KeyS:{keyCode:83,code:"KeyS",shiftKey:"S",key:"s"},KeyT:{keyCode:84,code:"KeyT",shiftKey:"T",key:"t"},KeyU:{keyCode:85,code:"KeyU",shiftKey:"U",key:"u"},KeyV:{keyCode:86,code:"KeyV",shiftKey:"V",key:"v"},KeyW:{keyCode:87,code:"KeyW",shiftKey:"W",key:"w"},KeyX:{keyCode:88,code:"KeyX",shiftKey:"X",key:"x"},KeyY:{keyCode:89,code:"KeyY",shiftKey:"Y",key:"y"},KeyZ:{keyCode:90,code:"KeyZ",shiftKey:"Z",key:"z"},MetaLeft:{keyCode:91,code:"MetaLeft",key:"Meta",location:1},MetaRight:{keyCode:92,code:"MetaRight",key:"Meta",location:2},ContextMenu:{keyCode:93,code:"ContextMenu",key:"ContextMenu"},NumpadMultiply:{keyCode:106,code:"NumpadMultiply",key:"*",location:3},NumpadAdd:{keyCode:107,code:"NumpadAdd",key:"+",location:3},NumpadSubtract:{keyCode:109,code:"NumpadSubtract",key:"-",location:3},NumpadDivide:{keyCode:111,code:"NumpadDivide",key:"/",location:3},F1:{keyCode:112,code:"F1",key:"F1"},F2:{keyCode:113,code:"F2",key:"F2"},F3:{keyCode:114,code:"F3",key:"F3"},F4:{keyCode:115,code:"F4",key:"F4"},F5:{keyCode:116,code:"F5",key:"F5"},F6:{keyCode:117,code:"F6",key:"F6"},F7:{keyCode:118,code:"F7",key:"F7"},F8:{keyCode:119,code:"F8",key:"F8"},F9:{keyCode:120,code:"F9",key:"F9"},F10:{keyCode:121,code:"F10",key:"F10"},F11:{keyCode:122,code:"F11",key:"F11"},F12:{keyCode:123,code:"F12",key:"F12"},F13:{keyCode:124,code:"F13",key:"F13"},F14:{keyCode:125,code:"F14",key:"F14"},F15:{keyCode:126,code:"F15",key:"F15"},F16:{keyCode:127,code:"F16",key:"F16"},F17:{keyCode:128,code:"F17",key:"F17"},F18:{keyCode:129,code:"F18",key:"F18"},F19:{keyCode:130,code:"F19",key:"F19"},F20:{keyCode:131,code:"F20",key:"F20"},F21:{keyCode:132,code:"F21",key:"F21"},F22:{keyCode:133,code:"F22",key:"F22"},F23:{keyCode:134,code:"F23",key:"F23"},F24:{keyCode:135,code:"F24",key:"F24"},NumLock:{keyCode:144,code:"NumLock",key:"NumLock"},ScrollLock:{keyCode:145,code:"ScrollLock",key:"ScrollLock"},AudioVolumeMute:{keyCode:173,code:"AudioVolumeMute",key:"AudioVolumeMute"},AudioVolumeDown:{keyCode:174,code:"AudioVolumeDown",key:"AudioVolumeDown"},AudioVolumeUp:{keyCode:175,code:"AudioVolumeUp",key:"AudioVolumeUp"},MediaTrackNext:{keyCode:176,code:"MediaTrackNext",key:"MediaTrackNext"},MediaTrackPrevious:{keyCode:177,code:"MediaTrackPrevious",key:"MediaTrackPrevious"},MediaStop:{keyCode:178,code:"MediaStop",key:"MediaStop"},MediaPlayPause:{keyCode:179,code:"MediaPlayPause",key:"MediaPlayPause"},Semicolon:{keyCode:186,code:"Semicolon",shiftKey:":",key:";"},Equal:{keyCode:187,code:"Equal",shiftKey:"+",key:"="},NumpadEqual:{keyCode:187,code:"NumpadEqual",key:"=",location:3},Comma:{keyCode:188,code:"Comma",shiftKey:"<",key:","},Minus:{keyCode:189,code:"Minus",shiftKey:"_",key:"-"},Period:{keyCode:190,code:"Period",shiftKey:">",key:"."},Slash:{keyCode:191,code:"Slash",shiftKey:"?",key:"/"},Backquote:{keyCode:192,code:"Backquote",shiftKey:"~",key:"`"},BracketLeft:{keyCode:219,code:"BracketLeft",shiftKey:"{",key:"["},Backslash:{keyCode:220,code:"Backslash",shiftKey:"|",key:"\\"},BracketRight:{keyCode:221,code:"BracketRight",shiftKey:"}",key:"]"},Quote:{keyCode:222,code:"Quote",shiftKey:'"',key:"'"},AltGraph:{keyCode:225,code:"AltGraph",key:"AltGraph"},Props:{keyCode:247,code:"Props",key:"CrSel"},Cancel:{keyCode:3,key:"Cancel",code:"Abort"},Clear:{keyCode:12,key:"Clear",code:"Numpad5",location:3},Shift:{keyCode:16,key:"Shift",code:"ShiftLeft",location:1},Control:{keyCode:17,key:"Control",code:"ControlLeft",location:1},Alt:{keyCode:18,key:"Alt",code:"AltLeft",location:1},Accept:{keyCode:30,key:"Accept"},ModeChange:{keyCode:31,key:"ModeChange"}," ":{keyCode:32,key:" ",code:"Space"},Print:{keyCode:42,key:"Print"},Execute:{keyCode:43,key:"Execute",code:"Open"},"\0":{keyCode:46,key:"\0",code:"NumpadDecimal",location:3},a:{keyCode:65,key:"a",code:"KeyA"},b:{keyCode:66,key:"b",code:"KeyB"},c:{keyCode:67,key:"c",code:"KeyC"},d:{keyCode:68,key:"d",code:"KeyD"},e:{keyCode:69,key:"e",code:"KeyE"},f:{keyCode:70,key:"f",code:"KeyF"},g:{keyCode:71,key:"g",code:"KeyG"},h:{keyCode:72,key:"h",code:"KeyH"},i:{keyCode:73,key:"i",code:"KeyI"},j:{keyCode:74,key:"j",code:"KeyJ"},k:{keyCode:75,key:"k",code:"KeyK"},l:{keyCode:76,key:"l",code:"KeyL"},m:{keyCode:77,key:"m",code:"KeyM"},n:{keyCode:78,key:"n",code:"KeyN"},o:{keyCode:79,key:"o",code:"KeyO"},p:{keyCode:80,key:"p",code:"KeyP"},q:{keyCode:81,key:"q",code:"KeyQ"},r:{keyCode:82,key:"r",code:"KeyR"},s:{keyCode:83,key:"s",code:"KeyS"},t:{keyCode:84,key:"t",code:"KeyT"},u:{keyCode:85,key:"u",code:"KeyU"},v:{keyCode:86,key:"v",code:"KeyV"},w:{keyCode:87,key:"w",code:"KeyW"},x:{keyCode:88,key:"x",code:"KeyX"},y:{keyCode:89,key:"y",code:"KeyY"},z:{keyCode:90,key:"z",code:"KeyZ"},Meta:{keyCode:91,key:"Meta",code:"MetaLeft",location:1},"*":{keyCode:106,key:"*",code:"NumpadMultiply",location:3},"+":{keyCode:107,key:"+",code:"NumpadAdd",location:3},"-":{keyCode:109,key:"-",code:"NumpadSubtract",location:3},"/":{keyCode:111,key:"/",code:"NumpadDivide",location:3},";":{keyCode:186,key:";",code:"Semicolon"},"=":{keyCode:187,key:"=",code:"Equal"},",":{keyCode:188,key:",",code:"Comma"},".":{keyCode:190,key:".",code:"Period"},"`":{keyCode:192,key:"`",code:"Backquote"},"[":{keyCode:219,key:"[",code:"BracketLeft"},"\\":{keyCode:220,key:"\\",code:"Backslash"},"]":{keyCode:221,key:"]",code:"BracketRight"},"'":{keyCode:222,key:"'",code:"Quote"},Attn:{keyCode:246,key:"Attn"},CrSel:{keyCode:247,key:"CrSel",code:"Props"},ExSel:{keyCode:248,key:"ExSel"},EraseEof:{keyCode:249,key:"EraseEof"},Play:{keyCode:250,key:"Play"},ZoomOut:{keyCode:251,key:"ZoomOut"},")":{keyCode:48,key:")",code:"Digit0"},"!":{keyCode:49,key:"!",code:"Digit1"},"@":{keyCode:50,key:"@",code:"Digit2"},"#":{keyCode:51,key:"#",code:"Digit3"},$:{keyCode:52,key:"$",code:"Digit4"},"%":{keyCode:53,key:"%",code:"Digit5"},"^":{keyCode:54,key:"^",code:"Digit6"},"&":{keyCode:55,key:"&",code:"Digit7"},"(":{keyCode:57,key:"(",code:"Digit9"},A:{keyCode:65,key:"A",code:"KeyA"},B:{keyCode:66,key:"B",code:"KeyB"},C:{keyCode:67,key:"C",code:"KeyC"},D:{keyCode:68,key:"D",code:"KeyD"},E:{keyCode:69,key:"E",code:"KeyE"},F:{keyCode:70,key:"F",code:"KeyF"},G:{keyCode:71,key:"G",code:"KeyG"},H:{keyCode:72,key:"H",code:"KeyH"},I:{keyCode:73,key:"I",code:"KeyI"},J:{keyCode:74,key:"J",code:"KeyJ"},K:{keyCode:75,key:"K",code:"KeyK"},L:{keyCode:76,key:"L",code:"KeyL"},M:{keyCode:77,key:"M",code:"KeyM"},N:{keyCode:78,key:"N",code:"KeyN"},O:{keyCode:79,key:"O",code:"KeyO"},P:{keyCode:80,key:"P",code:"KeyP"},Q:{keyCode:81,key:"Q",code:"KeyQ"},R:{keyCode:82,key:"R",code:"KeyR"},S:{keyCode:83,key:"S",code:"KeyS"},T:{keyCode:84,key:"T",code:"KeyT"},U:{keyCode:85,key:"U",code:"KeyU"},V:{keyCode:86,key:"V",code:"KeyV"},W:{keyCode:87,key:"W",code:"KeyW"},X:{keyCode:88,key:"X",code:"KeyX"},Y:{keyCode:89,key:"Y",code:"KeyY"},Z:{keyCode:90,key:"Z",code:"KeyZ"},":":{keyCode:186,key:":",code:"Semicolon"},"<":{keyCode:188,key:"<",code:"Comma"},_:{keyCode:189,key:"_",code:"Minus"},">":{keyCode:190,key:">",code:"Period"},"?":{keyCode:191,key:"?",code:"Slash"},"~":{keyCode:192,key:"~",code:"Backquote"},"{":{keyCode:219,key:"{",code:"BracketLeft"},"|":{keyCode:220,key:"|",code:"Backslash"},"}":{keyCode:221,key:"}",code:"BracketRight"},'"':{keyCode:222,key:'"',code:"Quote"},SoftLeft:{key:"SoftLeft",code:"SoftLeft",location:4},SoftRight:{key:"SoftRight",code:"SoftRight",location:4},Camera:{keyCode:44,key:"Camera",code:"Camera",location:4},Call:{key:"Call",code:"Call",location:4},EndCall:{keyCode:95,key:"EndCall",code:"EndCall",location:4},VolumeDown:{keyCode:182,key:"VolumeDown",code:"VolumeDown",location:4},VolumeUp:{keyCode:183,key:"VolumeUp",code:"VolumeUp",location:4}};Object.entries(tO).reduce((e,[t,r])=>{let o=t.toLowerCase();return o!==t&&(e[o]=r),e},{});let tD="undefined"!=typeof window?/Mac|iPod|iPhone|iPad/.test(window.navigator.platform):"darwin"===tP.platform;async function tM(e,t,r={}){if(!(null==e?void 0:e.paramSchema)||!("shape"in e.paramSchema))return[t.prompt||"",r];let o=e.paramSchema,i=o&&"shape"in o?Object.keys(o.shape):[],n={...r};return i.forEach(e=>{void 0!==t[e]&&null!==t[e]&&""!==t[e]&&(n[e]=t[e])}),[n]}async function tT(e,t,r,o,i){let n=null==r?void 0:r.find(e=>e.interfaceAlias===t||e.name===t);if(n&&"function"==typeof e.callActionInActionSpace)if(!o.params)return await e.callActionInActionSpace(n.name,{prompt:o.prompt,...i});else{let t=await tM(n,o.params,i);return await e.callActionInActionSpace(n.name,t[0])}{let r=o.prompt;if("aiAssert"===t){var a;let{pass:t,thought:o}=await (null==e||null==(a=e.aiAssert)?void 0:a.call(e,r||"",void 0,{keepRawResponse:!0,...i}))||{};return{pass:t||!1,thought:o||""}}if(e&&"function"==typeof e[t])return await e[t](r,i);throw Error(`Unknown action type: ${t}`)}}tO.Enter.key,tO.Enter.key,tD?tO.Meta.key:tO.Control.key,tO.Shift.key,tO.Alt.key,tO.Space.key,tO.PageDown.key,tO.PageDown.key,tO.PageUp.key,tO.PageUp.key,r(91488),e8("ui-tars-planning");class tL{async getActionSpace(e){return[]}validateParams(e,t){if(!(null==t?void 0:t.paramSchema)||!this.actionNeedsStructuredParams(t))return{valid:!0};if(!e.params)return{valid:!1,errorMessage:"Parameters are required"};try{let r=this.prepareParamsForValidation(e.params,t);return t.paramSchema.parse(r),{valid:!0}}catch(e){return this.handleValidationError(e)}}createDisplayContent(e,t,r){return t&&e.params&&(null==r?void 0:r.paramSchema)?this.buildParamsDisplayList(e.params,r).join("\n")||e.prompt||"":e.prompt||""}formatBasicErrorMessage(e){return(null==e?void 0:e.message)||"Unknown error"}getSchemaKeys(e){if(!(null==e?void 0:e.paramSchema)||!("shape"in e.paramSchema))return[];let t=e.paramSchema;return t&&"shape"in t?Object.keys(t.shape):[]}filterValidParams(e,t=[]){let r={};return Object.keys(e).forEach(o=>{t.includes(o)||void 0===e[o]||null===e[o]||""===e[o]||(r[o]=e[o])}),r}actionNeedsStructuredParams(e){return"object"!=typeof e.paramSchema||!("shape"in e.paramSchema)||Object.keys(e.paramSchema.shape||{}).length>0}prepareParamsForValidation(e,t){let r={...e};return t.paramSchema&&tI(t.paramSchema).forEach(e=>{"string"==typeof r[e]&&(r[e]={midscene_location_field_flag:!0,prompt:r[e],center:[0,0],rect:{left:0,top:0,width:0,height:0}})}),r}handleValidationError(e){if(e.errors&&e.errors.length>0){let t=e.errors.filter(e=>{let t=e.path.join(".");return!t.includes("center")&&!t.includes("rect")&&!t.includes("midscene_location_field_flag")}).map(e=>{let t=e.path.join(".");return`${t}: ${e.message}`});if(t.length>0)return{valid:!1,errorMessage:`Validation error: ${t.join(", ")}`}}let t=e instanceof Error?e.message:"Unknown validation error";return{valid:!1,errorMessage:`Parameter validation failed: ${t}`}}buildParamsDisplayList(e,t){let r=[],o=t.paramSchema;if(!(o&&"shape"in o))return r;let i=tI(o);return Object.keys(o.shape).forEach(t=>{let o=e[t];if(this.isValidParamValue(o)){let e=this.capitalizeFirstLetter(t),n=this.formatParamValue(t,o,i.includes(t));r.push(`${e}: ${n}`)}}),r}isValidParamValue(e){return null!=e&&""!==e}capitalizeFirstLetter(e){return e.charAt(0).toUpperCase()+e.slice(1)}formatParamValue(e,t,r){return r||"string"==typeof t?`"${t}"`:"number"==typeof t&&"distance"===e?`${t}px`:`${t}`}}function tK(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class tR extends tL{cleanup(e){delete this.taskProgressTips[e]}async parseStructuredParams(e,t,r){if(!(null==e?void 0:e.paramSchema)||!("shape"in e.paramSchema))return[t.prompt||"",r];let o=tI(e.paramSchema),i=null;return o.length>0&&(i=t[o[0]]),[i,{...this.filterValidParams(t,o),...r}]}formatErrorMessage(e){return((null==e?void 0:e.message)||"").includes("of different extension")?"Conflicting extension detected. Please disable the suspicious plugins and refresh the page. Guide: https://midscenejs.com/quick-experience.html#faq":this.formatBasicErrorMessage(e)}async getActionSpace(e){return await e.actionSpace()}async checkStatus(){return!0}async overrideConfig(e){tg(e)}async executeAction(e,t,r){let o=this.agent.getActionSpace?await this.agent.getActionSpace():[];if(r.requestId&&this.agent){let e=this.agent.onTaskStartTip;this.agent.onTaskStartTip=t=>{this.taskProgressTips[r.requestId]=t,e&&"function"==typeof e&&e(t)}}try{return await tT(this.agent,e,o,t,r)}finally{r.requestId&&this.cleanup(r.requestId)}}async getTaskProgress(e){return{tip:this.taskProgressTips[e]||void 0}}async cancelTask(e){if(!this.agent)return{error:"No active agent found for this requestId"};try{var t,r;return await (null==(t=(r=this.agent).destroy)?void 0:t.call(r)),{success:!0}}catch(e){return console.error(`Failed to cancel agent: ${e.message}`),{error:`Failed to cancel: ${e.message}`}}}constructor(e){super(),tK(this,"agent",void 0),tK(this,"taskProgressTips",{}),this.agent=e}}class tU extends tL{async parseStructuredParams(e,t,r){return this.hasValidSchema(e)?[{...r,...this.filterValidParams(t)}]:[t.prompt||"",r]}formatErrorMessage(e){let t=(null==e?void 0:e.message)||"",r=[{keyword:"adb",message:"ADB connection error. Please ensure device is connected and USB debugging is enabled."},{keyword:"UIAutomator",message:"UIAutomator error. Please ensure the UIAutomator server is running on the device."}].find(({keyword:e})=>t.includes(e));return r?r.message:this.formatBasicErrorMessage(e)}async executeAction(e,t,r){if(this.serverUrl&&"undefined"!=typeof window)return this.executeViaServer(e,t,r);throw Error("Remote execution adapter requires server URL for execution")}async executeViaServer(e,t,r){let o={context:r.context,type:e,prompt:t.prompt,...this.buildOptionalPayloadParams(r,t)};try{let e=await fetch(`${this.serverUrl}/execute`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(o)});if(!e.ok){let t=await e.text().catch(()=>"Unknown error");throw Error(`Server request failed (${e.status}): ${t}`)}return await e.json()}catch(e){throw console.error("Execute via server failed:",e),e}}buildOptionalPayloadParams(e,t){let r={};return[{key:"requestId",value:e.requestId},{key:"deepThink",value:e.deepThink},{key:"screenshotIncluded",value:e.screenshotIncluded},{key:"domIncluded",value:e.domIncluded},{key:"params",value:t.params}].forEach(({key:e,value:t})=>{null!=t&&""!==t&&(r[e]=t)}),r}hasValidSchema(e){return!!((null==e?void 0:e.paramSchema)&&"shape"in e.paramSchema)}async getActionSpace(e){if(this.serverUrl&&"undefined"!=typeof window)try{let t=await fetch(`${this.serverUrl}/action-space`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({context:e})});if(!t.ok)throw Error(`Failed to get action space: ${t.statusText}`);let r=await t.json();return Array.isArray(r)?r:[]}catch(e){console.error("Failed to get action space from server:",e)}if(e&&"function"==typeof e.actionSpace)try{let t=await e.actionSpace();return Array.isArray(t)?t:[]}catch(e){console.error("Failed to get action space from context:",e)}return[]}async checkStatus(){if(!this.serverUrl)return!1;try{let e=await fetch(`${this.serverUrl}/status`);return 200===e.status}catch(e){return console.warn("Server status check failed:",e),!1}}async overrideConfig(e){if(!this.serverUrl)throw Error("Server URL not configured");try{let t=await fetch(`${this.serverUrl}/config`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({aiConfig:e})});if(!t.ok)throw Error(`Failed to override server config: ${t.statusText}`)}catch(e){throw console.error("Failed to override server config:",e),e}}async getTaskProgress(e){if(!this.serverUrl)return{tip:void 0};if(!(null==e?void 0:e.trim()))return console.warn("Invalid requestId provided for task progress"),{tip:void 0};try{let t=await fetch(`${this.serverUrl}/task-progress/${encodeURIComponent(e)}`);if(!t.ok)return console.warn(`Task progress request failed: ${t.statusText}`),{tip:void 0};return await t.json()}catch(e){return console.error("Failed to poll task progress:",e),{tip:void 0}}}async cancelTask(e){if(!this.serverUrl)return{error:"No server URL configured"};if(!(null==e?void 0:e.trim()))return{error:"Invalid request ID"};try{let t=await fetch(`${this.serverUrl}/cancel/${encodeURIComponent(e)}`);if(!t.ok)return{error:`Cancel request failed: ${t.statusText}`};let r=await t.json();return{success:!0,...r}}catch(e){return console.error("Failed to cancel task:",e),{error:"Failed to cancel task"}}}constructor(e="http://localhost:5800"){var t,r;super(),r=void 0,(t="serverUrl")in this?Object.defineProperty(this,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):this[t]=r,this.serverUrl=e}}class t_{createAdapter(e,t,r){switch(e){case"local-execution":if(!r)throw Error("Agent is required for local execution");return new tR(r);case"remote-execution":return new tU(t);default:throw Error(`Unsupported execution type: ${e}`)}}async executeAction(e,t,r){return this.adapter.executeAction(e,t,r)}async getActionSpace(e){return this.adapter.getActionSpace(e)}validateStructuredParams(e,t){return this.adapter.validateParams(e,t)}formatErrorMessage(e){return this.adapter.formatErrorMessage(e)}createDisplayContent(e,t,r){return this.adapter.createDisplayContent(e,t,r)}async checkStatus(){return!(this.adapter instanceof tU)||this.adapter.checkStatus()}async overrideConfig(e){if(this.adapter instanceof tU)return this.adapter.overrideConfig(e)}async getTaskProgress(e){return this.adapter instanceof tU||this.adapter instanceof tR?this.adapter.getTaskProgress(e):{tip:void 0}}async cancelTask(e){return this.adapter instanceof tU?this.adapter.cancelTask(e):{error:"Cancel task not supported in local execution mode"}}constructor(e){var t,r;r=void 0,(t="adapter")in this?Object.defineProperty(this,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):this[t]=r,this.adapter=this.createAdapter(e.type,e.serverUrl,e.agent)}}var tF=r(62858),tz={};tz.d=(e,t)=>{for(var r in t)tz.o(t,r)&&!tz.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},tz.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),tz.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var tZ={};tz.r(tZ),tz.d(tZ,{create:()=>tF.Ue});let{create:tB}=tZ,tV="midscene-auto-zoom",tG="midscene-background-visible",tH="midscene-elements-visible",tY=tB(e=>{let t="false"!==localStorage.getItem(tV);return{backgroundVisible:"false"!==localStorage.getItem(tG),elementsVisible:"false"!==localStorage.getItem(tH),autoZoom:t,setBackgroundVisible:t=>{e({backgroundVisible:t}),localStorage.setItem(tG,t.toString())},setElementsVisible:t=>{e({elementsVisible:t}),localStorage.setItem(tH,t.toString())},setAutoZoom:t=>{e({autoZoom:t}),localStorage.setItem(tV,t.toString())}}}),tW="midscene-env-config",tq="midscene-service-mode",tQ="midscene-tracking-active-tab",tJ="midscene-deep-think",tX="midscene-screenshot-included",t$="midscene-dom-included",t0=()=>localStorage.getItem(tW)||"",t1=e=>{let t=e.split("\n"),r={};return t.forEach(e=>{let t=e.trim();if(t.startsWith("#"))return;let o=t.replace(/^export\s+/i,"").replace(/;$/,"").trim().match(/^(\w+)=(.*)$/);if(o){let[,e,t]=o,i=t.trim();(i.startsWith("'")&&i.endsWith("'")||i.startsWith('"')&&i.endsWith('"'))&&(i=i.slice(1,-1)),r[e]=i}}),r},t2=tB((e,t)=>{let r=t0(),o=t1(r),i=window.location.href.startsWith("chrome-extension"),n=localStorage.getItem(tq),a="false"!==localStorage.getItem(tQ),l="true"===localStorage.getItem(tJ),s="false"!==localStorage.getItem(tX),c=localStorage.getItem(t$)||"false";return{serviceMode:i?"In-Browser-Extension":n||"Server",setServiceMode:t=>{if(i)throw Error("serviceMode cannot be set in extension");e({serviceMode:t}),localStorage.setItem(tq,t)},config:o,configString:r,setConfig:t=>e({config:t}),loadConfig:t=>{e({config:t1(t),configString:t}),localStorage.setItem(tW,t)},syncFromStorage:()=>{let t=t0();e({config:t1(t),configString:t})},forceSameTabNavigation:a,setForceSameTabNavigation:t=>{e({forceSameTabNavigation:t}),localStorage.setItem(tQ,t.toString())},deepThink:l,setDeepThink:t=>{e({deepThink:t}),localStorage.setItem(tJ,t.toString())},screenshotIncluded:s,setScreenshotIncluded:t=>{e({screenshotIncluded:t}),localStorage.setItem(tX,t.toString())},domIncluded:"visible-only"===c?"visible-only":"true"===c,setDomIncluded:t=>{e({domIncluded:t}),localStorage.setItem(t$,t.toString())},popupTab:"playground",setPopupTab:t=>{e({popupTab:t})}}});var t6=r(44194);let t3=function(){let e=!(arguments.length>0)||void 0===arguments[0]||arguments[0],[t,r]=(0,t6.useState)(!0),{serviceMode:o}=t2();return(0,t6.useEffect)(()=>{let t=!1;if(e)return Promise.resolve((async()=>{for(;!t;){let e=new t_({type:"remote-execution"});await e.checkStatus()?r(!0):r(!1),await new Promise(e=>setTimeout(e,1e3))}})()),()=>{t=!0}},[o,e]),t};r(28977);let t4="data:image/png;base64,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",t8="data:image/png;base64,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";function t5(e){return e.subType&&"Plan"!==e.subType?`${e.type} / ${e.subType||""}`:e.type}function t7(e){var t,r,o,i,n,a,l,s,c,d,u,p;let h;if("Planning"===e.type&&(h=null==e||null==(t=e.param)?void 0:t.userInstruction),"Insight"===e.type&&(h=(null==e||null==(r=e.param)?void 0:r.prompt)||(null==e||null==(o=e.param)?void 0:o.id)||(null==e||null==(i=e.param)?void 0:i.dataDemand)||(null==e||null==(n=e.param)?void 0:n.assertion)),"Action"===e.type){let t=null==e?void 0:e.locate,r=t&&t?"string"==typeof t?t:"string"==typeof t.prompt?t.prompt:"object"==typeof t.prompt&&t.prompt.prompt?t.prompt.prompt:"":"";(h=e.thought||"","number"==typeof(null==e||null==(a=e.param)?void 0:a.timeMs))?h=`${null==e||null==(d=e.param)?void 0:d.timeMs}ms`:"string"==typeof(null==e||null==(l=e.param)?void 0:l.scrollType)?h=(p=null==e?void 0:e.param)?`${p.direction||"down"}, ${p.scrollType||"once"}, ${p.distance||"distance-not-set"}`:"":"string"==typeof(null==e||null==(s=e.param)?void 0:s.direction)&&(null==e?void 0:e.subType)==="AndroidPull"?h=function(e){if(!e)return"";let t=[];return t.push(`direction: ${e.direction||"down"}`),e.distance&&t.push(`distance: ${e.distance}`),e.duration&&t.push(`duration: ${e.duration}ms`),t.join(", ")}(null==e?void 0:e.param):void 0!==(null==e||null==(c=e.param)?void 0:c.value)&&(h=null==e||null==(u=e.param)?void 0:u.value),r&&(h=h?`${r} - ${h}`:r)}return void 0===h?"":"string"==typeof h?h:JSON.stringify(h,void 0,2)}r(15787),r(5460),r(57861).Buffer,r(73656),e8("ai:insight"),r(40021),r(61546),r(73656),e8("yaml:utils"),r(73656),e8("yaml-player"),r(87333),r(81507),r(73656),e8("web:tool:profile"),r(57861).Buffer,e8("cache"),e8("device-task-executor"),e8("agent");let t9=(e,t,r)=>{let o,i=(o=e.width/e.height>=t/r?e.width:e.height/r*t)>400?.1:o>50?.2:.3,n=Math.min(t,o+t*i*2),a=Math.min(e.left-t*i,t-n);a=Math.max(a,0);let l=Math.min(e.top-r*i,r-r/t*n);return{left:Math.round(a),top:Math.round(l=Math.max(l,0)),width:Math.round(n)}},re=(e,t)=>{let r=Math.min(e.left,t.left),o=Math.min(e.top,t.top);return{left:r,top:o,width:Math.max(e.left+e.width,t.left+t.width)-r}},rt=e=>"string"!=typeof e||0===e.length?e:e.charAt(0).toUpperCase()+e.slice(1),rr=e=>{let t,r,o,i=new Set;if(e.executions.forEach(e=>{e.sdkVersion&&(o=e.sdkVersion),e.tasks.forEach(e=>{var o,i;(null==(i=e.uiContext)||null==(o=i.size)?void 0:o.width)&&(t=e.uiContext.size.width,r=e.uiContext.size.height)})}),!t||!r)return console.warn("width or height is missing in dump file"),{scripts:[],sdkVersion:o,modelBriefs:[]};let n=[];e.executions.forEach(e=>{let o=ro(e,-1,t,r);o&&n.push(...o),e.tasks.forEach(e=>{if(e.usage){let{model_name:t,model_description:r,intent:o}=e.usage;o&&t&&i.add(r?`${rt(o)}/${t}(${r})`:t)}})});let a=n.filter((e,t)=>t===n.length-1||"Done"!==e.title),l=(()=>{var e;let t=[...i];if(!t.length)return t;let r=null==(e=t[0])?void 0:e.split("/",2)[1];return r&&t.slice(1).every(e=>(null==e?void 0:e.split("/",2)[1])===r)?[r]:t})();return{scripts:a,width:t,height:r,sdkVersion:o,modelBriefs:l}},ro=(e,t,r,o)=>{let i;if(!e||!e.tasks.length||0===r||0===o)return null;let n=[];if(-1===t)n=e.tasks;else{let r=e.tasks.findIndex(e=>e===t);if(-1===r)return console.error("task not found, cannot generate animation scripts"),null;if(r===e.tasks.length-1)return null;for(let t=r;t<e.tasks.length&&(!(t>r)||"Planning"!==e.tasks[t].type);t++)n.push(e.tasks[t])}if(0===n.length)return null;let a=t9({left:0,top:0,width:r,height:o},r,o),l=(e,t,r)=>({type:"pointer",img:e,duration:0,title:t,subTitle:r}),s=[],c=a,d=!1,u=n.length,p="",h=!1;return n.forEach((e,t)=>{var n,y,m,f,g,v,k,A,C,E,N,x,w,S;if(!h){if(0===t&&(p=t7(e)),"Planning"===e.type)e.recorder&&e.recorder.length>0&&s.push({type:"img",img:null==(y=e.recorder)||null==(n=y[0])?void 0:n.screenshot,camera:0===t?a:void 0,duration:900,title:t5(e),subTitle:t7(e)});else if("Insight"===e.type&&"Locate"===e.subType){let t=null==(m=e.output)?void 0:m.element,n=t5(e),l=t7(e);(null==t?void 0:t.rect)&&(i={...t9(t.rect,r,o),pointerLeft:t.center[0],pointerTop:t.center[1]});let u=e.uiContext;if(null==u?void 0:u.screenshotBase64){let t,r=null==(f=e.log)?void 0:f.dump,o=u.tree?tv(u.tree).length:0;u.screenshotBase64&&s.push({type:"img",img:u.screenshotBase64,duration:300,title:n,subTitle:l}),t=c===a?void 0:i?re(c,i):void 0,s.push({type:"insight",img:u.screenshotBase64,context:u,camera:t,highlightElement:(null==(g=e.output)?void 0:g.element)||void 0,searchArea:null==r||null==(v=r.taskInfo)?void 0:v.searchArea,duration:o>20?800:400,insightCameraDuration:800,title:n,subTitle:l}),s.push({type:"sleep",duration:300,title:n,subTitle:l}),d=!0}}else if("Action"===e.type&&"FalsyConditionStatement"!==e.subType){let r=t5(e),o=t7(e);s.push(l(t4,r,o)),c=null!=i?i:a,s.push({type:"img",img:null==(A=e.recorder)||null==(k=A[0])?void 0:k.screenshot,duration:1e3,camera:"Sleep"===e.subType?a:i,title:r,subTitle:o}),d&&(s.push({type:"clear-insight",duration:200,title:r,subTitle:o}),d=!1);let n=900*(t<u-1);(null==(E=e.recorder)||null==(C=E[1])?void 0:C.screenshot)?(s.push({type:"spinning-pointer",duration:300,title:r,subTitle:o}),s.push(l(t4,r,o)),s.push({type:"img",img:null==(x=e.recorder)||null==(N=x[1])?void 0:N.screenshot,duration:n,title:r,subTitle:o})):s.push({type:"sleep",duration:n,title:r,subTitle:o})}else{let t=t5(e),r=t7(e),o=null==(S=e.recorder)||null==(w=S[e.recorder.length-1])?void 0:w.screenshot;o&&s.push({type:"img",img:o,duration:900,camera:a,title:t,subTitle:r})}if("finished"!==e.status){h=!0;let t=t5(e),r=e.errorMessage||"unknown error",o=r.indexOf("NOT_IMPLEMENTED_AS_DESIGNED")>0?"Further actions cannot be performed in the current environment":r;s.push({type:"img",img:e.recorder&&e.recorder.length>0?e.recorder[e.recorder.length-1].screenshot:"",camera:a,duration:900,title:t,subTitle:o});return}}}),h||s.push({title:"Done",subTitle:p,type:"img",duration:900,camera:a}),s},ri=["#01204E"];function rn(e){return"searchArea"===e?"#028391":"#fd5907"}let ra=e=>{let{hideLogo:t=!1}=e;return t?null:(0,i.jsx)("div",{className:"logo",children:(0,i.jsx)("a",{href:"https://midscenejs.com/",target:"_blank",rel:"noreferrer",children:(0,i.jsx)("img",{alt:"Midscene_logo",src:"https://lf3-static.bytednsdoc.com/obj/eden-cn/vhaeh7vhabf/Midscene.png"})})})};var rl=r(42968),rs=r(79055),rc=r(51946),rd=r(70021);function ru(e){let{showTooltipWhenEmpty:t=!0,showModelName:r=!0,tooltipPlacement:o="bottom",mode:n="icon"}=e,{config:a,configString:l,loadConfig:s,syncFromStorage:c}=t2(),[d,u]=(0,t6.useState)(!1),[p,h]=(0,t6.useState)(l),y=a.MIDSCENE_MODEL_NAME,m=(0,t6.useRef)(null),f=e=>{c(),u(!0),e.preventDefault(),e.stopPropagation()};return(0,t6.useEffect)(()=>{d&&h(l)},[d,l]),(0,i.jsxs)("div",{style:{display:"flex",justifyContent:"flex-end",gap:"10px",alignItems:"center",height:"100%",minHeight:"32px"},ref:m,children:[r?y:null,(0,i.jsx)(rs.Z,{title:"Please set up your environment variables before using.",placement:o,align:{offset:[-10,5]},getPopupContainer:()=>m.current,open:!d&&(t?0===Object.keys(a).length:void 0),children:"icon"===n?(0,i.jsx)(rl.Z,{onClick:f}):(0,i.jsx)("span",{onClick:f,style:{color:"#006AFF",cursor:"pointer"},children:"set up"})}),(0,i.jsxs)(rc.Z,{title:"Model Env Config",open:d,onOk:()=>{u(!1),s(p)},onCancel:()=>{u(!1)},okText:"Save",style:{width:"800px",height:"100%",marginTop:"10%"},destroyOnClose:!0,maskClosable:!0,centered:!0,children:[(0,i.jsx)(rd.Z.TextArea,{rows:7,placeholder:"OPENAI_API_KEY=sk-...\nMIDSCENE_MODEL_NAME=gpt-4o-2024-08-06\n...",value:p,onChange:e=>h(e.target.value),style:{whiteSpace:"nowrap",wordWrap:"break-word"}}),(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:"The format is KEY=VALUE and separated by new lines."}),(0,i.jsxs)("p",{children:["These data will be saved ",(0,i.jsx)("strong",{children:"locally in your browser"}),"."]})]})]})]})}var rp=r(35725),rh=r(9004),ry=r(13098),rm=r(93080),rf=r(18780),rg=r(7173),rv=r(18142),rk=r(39970),rA={};rA.d=(e,t)=>{for(var r in t)rA.o(t,r)&&!rA.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},rA.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),rA.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var rC={};rA.r(rC),rA.d(rC,{create:()=>tF.Ue});let{create:rE}=rC,rN="midscene-prompt-history-v2",rx="midscene-last-selected-type",rw=()=>{let e=localStorage.getItem(rN);return e?JSON.parse(e):{}},rS=()=>localStorage.getItem(rx)||"aiAction",rb=e=>{localStorage.setItem(rx,e)},rI=rE((e,t)=>({history:rw(),lastSelectedType:rS(),clearHistory:r=>{let o={...t().history};delete o[r],e({history:o}),localStorage.setItem(rN,JSON.stringify(o))},addHistory:r=>{let{type:o}=r,i=t().history,n=i[o]||[],a=JSON.stringify({prompt:r.prompt,params:r.params}),l=[r,...n.filter(e=>JSON.stringify({prompt:e.prompt,params:e.params})!==a)];l.length>10&&(l.length=10);let s={...i,[o]:l};e({history:s}),localStorage.setItem(rN,JSON.stringify(s))},getHistoryForType:e=>t().history[e]||[],setLastSelectedType:t=>{e({lastSelectedType:t}),rb(t)}}));var rj=r(75091);let rP=e=>(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:27,height:27,fill:"none",viewBox:"0 0 27 27",...e,children:(0,i.jsx)("path",{stroke:"#000",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:.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"})});var rO=r(99598);let rD=e=>{let{text:t,disabled:r=!1,speed:o=5,className:n=""}=e,a={"--animation-duration":`${o}s`};return(0,i.jsx)("div",{className:`shiny-text ${r?"disabled":""} ${n}`,style:a,children:t})},rM=(0,i.jsxs)("span",{children:["Don't worry, just one more step to launch the playground server.",(0,i.jsx)("br",{}),"Please run one of the commands under the midscene project directory:",(0,i.jsx)("br",{}),"a. ",(0,i.jsx)("strong",{children:"npx midscene-playground"}),(0,i.jsx)("br",{}),"b. ",(0,i.jsx)("strong",{children:"npx --yes @midscene/web"})]}),rT=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:rM;return(0,i.jsx)("div",{className:"server-tip",children:(0,i.jsx)(rO.Z,{message:"Playground Server Not Ready",description:e,type:"warning"})})},rL=(0,i.jsx)("div",{className:"result-empty-tip",style:{textAlign:"center"},children:(0,i.jsx)(rD,{disabled:!0,text:"The result will be shown here"})}),rK={aiAction:{group:"interaction",title:"Auto Planning: plan the steps and execute"},aiTap:{group:"interaction",title:"Click an element"},aiDoubleClick:{group:"interaction",title:"Double-click an element"},aiHover:{group:"interaction",title:"Hover over an element"},aiInput:{group:"interaction",title:"Input text into an element"},aiRightClick:{group:"interaction",title:"Right-click an element"},aiKeyboardPress:{group:"interaction",title:"Press keyboard keys"},aiScroll:{group:"interaction",title:"Scroll the page or element"},aiLocate:{group:"interaction",title:"Locate an element on the page"},aiQuery:{group:"extraction",title:"Extract data directly from the UI"},aiBoolean:{group:"extraction",title:"Get true/false answer"},aiNumber:{group:"extraction",title:"Extract numeric value"},aiString:{group:"extraction",title:"Extract text value"},aiAsk:{group:"extraction",title:"Ask a question about the UI"},aiAssert:{group:"validation",title:"Assert a condition is true"},aiWaitFor:{group:"validation",title:"Wait for a condition to be met"}},rR=["aiAction","aiTap","aiQuery","aiAssert"],rU=e=>{let{showDeepThinkOption:t=!1,enableTracking:r=!1,showDataExtractionOptions:o=!1,hideDomAndScreenshotOptions:n=!1}=e,a=t2(e=>e.forceSameTabNavigation),l=t2(e=>e.setForceSameTabNavigation),s=t2(e=>e.deepThink),c=t2(e=>e.setDeepThink),d=t2(e=>e.screenshotIncluded),u=t2(e=>e.setScreenshotIncluded),p=t2(e=>e.domIncluded),h=t2(e=>e.setDomIncluded);if(!r&&!t&&!o)return null;let y=function(){let e=[];return r&&e.push({label:(0,i.jsx)(rj.Z,{onChange:e=>l(e.target.checked),checked:a,children:"limit popup to current tab"}),key:"track-config"}),t&&e.push({label:(0,i.jsx)(rj.Z,{onChange:e=>{c(e.target.checked)},checked:s,children:"deep think"}),key:"deep-think-config"}),o&&!n&&(e.push({label:(0,i.jsx)(rj.Z,{onChange:e=>{u(e.target.checked)},checked:d,children:"include screenshot in request"}),key:"screenshot-included-config"}),e.push({label:(0,i.jsxs)("div",{style:{padding:"4px 0"},children:[(0,i.jsx)("div",{style:{marginBottom:"4px",fontSize:"14px"},children:"include DOM info in request"}),(0,i.jsxs)(rv.ZP.Group,{size:"small",value:p,onChange:e=>h(e.target.value),children:[(0,i.jsx)(rv.ZP,{value:!1,children:"Off"}),(0,i.jsx)(rv.ZP,{value:!0,children:"All"}),(0,i.jsx)(rv.ZP,{value:"visible-only",children:"Visible only"})]})]}),key:"dom-included-config"})),e}();return(0,i.jsx)("div",{className:"selector-trigger",children:(0,i.jsx)(rk.Z,{menu:{items:y},trigger:["click"],children:(0,i.jsx)(rP,{width:24,height:24})})})};var r_=r(4312),rF=r(80889);let{TextArea:rz}=rd.Z,rZ=(e,t)=>`${e}${t?" (Optional)":""}`,rB=e=>{let{name:t,label:r,isRequired:o,marginBottom:n,placeholder:a}=e,l=a||`Enter ${t}`;return(0,i.jsx)(rm.Z.Item,{name:["params",t],label:rZ(r,!o),rules:o?[{required:!0,message:`Please input ${t}`}]:[],style:{marginBottom:n},colon:!1,children:(0,i.jsx)(rd.Z,{placeholder:l})},t)},rV=e=>{let{name:t,label:r,isRequired:o,marginBottom:n,placeholder:a}=e,l=a||`Describe the ${t}, use natural language`;return(0,i.jsx)(rm.Z.Item,{name:["params",t],label:rZ(r,!o),rules:o?[{required:!0,message:`The ${t} is required`}]:[],style:{marginBottom:n},colon:!1,children:(0,i.jsx)(rz,{rows:2,placeholder:l})},t)},rG=e=>{var t;let{name:r,label:o,fieldSchema:n,isRequired:a,marginBottom:l,placeholder:s}=e,c=((null==(t=n._def)?void 0:t.values)||[]).map(e=>({value:e,label:e.charAt(0).toUpperCase()+e.slice(1)}));return(0,i.jsx)(rm.Z.Item,{name:["params",r],label:o,rules:a?[{required:!0,message:`Please select ${r}`}]:[],style:{marginBottom:l},colon:!1,children:(0,i.jsx)(r_.Z,{placeholder:s||`Select ${r}`,options:c})},r)},rH=e=>{let{name:t,label:r,isRequired:o,marginBottom:n,placeholder:a}=e,l=500*("distance"===t),s=a&&Number(a)||l,c="distance"===t?1e4:void 0;return(0,i.jsx)(rm.Z.Item,{name:["params",t],label:`${r}${"distance"===t?" (px)":""}`,rules:o?[{required:!0,message:`Please input ${t}`},{type:"number",min:0,message:`${r} must be at least 0`}]:[{type:"number",min:0,message:`${r} must be at least 0`}],style:{flex:"distance"===t?1:void 0,marginBottom:n},colon:!1,children:(0,i.jsx)(rF.Z,{placeholder:s.toString(),min:0,max:c,step:"distance"===t?10:1,style:{width:"100%"}})},t)},rY=e=>{let{name:t,label:r,isRequired:o,marginBottom:n,placeholder:a}=e;return(0,i.jsx)(rm.Z.Item,{name:["params",t],label:rZ(r,!o),rules:o?[{required:!0,message:`Please select ${t}`}]:[],style:{marginBottom:n},colon:!1,children:(0,i.jsx)(r_.Z,{placeholder:a||`Select ${t}`,options:[{value:!0,label:"True"},{value:!1,label:"False"}]})},t)};var rW=r(80434);let rq=e=>(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:18,height:16,fill:"none",viewBox:"0 0 18 16",...e,children:(0,i.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"})}),rQ=e=>(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:25,height:25,fill:"none",viewBox:"0 0 25 25",...e,children:[(0,i.jsx)("path",{stroke:"#000",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:.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"}),(0,i.jsx)("path",{stroke:"#000",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:.85,strokeWidth:1.33,d:"M12.695 8.322v4.203l2.967 2.968"})]}),rJ=e=>(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:19,height:19,fill:"none",viewBox:"0 0 19 19",...e,children:[(0,i.jsxs)("g",{stroke:"#000",strokeLinejoin:"round",strokeOpacity:.65,strokeWidth:1.5,clipPath:"url(#magnifying-glass_svg__a)",children:[(0,i.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"}),(0,i.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"})]}),(0,i.jsx)("defs",{children:(0,i.jsx)("clipPath",{id:"magnifying-glass_svg__a",children:(0,i.jsx)("path",{fill:"#fff",d:"M.522.04h18v18h-18z"})})})]}),{Text:rX}=rW.Z,r$=e=>{let{onSelect:t,history:r,currentType:o}=e,[n,a]=(0,t6.useState)(!1),[l,s]=(0,t6.useState)(""),c=rI(e=>e.clearHistory),d=(0,t6.useMemo)(()=>{let e=Date.now(),t=e-6048e5,o=e-31536e6,i=r.filter(e=>e.prompt.toLowerCase().includes(l.toLowerCase()));return{recent7Days:i.filter(e=>e.timestamp>=t),recent1Year:i.filter(e=>e.timestamp<t&&e.timestamp>=o),older:i.filter(e=>e.timestamp<o)}},[r,l]),u=e=>{t(e),a(!1)},p=(e,t)=>0===t.length?null:(0,i.jsxs)("div",{className:"history-group",children:[(0,i.jsx)("div",{className:"history-group-title",children:e}),t.map((e,t)=>(0,i.jsx)("div",{className:"history-item",onClick:()=>u(e),children:e.prompt},`${e.timestamp}-${t}`))]},e);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:"selector-trigger",onClick:()=>a(!0),children:(0,i.jsx)(rQ,{width:24,height:24})}),(0,i.jsx)(rc.Z,{open:n,onCancel:()=>a(!1),footer:null,width:"100%",closable:!1,centered:!1,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:!0,destroyOnClose:!0,children:(0,i.jsxs)("div",{className:"history-modal-container",children:[(0,i.jsxs)("div",{className:"history-modal-header",children:[(0,i.jsxs)(rX,{strong:!0,style:{fontSize:"16px"},children:["History (",r.length,")"]}),(0,i.jsx)(rf.ZP,{size:"small",type:"text",icon:(0,i.jsx)(rq,{width:16,height:16}),onClick:()=>a(!1),className:"close-button"})]}),(0,i.jsx)("div",{className:"history-search-section",children:(0,i.jsxs)("div",{className:"search-input-wrapper",children:[(0,i.jsx)(rd.Z,{placeholder:"Search",value:l,onChange:e=>s(e.target.value),prefix:(0,i.jsx)(rJ,{width:18,height:18}),className:"search-input",allowClear:!0}),(0,i.jsx)(rf.ZP,{type:"link",onClick:()=>{c(o),s(""),a(!1)},className:"clear-button",disabled:0===r.length,children:"Clear"})]})}),(0,i.jsx)("div",{className:"history-content",children:0===r.length?(0,i.jsx)("div",{className:"no-results",children:(0,i.jsx)(rX,{type:"secondary",children:"No history record"})}):(0,i.jsxs)(i.Fragment,{children:[p("Last 7 days",d.recent7Days),p("Last 1 year",d.recent1Year),p("Earlier",d.older),l&&0===d.recent7Days.length&&0===d.recent1Year.length&&0===d.older.length&&(0,i.jsx)("div",{className:"no-results",children:(0,i.jsx)(rX,{type:"secondary",children:"No matching history record"})})]})})]})})]})};tk.z.object({locate:tS.describe("The element to be tapped")}),tk.z.object({locate:tS.describe("The element to be right clicked")}),tk.z.object({locate:tS.describe("The element to be double clicked")}),tk.z.object({locate:tS.describe("The element to be hovered")}),tk.z.object({value:tk.z.string().describe("The value to be input"),locate:tS.describe("The element to be input")}),tk.z.object({locate:tS.describe("The element to be clicked before pressing the key").optional(),keyName:tk.z.string().describe("The key to be pressed")}),tk.z.object({direction:tk.z.enum(["down","up","right","left"]).default("down").describe("The direction to scroll"),scrollType:tk.z.enum(["once","untilBottom","untilTop","untilRight","untilLeft"]).default("once").describe("The scroll type"),distance:tk.z.number().nullable().optional().describe("The distance in pixels to scroll"),locate:tS.optional().describe("The element to be scrolled")}),tk.z.object({from:tS.describe("The position to be dragged"),to:tS.describe("The position to be dropped")}),tk.z.object({locate:tS.describe("The element to be long pressed"),duration:tk.z.number().default(500).optional().describe("Long press duration in milliseconds")}),tk.z.object({start:tS.optional().describe("Starting point of the swipe gesture, if not specified, use the center of the page"),direction:tk.z.enum(["up","down","left","right"]).optional().describe("The direction to swipe (required when using distance). The direction means the direction of the finger swipe."),distance:tk.z.number().optional().describe("The distance in pixels to swipe (mutually exclusive with end)"),end:tS.optional().describe("Ending point of the swipe gesture (mutually exclusive with distance)"),duration:tk.z.number().default(300).describe("Duration of the swipe gesture in milliseconds"),repeat:tk.z.number().optional().describe("The number of times to repeat the swipe gesture. 1 for default, 0 for infinite (e.g. endless swipe until the end of the page)")});let r0={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"}},r1=e=>"object"==typeof e&&null!==e&&("shape"in e||"ZodObject"===e.type),r2=e=>{var t,r,o;if((null==(t=e._def)?void 0:t.typeName)===r0.ZOD_TYPES.OBJECT){let t;if(e._def.shape&&(t="function"==typeof e._def.shape?e._def.shape():e._def.shape),!t&&e.shape&&(t=e.shape),t&&r0.FIELD_FLAGS.LOCATION in t)return!0;let o=(null==(r=e._def)?void 0:r.description)||e.description||"";if("string"==typeof o&&o.toLowerCase().includes("input field"))return!0}if("object"==typeof e&&null!==e){let t=e.description||(null==(o=e._def)?void 0:o.description)||"";if("string"==typeof t){let e=t.toLowerCase();if(e.includes("input field")||e.includes("element")||e.includes("locate"))return!0}if("ZodObject"===e.typeName||"ZodObject"===e.type)return"string"==typeof t&&t.toLowerCase().includes("input field")}return!1},r6=e=>{var t,r,o,i,n;let a=e,l=!1,s=!1;for(;(null==(t=a._def)?void 0:t.typeName)===r0.ZOD_TYPES.OPTIONAL||(null==(r=a._def)?void 0:r.typeName)===r0.ZOD_TYPES.DEFAULT||(null==(o=a._def)?void 0:o.typeName)===r0.ZOD_TYPES.NULLABLE;)(null==(i=a._def)?void 0:i.typeName)===r0.ZOD_TYPES.OPTIONAL&&(l=!0),(null==(n=a._def)?void 0:n.typeName)===r0.ZOD_TYPES.DEFAULT&&(s=!0),a=a._def.innerType||a;return{actualField:a,isOptional:l,hasDefault:s}},r3=e=>{var t;let r=e;for(;null==(t=r._def)?void 0:t.innerType;){if(r._def.typeName===r0.ZOD_TYPES.DEFAULT&&r._def.defaultValue)return r._def.defaultValue();r=r._def.innerType}},r4=e=>{let t=(e.startsWith("ai")?e.slice(2):e).replace(/([A-Z])/g," $1").trim(),r=t.split(" ");return r.length>3?r.slice(-3).join(" "):t},r8=e=>"aiQuery"===e?"What do you want to query?":"aiAssert"===e?"What do you want to assert?":"aiTap"===e?"What element do you want to tap?":"aiDoubleClick"===e?"What element do you want to double-click?":"aiHover"===e?"What element do you want to hover over?":"aiInput"===e?"Format: <value> | <element>\nExample: hello world | search box":"aiRightClick"===e?"What element do you want to right-click?":"aiKeyboardPress"===e?"Format: <key> | <element (optional)>\nExample: Enter | text field":"aiScroll"===e?"Format: <direction> <amount> | <element (optional)>\nExample: down 500 | main content":"aiLocate"===e?"What element do you want to locate?":"aiBoolean"===e?"What do you want to check (returns true/false)?":"aiNumber"===e?"What number do you want to extract?":"aiString"===e?"What text do you want to extract?":"aiAsk"===e?"What do you want to ask?":"aiWaitFor"===e?"What condition do you want to wait for?":"What do you want to do?",r5=(e,t,r,o,i,n)=>{if(!e)return!1;if(!(()=>{if(o){let e=o.find(e=>e.interfaceAlias===i||e.name===i);if(e){if(!e.paramSchema)return!1;if("object"==typeof e.paramSchema&&"shape"in e.paramSchema)return Object.keys(e.paramSchema.shape||{}).length>0}}return!0})())return!0;if(t){let e=r||{},t=null==o?void 0:o.find(e=>e.interfaceAlias===i||e.name===i);if((null==t?void 0:t.paramSchema)&&r1(t.paramSchema)){let r=t.paramSchema.shape||{};return Object.keys(r).every(t=>{let{isOptional:o}=r6(r[t]),i=e[t];return o||void 0!==i&&""!==i&&null!==i})}return!0}return n.trim().length>0},{TextArea:r7}=rd.Z,r9=e=>{let{runButtonEnabled:t,form:r,serviceMode:o,selectedType:n,dryMode:a,stoppable:l,loading:s,onRun:c,onStop:d,clearPromptAfterRun:u=!0,actionSpace:p,hideDomAndScreenshotOptions:h=!1}=e,[y,m]=(0,t6.useState)(!1),[f,g]=(0,t6.useState)(""),v=r8(n),k=(0,t6.useRef)(null),A=rm.Z.useWatch("params",r),C=(0,t6.useRef)(null),E=rI(e=>e.history),N=rI(e=>e.lastSelectedType),x=rI(e=>e.addHistory),w=rI(e=>e.setLastSelectedType),S=(0,t6.useMemo)(()=>E[n]||[],[E,n]),b=(0,t6.useMemo)(()=>{if(p){let e=p.find(e=>e.interfaceAlias===n||e.name===n);return!!(null==e?void 0:e.paramSchema)&&(!r1(e.paramSchema)||Object.keys(e.paramSchema.shape||{}).length>0)}return!1},[n,p]),I=(0,t6.useMemo)(()=>{if(p&&p.length>0){let e=p.find(e=>e.interfaceAlias===n||e.name===n);if(e){if(e.paramSchema&&r1(e.paramSchema)){let t=e.paramSchema.shape||{};return Object.keys(t).some(e=>{let{isOptional:r}=r6(t[e]);return!r})}return!!e.paramSchema}}return!0},[n,p]),j=(0,t6.useMemo)(()=>["aiQuery","aiBoolean","aiNumber","aiString","aiAsk","aiAssert"].includes(n),[n]),P=(0,t6.useMemo)(()=>{if("aiLocate"===n)return!0;if(p){let e=p.find(e=>e.interfaceAlias===n||e.name===n);if((null==e?void 0:e.paramSchema)&&r1(e.paramSchema)){let t=e.paramSchema.shape||{};return Object.keys(t).some(e=>{let{actualField:r}=r6(t[e]);return r2(r)})}}return!1},[n,p]),O=(0,t6.useMemo)(()=>{let e=j&&!h;return"In-Browser-Extension"===o||P||e},[o,P,j,h]),D=(0,t6.useMemo)(()=>{let e=Object.keys(rK);if(!p||0===p.length)return e;let t=p.map(e=>e.interfaceAlias||e.name),r=new Set;return e.forEach(e=>{let o=rK[e];(null==o?void 0:o.group)==="extraction"||(null==o?void 0:o.group)==="validation"?r.add(e):t.includes(e)&&r.add(e)}),t.forEach(e=>{r.add(e)}),Array.from(r)},[p]),M=(0,t6.useCallback)(()=>{if(!b||!p)return{};let e=p.find(e=>e.interfaceAlias===n||e.name===n);if((null==e?void 0:e.paramSchema)&&r1(e.paramSchema)){let t={},r=e.paramSchema.shape||{};return Object.keys(r).forEach(e=>{let o=r3(r[e]);void 0!==o&&(t[e]=o)}),t}return{}},[n,b,p]);(0,t6.useEffect)(()=>{!r.getFieldValue("type")&&N&&r.setFieldValue("type",N)},[r,N]),(0,t6.useEffect)(()=>{n&&n!==N&&w(n)},[n,N,w]),(0,t6.useEffect)(()=>{let e=S[0];if(!e||!C.current||e.timestamp!==C.current.timestamp)if(e)r.setFieldsValue({type:e.type,prompt:e.prompt||"",params:e.params}),g(e.prompt||""),C.current=e;else{let e=M();r.setFieldsValue({prompt:"",params:e}),g(""),C.current=null}},[n,S,r,M]);let T=rm.Z.useWatch("prompt",r);(0,t6.useEffect)(()=>{T!==f&&g(T||"")},[T,f]);let L=(0,t6.useCallback)(e=>{r.setFieldsValue({prompt:e.prompt,type:e.type,params:e.params}),g(e.prompt)},[r]),K=(0,t6.useCallback)(e=>{g(e.target.value)},[]),R=(0,t6.useMemo)(()=>{if(!b||!p)return!1;let e=p.find(e=>e.interfaceAlias===n||e.name===n);return!!((null==e?void 0:e.paramSchema)&&r1(e.paramSchema))&&1===Object.keys(e.paramSchema.shape||{}).length},[n,b,p]),U=(0,t6.useMemo)(()=>r5(t,!!b,A,p,n,f),[t,b,n,p,f,A]),_=(0,t6.useCallback)(()=>{let e=r.getFieldsValue(),t="";if(b&&e.params&&p){let r=p.find(e=>e.interfaceAlias===n||e.name===n);if((null==r?void 0:r.paramSchema)&&r1(r.paramSchema)){let o="",i=[],n=r.paramSchema.shape||{};Object.keys(n).forEach(t=>{var r;let a=null==(r=e.params)?void 0:r[t];if(null!=a&&""!==a){let{actualField:e}=r6(n[t]);r2(e)?o=String(a):"distance"===t?i.push(`${a}`):i.push(String(a))}});let a=i.join(" ");t=o?`${o} - ${a}`:a}else t=e.prompt||""}else t=e.prompt||"";let o={type:e.type,prompt:t,params:e.params,timestamp:Date.now()};if(x(o),c(),u)if(C.current=o,g(""),b){let e=M();r.setFieldValue("params",e)}else r.setFieldValue("prompt","")},[r,x,c,b,n,u,p,M]),F=(0,t6.useCallback)(e=>{"Enter"===e.key&&e.metaKey&&U?(_(),e.preventDefault(),e.stopPropagation()):"Enter"===e.key&&setTimeout(()=>{if(k.current){var e;let t=null==(e=k.current.resizableTextArea)?void 0:e.textArea;if(t){let e=t.selectionStart,r=t.value.lastIndexOf("\n");(-1===r||e>r)&&(t.scrollTop=t.scrollHeight)}}},0)},[_,U]),z=(0,t6.useCallback)(e=>{"Enter"===e.key&&e.metaKey&&U&&(_(),e.preventDefault(),e.stopPropagation())},[_,U]),Z=(0,t6.useCallback)(()=>{if(!b)return null;if(p){let e=p.find(e=>e.interfaceAlias===n||e.name===n);if((null==e?void 0:e.paramSchema)&&r1(e.paramSchema)){let t=e.paramSchema.shape||{},r=Object.keys(t);if(1===r.length){let e=r[0],{actualField:o}=r6(t[e]),a=r2(o),l=(()=>{var t,r;if(null==(t=o._def)?void 0:t.description)return o._def.description;if(o.description)return o.description;if(p){let t=p.find(e=>e.interfaceAlias===n||e.name===n);if((null==t?void 0:t.paramSchema)&&"object"==typeof t.paramSchema&&"shape"in t.paramSchema){let o=(t.paramSchema.shape||{})[e];if(null==o||null==(r=o._def)?void 0:r.description)return o._def.description;if(null==o?void 0:o.description)return o.description}}return a?"Describe the element you want to interact with":"keyName"===e?"Enter key name or text to type":"value"===e?"Enter text to input":`Enter ${e}`})();return(0,i.jsx)(rm.Z.Item,{name:["params",e],style:{margin:0},children:(0,i.jsx)(rd.Z.TextArea,{className:"main-side-console-input-textarea",rows:4,placeholder:l,autoFocus:!0,onKeyDown:z})})}let o=[],a=r.sort((e,r)=>{let o=t[e],i=t[r],{isOptional:n}=r6(o),{isOptional:a}=r6(i);return!n&&a?-1:n&&!a?1:0});if(a.forEach((e,r)=>{var l,s,c;let{actualField:d,isOptional:u}=r6(t[e]),h=r2(d),y=e.charAt(0).toUpperCase()+e.slice(1),m=12*(r!==a.length-1),f=(()=>{var t,r;if(null==(t=d._def)?void 0:t.description)return d._def.description;if(d.description)return d.description;if(p){let t=p.find(e=>e.interfaceAlias===n||e.name===n);if((null==t?void 0:t.paramSchema)&&"object"==typeof t.paramSchema&&"shape"in t.paramSchema){let o=(t.paramSchema.shape||{})[e];if(null==o||null==(r=o._def)?void 0:r.description)return o._def.description;if(null==o?void 0:o.description)return o.description}}if(h)return"Describe the element you want to interact with"})(),g={name:e,label:y,fieldSchema:d,isRequired:!u,marginBottom:m,placeholder:f};h?o.push((0,i.jsx)(rV,{...g},e)):(null==(l=d._def)?void 0:l.typeName)==="ZodEnum"?o.push((0,i.jsx)(rG,{...g},e)):(null==(s=d._def)?void 0:s.typeName)==="ZodNumber"?o.push((0,i.jsx)(rH,{...g},e)):(null==(c=d._def)?void 0:c.typeName)==="ZodBoolean"?o.push((0,i.jsx)(rY,{...g},e)):o.push((0,i.jsx)(rB,{...g},e))}),"aiScroll"===n){let e=o.find(e=>t6.isValidElement(e)&&"direction"===e.props.name),t=o.find(e=>t6.isValidElement(e)&&"distance"===e.props.name),r=o.filter(e=>t6.isValidElement(e)&&"direction"!==e.props.name&&"distance"!==e.props.name);if(e&&t)return(0,i.jsxs)("div",{className:"structured-params",children:[(0,i.jsxs)("div",{style:{display:"flex",gap:12,marginBottom:12},children:[e,t]}),r]})}return(0,i.jsx)("div",{className:"structured-params",children:o})}}return null},[n,b,p,z]),B=(0,t6.useCallback)(()=>{m(!0)},[]),V=(0,t6.useCallback)(()=>{m(!1)},[]),G=(0,t6.useCallback)(()=>{let e=e=>(0,i.jsx)(rf.ZP,{type:"primary",icon:(0,i.jsx)(rp.Z,{}),style:{borderRadius:20,zIndex:999},onClick:_,disabled:!U,loading:s,children:e});return a?"aiAction"===n?(0,i.jsx)(rs.Z,{title:"Start executing until some interaction actions need to be performed. You can see the process of planning and locating.",children:e("Dry Run")}):e("Run"):l?(0,i.jsx)(rf.ZP,{icon:(0,i.jsx)(rh.Z,{}),onClick:d,style:{borderRadius:20,zIndex:999},children:"Stop"}):e("Run")},[a,s,_,d,U,n,l]);return(0,i.jsxs)("div",{className:"prompt-input-wrapper",children:[(0,i.jsxs)(rg.Z,{className:"mode-radio-group-wrapper",children:[(0,i.jsxs)("div",{className:"mode-radio-group",children:[(0,i.jsx)(rm.Z.Item,{name:"type",style:{margin:0},children:(0,i.jsx)(rv.ZP.Group,{buttonStyle:"solid",disabled:!t,children:rR.map(e=>{var t;return(0,i.jsx)(rs.Z,{title:(null==(t=rK[e])?void 0:t.title)||"",children:(0,i.jsx)(rv.ZP.Button,{value:e,children:r4(e)})},e)})})}),(0,i.jsx)(rk.Z,{menu:(()=>{let e=D.filter(e=>!rR.includes(e)),t=[],o=e.filter(e=>{var t;return(null==(t=rK[e])?void 0:t.group)==="interaction"});o.length>0&&t.push({key:"interaction-group",type:"group",label:"Interaction APIs",children:o.map(e=>{var t;return{key:e,label:r4(e),title:(null==(t=rK[e])?void 0:t.title)||"",onClick:()=>{r.setFieldValue("type",e)}}})});let i=e.filter(e=>{var t;return(null==(t=rK[e])?void 0:t.group)==="extraction"});i.length>0&&t.push({key:"extraction-group",type:"group",label:"Data Extraction APIs",children:i.map(e=>{var t;return{key:e,label:r4(e),title:(null==(t=rK[e])?void 0:t.title)||"",onClick:()=>{r.setFieldValue("type",e)}}})});let n=e.filter(e=>{var t;return(null==(t=rK[e])?void 0:t.group)==="validation"});n.length>0&&t.push({key:"validation-group",type:"group",label:"Validation APIs",children:n.map(e=>{var t;return{key:e,label:r4(e),title:(null==(t=rK[e])?void 0:t.title)||"",onClick:()=>{r.setFieldValue("type",e)}}})});let a=e.filter(e=>!rK[e]);return a.length>0&&t.push({key:"device-specific-group",type:"group",label:"Device-Specific APIs",children:a.map(e=>({key:e,label:r4(e),title:"",onClick:()=>{r.setFieldValue("type",e)}}))}),{items:t}})(),placement:"bottomLeft",trigger:["click"],disabled:!t,children:(0,i.jsxs)(rf.ZP,{className:`more-apis-button ${!rR.includes(n)?"selected-from-dropdown":""}`,children:[n&&!rR.includes(n)?r4(n):"more",(0,i.jsx)(ry.Z,{style:{fontSize:"10px",marginLeft:"2px"}})]})})]}),(0,i.jsxs)("div",{className:"action-icons",children:[(0,i.jsx)(r$,{onSelect:L,history:S,currentType:n}),O&&(0,i.jsx)("div",{className:y?"settings-wrapper settings-wrapper-hover":"settings-wrapper",onMouseEnter:B,onMouseLeave:V,children:(0,i.jsx)(rU,{enableTracking:"In-Browser-Extension"===o,showDeepThinkOption:P,showDataExtractionOptions:j,hideDomAndScreenshotOptions:h})})]})]}),(0,i.jsxs)("div",{className:`main-side-console-input ${!t?"disabled":""} ${s?"loading":""}`,children:[I?b?R?Z():(0,i.jsx)("div",{className:"structured-params-container",children:Z()}):(0,i.jsx)(rm.Z.Item,{name:"prompt",style:{margin:0},children:(0,i.jsx)(r7,{className:"main-side-console-input-textarea",disabled:!t,rows:4,placeholder:v,autoFocus:!0,onKeyDown:F,onChange:K,ref:k})}):(0,i.jsxs)("div",{className:"no-input-method",style:{padding:"20px",textAlign:"center",color:"#666",fontSize:"14px"},children:['Click "Run" to execute ',r4(n)]}),(0,i.jsx)("div",{className:"form-controller-wrapper",children:G()})]})]})};var oe=r(16383),ot=r(92446);r(83264);var or=r(15284),oo=r(11322),oi=r(50408),on=r(94878),oa=r(47877);let ol=e=>(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",viewBox:"0 0 16 16",...e,children:(0,i.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"})}),os=e=>(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",viewBox:"0 0 16 16",...e,children:[(0,i.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"}),(0,i.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"})]}),oc=e=>(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",viewBox:"0 0 16 16",...e,children:(0,i.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"})});var od=r(8811);let ou=(e,t,r)=>{let o,{left:i,top:n,width:a,height:l}=e;o="element"===r?ri[function(e){e||(e="unnamed");let t=5381;for(let r=0;r<e.length;r++)t=(t<<5)+t+e.charCodeAt(r);return t>>>0}(t)%ri.length]:"searchArea"===r?rn("searchArea"):rn("element");let s=new or.TCu;if(s.beginFill(o,.4),s.lineStyle(1,o,1),s.drawRect(i,n,a,l),s.endFill(),s.filters=[new od.pt({blur:2,quality:3,alpha:.4,offset:{x:4,y:4},color:3355443})],!t)return[s];let c=new or.xvT(t,{fontSize:18,fill:0});return c.x=i,c.y=Math.max(n-22,0),[s,c]},op=new Map,oh=async e=>{if(!op.has(e))return or.deM.load(e).then(t=>{op.set(e,t)})},oy=e=>op.get(e);function om(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}let of=(e,t,r,o,i)=>{let n=1-e;return t*n*n*n+3*r*e*n*n+3*o*e*e*n+i*e*e*e},og=e=>oA(e),ov=e=>of(e,0,.5,.5,1),ok=e=>oA(e),oA=e=>e,oC=e=>new Promise(t=>setTimeout(t,e)),oE="frame cancel (this is an error on purpose)",oN=()=>{let e=!1;return{frame:t=>{if(e)throw Error(oE);requestAnimationFrame(()=>{if(e)throw Error(oE);t(performance.now())})},timeout:(t,r)=>{if(e)throw Error(oE);setTimeout(()=>{if(e)throw Error(oE);t()},r)},cancel:()=>{e=!0}}},ox=e=>{let t=new Blob([e],{type:"text/html"}),r=URL.createObjectURL(t),o=document.createElement("a");o.href=r,o.download="midscene_report.html",o.click()};class ow{start(){let e=new MediaRecorder(this.canvas.captureStream(60),{mimeType:"video/webm"});return e.ondataavailable=e=>{e.data.size>0&&this.chunks.push(e.data)},this.mediaRecorder=e,this.recording=!0,this.mediaRecorder.start()}stop(){var e;if(!this.recording||!this.mediaRecorder)return void console.warn("not recording");this.mediaRecorder.onstop=()=>{let e=new Blob(this.chunks,{type:"video/webm"}),t=URL.createObjectURL(e),r=document.createElement("a");r.href=t,r.download="midscene_replay.webm",r.click(),URL.revokeObjectURL(t)},null==(e=this.mediaRecorder)||e.stop(),this.recording=!1,this.mediaRecorder=null}constructor(e){om(this,"canvas",void 0),om(this,"mediaRecorder",null),om(this,"chunks",void 0),om(this,"recording",!1),this.canvas=e,this.chunks=[]}}function oS(e){var t;let r,[o,n]=(0,t6.useState)(""),[a,l]=(0,t6.useState)(""),{autoZoom:s,setAutoZoom:c,elementsVisible:d,setElementsVisible:u}=tY();(0,t6.useEffect)(()=>{(null==e?void 0:e.autoZoom)!==void 0&&c(e.autoZoom)},[null==e?void 0:e.autoZoom,c]);let p=null==e?void 0:e.replayScripts,h=(null==e?void 0:e.imageWidth)||1920,y=(null==e?void 0:e.imageHeight)||1080,m=(null==e?void 0:e.fitMode)||"height",f=(0,t6.useRef)((null==p||null==(t=p[0])?void 0:t.img)||null),g=(0,t6.useRef)(null),v=(0,t6.useMemo)(()=>new or.MxU,[]),k=(0,t6.useRef)(null),A=(0,t6.useRef)(null),[C,E]=(0,t6.useState)(0),N=()=>{E(Date.now())},x=(0,t6.useMemo)(()=>new or.W20,[]),w=(0,t6.useMemo)(()=>{let e=new or.W20;return e.zIndex=1,e},[]);(0,t6.useEffect)(()=>{w.visible=d},[d,w]);let S={left:0,top:0,width:h,pointerLeft:Math.round(h/2),pointerTop:Math.round(y/2)},[b,I]=(0,t6.useState)(-1),j=(0,t6.useRef)(!1);(0,t6.useEffect)(()=>(j.current=!1,()=>{j.current=!0}),[]);let P=(0,t6.useRef)({...S}),O=async()=>{let e=f.current;if(!e)return void console.warn("no image to update");oy(e)||(console.warn("image not loaded",e),await oh(e));let t=oy(e);if(!t)throw Error("texture not found");let r=or.jyi.from(t);if(!r)throw Error("sprite not found");let o="main-img",i=x.getChildByLabel(o);i&&x.removeChild(i),r.label=o,r.zIndex=0,r.width=h,r.height=y,x.addChild(r)},D=e=>{var t,r;let o;A.current||(A.current=or.jyi.from(t8),A.current.zIndex=3,A.current.anchor.set(.5,.5),A.current.scale.set(.5),A.current.label="spinning-pointer"),A.current.x=(null==(t=k.current)?void 0:t.x)||0,A.current.y=(null==(r=k.current)?void 0:r.y)||0,x.addChild(A.current);let i=!1,n=t=>{if(i)return;o||(o=t);let r=(Math.sin((t-o)/500-Math.PI/2)+1)/2*Math.PI*2;A.current&&(A.current.rotation=r),e(n)};return e(n),()=>{A.current&&x.removeChild(A.current),i=!0}},M=async(e,t,r)=>{var o,i;oy(e)||(console.warn("image not loaded",e),await oh(e));let n=oy(e);if(!n)throw Error("texture not found");let a=or.jyi.from(n),l=null==(o=k.current)?void 0:o.x,s=null==(i=k.current)?void 0:i.y;if("number"==typeof t&&(l=t),"number"==typeof r&&(s=r),void 0===l||void 0===s)return void console.warn("invalid pointer position",t,r);if(k.current){let e=x.getChildByLabel("pointer");e&&x.removeChild(e)}k.current=a,k.current.x=l,k.current.y=s,k.current.label="pointer",k.current.zIndex=2,x.addChild(k.current)},T=e=>{P.current=e;let t=s?Math.max(1,h/e.width):1;x.scale.set(t),x.x=s?Math.round(0-e.left*t):0,x.y=s?Math.round(0-e.top*t):0;let r=x.getChildByLabel("pointer");r&&(r.scale.set(1/t),"number"==typeof e.pointerLeft&&"number"==typeof e.pointerTop&&(r.x=e.pointerLeft,r.y=e.pointerTop))},L=async(e,t,r)=>{if(!s){let o={...P.current},i=o.pointerLeft,n=o.pointerTop,a=performance.now();if("number"!=typeof e.pointerLeft||"number"!=typeof e.pointerTop||e.pointerLeft===i&&e.pointerTop===n)return;await new Promise(l=>{let s=c=>{let d=c-a,u=ok(Math.min(d/t,1));T({...o,pointerLeft:i+(e.pointerLeft-i)*u,pointerTop:n+(e.pointerTop-n)*u}),d<t?r(s):l()};r(s)});return}let o={...P.current},i=o.left,n=o.top,a=o.pointerLeft,l=o.pointerTop,c=o.width/h,d=performance.now(),u="number"==typeof e.pointerLeft&&"number"==typeof e.pointerTop&&(e.pointerLeft!==a||e.pointerTop!==l),p=u?.375*t:0,m=t-p;await new Promise(o=>{let s=f=>{let g={...P.current},v=f-d;if(u)if(v<=p){let t=ok(Math.min(v/p,1));g.pointerLeft=a+(e.pointerLeft-a)*t,g.pointerTop=l+(e.pointerTop-l)*t}else g.pointerLeft=e.pointerLeft,g.pointerTop=e.pointerTop;if(v>p){let t=og(Math.min((v-p)/m,1)),r=c+(e.width/h-c)*t,o=h*r,a=y*r;g.width=o;let l=i+(e.left-i)*t,s=n+(e.top-n)*t,d=l+o-h,u=s+a-y;g.left=d>0?l+d:l,g.top=u>0?s+u:s}T(g),v<t?r(s):o()};r(s)})},K=function(e,t,r){let o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1;return new Promise(i=>{let n=performance.now(),a=l=>{let s=l-n,c=Math.min(s/t,1);e.alpha=0===o?1-oA(c):oA(c),s<t?r(a):i()};r(a)})},R=async(e,t,r)=>K(e,t,r,0),U=async(e,t,r,o,i)=>{w.removeChildren();let n=[...e],a=n.length,l=0;await new Promise(e=>{let s=performance.now(),c=d=>{let u=d-s,p=Math.floor(ov(Math.min(u/o,1))*a);for(;l<p;){let e=Math.floor(Math.random()*n.length),t=n.splice(e,1)[0];if(t){let[e]=ou(t.rect,t.content,"element");e.alpha=0,w.addChild(e),l++,K(e,80,i)}}if(u<o)i(c);else{for(;n.length>0;){let e=Math.floor(Math.random()*n.length),t=n.splice(e,1)[0],[r]=ou(t.rect,t.content,"element");r.alpha=1,w.addChild(r)}if(r){let[e]=ou(r,"Search Area","searchArea");e.alpha=1,w.addChild(e)}t.map(e=>{let[t]=ou(e.rect,e.content||"","highlight");t.alpha=1,w.addChild(t)}),e()}};i(c)})},_=async()=>{g.current&&p&&(await v.init({width:h,height:y,background:0xf4f4f4,autoDensity:!0,antialias:!0}),g.current&&(g.current.appendChild(v.canvas),x.x=0,x.y=0,v.stage.addChild(x),w.x=0,w.y=0,x.addChild(w)))},[F,z]=(0,t6.useState)(!1),Z=(0,t6.useRef)(null),B=()=>{let e;return Promise.resolve((async()=>{if(!v)throw Error("app is not initialized");if(!p)throw Error("scripts is required");let{frame:t,cancel:r,timeout:o}=oN();e=r;let i=p.filter(e=>!!e.img).map(e=>e.img);await Promise.all([...i,t8,t4].map(oh)),w.removeChildren(),await M(t4,h/2,y/2),await O(),await T({...S});let a=p.reduce((e,t)=>e+t.duration+(t.camera&&t.insightCameraDuration?t.insightCameraDuration:0),0),s=performance.now();I(0);let c=()=>{let e=Math.min((performance.now()-s)/a,1);if(I(e),e<1)return o(c,200)};for(let e in t(c),Z.current&&Z.current.start(),p){let r=p[e];if(n(r.title||""),l(r.subTitle||""),"sleep"===r.type)await oC(r.duration);else if("insight"===r.type){var d;if(!r.img)throw Error("img is required");f.current=r.img,await O();let e=(null==(d=r.context)?void 0:d.tree)?tv(r.context.tree):[],o=r.highlightElement?[r.highlightElement]:[];if(await U(e,o,r.searchArea,r.duration,t),r.camera){if(!r.insightCameraDuration)throw Error("insightCameraDuration is required");await L(r.camera,r.insightCameraDuration,t)}}else if("clear-insight"===r.type)await R(w,r.duration,t),w.removeChildren(),w.alpha=1;else if("img"===r.type)r.img&&r.img!==f.current&&(f.current=r.img,await O()),r.camera?await L(r.camera,r.duration,t):await oC(r.duration);else if("pointer"===r.type){if(!r.img)throw Error("pointer img is required");await M(r.img)}else if("spinning-pointer"===r.type){let e=D(t);await oC(r.duration),e()}}Z.current&&(Z.current.stop(),Z.current=null,z(!1))})().catch(e=>{console.error("player error",e)})),()=>{null==e||e()}};(0,t6.useEffect)(()=>(Promise.resolve((async()=>{if(await _(),g.current&&h&&y){let e=h/y;g.current.style.setProperty("--canvas-aspect-ratio",e.toString()),g.current.setAttribute("data-fit-mode",m);let t=g.current.closest(".player-container");t&&t.setAttribute("data-fit-mode",m)}N()})()),()=>{try{v.destroy(!0,{children:!0,texture:!0})}catch(e){console.warn("destroy failed",e)}}),[h,y,m]),(0,t6.useEffect)(()=>{if(C)return B()},[C]);let[V,G]=(0,t6.useState)(!1),[H,Y]=(0,t6.useState)(!1),W=Math.round(100*b),q=1===b;(0,t6.useEffect)(()=>{if(q){let e=e=>{" "===e.key&&N()};return window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}}},[q]);let Q=()=>{};return b<1?r=(0,i.jsx)(ot.Z,{indicator:(0,i.jsx)(oe.Z,{spin:!0,color:"#333"}),size:"default"}):V?(r=(0,i.jsx)(ot.Z,{indicator:(0,i.jsx)(oo.Z,{color:"#333"}),size:"default"}),Q=()=>N()):r=(0,i.jsx)(ot.Z,{indicator:(0,i.jsx)(oo.Z,{color:"#333"}),size:"default"}),(0,i.jsxs)("div",{className:"player-container",children:[(0,i.jsx)("div",{className:"canvas-container",ref:g}),(0,i.jsx)("div",{className:"player-timeline-wrapper",children:(0,i.jsx)("div",{className:"player-timeline",children:(0,i.jsx)("div",{className:"player-timeline-progress",style:{width:`${W}%`,transition:0===b?"none":"0.3s"}})})}),(0,i.jsx)("div",{className:"player-tools-wrapper",children:(0,i.jsx)("div",{className:"player-tools",children:(0,i.jsxs)("div",{className:"player-control",children:[(0,i.jsxs)("div",{className:"status-text",children:[(0,i.jsx)("div",{className:"title",children:o}),(0,i.jsx)(rs.Z,{title:a,children:(0,i.jsx)("div",{className:"subtitle",children:a})})]}),F?null:(0,i.jsx)("div",{className:"status-icon",onMouseEnter:()=>G(!0),onMouseLeave:()=>G(!1),onClick:Q,children:r}),(null==e?void 0:e.reportFileContent)?(0,i.jsx)(rs.Z,{title:"Download Report",children:(0,i.jsx)("div",{className:"status-icon",onMouseEnter:()=>G(!0),onMouseLeave:()=>G(!1),onClick:()=>ox(e.reportFileContent),children:(0,i.jsx)(oi.Z,{color:"#333"})})}):null,(0,i.jsx)(rs.Z,{title:F?"Generating...":"Export Video",children:(0,i.jsx)("div",{className:"status-icon",onClick:F?void 0:()=>Z.current?void console.warn("recorderSession exists"):v.canvas?void(Z.current=new ow(v.canvas),z(!0),N()):void console.warn("canvas is not initialized"),style:{opacity:F?.5:1,cursor:F?"not-allowed":"pointer"},children:F?(0,i.jsx)(ot.Z,{size:"default",percent:W}):(0,i.jsx)(on.Z,{})})}),(0,i.jsx)(rk.Z,{trigger:["hover","click"],placement:"bottomRight",overlayStyle:{minWidth:"148px"},dropdownRender:e=>(0,i.jsx)("div",{style:{borderRadius:"8px",border:"1px solid rgba(0, 0, 0, 0.08)",backgroundColor:"#fff",boxShadow:"0 2px 8px rgba(0, 0, 0, 0.08)",overflow:"hidden"},children:e}),menu:{style:{borderRadius:"8px",padding:0},items:[{key:"autoZoom",style:{height:"39px",margin:0,padding:"0 12px"},label:(0,i.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",height:"39px"},children:[(0,i.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"4px"},children:[(0,i.jsx)(ol,{style:{width:"16px",height:"16px"}}),(0,i.jsx)("span",{style:{fontSize:"12px",marginRight:"16px"},children:"Focus on Cursor"})]}),(0,i.jsx)(oa.Z,{size:"small",checked:s,onChange:e=>{c(e),N()},onClick:(e,t)=>{var r;return null==t||null==(r=t.stopPropagation)?void 0:r.call(t)}})]})},{key:"elementsVisible",style:{height:"39px",margin:0,padding:"0 12px"},label:(0,i.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",height:"39px"},children:[(0,i.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"4px"},children:[(0,i.jsx)(oc,{style:{width:"16px",height:"16px"}}),(0,i.jsx)("span",{style:{fontSize:"12px",marginRight:"16px"},children:"Show Element Markers"})]}),(0,i.jsx)(oa.Z,{size:"small",checked:d,onChange:e=>{u(e),N()},onClick:(e,t)=>{var r;return null==t||null==(r=t.stopPropagation)?void 0:r.call(t)}})]})}]},children:(0,i.jsx)("div",{className:"status-icon",onMouseEnter:()=>Y(!0),onMouseLeave:()=>Y(!1),style:{cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",opacity:H?1:.7,transition:"opacity 0.2s"},children:(0,i.jsx)(os,{style:{width:"16px",height:"16px"}})})})]})})})]})}let ob=e=>{let{result:t,loading:r,serverValid:o,serviceMode:n,replayScriptsInfo:a,replayCounter:l,loadingProgressText:s,verticalMode:c=!1,notReadyMessage:d,fitMode:u,autoZoom:p}=e,h="result-wrapper";c&&(h+=" vertical-mode-result"),a&&c&&(h+=" result-wrapper-compact");let y=rL;return o||"Server"!==n?r?y=(0,i.jsxs)("div",{className:"loading-container",children:[(0,i.jsx)(ot.Z,{spinning:r,indicator:(0,i.jsx)(oe.Z,{spin:!0})}),(0,i.jsx)("div",{className:"loading-progress-text loading-progress-text-progress",children:(0,i.jsx)(rD,{text:s,speed:3})})]}):a?y=(0,i.jsx)(oS,{replayScripts:a.scripts,imageWidth:a.width,imageHeight:a.height,reportFileContent:("In-Browser-Extension"===n||"Server"===n)&&(null==t?void 0:t.reportHTML)?null==t?void 0:t.reportHTML:null,fitMode:u,autoZoom:p},l):(null==t?void 0:t.error)?y=(0,i.jsx)("pre",{children:null==t?void 0:t.error}):(null==t?void 0:t.result)!==void 0&&(y="string"==typeof(null==t?void 0:t.result)?(0,i.jsx)("pre",{children:null==t?void 0:t.result}):(0,i.jsx)("pre",{children:JSON.stringify(null==t?void 0:t.result,null,2)})):y=rT(d),(0,i.jsx)("div",{className:h,style:{height:"100%",display:"flex",flexDirection:"column",flex:"1 1 auto"},children:y})};var oI=r(60247),oj=r(1754),oP=r(16327),oO=r(93636),oD=r(4465),oM=r(9450),oT=r(43876),oL=r(64838);let oK=e=>(0,i.jsx)("span",{className:"status-dot",style:{color:e},children:"●"}),oR=e=>{var t,r,o;let{devices:n,loadingDevices:a,selectedDeviceId:l,onDeviceSelect:s,socketRef:c,scrcpyPlayerRef:d}=e,[u,p]=(0,t6.useState)(!1),h=(0,t6.useRef)(null),[y,m]=oj.ZP.useMessage(),f=t3(!0),g=(0,t6.useCallback)(e=>{e!==h.current&&c.current&&c.current.connected&&(p(!1),s(e),h.current=e)},[s,c]),v=(0,t6.useCallback)(()=>{d.current&&(d.current.disconnectDevice(),y.info("Device disconnected"))},[d,y]),k=!!l&&(null==(t=n.find(e=>e.id===l))?void 0:t.status.toLowerCase())!=="device";return(0,t6.useEffect)(()=>{k&&l&&v()},[k,l,v,y]),(0,i.jsxs)("div",{className:"device-header",children:[m,(0,i.jsxs)("div",{className:"device-title-container",children:[(0,i.jsx)("h2",{className:"device-title",children:"Device"}),(0,i.jsx)(rk.Z,{trigger:["click"],placement:"bottomLeft",open:u,onOpenChange:p,dropdownRender:()=>(0,i.jsxs)("div",{className:"device-dropdown",children:[(0,i.jsx)("div",{className:"dropdown-header",children:(0,i.jsx)("span",{className:"dropdown-title",children:"Devices list"})}),(0,i.jsxs)("div",{className:"device-list",children:[n.map(e=>(0,i.jsx)("div",{onClick:()=>{"device"===e.status.toLowerCase()&&g(e.id)},className:`device-list-item ${"device"===e.status.toLowerCase()&&l===e.id?"selected":""} ${"device"!==e.status.toLowerCase()?"offline":""}`,children:(0,i.jsxs)("div",{className:"device-item-content",children:[(0,i.jsx)("div",{className:"device-item-icon-container",children:(0,i.jsx)(oT.Z,{className:"device-item-icon"})}),(0,i.jsxs)("div",{className:"device-item-info",children:[(0,i.jsx)("div",{className:"device-item-name",children:e.name||e.id}),(0,i.jsxs)("div",{className:"device-item-status",children:[(0,i.jsx)("div",{className:"status-badge",children:"device"===e.status.toLowerCase()?(0,i.jsxs)(i.Fragment,{children:[oK("#52c41a"),(0,i.jsx)("span",{className:"status-text",children:"Online"})]}):(0,i.jsxs)(i.Fragment,{children:[oK("#f5222d"),(0,i.jsx)("span",{className:"status-text",children:"Offline"})]})}),(0,i.jsx)(oL.Z,{type:"vertical",className:"status-divider"}),(0,i.jsxs)("div",{className:"device-id-container",children:["Device ID: ",e.id]})]})]}),"device"===e.status.toLowerCase()&&l===e.id&&(0,i.jsx)("div",{className:"current-device-indicator",children:"Current device"})]})},e.id)),0===n.length&&(0,i.jsx)("div",{className:"device-list-empty",children:"No devices found"})]})]}),children:(0,i.jsxs)(rf.ZP,{className:"device-dropdown-button",children:[(0,i.jsxs)("div",{className:"device-icon-container",children:[(0,i.jsx)(oT.Z,{className:"device-icon"}),l&&f&&(0,i.jsx)("div",{className:"status-indicator",children:(null==(r=n.find(e=>e.id===l))?void 0:r.status.toLowerCase())==="device"?(0,i.jsx)(i.Fragment,{children:oK("#52c41a")}):(0,i.jsx)(i.Fragment,{children:oK("#f5222d")})})]}),l&&!k&&f?(0,i.jsx)("span",{className:"device-name",children:(null==(o=n.find(e=>e.id===l))?void 0:o.name)||l}):(0,i.jsx)("span",{className:"device-name no-device",children:"No device"}),(0,i.jsx)("span",{className:"dropdown-arrow",children:"▼"})]})})]})]})};var oU=r(7379),o_=r(92882),oF=r(81138),oz=r(32686),oZ=r(72688),oB=r(44600);let oV=e=>(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",viewBox:"0 0 16 16",...e,children:(0,i.jsx)("path",{fill:"#000",fillOpacity:.25,fillRule:"evenodd",d:"M9.68 2c1.2-1.2 3.2-1.28 4.4-.08s1.12 3.2-.08 4.4l-2.16 2.16c-.24.24-.56.24-.8 0s-.24-.56 0-.8l2.16-2.16c.8-.8.8-2.08.08-2.8s-2-.72-2.8.08L8.32 4.96c-.24.24-.56.24-.8 0s-.24-.56 0-.8zM5.6 13.2l2.16-2.16c.24-.24.56-.24.8 0s.24.56 0 .8L6.4 14c-1.2 1.2-3.12 1.36-4.4.08-1.36-1.28-1.2-3.2.08-4.4l2.16-2.16c.24-.24.56-.24.8 0s.24.56 0 .8l-2.16 2.16c-.8.8-.88 2-.08 2.8s2 .72 2.8-.08m4.64-8.24c.24-.24.64-.24.96 0 .24.24.24.64 0 .96L5.92 11.2c-.24.24-.64.24-.96 0-.24-.24-.24-.64 0-.96z",clipRule:"evenodd"})}),oG=e=>(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",viewBox:"0 0 16 16",...e,children:[(0,i.jsxs)("g",{fill:"#606266",clipPath:"url(#screenshot_svg__a)",children:[(0,i.jsx)("path",{d:"m4.883 2.663-.858 2.001h-2.69v8.673h13.341V4.664H11.32l-.859-2zm-1.738.667.858-2.001h7.338l.858 2.001h2.477a1.334 1.334 0 0 1 1.334 1.334v8.673a1.335 1.335 0 0 1-1.334 1.334H1.334A1.334 1.334 0 0 1 0 13.337V4.664A1.334 1.334 0 0 1 1.334 3.33z"}),(0,i.jsx)("path",{d:"M8.005 10.001a1.334 1.334 0 1 0 0-2.668 1.334 1.334 0 0 0 0 2.668m0 1.335a2.668 2.668 0 1 1 0-5.337 2.668 2.668 0 0 1 0 5.337m3.336-6.004h.667q.667 0 .667.667 0 .666-.667.667h-.667q-.667 0-.667-.667t.667-.667"})]}),(0,i.jsx)("defs",{children:(0,i.jsx)("clipPath",{id:"screenshot_svg__a",children:(0,i.jsx)("path",{fill:"#fff",d:"M0 0h16v16H0z"})})})]}),oH=e=>(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",viewBox:"0 0 16 16",...e,children:(0,i.jsx)("path",{fill:"#FF4550",d:"M14.08 1.92C12.88.72 10.88.8 9.68 2L7.52 4.16c-.24.24-.24.56 0 .8s.56.24.8 0l2.16-2.16c.8-.8 2.08-.8 2.8-.08s.72 2-.08 2.8l-2.16 2.16c-.24.24-.24.56 0 .8s.56.24.8 0L14 6.32c1.2-1.2 1.28-3.2.08-4.4m-6.32 9.12L5.6 13.2c-.8.8-2 .88-2.8.08s-.72-2 .08-2.8l2.16-2.16c.24-.24.24-.56 0-.8s-.56-.24-.8 0L2.08 9.68C.8 10.88.64 12.8 2 14.08c1.28 1.28 3.2 1.12 4.4-.08l2.16-2.16c.24-.24.24-.56 0-.8s-.56-.24-.8 0M5.92 4.96c-.24-.24-.64-.24-.96 0-.24.24-.24.64 0 .96l5.28 5.28c.24.24.64.24.96 0 .24-.24.24-.64 0-.96z"})}),{Text:oY}=rW.Z,oW=(0,t6.forwardRef)((e,t)=>{let{serverUrl:r,maxSize:o=1024,autoConnect:n=!0,autoReconnect:a=!0,reconnectInterval:l=5e3,onConnectionStatusChange:s}=e,[c,d]=(0,t6.useState)(!1),[u,p]=(0,t6.useState)(!1),[h,y]=(0,t6.useState)(null),[m,f]=(0,t6.useState)(""),g=(0,t6.useRef)(null),v=(0,t6.useRef)(null),k=(0,t6.useRef)(null),A=(0,t6.useRef)(null),C=(0,t6.useRef)(null),E=(0,t6.useRef)(null),N=t3(!0),x=(0,t6.useCallback)(e=>{if(e)try{for(;e.firstChild;)try{e.removeChild(e.firstChild)}catch(t){if(console.warn("Failed to remove child, skipping:",t),e.firstChild){e.innerHTML="";break}}}catch(t){console.error("Error clearing container:",t);try{e.innerHTML=""}catch(e){console.error("Failed to reset innerHTML:",e)}}},[]),w=(0,t6.useCallback)(()=>{if(!k.current||!v.current||!h)return;let e=v.current,t=k.current,r=e.clientWidth,o=e.clientHeight,{width:i,height:n}=h,a=o-40,l=i/n,s=r,c=r/l;c>a&&(c=a,s=a*l),t.width=i,t.height=n,t.style.width=`${s}px`,t.style.height=`${c}px`,t.style.marginTop="20px",t.style.marginBottom="20px"},[h]);(0,t6.useEffect)(()=>{let e=()=>{w()};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[w]),(0,t6.useEffect)(()=>{w()},[h,w]);let S=async()=>{if(oz.P.isSupported){let e=new oz.P;return{renderer:e,element:e.canvas}}let e=new oZ.I;return{renderer:e,element:e.canvas}},b=async e=>{if(!oF.h.isSupported)throw Error("Current browser does not support WebCodecs API, please use the latest version of Chrome/Edge browser");let{renderer:t,element:r}=await S();if(k.current=r,v.current){let e=v.current.querySelector(".canvas-wrapper");e&&(x(e),e.appendChild(k.current))}return new oF.h({codec:e,renderer:t})},I=e=>{let t=!1,r=[],o=new TransformStream({transform(e,o){let i={type:e.type,data:new Uint8Array(e.data),timestamp:e.timestamp};"configuration"===i.type?(o.enqueue(i),t=!0,r.length>0&&(r.forEach(e=>o.enqueue(e)),r=[])):"data"===i.type?t?o.enqueue(i):r.push(i):o.enqueue(i)}});return new ReadableStream({start(e){let t=!1,r=r=>{if(!t)try{e.enqueue(r)}catch(e){console.error("error occurred while enqueuing video data:",e),t=!0,n()}},o=r=>{console.error("stream error:",r),t||(e.error(Error(r.message)),t=!0,n())},i=()=>{t||(e.close(),t=!0,n())},n=()=>{g.current&&(g.current.off("video-data",r),g.current.off("error",o),g.current.off("disconnect",i))};return g.current&&(g.current.on("video-data",r),g.current.on("error",o),g.current.on("disconnect",i)),()=>{t=!0,n()}}}).pipeThrough(o)},j=async()=>{if(A.current)try{let e=await A.current.snapshot();if(e){let t=URL.createObjectURL(e),r=document.createElement("a");r.href=t,r.download=`screenshot_${new Date().toISOString().replace(/:/g,"-")}.png`,r.click(),URL.revokeObjectURL(t)}}catch(e){console.error("screenshot failed:",e),alert("screenshot failed")}},P=(0,t6.useCallback)(()=>{if(A.current)try{A.current.dispose(),A.current=null}catch(e){console.error("Error disposing decoder:",e)}v.current&&x(v.current.querySelector(".canvas-wrapper")),g.current&&(g.current.disconnect(),g.current=null),C.current&&(clearTimeout(C.current),C.current=null),E.current&&(clearTimeout(E.current),E.current=null),p(!1),d(!1),y(null)},[x]);(0,t6.useImperativeHandle)(t,()=>({disconnectDevice:P}),[P]);let O=(0,t6.useCallback)(async()=>{try{if(P(),p(!1),d(!0),y(null),await new Promise(e=>setTimeout(e,150)),!r){console.error("Cannot connect: missing server URL"),d(!1),null==s||s(!1);return}let e=()=>{E.current&&(clearTimeout(E.current),E.current=null),E.current=setTimeout(()=>{var t;if(null==(t=g.current)?void 0:t.connected)try{g.current.emit("connect-device",{maxSize:o}),e()}catch(e){console.error("Failed to request connection:",e),null==s||s(!1),oj.ZP.error("connection request failed, please refresh the page")}else{null==s||s(!1);try{g.current&&setTimeout(()=>{g.current&&g.current.connect()},500)}catch(e){console.error("Failed to reconnect:",e),oj.ZP.error("reconnection failed, please refresh the page")}}},5e3)};if(g.current)g.current.connected?(g.current.emit("connect-device",{maxSize:o}),e()):g.current.connect();else try{g.current=(0,oM.io)(r,{withCredentials:!0,reconnection:!0,reconnectionAttempts:5,reconnectionDelay:1e3,timeout:1e4}),g.current.on("connect",()=>{var t,r;null==s||s(!0),(null==(t=g.current)?void 0:t.id)&&f(g.current.id),C.current&&(clearTimeout(C.current),C.current=null),null==(r=g.current)||r.emit("connect-device",{maxSize:o}),e()}),g.current.on("video-metadata",async e=>{try{if(E.current&&(clearTimeout(E.current),E.current=null),A.current)try{A.current.dispose(),A.current=null}catch(e){console.error("Error disposing old decoder:",e)}if(v.current){let e=v.current.querySelector(".canvas-wrapper");x(e)}let t=(null==e?void 0:e.codec)?e.codec:o_.W.H264;if(A.current=await b(t),!A.current)throw Error("Failed to create decoder");A.current.sizeChanged(e=>{let{width:t,height:r}=e;y({width:t,height:r})}),I(e).pipeTo(A.current.writable).catch(e=>{console.error("video stream processing error:",e),null==s||s(!1)}),p(!0),d(!1),null==s||s(!0)}catch(e){console.error("Failed to initialize decoder:",e),d(!1),null==s||s(!1)}}),g.current.on("error",e=>{console.error("server error:",e),oj.ZP.error("server error"),d(!1),null==s||s(!1),E.current&&(clearTimeout(E.current),E.current=null)}),g.current.on("disconnect",()=>{p(!1),null==s||s(!1),E.current&&(clearTimeout(E.current),E.current=null),A.current&&(A.current.dispose(),A.current=null),v.current&&x(v.current.querySelector(".canvas-wrapper")),a&&!C.current&&(C.current=setTimeout(()=>{C.current=null,O()},l))})}catch(e){console.error("Failed to create socket connection:",e),d(!1),null==s||s(!1),a&&!C.current&&(C.current=setTimeout(()=>{C.current=null,O()},l))}}catch(e){d(!1),null==s||s(!1),console.error(`Failed to connect: ${e.message}`),oj.ZP.error("connection failed"),a&&!C.current&&(C.current=setTimeout(()=>{C.current=null,O()},l))}},[r,o,a,l,s,P]);return(0,t6.useEffect)(()=>{if(n&&!u&&!c){let e=setTimeout(()=>{O()},300);return()=>clearTimeout(e)}},[n,u,c,O]),(0,t6.useEffect)(()=>()=>{if(null==s||s(!1),A.current)try{A.current.dispose(),A.current=null}catch(e){console.error("Error disposing decoder during unmount:",e)}if(v.current)try{let e=v.current.querySelector(".canvas-wrapper");e&&(e.innerHTML="")}catch(e){console.error("Error clearing canvas wrapper during unmount:",e)}g.current&&(g.current.disconnect(),g.current=null),C.current&&(clearTimeout(C.current),C.current=null),E.current&&(clearTimeout(E.current),E.current=null)},[s]),(0,i.jsx)("div",{className:"scrcpy-container",children:(0,i.jsxs)(oB.Z,{children:[u&&(0,i.jsxs)("div",{className:"header-bar",children:[(0,i.jsxs)("div",{className:"header-left",children:[(0,i.jsx)(oY,{style:{fontWeight:600,fontSize:12},children:"Screen Projection"}),(0,i.jsx)(rs.Z,{placement:"bottom",title:`Device ID: ${m||"Unknown"}`,children:(0,i.jsx)(oU.Z,{})})]}),(0,i.jsx)("div",{className:"screen-info",children:(0,i.jsxs)(oY,{type:"secondary",children:["size : ",null==h?void 0:h.width,"\xd7",null==h?void 0:h.height]})}),(0,i.jsxs)("div",{className:"header-right",children:[(0,i.jsx)(rs.Z,{placement:"bottom",title:"Screenshot",children:(0,i.jsx)(rf.ZP,{icon:(0,i.jsx)(oG,{}),onClick:j})}),(0,i.jsx)(oL.Z,{type:"vertical",style:{margin:"0 16px"}}),(0,i.jsx)(rs.Z,{placement:"bottom",title:"Connect Device",children:(0,i.jsx)(rf.ZP,{disabled:u,style:{backgroundColor:"#fff"},icon:(0,i.jsx)(oV,{}),onClick:O})}),u&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(oL.Z,{type:"vertical",style:{margin:"0 16px"}}),(0,i.jsx)(rs.Z,{title:"Disconnect Device",children:(0,i.jsx)(rf.ZP,{icon:(0,i.jsx)(oH,{}),onClick:P})})]})]})]}),(0,i.jsx)(oO.Z,{gutter:[16,16],children:(0,i.jsx)(oD.Z,{span:24,children:(0,i.jsx)("div",{className:"video-section",children:(0,i.jsxs)("div",{ref:v,className:"video-container",children:[(0,i.jsx)("div",{className:"canvas-wrapper"}),!u&&N&&(0,i.jsxs)("div",{className:"empty-state",children:[(0,i.jsx)("div",{className:"empty-state-icon",children:"\uD83D\uDCF1"}),(0,i.jsx)("div",{className:"empty-state-text",children:c?"Connecting to device...":"No device connected"}),!c&&(0,i.jsx)(rf.ZP,{type:"primary",onClick:()=>{O()},children:"Connect now"}),c&&(0,i.jsx)("div",{className:"loading-spinner",children:(0,i.jsx)(ot.Z,{size:"large"})})]}),!N&&(0,i.jsx)("span",{children:"Please launch playground server!"})]})})})})]})})}),{Content:oq}=oI.Z,oQ="http://localhost:5700",oJ=document.getElementById("root");oJ&&n.createRoot(oJ).render((0,i.jsx)(function(){let[e]=rm.Z.useForm(),t=rm.Z.useWatch("type",e),[r,o]=(0,t6.useState)(!1),[n,a]=(0,t6.useState)(null),[l,s]=(0,t6.useState)(!1),[c,d]=(0,t6.useState)([]),[u,p]=(0,t6.useState)(!0),h=(0,t6.useRef)(null),[y,m]=oj.ZP.useMessage(),[f,g]=(0,t6.useState)(!1),[v,k]=(0,t6.useState)({result:void 0,dump:null,reportHTML:null,error:null}),[A,C]=(0,t6.useState)(0),[E,N]=(0,t6.useState)(null),{config:x,deepThink:w}=t2(),[S,b]=(0,t6.useState)(""),I=(0,t6.useRef)(null),j=(0,t6.useRef)(null),P=Object.keys(x||{}).length>=1,O=t3(!0),[D,M]=(0,t6.useState)([]),T=(0,t6.useMemo)(()=>new t_({type:"remote-execution"}),[]),L=(0,t6.useRef)(null),K=(0,t6.useRef)(null),R=(0,t6.useCallback)(()=>{j.current&&(clearInterval(j.current),j.current=null)},[]);(0,t6.useEffect)(()=>{let e=(0,oM.io)(oQ,{withCredentials:!0,reconnectionAttempts:5,reconnectionDelay:1e3,timeout:5e3});e.on("connect",()=>{e.emit("get-devices")}),e.on("disconnect",e=>{p(!0)}),e.on("devices-list",e=>{d(e.devices),e.currentDeviceId&&(a(e.currentDeviceId),1===e.devices.length&&U(e.devices[0].id,!0)),p(!1)}),e.on("global-device-switched",e=>{a(e.deviceId)}),e.on("connect_error",e=>{console.error("Socket.IO connection error:",e),y.error("Waiting for device server connection, please try again later"),p(!1)}),e.on("error",e=>{console.error("Socket.IO error:",e),y.error(`Error occurred while communicating with the server: ${e.message||"Unknown error"}`)}),L.current=e;let t=setTimeout(()=>{e.connected&&e.emit("get-devices")},2e3);return()=>{clearTimeout(t),e.disconnect()}},[y]);let U=(0,t6.useCallback)(function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(e!==h.current){if(!L.current||!L.current.connected)return void y.warning("Waiting for device server connection, please try again later");s(!1),g(!1),k(null),N(null),o(!1),R(),setTimeout(()=>{if(a(e),h.current=e,p(!0),L.current){L.current.emit("switch-device",e);let r=setTimeout(()=>{p(!1),y.error("Device switch timeout, please try again")},1e4);L.current.once("device-switched",()=>{clearTimeout(r),p(!1),setTimeout(()=>{s(!0),t||y.success(`Device selected: ${e}`)},500)}),L.current.once("error",e=>{clearTimeout(r),p(!1),y.error(`Device switch failed: ${e.message}`)})}else p(!1),y.error("Socket connection lost, please refresh the page")},500)}},[y,R]),_=(0,t6.useCallback)(e=>{R(),j.current=setInterval(async()=>{try{let t=await T.getTaskProgress(e);t.tip&&b(t.tip)}catch(e){console.error("Failed to poll task progress:",e)}},500)},[R,T]);(0,t6.useEffect)(()=>()=>{R()},[R]);let F=(0,t6.useCallback)(e=>{g(e),e&&n&&!l&&setTimeout(()=>{s(!0)},100)},[n]);(0,t6.useEffect)(()=>{if(l){let e=setTimeout(()=>{n===h.current&&s(!1)},800);return()=>clearTimeout(e)}},[l,n]),(0,t6.useEffect)(()=>{tg(x),T.overrideConfig(x)},[x,T]),(0,t6.useEffect)(()=>{let e=async()=>{try{if(n){let e=await T.getActionSpace(n);M(e||[])}else M([])}catch(e){console.error("Failed to load actionSpace:",e),M([])}};O&&e()},[O,n,T]);let z=(0,t6.useCallback)(async()=>{if(!n)return void y.warning("Please select a device first");if(!f)return void y.warning("Waiting for connection establishment, please try again later");o(!0),k(null),N(null),b("");let{type:t,prompt:r,params:i}=e.getFieldsValue(),a=null==D?void 0:D.find(e=>e.interfaceAlias===t||e.name===t),l=!!(null==a?void 0:a.paramSchema)&&("object"!=typeof a.paramSchema||!("shape"in a.paramSchema)||Object.keys(a.paramSchema.shape||{}).length>0),s=(()=>{if(a)return a.paramSchema&&"object"==typeof a.paramSchema&&"shape"in a.paramSchema?0!==Object.keys(a.paramSchema.shape||{}).length:!!a.paramSchema;return!0})();if(l&&!i)return void y.error("Structured parameters are required for this action");if(s&&!l&&!r)return void y.error("Prompt is required");let c=Date.now().toString();I.current=c,_(c);try{let e=await T.executeAction(t,{type:t,prompt:r,params:i},{context:n,requestId:c,deepThink:w});if(R(),k(e),o(!1),!e)throw Error("server returned empty response");if((null==e?void 0:e.dump)&&!["aiQuery","aiAssert"].includes(t)){let t=rr(e.dump);N(t),C(e=>e+1)}else N(null);y.success("Command executed")}catch(e){R(),o(!1),console.error("execute command error:",e),y.error(`Command execution failed: ${e instanceof Error?e.message:"Unknown error"}`)}},[n,y,f,e,_,R,w]),Z=()=>{k(null),N(null),o(!1)},B=(0,t6.useCallback)(async()=>{R(),o(!1),Z(),I.current&&await T.cancelTask(I.current),y.info("Operation stopped")},[y,R,T]);return(0,i.jsxs)(oP.ZP,{theme:{token:{colorPrimary:"#2B83FF"},components:{Layout:{headerHeight:60,headerPadding:"0 30px",headerBg:"#FFF",bodyBg:"#FFF"}}},children:[m,(0,i.jsx)(oI.Z,{className:"app-container playground-container vertical-mode",children:(0,i.jsx)(oq,{className:"app-content",children:(0,i.jsx)("div",{className:"app-grid-layout",children:(0,i.jsxs)(oO.Z,{className:"app-grid-layout",children:[(0,i.jsx)(oD.Z,{className:"app-panel left-panel",children:(0,i.jsxs)("div",{className:"panel-content left-panel-content",children:[(0,i.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:"10px"},children:[(0,i.jsx)(ra,{}),(0,i.jsx)(ru,{})]}),(0,i.jsx)("h2",{children:"Command input"}),(0,i.jsx)(rm.Z,{form:e,className:"command-form",children:(0,i.jsxs)("div",{className:"form-content",children:[(0,i.jsx)("div",{className:"command-input-wrapper",children:(0,i.jsx)(r9,{runButtonEnabled:!!n&&P,form:e,serviceMode:"Server",selectedType:t,dryMode:!1,stoppable:r,loading:r,onRun:z,onStop:B,hideDomAndScreenshotOptions:!0,actionSpace:D})}),(0,i.jsx)("div",{className:"result-container",style:v?{}:{border:"1px solid #0000001f",borderRadius:"8px"},children:(0,i.jsx)(ob,{result:v,loading:r,serverValid:O,serviceMode:"Server",replayScriptsInfo:E,replayCounter:A,loadingProgressText:S,verticalMode:!1,notReadyMessage:(0,i.jsxs)("span",{children:["Don't worry, just one more step to launch the playground server.",(0,i.jsx)("br",{}),(0,i.jsx)("strong",{children:"npx --yes @midscene/android-playground"})]})})})]})})]})}),(0,i.jsx)(oD.Z,{className:"app-panel right-panel",children:(0,i.jsxs)("div",{className:"panel-content right-panel-content",children:[(0,i.jsx)(oR,{devices:c,loadingDevices:u,selectedDeviceId:n,onDeviceSelect:U,socketRef:L,scrcpyPlayerRef:K}),(0,i.jsx)(oW,{ref:K,serverUrl:oQ,autoConnect:l,onConnectionStatusChange:F})]})})]})})})})]})},{}))},66460:function(e){if("undefined"==typeof sharp){var t=Error("Cannot find module 'sharp'");throw t.code="MODULE_NOT_FOUND",t}e.exports=sharp},86110:function(){},58241:function(){},32176:function(){},13527:function(){},64849:function(){},51114:function(){},6156:function(){},41037:function(){},35665:function(){},6281:function(){},39229:function(){},40924:function(){},87333:function(){},15787:function(){},5460:function(){},61546:function(){},18113:function(){},5174:function(){}},t={};function r(o){var i=t[o];if(void 0!==i)return i.exports;var n=t[o]={id:o,loaded:!1,exports:{}};return e[o].call(n.exports,n,n.exports,r),n.loaded=!0,n.exports}r.m=e,r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},(()=>{var e,t=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__;r.t=function(o,i){if(1&i&&(o=this(o)),8&i||"object"==typeof o&&o&&(4&i&&o.__esModule||16&i&&"function"==typeof o.then))return o;var n=Object.create(null);r.r(n);var a={};e=e||[null,t({}),t([]),t(t)];for(var l=2&i&&o;"object"==typeof l&&!~e.indexOf(l);l=t(l))Object.getOwnPropertyNames(l).forEach(e=>{a[e]=()=>o[e]});return a.default=()=>o,r.d(n,a),n}})(),r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce((t,o)=>(r.f[o](e,t),t),[])),r.u=e=>"static/js/async/"+e+"."+({166:"834644b5",173:"f2381e64",212:"850ade70",290:"45247363",329:"261bc4a1",364:"d88c3cff",544:"18ac9afb",582:"8f4b5264",624:"8a1fe2e8",644:"910ce3d0",702:"1f38a17e",975:"693266d2",983:"b98b40af"})[e]+".js",r.miniCssF=e=>""+e+".css",r.h=()=>"c37b5d39bd62668a",r.g=(()=>{if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}})(),r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={},t="android-playground:";r.l=function(o,i,n,a){if(e[o])return void e[o].push(i);if(void 0!==n)for(var l,s,c=document.getElementsByTagName("script"),d=0;d<c.length;d++){var u=c[d];if(u.getAttribute("src")==o||u.getAttribute("data-webpack")==t+n){l=u;break}}l||(s=!0,(l=document.createElement("script")).charset="utf-8",l.timeout=120,r.nc&&l.setAttribute("nonce",r.nc),l.setAttribute("data-webpack",t+n),l.src=o),e[o]=[i];var p=function(t,r){l.onerror=l.onload=null,clearTimeout(h);var i=e[o];if(delete e[o],l.parentNode&&l.parentNode.removeChild(l),i&&i.forEach(function(e){return e(r)}),t)return t(r)},h=setTimeout(p.bind(null,void 0,{type:"timeout",target:l}),12e4);l.onerror=p.bind(null,l.onerror),l.onload=p.bind(null,l.onload),s&&document.head.appendChild(l)}})(),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),(()=>{var e=[];r.O=(t,o,i,n)=>{if(o){n=n||0;for(var a=e.length;a>0&&e[a-1][2]>n;a--)e[a]=e[a-1];e[a]=[o,i,n];return}for(var l=1/0,a=0;a<e.length;a++){for(var[o,i,n]=e[a],s=!0,c=0;c<o.length;c++)(!1&n||l>=n)&&Object.keys(r.O).every(e=>r.O[e](o[c]))?o.splice(c--,1):(s=!1,n<l&&(l=n));if(s){e.splice(a--,1);var d=i();void 0!==d&&(t=d)}}return t}})(),r.p="/",r.rv=()=>"1.3.12",(()=>{r.b=document.baseURI||self.location.href;var e={980:0};r.f.j=function(t,o){var i=r.o(e,t)?e[t]:void 0;if(0!==i)if(i)o.push(i[2]);else{var n=new Promise((r,o)=>i=e[t]=[r,o]);o.push(i[2]=n);var a=r.p+r.u(t),l=Error();r.l(a,function(o){if(r.o(e,t)&&(0!==(i=e[t])&&(e[t]=void 0),i)){var n=o&&("load"===o.type?"missing":o.type),a=o&&o.target&&o.target.src;l.message="Loading chunk "+t+" failed.\n("+n+": "+a+")",l.name="ChunkLoadError",l.type=n,l.request=a,i[1](l)}},"chunk-"+t,t)}},r.O.j=t=>0===e[t];var t=(t,o)=>{var i,n,[a,l,s]=o,c=0;if(a.some(t=>0!==e[t])){for(i in l)r.o(l,i)&&(r.m[i]=l[i]);if(s)var d=s(r)}for(t&&t(o);c<a.length;c++)n=a[c],r.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return r.O(d)},o=self.webpackChunkandroid_playground=self.webpackChunkandroid_playground||[];o.forEach(t.bind(null,0)),o.push=t.bind(null,o.push.bind(o))})(),r.ruid="bundler=rspack@1.3.12";var o=r.O(void 0,["361","763"],function(){return r(10653)});o=r.O(o)})();
|
|
15
|
-
//# sourceMappingURL=index.64f3a001.js.map
|