mobx-view-model-devtools 0.0.42 → 0.0.44

package/index.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode('.vmPopup_0hkGL{position:fixed!important;z-index:999999;width:520px;border-radius:8px;height:calc(100vh - 24px);width:calc(100vw - 34px);max-width:520px;box-shadow:0 5px 20px #0006}.vmPopup_0hkGL.dragging_bOvPC{transition:none;cursor:grabbing;opacity:.8;z-index:1000}.vmPopup_0hkGL[data-position=top-right]{top:12px;right:12px}.vmPopup_0hkGL[data-position=top-left]{top:12px;left:12px}.vmPopup_0hkGL[data-position=bottom-left]{bottom:12px;left:12px}.vmPopup_0hkGL[data-position=bottom-right]{bottom:12px;right:12px}.closePopupButton_igv9j{width:28px;height:28px;padding:6px;border:0;background:transparent;color:var(--vmd-base-color);display:flex;align-items:center;justify-content:center}html:has(.dragging_bOvPC) *{-webkit-user-select:none!important;user-select:none!important}.vmButton_esipO{position:fixed;z-index:999999;width:36px;height:36px;border-radius:8px;transition:all .15s ease-in-out;cursor:pointer;-webkit-user-select:none;user-select:none}.vmButton_esipO.dragging_kUMCE{transition:none;cursor:grabbing;opacity:.8;z-index:1000}.vmButton_esipO.opened_NYAFW{opacity:0!important;pointer-events:none}.vmButton_esipO[data-position=top-right]{top:12px;right:12px}.vmButton_esipO[data-position=top-left]{top:12px;left:12px}.vmButton_esipO[data-position=bottom-left]{bottom:12px;left:12px}.vmButton_esipO[data-position=bottom-right]{bottom:12px;right:12px}.vmButton_esipO>img{pointer-events:none;position:absolute;inset:0;border-radius:8px}.vmButton_esipO>div{transition:all .15s ease-in-out;position:absolute;inset:0;border-radius:8px;border:2px solid #00000057}.vmButton_esipO:not(.isConnected_eObxX){filter:grayscale(1)}.vmButton_esipO>.vmsCount_HhX1W{left:-4px;top:-4px;pointer-events:none;position:absolute;display:flex;border-radius:8px;background:#005c26cf;padding:2px;font-weight:600;font-size:12px;line-height:12px;color:#2aff0a}.vmButton_esipO>.keyboardHint_v8eo0{position:absolute;bottom:-3px;left:-2px;z-index:99999;font-family:monospace;font-weight:700!important;font-size:10px;line-height:10px;background:#1b3b00bf;color:#73ff00d4;letter-spacing:-1px;border-radius:2px}html:has(.dragging_kUMCE) *{-webkit-user-select:none!important;user-select:none!important}.iconToggleButton_R48wm{display:flex;align-items:center;gap:2px;position:relative;height:20px;outline:none;border-radius:4px;-webkit-backdrop-filter:blur(var(--vmd-control-blur));backdrop-filter:blur(var(--vmd-control-blur))}.activePosition_IXsRn{position:absolute;height:16px;width:16px;padding:1px;box-sizing:content-box!important;background:var(--vmd-control-active-bg);-webkit-backdrop-filter:blur(var(--vmd-base-blur));backdrop-filter:blur(var(--vmd-base-blur));border-radius:4px;transition:all 149ms ease;transform:translate(calc(20px * var(--index)))}.option_a5IcR{padding:1px;z-index:1;width:18px;height:18px;display:flex;align-items:center;justify-content:center;transition:all 149ms ease;color:var(--vmd-control-inactive-color)}.option_a5IcR.active_6QS-2{color:var(--vmd-control-active-color)}.option_a5IcR>svg{width:14px;height:14px}:root{--vmd-base-blur: 4px;--vmd-bg: #0c0a19e6;--vmd-overlay-bg: #0e1227bd;--vmd-base-color: #ccc;--vmd-control-active-bg: #e6e6e682;--vmd-control-active-color: #181818;--vmd-control-active-text-input-color: var(--vmd-base-color);--vmd-control-active-text-input-placeholder-color: #a3a3a3;--vmd-control-inactive-color: #8b8b8b;--vmd-control-border: #5b5468a6;--vmd-control-bg: transparent;--vmd-control-blur: 2px;--vmd-bg-transparent: #1f1c2600;--vmd-content-bg: transparent;--vmd-content-highlight-bg: #ffffff0a;--vmd-scrollbar-track-size: 8px;--vmd-scrollbar-bg-base: #81818170;--vmd-scrollbar-bg-active: #818181;--vmd-property-meta-color: #616161;--vmd-primary-bg: #0f6013;--vmd-primary-color: #5ab65e;--vmd-secondary-bg: #6b6902;--vmd-edit-content-color: #97503c;--vmd-header-height: 60px}.root_Xsw1F{display:contents;box-sizing:border-box}.root_Xsw1F *{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:14px;box-sizing:border-box}.root_Xsw1F button{outline:none;background:transparent;border:0;cursor:pointer;margin:0;padding-block:0;padding-inline:0;color:var(--vmd-base-color)}.hierarchyButton_h3FD7{width:18px;height:18px;padding:2px;border-radius:6px}.hierarchyButton_h3FD7.active_4JTx5{background:#f0f0f01f}.treeItemHeader_9gR6Q{display:flex;align-items:center;gap:4px;margin:auto 0;cursor:pointer;z-index:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.treeItemLabel_eiMgP{padding:0 4px;border-radius:4px}.treeItemMetaText_cmfX0{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.treeItem_sRXPA{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:pre;height:22px;display:flex;flex-direction:row;align-items:center;padding-left:calc(8px + (var(--level) * 20px));position:sticky;top:calc(var(--vmd-header-height) + var(--vmd-control-panel-height));z-index:1}.treeItem_sRXPA:hover{background:var(--vmd-content-highlight-bg)}.treeItem_sRXPA:not([data-fitted=true])>header{opacity:.6}.vmTreeItem_t-7jc .treeItemLabel_eiMgP{background:var(--vmd-primary-bg)}.vmTreeItem_t-7jc .treeItemMetaText_cmfX0{color:var(--vmd-primary-color)}.extraTreeItem_z3KA1 .treeItemLabel_eiMgP{background:var(--vmd-secondary-bg)}.expandButton_B24E3{color:#a0a0a0;opacity:1!important;width:16px;height:16px;font-weight:700;cursor:pointer}.expandButton_B24E3.expanded_8-pD6{color:#b8b8b8;transform:rotate(90deg)}.expandButton_B24E3.disabled_MBq1Q{opacity:.35!important}.vmContentVirtualizedContent_LtS91{overflow:hidden}.vmContent_TIK57[data-simplebar]{position:relative;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start;color:var(--vmd-base-color);background:var(--vmd-bg);-webkit-backdrop-filter:blur(var(--vmd-base-blur));backdrop-filter:blur(var(--vmd-base-blur));display:flex;flex-direction:column;overflow:auto;overflow-y:auto;scrollbar-width:thin;overflow-anchor:none}.vmContent_TIK57[data-simplebar] .simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.vmContent_TIK57[data-simplebar] .simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;inset:0;width:auto!important;height:auto!important;z-index:0}.vmContent_TIK57[data-simplebar] .simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;inset:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.vmContent_TIK57[data-simplebar] .simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.vmContent_TIK57[data-simplebar] .simplebar-content-wrapper::-webkit-scrollbar,.vmContent_TIK57[data-simplebar] .simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.vmContent_TIK57[data-simplebar] .simplebar-content:after,.vmContent_TIK57[data-simplebar] .simplebar-content:before{content:" ";display:table}.vmContent_TIK57[data-simplebar] .simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.vmContent_TIK57[data-simplebar] .simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.vmContent_TIK57[data-simplebar] .simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.vmContent_TIK57[data-simplebar] .simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}.vmContent_TIK57[data-simplebar].simplebar-dragging,.vmContent_TIK57[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vmContent_TIK57[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.vmContent_TIK57[data-simplebar] .simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.vmContent_TIK57[data-simplebar] .simplebar-scrollbar:before{position:absolute;content:"";background:var(--vmd-scrollbar-bg-base);border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.vmContent_TIK57[data-simplebar] .simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.vmContent_TIK57[data-simplebar] .simplebar-track.simplebar-vertical{top:0;width:var(--vmd-scrollbar-track-size)}.vmContent_TIK57[data-simplebar] .simplebar-scrollbar:before{inset:2px}.vmContent_TIK57[data-simplebar] .simplebar-track.simplebar-horizontal{left:0;height:var(--vmd-scrollbar-track-size)}.vmContent_TIK57[data-simplebar] .simplebar-track.simplebar-horizontal .simplebar-scrollbar{inset:0 auto 0 0;min-height:0;min-width:10px;width:auto}.vmContent_TIK57[data-simplebar] .simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.vmContent_TIK57[data-simplebar] .simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.vmContent_TIK57[data-simplebar] .simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.vmContentHeader_M1JNM{display:flex;flex-direction:column;height:var(--vmd-header-height);flex:none;padding:0 8px;position:sticky;top:0;z-index:2}.vmContentHeaderLogo_FRJDO{width:16px;margin-right:6px}.vmContentHeaderTitle_lYmde{display:flex;justify-content:space-between;align-items:center;flex:none;font-weight:600;z-index:1}.vmContentHeaderTitleText_RlIFH{font-size:16px;margin-right:auto}.vmContentControlPanel_CgUN9{width:100%;height:var(--vmd-control-panel-height);padding-bottom:4px;flex:none;display:flex;flex-direction:row;z-index:1;gap:4px;overflow:hidden;padding-right:6px}.vmContentControlPanel_CgUN9.searchIsActive_cJutI>.vmContentControlPanelActions_lONbA{margin-left:-106px}.vmContentControlPanelActions_lONbA{display:flex;flex-direction:row;align-items:center;gap:6px;transition:all .15s ease}.hiearchyToggleButton_0FTG-{display:flex}.vmContentInput_29GM1{display:flex;position:relative;flex:1;-webkit-backdrop-filter:blur(var(--vmd-control-blur));backdrop-filter:blur(var(--vmd-control-blur))}.vmContentInput_29GM1>svg{position:absolute;width:16px;inset:50% 0;transform:translate(6px,-50%);pointer-events:none;opacity:.7}.vmContentInput_29GM1>input{background:var(--vmd-control-bg);border:1px solid var(--vmd-control-border);color:var(--vmd-control-active-text-input-color);border-radius:4px;outline:0;width:100%;padding:3px 26px;font-size:14px;text-overflow:ellipsis}.vmContentInput_29GM1>input::placeholder{color:var(--vmd-control-active-text-input-placeholder-color)}.inputGhost_J-ksi{position:absolute;inset:0;display:flex;align-items:center;padding:3px 26px;font-size:14px;pointer-events:none;white-space:pre;overflow:hidden;z-index:0}.inputGhostTyped_UxVAJ{color:transparent;white-space:pre}.inputGhostSuggestion_Ys7F3{color:var(--vmd-control-active-text-input-placeholder-color);white-space:pre;opacity:.7}.vmContentInput_29GM1>input.inputWithSuggestion_C9PIe{background:transparent}.vmContentInput_29GM1>button{position:absolute;right:6px;width:16px;transform:translate(4px,-50%);top:50%;opacity:.6;display:none}.vmContentInput_29GM1.filled_6JZa0>svg{opacity:.9}.vmContentInput_29GM1.filled_6JZa0>button{display:block}.gradientBlur_-y-re{position:absolute;top:0;left:0;width:100%;height:calc(100% + 6px);pointer-events:none;background:linear-gradient(to bottom,var(--vmd-overlay-bg) 0%,rgba(0,0,0,0) 100%)}.gradientBlur_-y-re:before{content:"";position:absolute;inset:0;background:transparent;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);-webkit-mask:linear-gradient(to bottom,var(--vmd-overlay-bg) 50%,rgba(0,0,0,0) 100%);mask:linear-gradient(to bottom,var(--vmd-overlay-bg) 50%,rgba(0,0,0,0) 100%)}[data-list-item-operations]{position:relative;right:12px;display:flex;align-items:center;margin-left:auto;gap:4px;width:0;transition:all .15s ease;overflow:hidden}*:has(>[data-list-item-operations]):hover>[data-list-item-operations]{width:auto}[data-list-item-operation]:active{transform:scale(.9)}.property_sD8FG{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:pre;background:var(--vmd-content-bg);height:22px;display:flex;flex-direction:row;align-items:center;position:relative;color:var(--vmd-property-meta-color);padding-left:calc(0px + 28px + (var(--level) * 15px))}.property_sD8FG:hover,.property_sD8FG.isEditMode_S3NAq{background:var(--vmd-content-highlight-bg)}.property_sD8FG.expandable_np03F{cursor:pointer}.property_sD8FG>span{flex:1;overflow:hidden;text-overflow:ellipsis;padding-right:12px;display:flex;flex-direction:row}.property_sD8FG[data-fitted=false]{opacity:.5}.property_sD8FG.instance_jv3IW{--value-color: rgb(190 113 195)}.property_sD8FG.primitive_v6LAV.boolean_Z6znK,.property_sD8FG.primitive_v6LAV.number_U9H45,.property_sD8FG.primitive_v6LAV.object_bHf4I,.property_sD8FG.primitive_v6LAV.bigint_HkgX8,.property_sD8FG.primitive_v6LAV.symbol_oKSwT{--value-color: rgb(89, 153, 205)}.property_sD8FG.primitive_v6LAV.undefined_6CapW,.property_sD8FG.primitive_v6LAV.null_lugoL{--value-color: #499098}.primitive_v6LAV.string_87vm1{--value-color: #af7249}.propertyName_KicXG{color:#ccc}.propertyMeta_Ia9ce{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.propertyValue_fYO2g{color:var(--value-color, var(--vmd-property-meta-color));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.propertyValue_fYO2g:has(+.propertyName_KicXG){margin-right:4px}.property_sD8FG.isEditMode_S3NAq>[data-list-item-operations]{width:auto}.editContent_WSktI{min-width:180px;flex:none;text-overflow:ellipsis;background:transparent;color:var(--vmd-edit-content-color);outline:0;border:1px solid var(--vmd-control-active-text-input-color);border-radius:4px;padding:0 4px}.notifications_50ZEK{position:absolute;z-index:1000;padding:4px;border-radius:4px;background:var(--vmd-control-border);-webkit-backdrop-filter:blur(var(--vmd-base-blur));backdrop-filter:blur(var(--vmd-base-blur));right:8px;left:4px;top:4px;display:flex;flex-direction:column;gap:4px}@keyframes notification-fade-out_1FHX2{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.notification_Yxzo-{animation:notification-fade-out_1FHX2 .25s ease forwards}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode('.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL{position:fixed!important;z-index:999999;width:520px;border-radius:8px;height:calc(100vh - 24px);width:calc(100vw - 34px);max-width:520px;box-shadow:0 5px 20px #0006}.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL.dragging_bOvPC.dragging_bOvPC.dragging_bOvPC.dragging_bOvPC.dragging_bOvPC{transition:none;cursor:grabbing;opacity:.8;z-index:1000}.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL[data-position=top-right]{top:12px;right:12px}.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL[data-position=top-left]{top:12px;left:12px}.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL[data-position=bottom-left]{bottom:12px;left:12px}.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL.vmPopup_0hkGL[data-position=bottom-right]{bottom:12px;right:12px}.closePopupButton_igv9j.closePopupButton_igv9j.closePopupButton_igv9j.closePopupButton_igv9j.closePopupButton_igv9j{width:28px;height:28px;padding:6px;border:0;background:transparent;color:var(--vmd-base-color);display:flex;align-items:center;justify-content:center}html:has(.dragging_bOvPC.dragging_bOvPC.dragging_bOvPC.dragging_bOvPC.dragging_bOvPC) *{-webkit-user-select:none!important;user-select:none!important}.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO{position:fixed;z-index:999999;width:36px;height:36px;border-radius:8px;transition:all .15s ease-in-out;cursor:pointer;-webkit-user-select:none;user-select:none}.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.dragging_kUMCE.dragging_kUMCE.dragging_kUMCE.dragging_kUMCE.dragging_kUMCE{transition:none;cursor:grabbing;opacity:.8;z-index:1000}.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.opened_NYAFW.opened_NYAFW.opened_NYAFW.opened_NYAFW.opened_NYAFW{opacity:0!important;pointer-events:none}.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO[data-position=top-right]{top:12px;right:12px}.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO[data-position=top-left]{top:12px;left:12px}.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO[data-position=bottom-left]{bottom:12px;left:12px}.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO[data-position=bottom-right]{bottom:12px;right:12px}.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO>img{pointer-events:none;position:absolute;inset:0;border-radius:8px}.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO>div{transition:all .15s ease-in-out;position:absolute;inset:0;border-radius:8px;border:2px solid #00000057}.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO:not(.isConnected_eObxX.isConnected_eObxX.isConnected_eObxX.isConnected_eObxX.isConnected_eObxX){filter:grayscale(1)}.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO>.vmsCount_HhX1W.vmsCount_HhX1W.vmsCount_HhX1W.vmsCount_HhX1W.vmsCount_HhX1W{left:-4px;top:-4px;pointer-events:none;position:absolute;display:flex;border-radius:8px;background:#005c26cf;padding:2px;font-weight:600;font-size:12px;line-height:12px;color:#2aff0a}.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO.vmButton_esipO>.keyboardHint_v8eo0.keyboardHint_v8eo0.keyboardHint_v8eo0.keyboardHint_v8eo0.keyboardHint_v8eo0{position:absolute;bottom:-3px;left:-2px;z-index:99999;font-family:monospace;font-weight:700!important;font-size:10px;line-height:10px;background:#1b3b00bf;color:#73ff00d4;letter-spacing:-1px;border-radius:2px}html:has(.dragging_kUMCE.dragging_kUMCE.dragging_kUMCE.dragging_kUMCE.dragging_kUMCE) *{-webkit-user-select:none!important;user-select:none!important}.iconToggleButton_R48wm.iconToggleButton_R48wm.iconToggleButton_R48wm.iconToggleButton_R48wm.iconToggleButton_R48wm{display:flex;align-items:center;gap:2px;position:relative;height:20px;outline:none;border-radius:4px;-webkit-backdrop-filter:blur(var(--vmd-control-blur));backdrop-filter:blur(var(--vmd-control-blur))}.activePosition_IXsRn.activePosition_IXsRn.activePosition_IXsRn.activePosition_IXsRn.activePosition_IXsRn{position:absolute;height:16px;width:16px;padding:1px;box-sizing:content-box!important;background:var(--vmd-control-active-bg);-webkit-backdrop-filter:blur(var(--vmd-base-blur));backdrop-filter:blur(var(--vmd-base-blur));border-radius:4px;transition:all 149ms ease;transform:translate(calc(20px * var(--index)))}.option_a5IcR.option_a5IcR.option_a5IcR.option_a5IcR.option_a5IcR{padding:1px;z-index:1;width:18px;height:18px;display:flex;align-items:center;justify-content:center;transition:all 149ms ease;color:var(--vmd-control-inactive-color)}.option_a5IcR.option_a5IcR.option_a5IcR.option_a5IcR.option_a5IcR.active_6QS-2.active_6QS-2.active_6QS-2.active_6QS-2.active_6QS-2{color:var(--vmd-control-active-color)}.option_a5IcR.option_a5IcR.option_a5IcR.option_a5IcR.option_a5IcR>svg{width:14px;height:14px}:root{--vmd-base-blur: 4px;--vmd-bg: #0c0a19e6;--vmd-overlay-bg: #0e1227bd;--vmd-base-color: #ccc;--vmd-control-active-bg: #e6e6e682;--vmd-control-active-color: #181818;--vmd-control-active-text-input-color: var(--vmd-base-color);--vmd-control-active-text-input-placeholder-color: #a3a3a3;--vmd-control-inactive-color: #8b8b8b;--vmd-control-border: #5b5468a6;--vmd-control-bg: transparent;--vmd-control-blur: 2px;--vmd-bg-transparent: #1f1c2600;--vmd-content-bg: transparent;--vmd-content-highlight-bg: #ffffff1c;--vmd-scrollbar-track-size: 8px;--vmd-scrollbar-bg-base: #81818170;--vmd-scrollbar-bg-active: #818181;--vmd-property-meta-color: #616161;--vmd-primary-bg: #0f6013;--vmd-primary-color: #5ab65e;--vmd-secondary-bg: #6b6902;--vmd-edit-content-color: #97503c;--vmd-header-height: 60px}.root_Xsw1F.root_Xsw1F.root_Xsw1F.root_Xsw1F.root_Xsw1F{display:contents;box-sizing:border-box}.root_Xsw1F.root_Xsw1F.root_Xsw1F.root_Xsw1F.root_Xsw1F *{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:14px;box-sizing:border-box}.root_Xsw1F.root_Xsw1F.root_Xsw1F.root_Xsw1F.root_Xsw1F button{outline:none;background:transparent;border:0;cursor:pointer;margin:0;padding-block:0;padding-inline:0;color:var(--vmd-base-color)}.hierarchyButton_h3FD7.hierarchyButton_h3FD7.hierarchyButton_h3FD7.hierarchyButton_h3FD7.hierarchyButton_h3FD7{width:18px;height:18px;padding:2px;border-radius:6px}.hierarchyButton_h3FD7.hierarchyButton_h3FD7.hierarchyButton_h3FD7.hierarchyButton_h3FD7.hierarchyButton_h3FD7.active_4JTx5.active_4JTx5.active_4JTx5.active_4JTx5.active_4JTx5{background:#f0f0f01f}.treeItemHeader_9gR6Q.treeItemHeader_9gR6Q.treeItemHeader_9gR6Q.treeItemHeader_9gR6Q.treeItemHeader_9gR6Q{display:flex;align-items:center;gap:4px;margin:auto 0;cursor:pointer;z-index:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.treeItemLabel_eiMgP.treeItemLabel_eiMgP.treeItemLabel_eiMgP.treeItemLabel_eiMgP.treeItemLabel_eiMgP{padding:0 4px;border-radius:4px}.treeItemMetaText_cmfX0.treeItemMetaText_cmfX0.treeItemMetaText_cmfX0.treeItemMetaText_cmfX0.treeItemMetaText_cmfX0{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.treeItem_sRXPA.treeItem_sRXPA.treeItem_sRXPA.treeItem_sRXPA.treeItem_sRXPA{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:pre;height:22px;display:flex;flex-direction:row;align-items:center;padding-left:calc(8px + (var(--level) * 20px));position:sticky;top:calc(var(--vmd-header-height) + var(--vmd-control-panel-height));z-index:1}.treeItem_sRXPA.treeItem_sRXPA.treeItem_sRXPA.treeItem_sRXPA.treeItem_sRXPA:hover{background:var(--vmd-content-highlight-bg)}.treeItem_sRXPA.treeItem_sRXPA.treeItem_sRXPA.treeItem_sRXPA.treeItem_sRXPA:not([data-fitted=true])>header{opacity:.6}.vmTreeItem_t-7jc.vmTreeItem_t-7jc.vmTreeItem_t-7jc.vmTreeItem_t-7jc.vmTreeItem_t-7jc .treeItemLabel_eiMgP.treeItemLabel_eiMgP.treeItemLabel_eiMgP.treeItemLabel_eiMgP.treeItemLabel_eiMgP{background:var(--vmd-primary-bg)}.vmTreeItem_t-7jc.vmTreeItem_t-7jc.vmTreeItem_t-7jc.vmTreeItem_t-7jc.vmTreeItem_t-7jc .treeItemMetaText_cmfX0.treeItemMetaText_cmfX0.treeItemMetaText_cmfX0.treeItemMetaText_cmfX0.treeItemMetaText_cmfX0{color:var(--vmd-primary-color)}.extraTreeItem_z3KA1.extraTreeItem_z3KA1.extraTreeItem_z3KA1.extraTreeItem_z3KA1.extraTreeItem_z3KA1 .treeItemLabel_eiMgP.treeItemLabel_eiMgP.treeItemLabel_eiMgP.treeItemLabel_eiMgP.treeItemLabel_eiMgP{background:var(--vmd-secondary-bg)}.expandButton_B24E3.expandButton_B24E3.expandButton_B24E3.expandButton_B24E3.expandButton_B24E3{color:#a0a0a0;opacity:1!important;width:16px;height:16px;font-weight:700;cursor:pointer}.expandButton_B24E3.expandButton_B24E3.expandButton_B24E3.expandButton_B24E3.expandButton_B24E3.expanded_8-pD6.expanded_8-pD6.expanded_8-pD6.expanded_8-pD6.expanded_8-pD6{color:#b8b8b8;transform:rotate(90deg)}.expandButton_B24E3.expandButton_B24E3.expandButton_B24E3.expandButton_B24E3.expandButton_B24E3.disabled_MBq1Q.disabled_MBq1Q.disabled_MBq1Q.disabled_MBq1Q.disabled_MBq1Q{opacity:.35!important}.vmContentVirtualizedContent_LtS91.vmContentVirtualizedContent_LtS91.vmContentVirtualizedContent_LtS91.vmContentVirtualizedContent_LtS91.vmContentVirtualizedContent_LtS91{overflow:hidden}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar]{position:relative;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start;color:var(--vmd-base-color);background:var(--vmd-bg);-webkit-backdrop-filter:blur(var(--vmd-base-blur));backdrop-filter:blur(var(--vmd-base-blur));display:flex;flex-direction:column;overflow:auto;overflow-y:auto;scrollbar-width:thin;overflow-anchor:none}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;inset:0;width:auto!important;height:auto!important;z-index:0}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;inset:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-content-wrapper::-webkit-scrollbar,.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-content:after,.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-content:before{content:" ";display:table}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar].simplebar-dragging,.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-scrollbar:before{position:absolute;content:"";background:var(--vmd-scrollbar-bg-base);border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-track.simplebar-vertical{top:0;width:var(--vmd-scrollbar-track-size)}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-scrollbar:before{inset:2px}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-track.simplebar-horizontal{left:0;height:var(--vmd-scrollbar-track-size)}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-track.simplebar-horizontal .simplebar-scrollbar{inset:0 auto 0 0;min-height:0;min-width:10px;width:auto}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57.vmContent_TIK57[data-simplebar] .simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.vmContentHeader_M1JNM.vmContentHeader_M1JNM.vmContentHeader_M1JNM.vmContentHeader_M1JNM.vmContentHeader_M1JNM{display:flex;flex-direction:column;height:var(--vmd-header-height);flex:none;padding:0 8px;position:sticky;top:0;z-index:2}.vmContentHeaderLogo_FRJDO.vmContentHeaderLogo_FRJDO.vmContentHeaderLogo_FRJDO.vmContentHeaderLogo_FRJDO.vmContentHeaderLogo_FRJDO{width:16px;margin-right:6px}.vmContentHeaderTitle_lYmde.vmContentHeaderTitle_lYmde.vmContentHeaderTitle_lYmde.vmContentHeaderTitle_lYmde.vmContentHeaderTitle_lYmde{display:flex;justify-content:space-between;align-items:center;flex:none;font-weight:600;z-index:1}.vmContentHeaderTitleText_RlIFH.vmContentHeaderTitleText_RlIFH.vmContentHeaderTitleText_RlIFH.vmContentHeaderTitleText_RlIFH.vmContentHeaderTitleText_RlIFH{font-size:16px;margin-right:auto}.vmContentControlPanel_CgUN9.vmContentControlPanel_CgUN9.vmContentControlPanel_CgUN9.vmContentControlPanel_CgUN9.vmContentControlPanel_CgUN9{width:100%;height:var(--vmd-control-panel-height);padding-bottom:4px;flex:none;display:flex;flex-direction:row;z-index:1;gap:4px;overflow:hidden;padding-right:6px}.vmContentControlPanel_CgUN9.vmContentControlPanel_CgUN9.vmContentControlPanel_CgUN9.vmContentControlPanel_CgUN9.vmContentControlPanel_CgUN9.searchIsActive_cJutI.searchIsActive_cJutI.searchIsActive_cJutI.searchIsActive_cJutI.searchIsActive_cJutI>.vmContentControlPanelActions_lONbA.vmContentControlPanelActions_lONbA.vmContentControlPanelActions_lONbA.vmContentControlPanelActions_lONbA.vmContentControlPanelActions_lONbA{margin-left:-106px}.vmContentControlPanelActions_lONbA.vmContentControlPanelActions_lONbA.vmContentControlPanelActions_lONbA.vmContentControlPanelActions_lONbA.vmContentControlPanelActions_lONbA{display:flex;flex-direction:row;align-items:center;gap:6px;transition:all .15s ease}.hiearchyToggleButton_0FTG-.hiearchyToggleButton_0FTG-.hiearchyToggleButton_0FTG-.hiearchyToggleButton_0FTG-.hiearchyToggleButton_0FTG-{display:flex}.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1{display:flex;position:relative;flex:1;-webkit-backdrop-filter:blur(var(--vmd-control-blur));backdrop-filter:blur(var(--vmd-control-blur))}.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1>svg{position:absolute;width:16px;inset:50% 0;transform:translate(6px,-50%);pointer-events:none;opacity:.7}.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1>input{background:var(--vmd-control-bg);border:1px solid var(--vmd-control-border);color:var(--vmd-control-active-text-input-color);border-radius:4px;outline:0;width:100%;padding:3px 26px;font-size:14px;text-overflow:ellipsis}.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1>input::placeholder{color:var(--vmd-control-active-text-input-placeholder-color)}.inputGhost_J-ksi.inputGhost_J-ksi.inputGhost_J-ksi.inputGhost_J-ksi.inputGhost_J-ksi{position:absolute;inset:0;display:flex;align-items:center;padding:3px 26px;font-size:14px;pointer-events:none;white-space:pre;overflow:hidden;z-index:0}.inputGhostTyped_UxVAJ.inputGhostTyped_UxVAJ.inputGhostTyped_UxVAJ.inputGhostTyped_UxVAJ.inputGhostTyped_UxVAJ{color:transparent;white-space:pre}.inputGhostSuggestion_Ys7F3.inputGhostSuggestion_Ys7F3.inputGhostSuggestion_Ys7F3.inputGhostSuggestion_Ys7F3.inputGhostSuggestion_Ys7F3{color:var(--vmd-control-active-text-input-placeholder-color);white-space:pre;opacity:.7}.inputSuggestions_5btGB.inputSuggestions_5btGB.inputSuggestions_5btGB.inputSuggestions_5btGB.inputSuggestions_5btGB{position:absolute;left:35px;top:calc(100% - 10px);display:flex;align-items:flex-start;font-size:14px;white-space:pre;z-index:3}.inputSuggestionsList_3Gl-h.inputSuggestionsList_3Gl-h.inputSuggestionsList_3Gl-h.inputSuggestionsList_3Gl-h.inputSuggestionsList_3Gl-h{min-width:120px;max-width:320px;padding:3px;border:1px solid var(--vmd-control-border);border-radius:5px;background:var(--vmd-control-bg);box-shadow:0 6px 18px #00000059;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.inputSuggestionItem_GcQXp.inputSuggestionItem_GcQXp.inputSuggestionItem_GcQXp.inputSuggestionItem_GcQXp.inputSuggestionItem_GcQXp{display:flex;align-items:baseline;cursor:pointer;gap:6px;padding:1px 2px;border-radius:3px;color:var(--vmd-control-active-text-input-placeholder-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inputSuggestionOwner_cMrNk.inputSuggestionOwner_cMrNk.inputSuggestionOwner_cMrNk.inputSuggestionOwner_cMrNk.inputSuggestionOwner_cMrNk{flex:none;max-width:90px;font-size:10px;line-height:1;overflow:hidden;text-overflow:ellipsis;background:var(--vmd-primary-bg);color:#fff;padding:2px;direction:rtl;border-radius:3px;opacity:.85}.inputSuggestionValue_6fYPI.inputSuggestionValue_6fYPI.inputSuggestionValue_6fYPI.inputSuggestionValue_6fYPI.inputSuggestionValue_6fYPI{overflow:hidden;text-overflow:ellipsis}.inputSuggestionItem_GcQXp.inputSuggestionItem_GcQXp.inputSuggestionItem_GcQXp.inputSuggestionItem_GcQXp.inputSuggestionItem_GcQXp.selected_OPRUb.selected_OPRUb.selected_OPRUb.selected_OPRUb.selected_OPRUb{color:var(--vmd-control-active-text-input-color);background:var(--vmd-content-highlight-bg)}.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1>input.inputWithSuggestion_C9PIe.inputWithSuggestion_C9PIe.inputWithSuggestion_C9PIe.inputWithSuggestion_C9PIe.inputWithSuggestion_C9PIe{background:transparent}.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1>button{position:absolute;right:6px;width:16px;transform:translate(4px,-50%);top:50%;opacity:.6;display:none}.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.filled_6JZa0.filled_6JZa0.filled_6JZa0.filled_6JZa0.filled_6JZa0>svg{opacity:.9}.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.vmContentInput_29GM1.filled_6JZa0.filled_6JZa0.filled_6JZa0.filled_6JZa0.filled_6JZa0>button{display:block}.gradientBlur_-y-re.gradientBlur_-y-re.gradientBlur_-y-re.gradientBlur_-y-re.gradientBlur_-y-re{position:absolute;top:0;left:0;width:100%;height:calc(100% + 6px);pointer-events:none;background:linear-gradient(to bottom,var(--vmd-overlay-bg) 0%,rgba(0,0,0,0) 100%)}.gradientBlur_-y-re.gradientBlur_-y-re.gradientBlur_-y-re.gradientBlur_-y-re.gradientBlur_-y-re:before{content:"";position:absolute;inset:0;background:transparent;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);-webkit-mask:linear-gradient(to bottom,var(--vmd-overlay-bg) 50%,rgba(0,0,0,0) 100%);mask:linear-gradient(to bottom,var(--vmd-overlay-bg) 50%,rgba(0,0,0,0) 100%)}[data-list-item-operations]{position:relative;right:12px;display:flex;align-items:center;margin-left:auto;gap:4px;width:0;transition:all .15s ease;overflow:hidden}*:has(>[data-list-item-operations]):hover>[data-list-item-operations]{width:auto}[data-list-item-operation]:active{transform:scale(.9)}.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:pre;background:var(--vmd-content-bg);height:22px;display:flex;flex-direction:row;align-items:center;position:relative;color:var(--vmd-property-meta-color);padding-left:calc(0px + 28px + (var(--level) * 15px))}.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG:hover,.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.isEditMode_S3NAq.isEditMode_S3NAq.isEditMode_S3NAq.isEditMode_S3NAq.isEditMode_S3NAq{background:var(--vmd-content-highlight-bg)}.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.expandable_np03F.expandable_np03F.expandable_np03F.expandable_np03F.expandable_np03F{cursor:pointer}.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG>span{flex:1;overflow:hidden;text-overflow:ellipsis;padding-right:12px;display:flex;flex-direction:row}.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG[data-fitted=false]{opacity:.5}.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.instance_jv3IW.instance_jv3IW.instance_jv3IW.instance_jv3IW.instance_jv3IW{--value-color: rgb(190 113 195)}.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.boolean_Z6znK.boolean_Z6znK.boolean_Z6znK.boolean_Z6znK.boolean_Z6znK,.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.number_U9H45.number_U9H45.number_U9H45.number_U9H45.number_U9H45,.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.object_bHf4I.object_bHf4I.object_bHf4I.object_bHf4I.object_bHf4I,.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.bigint_HkgX8.bigint_HkgX8.bigint_HkgX8.bigint_HkgX8.bigint_HkgX8,.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.symbol_oKSwT.symbol_oKSwT.symbol_oKSwT.symbol_oKSwT.symbol_oKSwT{--value-color: rgb(89, 153, 205)}.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.undefined_6CapW.undefined_6CapW.undefined_6CapW.undefined_6CapW.undefined_6CapW,.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.null_lugoL.null_lugoL.null_lugoL.null_lugoL.null_lugoL{--value-color: #499098}.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.primitive_v6LAV.string_87vm1.string_87vm1.string_87vm1.string_87vm1.string_87vm1{--value-color: #af7249}.propertyName_KicXG.propertyName_KicXG.propertyName_KicXG.propertyName_KicXG.propertyName_KicXG{color:#ccc}.propertyMeta_Ia9ce.propertyMeta_Ia9ce.propertyMeta_Ia9ce.propertyMeta_Ia9ce.propertyMeta_Ia9ce{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.propertyValue_fYO2g.propertyValue_fYO2g.propertyValue_fYO2g.propertyValue_fYO2g.propertyValue_fYO2g{color:var(--value-color, var(--vmd-property-meta-color));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.propertyValue_fYO2g.propertyValue_fYO2g.propertyValue_fYO2g.propertyValue_fYO2g.propertyValue_fYO2g:has(+.propertyName_KicXG.propertyName_KicXG.propertyName_KicXG.propertyName_KicXG.propertyName_KicXG){margin-right:4px}.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.property_sD8FG.isEditMode_S3NAq.isEditMode_S3NAq.isEditMode_S3NAq.isEditMode_S3NAq.isEditMode_S3NAq>[data-list-item-operations]{width:auto}.editContent_WSktI.editContent_WSktI.editContent_WSktI.editContent_WSktI.editContent_WSktI{min-width:180px;flex:none;text-overflow:ellipsis;background:transparent;color:var(--vmd-edit-content-color);outline:0;border:1px solid var(--vmd-control-active-text-input-color);border-radius:4px;padding:0 4px}.notifications_50ZEK.notifications_50ZEK.notifications_50ZEK.notifications_50ZEK.notifications_50ZEK{position:absolute;z-index:1000;padding:4px;border-radius:4px;background:var(--vmd-control-border);-webkit-backdrop-filter:blur(var(--vmd-base-blur));backdrop-filter:blur(var(--vmd-base-blur));right:8px;left:4px;top:4px;display:flex;flex-direction:column;gap:4px}@keyframes notification-fade-out_1FHX2{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.notification_Yxzo-.notification_Yxzo-.notification_Yxzo-.notification_Yxzo-.notification_Yxzo-{animation:notification-fade-out_1FHX2 .25s ease forwards}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -10892,11 +10892,11 @@ function requireReactDom_development() {
             selectedValue["$" + selectedValues[i]] = true;
           }
           for (var _i = 0; _i < options2.length; _i++) {
-            var selected = selectedValue.hasOwnProperty("$" + options2[_i].value);
-            if (options2[_i].selected !== selected) {
-              options2[_i].selected = selected;
+            var selected2 = selectedValue.hasOwnProperty("$" + options2[_i].value);
+            if (options2[_i].selected !== selected2) {
+              options2[_i].selected = selected2;
             }
-            if (selected && setDefaultSelected) {
+            if (selected2 && setDefaultSelected) {
               options2[_i].defaultSelected = true;
             }
           }
@@ -38024,7 +38024,7 @@ function getAllKeys(instance2) {
     }
     currentPrototype = nextPrototype;
   }
-  return Array.from(keysSet);
+  return [...keysSet];
 }
 class MetaListItem extends ListItem {
   constructor(devtools, key, content, _depth) {
@@ -38480,9 +38480,14 @@ const vmContentInput = "vmContentInput_29GM1";
 const inputGhost = "inputGhost_J-ksi";
 const inputGhostTyped = "inputGhostTyped_UxVAJ";
 const inputGhostSuggestion = "inputGhostSuggestion_Ys7F3";
+const inputSuggestions = "inputSuggestions_5btGB";
+const inputSuggestionsList = "inputSuggestionsList_3Gl-h";
+const inputSuggestionItem = "inputSuggestionItem_GcQXp";
+const inputSuggestionOwner = "inputSuggestionOwner_cMrNk";
+const inputSuggestionValue = "inputSuggestionValue_6fYPI";
+const selected = "selected_OPRUb";
 const inputWithSuggestion = "inputWithSuggestion_C9PIe";
 const filled = "filled_6JZa0";
-const vmContentVirtualScroll = "vmContentVirtualScroll_TVyLu";
 const gradientBlur = "gradientBlur_-y-re";
 const css$2 = {
   expandButton,
@@ -38501,9 +38506,14 @@ const css$2 = {
   inputGhost,
   inputGhostTyped,
   inputGhostSuggestion,
+  inputSuggestions,
+  inputSuggestionsList,
+  inputSuggestionItem,
+  inputSuggestionOwner,
+  inputSuggestionValue,
+  selected,
   inputWithSuggestion,
   filled,
-  vmContentVirtualScroll,
   gradientBlur
 };
 const ExpandButton = ({
@@ -38639,7 +38649,6 @@ const MetaListItemRender = observer(
         className: cx(css$1.property, css$1.primitive),
         style: { "--level": item.depth },
         "data-fitted": item.devtools.searchEngine.isItemFitted(item),
-        title: item.stringifiedData,
         "data-depth": item.depthLine,
         children: item.content
       },
@@ -39738,14 +39747,13 @@ const skipEvent = (e) => {
 };
 const FunctionPropertyContent = observer(
   ({ item }) => {
-    const argLabels = Array.from(
-      { length: item.data.length },
+    const argLabels = [...Array(item.data.length)].map(
       (_14, i) => `arg${i + 1}`
     );
     return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(jsxDevRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css$1.propertyName, children: item.property }, void 0, false, {
         fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/list-items/property-list-item-render/function.tsx",
-        lineNumber: 15,
+        lineNumber: 14,
         columnNumber: 9
       }, void 0),
       item.isEditMode ? /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(jsxDevRuntimeExports.Fragment, { children: [
@@ -39763,7 +39771,7 @@ const FunctionPropertyContent = observer(
           false,
           {
             fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/list-items/property-list-item-render/function.tsx",
-            lineNumber: 19,
+            lineNumber: 18,
             columnNumber: 13
           },
           void 0
@@ -39771,12 +39779,12 @@ const FunctionPropertyContent = observer(
         `)`
       ] }, void 0, true, {
         fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/list-items/property-list-item-render/function.tsx",
-        lineNumber: 17,
+        lineNumber: 16,
         columnNumber: 11
       }, void 0) : `(${argLabels.join(", ")})`
     ] }, void 0, true, {
       fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/list-items/property-list-item-render/function.tsx",
-      lineNumber: 14,
+      lineNumber: 13,
       columnNumber: 7
     }, void 0);
   }
@@ -39929,7 +39937,6 @@ const PropertyListItemRender = observer(
         }),
         style: { "--level": item.depth, "--order": item.order },
         "data-fitted": item.devtools.searchEngine.isItemFitted(item),
-        title: item.stringifiedData,
         onClick: (e) => item.devtools.handlePropertyClick(item, e),
         "data-depth": item.depthLine,
         children: [
@@ -39938,12 +39945,12 @@ const PropertyListItemRender = observer(
             item.extraContent
           ] }, void 0, true, {
             fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/list-items/property-list-item-render/index.tsx",
-            lineNumber: 62,
+            lineNumber: 61,
             columnNumber: 9
           }, void 0),
           /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(ListItemOperations, { item }, void 0, false, {
             fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/list-items/property-list-item-render/index.tsx",
-            lineNumber: 66,
+            lineNumber: 65,
             columnNumber: 9
           }, void 0)
         ]
@@ -40185,7 +40192,7 @@ const Notifications = withViewModel(NotificationsVM, ({ model }) => {
   if (!model.items.size) {
     return null;
   }
-  return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { className: css.notifications, children: Array.from(model.items.values()).map((item) => /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { className: css.notification, children: item.title }, item.id, false, {
+  return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { className: css.notifications, children: [...model.items.values()].map((item) => /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { className: css.notification, children: item.title }, item.id, false, {
     fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/notifications/index.tsx",
     lineNumber: 13,
     columnNumber: 9
@@ -40336,6 +40343,8 @@ const VmDevtoolsContent = withViewModel(
                         value: devtools.searchEngine.searchText,
                         onChange: devtools.searchEngine.handleSearchInput,
                         onKeyDown: devtools.searchEngine.handleKeyDown,
+                        onFocus: devtools.searchEngine.handleSearchInputFocus,
+                        onBlur: devtools.searchEngine.handleSearchInputBlur,
                         placeholder: devtools.searchEngine.suggestionSuffix ? "" : "search by property path or ViewModel name",
                         className: devtools.searchEngine.suggestionSuffix ? css$2.inputWithSuggestion : void 0
                       },
@@ -40350,11 +40359,11 @@ const VmDevtoolsContent = withViewModel(
                     ),
                     /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("button", { onClick: devtools.searchEngine.resetSearch, children: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(Xmark, {}, void 0, false, {
                       fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
-                      lineNumber: 108,
+                      lineNumber: 110,
                       columnNumber: 17
                     }, void 0) }, void 0, false, {
                       fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
-                      lineNumber: 107,
+                      lineNumber: 109,
                       columnNumber: 15
                     }, void 0)
                   ]
@@ -40367,7 +40376,61 @@ const VmDevtoolsContent = withViewModel(
                   columnNumber: 13
                 },
                 void 0
-              )
+              ),
+              devtools.searchEngine.shouldShowSuggestions && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { className: css$2.inputSuggestions, "aria-hidden": "true", children: [
+                /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css$2.inputGhostTyped, children: devtools.searchEngine.searchText }, void 0, false, {
+                  fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
+                  lineNumber: 115,
+                  columnNumber: 19
+                }, void 0),
+                /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { className: css$2.inputSuggestionsList, children: devtools.searchEngine.suggestionItems.map((suggestion, index) => /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+                  "div",
+                  {
+                    onMouseEnter: () => {
+                      devtools.searchEngine.selectSuggestionAtIndex(index);
+                    },
+                    onMouseDown: (e) => {
+                      e.preventDefault();
+                      devtools.searchEngine.applySuggestionFromClick(
+                        suggestion,
+                        index
+                      );
+                    },
+                    className: cx(
+                      css$2.inputSuggestionItem,
+                      index === devtools.searchEngine.selectedSuggestionIndex && css$2.selected
+                    ),
+                    children: [
+                      !devtools.searchEngine.isNestedSearch && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css$2.inputSuggestionOwner, children: suggestion.vmName }, void 0, false, {
+                        fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
+                        lineNumber: 138,
+                        columnNumber: 27
+                      }, void 0),
+                      /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css$2.inputSuggestionValue, children: suggestion.value }, void 0, false, {
+                        fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
+                        lineNumber: 142,
+                        columnNumber: 25
+                      }, void 0)
+                    ]
+                  },
+                  `${suggestion.ownerKey}/${suggestion.value}`,
+                  true,
+                  {
+                    fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
+                    lineNumber: 120,
+                    columnNumber: 23
+                  },
+                  void 0
+                )) }, void 0, false, {
+                  fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
+                  lineNumber: 118,
+                  columnNumber: 19
+                }, void 0)
+              ] }, void 0, true, {
+                fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
+                lineNumber: 114,
+                columnNumber: 17
+              }, void 0)
             ] }, void 0, true, {
               fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
               lineNumber: 47,
@@ -40393,7 +40456,7 @@ const VmDevtoolsContent = withViewModel(
                 false,
                 {
                   fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
-                  lineNumber: 117,
+                  lineNumber: 156,
                   columnNumber: 11
                 },
                 void 0
@@ -40403,7 +40466,7 @@ const VmDevtoolsContent = withViewModel(
             false,
             {
               fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
-              lineNumber: 113,
+              lineNumber: 152,
               columnNumber: 9
             },
             void 0
@@ -40623,24 +40686,48 @@ class SearchEngine {
     this.searchInputRef = createFocusableRef();
     makeObservable(this, {
       searchText: observable.ref,
+      searchTextToSearch: observable.ref,
+      selectedSuggestionIndex: observable.ref,
+      isSearchInputFocused: observable.ref,
+      isSuggestionsDismissed: observable.ref,
+      selectedPathOwnerKey: observable.ref,
+      selectedPathSegment: observable.ref,
       formattedSearchText: computed,
       segments: computed.struct,
       endsWithDot: computed,
+      isNestedSearch: computed,
       isActive: computed,
+      isSearchTextDebouncing: computed,
+      shouldShowSuggestions: computed,
+      suggestionItems: computed.struct,
+      selectedSuggestion: computed,
       suggestionSuffix: computed,
+      selectSuggestionAtIndex: action,
+      applySuggestion: action,
+      applySuggestionFromClick: action,
       handleSearchInput: action,
+      handleSearchInputFocus: action,
+      handleSearchInputBlur: action,
       handleKeyDown: action,
       resetSearch: action
     });
   }
   searchInputRef;
   searchText = "";
+  searchTextToSearch = "";
+  selectedSuggestionIndex = 0;
+  isSearchInputFocused = false;
+  isSuggestionsDismissed = false;
+  selectedPathOwnerKey = null;
+  selectedPathSegment = null;
   searchCacheKey = "";
   isSearching = false;
+  searchTextToSearchTimeout = null;
   scrollToSearchMatchTimeout = null;
+  static searchDebounceMs = 150;
   static itemHeight = 22;
   get formattedSearchText() {
-    return this.searchText.toLowerCase().trim();
+    return this.searchTextToSearch.toLowerCase().trim();
   }
   /**
    * Сегменты поиска, разбитые по точке.
@@ -40652,45 +40739,243 @@ class SearchEngine {
     return all[all.length - 1] === "" ? all.slice(0, -1) : all;
   }
   get endsWithDot() {
-    return this.searchText.trim().endsWith(".");
+    return this.searchTextToSearch.trim().endsWith(".");
+  }
+  get isNestedSearch() {
+    return this.endsWithDot || this.segments.length > 1;
   }
   get isActive() {
     return this.formattedSearchText.length > 0;
   }
-  /**
-   * Суффикс первого найденного свойства, которое начинается с последнего сегмента.
-   * Отображается как серая подсказка в инпуте.
-   * Например: ввод "_pay" → suggestionSuffix = "load" (от "_payload")
-   */
-  get suggestionSuffix() {
-    if (!this.isActive) return "";
-    const { segments } = this;
-    if (segments.length === 0) return "";
-    const completingSegment = this.endsWithDot ? "" : segments[segments.length - 1];
-    if (!this.endsWithDot && !completingSegment) return "";
+  get isSearchTextDebouncing() {
+    return this.searchText !== this.searchTextToSearch;
+  }
+  get shouldShowSuggestions() {
+    return this.isSearchInputFocused && !this.isSuggestionsDismissed && this.suggestionItems.length > 0;
+  }
+  get suggestionItems() {
+    if (this.isSearchTextDebouncing && !this.searchText.includes(".")) return [];
+    return this.buildSuggestionItemsForText(this.getActiveSearchText());
+  }
+  getActiveSearchText() {
+    if (this.searchText.includes(".")) {
+      return this.searchText;
+    }
+    return this.searchTextToSearch;
+  }
+  buildSuggestionItemsForText(text2) {
+    const formatted = text2.toLowerCase().trim();
+    if (!formatted) return [];
+    const all = formatted.split(".");
+    const segments = all[all.length - 1] === "" ? all.slice(0, -1) : all;
+    if (segments.length === 0) return [];
+    const endsWithDot = text2.trim().endsWith(".");
+    const completingSegment = endsWithDot ? "" : segments[segments.length - 1];
+    if (!endsWithDot && !completingSegment) return [];
     const rootItems = this.config.getRootItems();
-    const pathSegments = this.endsWithDot ? segments : segments.slice(0, -1);
+    const pathSegments = endsWithDot ? segments : segments.slice(0, -1);
     const candidates = this.getCandidatePropsAtDepth(rootItems, pathSegments);
+    const suggestionsByVM = /* @__PURE__ */ new Map();
+    const seen = /* @__PURE__ */ new Set();
     for (const prop of candidates) {
       const nameLower = prop.searchData.property;
       const nameOriginal = prop.property ?? "";
-      if (nameLower.startsWith(completingSegment) && nameLower.length > completingSegment.length) {
-        return nameOriginal.slice(completingSegment.length);
+      const vmName = this.getOwnerVMName(prop);
+      const ownerKey = this.getOwnerKey(prop);
+      const uniqueKey = `${ownerKey}/${nameLower}`;
+      if (nameLower.startsWith(completingSegment) && nameLower.length >= completingSegment.length) {
+        if (seen.has(uniqueKey)) continue;
+        seen.add(uniqueKey);
+        const suggestions = suggestionsByVM.get(vmName) ?? [];
+        suggestions.push({
+          value: nameOriginal,
+          suffix: nameOriginal.slice(completingSegment.length),
+          vmName,
+          ownerKey
+        });
+        suggestionsByVM.set(vmName, suggestions);
       }
     }
-    return "";
+    const result = [];
+    const groups = [...suggestionsByVM.values()];
+    let offset = 0;
+    while (result.length < 10) {
+      let hasSuggestion = false;
+      for (const group of groups) {
+        const suggestion = group[offset];
+        if (!suggestion) continue;
+        result.push(suggestion);
+        hasSuggestion = true;
+        if (result.length >= 10) {
+          return result;
+        }
+      }
+      if (!hasSuggestion) break;
+      offset++;
+    }
+    return result;
+  }
+  get selectedSuggestion() {
+    if (this.suggestionItems.length === 0) return null;
+    const index = Math.min(
+      this.selectedSuggestionIndex,
+      this.suggestionItems.length - 1
+    );
+    return this.suggestionItems[index] ?? null;
+  }
+  /**
+   * Суффикс выбранного свойства, которое начинается с последнего сегмента.
+   * Отображается как серая подсказка в инпуте.
+   * Например: ввод "_pay" → suggestionSuffix = "load" (от "_payload")
+   */
+  get suggestionSuffix() {
+    return this.selectedSuggestion?.suffix ?? "";
   }
+  selectSuggestionAtIndex = (index) => {
+    if (index < 0 || index >= this.suggestionItems.length) return;
+    this.selectedSuggestionIndex = index;
+    this.isSuggestionsDismissed = false;
+  };
+  applySuggestion = (suggestion, options) => {
+    this.clearSearchDebounce();
+    const hadPathSyntax = this.searchText.includes(".");
+    const nextSearchText = this.searchText + suggestion.suffix;
+    this.searchText = nextSearchText;
+    this.searchTextToSearch = nextSearchText;
+    this.selectedSuggestionIndex = 0;
+    this.isSuggestionsDismissed = options?.dismissSuggestions ?? false;
+    const lockedSegment = hadPathSyntax ? this.getFirstPathSegment(nextSearchText) : void 0;
+    if (options?.commitOwner) {
+      this.commitSuggestionOwner(suggestion, lockedSegment);
+    } else if (!hadPathSyntax) {
+      this.commitSuggestionOwner(suggestion);
+    } else if (!this.selectedPathOwnerKey) {
+      this.commitSuggestionOwner(suggestion, lockedSegment);
+    }
+    this.searchInputRef.current?.focus();
+    this.scheduleScrollToFirstSearchMatch();
+  };
+  applySuggestionFromClick = (suggestion, index) => {
+    this.selectSuggestionAtIndex(index);
+    this.applySuggestion(suggestion, { commitOwner: true });
+  };
   handleSearchInput = (e) => {
+    const previousSearchText = this.searchText;
+    const previousSelectedSuggestion = this.selectedSuggestion;
     this.searchText = e.target.value;
-    this.scheduleScrollToFirstSearchMatch();
+    this.isSuggestionsDismissed = false;
+    this.handlePathOwnerSelectionFromInput(
+      previousSearchText,
+      this.searchText,
+      previousSelectedSuggestion
+    );
+    this.selectedSuggestionIndex = 0;
+    this.scheduleSearchTextDebounce();
+  };
+  handleSearchInputFocus = (_e) => {
+    this.isSearchInputFocused = true;
+    this.isSuggestionsDismissed = false;
+  };
+  handleSearchInputBlur = (_e) => {
+    this.isSearchInputFocused = false;
   };
   handleKeyDown = (e) => {
-    if (e.key === "Tab" && this.suggestionSuffix) {
+    if (e.key === "Escape") {
+      e.preventDefault();
+      e.stopPropagation();
+      this.isSuggestionsDismissed = true;
+      return;
+    }
+    if (e.key === "ArrowDown" && this.suggestionItems.length > 0) {
+      e.preventDefault();
+      this.selectedSuggestionIndex = (this.selectedSuggestionIndex + 1) % this.suggestionItems.length;
+      return;
+    }
+    if (e.key === "ArrowUp" && this.suggestionItems.length > 0) {
       e.preventDefault();
-      this.searchText += this.suggestionSuffix;
-      this.scheduleScrollToFirstSearchMatch();
+      this.selectedSuggestionIndex = (this.selectedSuggestionIndex - 1 + this.suggestionItems.length) % this.suggestionItems.length;
+      return;
+    }
+    if ((e.key === "Tab" || e.key === "Enter") && this.selectedSuggestion) {
+      e.preventDefault();
+      this.applySuggestion(this.selectedSuggestion, {
+        dismissSuggestions: e.key === "Enter"
+      });
     }
   };
+  commitSuggestionOwner(suggestion, lockedSegment) {
+    this.selectedPathOwnerKey = suggestion.ownerKey;
+    this.selectedPathSegment = lockedSegment ?? suggestion.value.toLowerCase().trim();
+  }
+  handlePathOwnerSelectionFromInput(previousSearchText, nextSearchText, previousSelectedSuggestion) {
+    const addedDot = nextSearchText.endsWith(".") && nextSearchText === `${previousSearchText}.`;
+    const enteredPathSyntax = nextSearchText.includes(".") && !previousSearchText.includes(".");
+    if (addedDot || enteredPathSyntax) {
+      const pathSegment = this.getFirstPathSegment(
+        addedDot ? previousSearchText : nextSearchText
+      );
+      if (this.selectedPathOwnerKey && this.selectedPathSegment === pathSegment) {
+        this.searchTextToSearch = nextSearchText;
+        this.clearSearchDebounce();
+        return;
+      }
+      const suggestion = addedDot && previousSelectedSuggestion && previousSelectedSuggestion.value.toLowerCase() === pathSegment ? previousSelectedSuggestion : this.resolvePathOwnerSuggestion(
+        pathSegment,
+        this.selectedSuggestionIndex
+      );
+      if (suggestion) {
+        this.commitSuggestionOwner(suggestion, pathSegment);
+      }
+      this.searchTextToSearch = nextSearchText;
+      this.clearSearchDebounce();
+      return;
+    }
+    const firstSegment = nextSearchText.toLowerCase().trim().split(".")[0] ?? "";
+    if (!nextSearchText.includes(".") || !firstSegment || firstSegment !== this.selectedPathSegment) {
+      this.selectedPathOwnerKey = null;
+      this.selectedPathSegment = null;
+    }
+  }
+  /**
+   * При вводе точки debounce ещё не применил searchTextToSearch,
+   * поэтому owner берём из подсказок предыдущего сегмента.
+   * Если пользователь явно не выбирал — берём exact-match `service`, иначе первый в списке.
+   */
+  getFirstPathSegment(text2) {
+    return text2.toLowerCase().trim().split(".")[0] ?? "";
+  }
+  resolvePathOwnerSuggestion(pathSegment, selectedIndex) {
+    if (!pathSegment) return null;
+    const items = this.buildSuggestionItemsForText(pathSegment);
+    if (items.length === 0) return null;
+    const exactMatches = items.filter(
+      (item) => item.value.toLowerCase() === pathSegment
+    );
+    if (exactMatches.length > 0) {
+      return exactMatches[Math.min(selectedIndex, exactMatches.length - 1)] ?? exactMatches[0];
+    }
+    return items[Math.min(selectedIndex, items.length - 1)] ?? items[0];
+  }
+  clearSearchDebounce() {
+    if (this.searchTextToSearchTimeout) {
+      clearTimeout(this.searchTextToSearchTimeout);
+      this.searchTextToSearchTimeout = null;
+    }
+  }
+  scheduleSearchTextDebounce() {
+    this.clearSearchDebounce();
+    if (!this.searchText.trim()) {
+      this.searchTextToSearch = "";
+      return;
+    }
+    this.searchTextToSearchTimeout = setTimeout(() => {
+      runInAction(() => {
+        this.searchTextToSearchTimeout = null;
+        this.searchTextToSearch = this.searchText;
+        this.scheduleScrollToFirstSearchMatch();
+      });
+    }, SearchEngine.searchDebounceMs);
+  }
   scheduleScrollToFirstSearchMatch() {
     if (this.scrollToSearchMatchTimeout) {
       clearTimeout(this.scrollToSearchMatchTimeout);
@@ -40742,52 +41027,70 @@ class SearchEngine {
    */
   getCandidatePropsAtDepth(rootItems, pathSegments) {
     const allVMs = this.collectAllVMs(rootItems);
+    const extras = rootItems.filter(
+      (item) => item instanceof ExtraListItem
+    );
     if (pathSegments.length === 0) {
-      const props = [];
-      for (const vm of allVMs) {
-        props.push(
-          ...vm.children.filter(
-            (c) => c instanceof PropertyListItem
-          )
-        );
-      }
-      return props;
+      return [...allVMs, ...extras].flatMap(
+        (item) => this.getDirectPropertyChildren(item)
+      );
     }
     const firstSeg = pathSegments[0];
     const result = [];
     for (const vm of allVMs) {
-      const directProps = vm.children.filter(
-        (c) => c instanceof PropertyListItem
-      );
+      if (!this.isOwnerAllowedForFirstPathSegment(vm, firstSeg)) continue;
+      const directProps = this.getDirectPropertyChildren(vm);
       const firstSegmentIsExactProperty = directProps.some(
         (prop) => prop.searchData.property === firstSeg
       );
       const vmNameMatch = !firstSegmentIsExactProperty && (vm.searchData.name.includes(firstSeg) || vm.searchData.id.includes(firstSeg));
       if (vmNameMatch) {
-        if (pathSegments.length === 1) {
-          result.push(...directProps);
-        } else {
-          result.push(
-            ...this.navigatePropertyPath(directProps, pathSegments.slice(1))
-          );
-        }
+        result.push(...this.getOwnerMatchedPathCandidates(directProps, pathSegments));
       } else if (firstSegmentIsExactProperty) {
-        const matchingProps = this.getPathMatchingProps(directProps, firstSeg);
-        if (pathSegments.length === 1) {
-          for (const prop of matchingProps) {
-            result.push(...prop.children);
-          }
-        } else {
-          for (const prop of matchingProps) {
-            result.push(
-              ...this.navigatePropertyPath(prop.children, pathSegments.slice(1))
-            );
-          }
-        }
+        result.push(...this.getPropertyPathCandidates(directProps, pathSegments));
       }
     }
+    for (const extra of extras) {
+      if (!this.isOwnerAllowedForFirstPathSegment(extra, firstSeg)) continue;
+      const directProps = this.getDirectPropertyChildren(extra);
+      const firstSegmentIsExactProperty = directProps.some(
+        (prop) => prop.searchData.property === firstSeg
+      );
+      if (!firstSegmentIsExactProperty) continue;
+      result.push(...this.getPropertyPathCandidates(directProps, pathSegments));
+    }
     return result;
   }
+  getOwnerMatchedPathCandidates(directProps, pathSegments) {
+    if (pathSegments.length === 1) {
+      return directProps;
+    }
+    return this.navigatePropertyPath(directProps, pathSegments.slice(1));
+  }
+  getPropertyPathCandidates(directProps, pathSegments) {
+    const [firstSeg, ...restSegments] = pathSegments;
+    const matchingProps = this.getPathMatchingProps(directProps, firstSeg);
+    if (restSegments.length === 0) {
+      return matchingProps.flatMap((prop) => prop.children);
+    }
+    return matchingProps.flatMap(
+      (prop) => this.navigatePropertyPath(prop.children, restSegments)
+    );
+  }
+  getDirectPropertyChildren(item) {
+    return item.children.filter(
+      (child) => child instanceof PropertyListItem
+    );
+  }
+  isOwnerAllowedForFirstPathSegment(owner, firstSegment) {
+    if (!this.selectedPathOwnerKey || this.selectedPathSegment !== firstSegment) {
+      return true;
+    }
+    return owner.key === this.selectedPathOwnerKey;
+  }
+  isPathOwnerLockedToAnotherOwner(owner, firstSegment) {
+    return !this.isOwnerAllowedForFirstPathSegment(owner, firstSegment);
+  }
   /**
    * Уже введённый path-сегмент должен совпадать строго:
    * `product.` заходит только в `product`, а не в `productAsyncTasks`
@@ -40796,6 +41099,26 @@ class SearchEngine {
   getPathMatchingProps(props, segment) {
     return props.filter((p) => p.searchData.property === segment);
   }
+  getOwnerVMName(item) {
+    let parent = item.parentListItem;
+    while (parent instanceof PropertyListItem) {
+      parent = parent.parentListItem;
+    }
+    if (parent instanceof VMListItem) {
+      return parent.displayName;
+    }
+    if (parent instanceof ExtraListItem) {
+      return parent.displayName;
+    }
+    return "";
+  }
+  getOwnerKey(item) {
+    let parent = item.parentListItem;
+    while (parent instanceof PropertyListItem) {
+      parent = parent.parentListItem;
+    }
+    return parent.key;
+  }
   /**
    * Навигация вглубь по цепочке свойств.
    * Возвращает свойства на нужной глубине.
@@ -40864,12 +41187,32 @@ class SearchEngine {
       return this.getVMSearchItems(item);
     }
     if (item instanceof ExtraListItem) {
-      return item.isExpanded ? [item, ...item.children] : [item];
+      return this.getExtraSearchItems(item);
     }
     return [item];
   }
+  getExtraSearchItems(item) {
+    if (this.isPathOwnerLockedToAnotherOwner(item, this.segments[0] ?? "")) {
+      return [];
+    }
+    const directProps = this.getDirectPropertyChildren(item);
+    const matchesByProperty = directProps.some(
+      (prop) => prop.searchData.property.includes(this.segments[0] ?? "")
+    );
+    if (!matchesByProperty) return [];
+    return [item, ...this.getPropertySearchItems(directProps, this.segments)];
+  }
   getVMSearchItems(vmItem) {
     const result = [];
+    const firstSeg = this.segments[0] ?? "";
+    if (this.isPathOwnerLockedToAnotherOwner(vmItem, firstSeg)) {
+      for (const child of vmItem.children) {
+        if (child instanceof VMListItem) {
+          result.push(...this.getVMSearchItems(child));
+        }
+      }
+      return result;
+    }
     if (!this.vmMatchesSearch(vmItem)) {
       for (const child of vmItem.children) {
         if (child instanceof VMListItem) {
@@ -40880,7 +41223,6 @@ class SearchEngine {
     }
     result.push(vmItem);
     const { segments } = this;
-    const firstSeg = segments[0] ?? "";
     const directProps = vmItem.children.filter(
       (c) => c instanceof PropertyListItem
     );
@@ -40936,6 +41278,9 @@ class SearchEngine {
     const { segments } = this;
     if (segments.length === 0) return true;
     const firstSegment = segments[0];
+    if (this.isPathOwnerLockedToAnotherOwner(item, firstSegment)) {
+      return false;
+    }
     if (item.searchData.name.includes(firstSegment) || item.searchData.id.includes(firstSegment)) {
       return true;
     }
@@ -40966,6 +41311,7 @@ class SearchEngine {
     const { segments } = this;
     if (segments.length === 0) return false;
     const firstSeg = segments[0];
+    if (this.isPathOwnerLockedToAnotherOwner(item, firstSeg)) return false;
     const hasPathSyntax = this.endsWithDot || segments.length > 1;
     const firstSegmentIsExactProperty = hasPathSyntax && item.children.some(
       (child) => child instanceof PropertyListItem && child.searchData.property === firstSeg
@@ -40983,14 +41329,15 @@ class SearchEngine {
       propLevel++;
       parent = parent.parentListItem;
     }
-    if (!(parent instanceof VMListItem)) return false;
+    if (!(parent instanceof VMListItem) && !(parent instanceof ExtraListItem)) {
+      return false;
+    }
     const firstSeg = segments[0];
+    if (this.isPathOwnerLockedToAnotherOwner(parent, firstSeg)) return false;
     const hasPathSyntax = this.endsWithDot || segments.length > 1;
-    const parentDirectProps = parent.children.filter(
-      (child) => child instanceof PropertyListItem
-    );
+    const parentDirectProps = this.getDirectPropertyChildren(parent);
     const firstSegmentIsExactProperty = hasPathSyntax && parentDirectProps.some((prop) => prop.searchData.property === firstSeg);
-    const vmMatchesByName = !firstSegmentIsExactProperty && (parent.searchData.name.includes(firstSeg) || parent.searchData.id.includes(firstSeg));
+    const vmMatchesByName = parent instanceof VMListItem && !firstSegmentIsExactProperty && (parent.searchData.name.includes(firstSeg) || parent.searchData.id.includes(firstSeg));
     const propSegments = vmMatchesByName ? segments.slice(1) : segments;
     if (propSegments.length === 0) return false;
     const targetLevel = propSegments.length - 1;
@@ -41032,14 +41379,15 @@ class SearchEngine {
         propLevel++;
         parent = parent.parentListItem;
       }
-      if (!(parent instanceof VMListItem)) return true;
+      if (!(parent instanceof VMListItem) && !(parent instanceof ExtraListItem)) {
+        return true;
+      }
       const firstSeg = segments[0];
+      if (this.isPathOwnerLockedToAnotherOwner(parent, firstSeg)) return false;
       const hasPathSyntax = this.endsWithDot || segments.length > 1;
-      const parentDirectProps = parent.children.filter(
-        (child) => child instanceof PropertyListItem
-      );
+      const parentDirectProps = this.getDirectPropertyChildren(parent);
       const firstSegmentIsExactProperty = hasPathSyntax && parentDirectProps.some((prop) => prop.searchData.property === firstSeg);
-      const vmMatchesByName = !firstSegmentIsExactProperty && (parent.searchData.name.includes(firstSeg) || parent.searchData.id.includes(firstSeg));
+      const vmMatchesByName = parent instanceof VMListItem && !firstSegmentIsExactProperty && (parent.searchData.name.includes(firstSeg) || parent.searchData.id.includes(firstSeg));
       const propSegments = vmMatchesByName ? segments.slice(1) : segments;
       const depthToCheck = Math.min(propLevel, propSegments.length);
       for (let i = 0; i < depthToCheck; i++) {
@@ -41069,11 +41417,17 @@ class SearchEngine {
     return item.searchData.property === segment;
   }
   resetSearch = () => {
+    this.clearSearchDebounce();
     if (this.scrollToSearchMatchTimeout) {
       clearTimeout(this.scrollToSearchMatchTimeout);
       this.scrollToSearchMatchTimeout = null;
     }
     this.searchText = "";
+    this.searchTextToSearch = "";
+    this.selectedSuggestionIndex = 0;
+    this.isSuggestionsDismissed = false;
+    this.selectedPathOwnerKey = null;
+    this.selectedPathSegment = null;
     this.focusInput();
   };
   focusInput = () => {