mobx-view-model-devtools 0.0.12 → 0.0.13

package/index.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode('/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--font-weight-semibold:600;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.static_g5P-G{position:static}.blur_9rZ6A{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}.vmButton_Xr1Q6{z-index:99;width:calc(var(--spacing)*9);height:calc(var(--spacing)*9);cursor:pointer;border-radius:var(--radius-lg);font-family:var(--font-mono);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));position:fixed}.vmButton_Xr1Q6[data-position=top-right],.vmButton_Xr1Q6[data-position=undefined]{top:calc(var(--spacing)*3);right:calc(var(--spacing)*3)}:is(.vmButton_Xr1Q6[data-position=top-right],.vmButton_Xr1Q6[data-position=undefined]).opened_gewqL{top:calc(var(--spacing)*-10)}.vmButton_Xr1Q6[data-position=top-left]{top:calc(var(--spacing)*3);left:calc(var(--spacing)*3)}.vmButton_Xr1Q6[data-position=top-left].opened_gewqL{top:calc(var(--spacing)*-10)}.vmButton_Xr1Q6[data-position=bottom-left]{bottom:calc(var(--spacing)*3);left:calc(var(--spacing)*3)}.vmButton_Xr1Q6[data-position=bottom-left].opened_gewqL{bottom:calc(var(--spacing)*-10)}.vmButton_Xr1Q6[data-position=bottom-right]{right:calc(var(--spacing)*3);bottom:calc(var(--spacing)*3)}.vmButton_Xr1Q6[data-position=bottom-right].opened_gewqL{bottom:calc(var(--spacing)*-10)}.vmButton_Xr1Q6>img{pointer-events:none;inset:calc(var(--spacing)*0);border-radius:var(--radius-lg);position:absolute}.vmButton_Xr1Q6>div{pointer-events:none;inset:calc(var(--spacing)*0);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:2px;border-color:#00000057;position:absolute}.vmButton_Xr1Q6>span{pointer-events:none;top:calc(var(--spacing)*-1);left:calc(var(--spacing)*-1);border-radius:var(--radius-lg);padding:calc(var(--spacing)*.5);--tw-leading:1;--tw-font-weight:var(--font-weight-semibold);font-size:12px;line-height:1;font-weight:var(--font-weight-semibold);color:#2aff0a;background-color:#005c26cf;display:flex;position:absolute}.vmButton_Xr1Q6.opened_gewqL{pointer-events:none}.vmButton_Xr1Q6:not(.isConnected_tjs3F){--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.vmPopup_Q4l4j{z-index:99;border-radius:var(--radius-lg);width:520px;height:calc(100vh - 24px);position:fixed}.vmPopup_Q4l4j>header button{width:28px;padding:6px}.vmPopup_Q4l4j[data-position=top-right],.vmPopup_Q4l4j[data-position=undefined]{top:calc(var(--spacing)*3);right:calc(var(--spacing)*3)}.vmPopup_Q4l4j[data-position=top-left]{top:calc(var(--spacing)*3);left:calc(var(--spacing)*3)}.vmPopup_Q4l4j[data-position=bottom-left]{bottom:calc(var(--spacing)*3);left:calc(var(--spacing)*3)}.vmPopup_Q4l4j[data-position=bottom-right]{right:calc(var(--spacing)*3);bottom:calc(var(--spacing)*3)}.vmContent_VAE7p{color:#ccc;font-family:var(--font-mono);background-color:#1e1e1e;flex-direction:column;display:flex;overflow:auto}.vmContent_VAE7p>header{height:calc(var(--spacing)*8);padding-left:calc(var(--spacing)*2);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);justify-content:space-between;align-items:center;display:flex}.vmContent_VAE7p *{font-family:var(--font-mono)}.vmContentTree_BB36O{padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*2);flex-direction:column;display:flex;overflow:auto}.vmTreeItem_t-7jc{flex-direction:column;display:flex}.vmTreeItem_t-7jc>header{z-index:1;cursor:pointer;align-items:center;gap:calc(var(--spacing)*1);text-overflow:ellipsis;white-space:nowrap;background-color:#1e1e1e;margin-block:auto;display:flex;overflow:hidden}.vmTreeItem_t-7jc>header>label{background:#0f6013;border-radius:4px;padding:0 4px}.vmTreeItem_t-7jc>header>span{color:#5ab65e;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.vmTreeItem_t-7jc.extrasItem_MI9Fa>header>label{background:#6b6902}.vmTreeItem_t-7jc:not([data-fitted=true])>header{opacity:.6}.vmContentFilters_No1QW{z-index:99;background:#1e1e1e;width:100%;padding:0 8px;position:sticky;top:0}.vmContentFilters_No1QW input{background:#343434;border-radius:4px;outline:0;width:100%;padding:3px 4px;font-size:14px}.propertyMeta_XxYHc{text-overflow:ellipsis;white-space:nowrap;color:#616161;overflow:hidden}.propertyMeta_XxYHc.small_Ipy6s{font-size:10px;line-height:15px}.propertyValue_s9qHJ{text-overflow:ellipsis;white-space:nowrap;color:#616161;overflow:hidden}.propertyValue_s9qHJ:has(+.property-name_2-sJi){margin-right:calc(var(--spacing)*1)}.line_Xgaua{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);white-space:pre;height:22px;z-index:calc((var(--level,0) + 1)*10000 + (var(--order,0)));padding-left:calc(10px + (var(--level)*14px));background:#1e1e1e;flex-direction:row;align-items:center;font-size:14px;display:flex;position:relative;overflow:hidden}.property_eoWZv[data-fitted=false]{opacity:.5}.property_eoWZv.instance_B-kEn>.propertyValue_s9qHJ{color:#ba82be}:is(.property_eoWZv.primitive_5yfCy.boolean_TwUVp,.property_eoWZv.primitive_5yfCy.number_AVdzm,.property_eoWZv.primitive_5yfCy.object_kn8wQ,.property_eoWZv.primitive_5yfCy.undefined_SMcns,.property_eoWZv.primitive_5yfCy.bigint_ZrO3O,.property_eoWZv.primitive_5yfCy.symbol_9GN4U)>.propertyValue_s9qHJ{color:#5999cd}.property_eoWZv.primitive_5yfCy.string_m1Kkx>.propertyValue_s9qHJ{color:#af7249}.expandButton_EObqt{color:#a0a0a0;cursor:pointer;width:16px;height:16px;font-weight:700;opacity:1!important}.expandButton_EObqt.expanded_uFpb7{color:#b8b8b8;transform:rotate(90deg)}.expandButton_EObqt.disabled_IDojS{opacity:.35!important}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}')),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('/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--font-weight-semibold:600;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.static_g5P-G{position:static}.container_ueeVi{width:100%}@media(min-width:40rem){.container_ueeVi{max-width:40rem}}@media(min-width:48rem){.container_ueeVi{max-width:48rem}}@media(min-width:64rem){.container_ueeVi{max-width:64rem}}@media(min-width:80rem){.container_ueeVi{max-width:80rem}}@media(min-width:96rem){.container_ueeVi{max-width:96rem}}.blur_9rZ6A{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}.rootContainer_Z8gey *{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.vmButton_Xr1Q6{z-index:99;width:calc(var(--spacing)*9);height:calc(var(--spacing)*9);cursor:pointer;border-radius:var(--radius-lg);font-family:var(--font-mono);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));position:fixed}.vmButton_Xr1Q6[data-position=top-right],.vmButton_Xr1Q6[data-position=undefined]{top:calc(var(--spacing)*3);right:calc(var(--spacing)*3)}:is(.vmButton_Xr1Q6[data-position=top-right],.vmButton_Xr1Q6[data-position=undefined]).opened_gewqL{top:calc(var(--spacing)*-10)}.vmButton_Xr1Q6[data-position=top-left]{top:calc(var(--spacing)*3);left:calc(var(--spacing)*3)}.vmButton_Xr1Q6[data-position=top-left].opened_gewqL{top:calc(var(--spacing)*-10)}.vmButton_Xr1Q6[data-position=bottom-left]{bottom:calc(var(--spacing)*3);left:calc(var(--spacing)*3)}.vmButton_Xr1Q6[data-position=bottom-left].opened_gewqL{bottom:calc(var(--spacing)*-10)}.vmButton_Xr1Q6[data-position=bottom-right]{right:calc(var(--spacing)*3);bottom:calc(var(--spacing)*3)}.vmButton_Xr1Q6[data-position=bottom-right].opened_gewqL{bottom:calc(var(--spacing)*-10)}.vmButton_Xr1Q6>img{pointer-events:none;inset:calc(var(--spacing)*0);border-radius:var(--radius-lg);position:absolute}.vmButton_Xr1Q6>div{pointer-events:none;inset:calc(var(--spacing)*0);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:2px;border-color:#00000057;position:absolute}.vmButton_Xr1Q6>span{pointer-events:none;top:calc(var(--spacing)*-1);left:calc(var(--spacing)*-1);border-radius:var(--radius-lg);padding:calc(var(--spacing)*.5);--tw-leading:1;--tw-font-weight:var(--font-weight-semibold);font-size:12px;line-height:1;font-weight:var(--font-weight-semibold);color:#2aff0a;background-color:#005c26cf;display:flex;position:absolute}.vmButton_Xr1Q6.opened_gewqL{pointer-events:none}.vmButton_Xr1Q6:not(.isConnected_tjs3F){--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.vmPopup_Q4l4j{z-index:99;border-radius:var(--radius-lg);width:520px;height:calc(100vh - 24px);position:fixed}.vmPopup_Q4l4j>header button{width:28px;padding:6px}.vmPopup_Q4l4j[data-position=top-right],.vmPopup_Q4l4j[data-position=undefined]{top:calc(var(--spacing)*3);right:calc(var(--spacing)*3)}.vmPopup_Q4l4j[data-position=top-left]{top:calc(var(--spacing)*3);left:calc(var(--spacing)*3)}.vmPopup_Q4l4j[data-position=bottom-left]{bottom:calc(var(--spacing)*3);left:calc(var(--spacing)*3)}.vmPopup_Q4l4j[data-position=bottom-right]{right:calc(var(--spacing)*3);bottom:calc(var(--spacing)*3)}.vmContent_VAE7p{color:#ccc;font-family:var(--font-mono);background-color:#1e1e1e;flex-direction:column;display:flex;overflow:auto}.vmContent_VAE7p>header{height:calc(var(--spacing)*8);padding-left:calc(var(--spacing)*2);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);justify-content:space-between;align-items:center;display:flex}.vmContent_VAE7p *{font-family:var(--font-mono)}.vmContentTree_BB36O{padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*2);scrollbar-width:thin;scrollbar-color:#81818170 #1e1e1e;flex-direction:column;display:flex;overflow:auto}.vmContentTree_BB36O:hover{scrollbar-color:#818181 #1e1e1e}.line_Xgaua.vmTreeItem_t-7jc{padding-left:calc(0px + (var(--level)*20px));z-index:1;position:sticky;top:-8px}.line_Xgaua.vmTreeItem_t-7jc>header{z-index:1;cursor:pointer;align-items:center;gap:calc(var(--spacing)*1);text-overflow:ellipsis;white-space:nowrap;background-color:#1e1e1e;margin-block:auto;display:flex;overflow:hidden}.line_Xgaua.vmTreeItem_t-7jc>header>label{background:#0f6013;border-radius:4px;padding:0 4px}.line_Xgaua.vmTreeItem_t-7jc>header>span{color:#5ab65e;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.line_Xgaua.vmTreeItem_t-7jc.extrasItem_MI9Fa>header>label{background:#6b6902}.line_Xgaua.vmTreeItem_t-7jc:not([data-fitted=true])>header{opacity:.6}.vmContentFilters_No1QW{background:#1e1e1e;width:100%;padding:0 8px}.vmContentFilters_No1QW input{background:#343434;border-radius:4px;outline:0;width:100%;padding:3px 4px;font-size:14px}.propertyMeta_XxYHc{text-overflow:ellipsis;white-space:nowrap;color:#616161;overflow:hidden}.propertyMeta_XxYHc.small_Ipy6s{font-size:10px;line-height:15px}.propertyValue_s9qHJ{text-overflow:ellipsis;white-space:nowrap;color:#616161;overflow:hidden}.propertyValue_s9qHJ:has(+.property-name_2-sJi){margin-right:calc(var(--spacing)*1)}.line_Xgaua{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);white-space:pre;height:22px;padding-left:calc(28px + (var(--level)*15px));background:#1e1e1e;flex-direction:row;align-items:center;font-size:14px;display:flex;position:relative;overflow:hidden}.line_Xgaua.expandable_2LUhL{cursor:pointer}.property_eoWZv[data-fitted=false]{opacity:.5}.property_eoWZv.instance_B-kEn>.propertyValue_s9qHJ{color:#ba82be}:is(.property_eoWZv.primitive_5yfCy.boolean_TwUVp,.property_eoWZv.primitive_5yfCy.number_AVdzm,.property_eoWZv.primitive_5yfCy.object_kn8wQ,.property_eoWZv.primitive_5yfCy.undefined_SMcns,.property_eoWZv.primitive_5yfCy.bigint_ZrO3O,.property_eoWZv.primitive_5yfCy.symbol_9GN4U)>.propertyValue_s9qHJ{color:#5999cd}.property_eoWZv.primitive_5yfCy.string_m1Kkx>.propertyValue_s9qHJ{color:#af7249}.expandButton_EObqt{color:#a0a0a0;cursor:pointer;width:16px;height:16px;font-weight:700;opacity:1!important}.expandButton_EObqt.expanded_uFpb7{color:#b8b8b8;transform:rotate(90deg)}.expandButton_EObqt.disabled_IDojS{opacity:.35!important}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
 function getDefaultExportFromCjs(x2) {
   return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
 }
@@ -12904,25 +12904,25 @@ function requireReactDom_development() {
         }
         return listenerWrapper.bind(null, domEventName, eventSystemFlags, targetContainer);
       }
-      function dispatchDiscreteEvent(domEventName, eventSystemFlags, container, nativeEvent) {
+      function dispatchDiscreteEvent(domEventName, eventSystemFlags, container2, nativeEvent) {
         var previousPriority = getCurrentUpdatePriority();
         var prevTransition = ReactCurrentBatchConfig.transition;
         ReactCurrentBatchConfig.transition = null;
         try {
           setCurrentUpdatePriority(DiscreteEventPriority);
-          dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
+          dispatchEvent(domEventName, eventSystemFlags, container2, nativeEvent);
         } finally {
           setCurrentUpdatePriority(previousPriority);
           ReactCurrentBatchConfig.transition = prevTransition;
         }
       }
-      function dispatchContinuousEvent(domEventName, eventSystemFlags, container, nativeEvent) {
+      function dispatchContinuousEvent(domEventName, eventSystemFlags, container2, nativeEvent) {
         var previousPriority = getCurrentUpdatePriority();
         var prevTransition = ReactCurrentBatchConfig.transition;
         ReactCurrentBatchConfig.transition = null;
         try {
           setCurrentUpdatePriority(ContinuousEventPriority);
-          dispatchEvent(domEventName, eventSystemFlags, container, nativeEvent);
+          dispatchEvent(domEventName, eventSystemFlags, container2, nativeEvent);
         } finally {
           setCurrentUpdatePriority(previousPriority);
           ReactCurrentBatchConfig.transition = prevTransition;
@@ -14638,8 +14638,8 @@ function requireReactDom_development() {
               }
               var nodeTag = node.tag;
               if (nodeTag === HostRoot || nodeTag === HostPortal) {
-                var container = node.stateNode.containerInfo;
-                if (isMatchingRootContainer(container, targetContainerNode)) {
+                var container2 = node.stateNode.containerInfo;
+                if (isMatchingRootContainer(container2, targetContainerNode)) {
                   break;
                 }
                 if (nodeTag === HostPortal) {
@@ -14655,8 +14655,8 @@ function requireReactDom_development() {
                     grandNode = grandNode.return;
                   }
                 }
-                while (container !== null) {
-                  var parentNode = getClosestInstanceFromNode(container);
+                while (container2 !== null) {
+                  var parentNode = getClosestInstanceFromNode(container2);
                   if (parentNode === null) {
                     return;
                   }
@@ -14665,7 +14665,7 @@ function requireReactDom_development() {
                     node = ancestorInst = parentNode;
                     continue mainLoop;
                   }
-                  container = container.parentNode;
+                  container2 = container2.parentNode;
                 }
               }
               node = node.return;
@@ -15795,9 +15795,9 @@ function requireReactDom_development() {
             break;
           }
           default: {
-            var container = nodeType === COMMENT_NODE ? rootContainerInstance.parentNode : rootContainerInstance;
-            var ownNamespace = container.namespaceURI || null;
-            type = container.tagName;
+            var container2 = nodeType === COMMENT_NODE ? rootContainerInstance.parentNode : rootContainerInstance;
+            var ownNamespace = container2.namespaceURI || null;
+            type = container2.tagName;
             namespace = getChildNamespace(ownNamespace, type);
             break;
           }
@@ -15945,16 +15945,16 @@ function requireReactDom_development() {
       function appendChild(parentInstance, child) {
         parentInstance.appendChild(child);
       }
-      function appendChildToContainer(container, child) {
+      function appendChildToContainer(container2, child) {
         var parentNode;
-        if (container.nodeType === COMMENT_NODE) {
-          parentNode = container.parentNode;
-          parentNode.insertBefore(child, container);
+        if (container2.nodeType === COMMENT_NODE) {
+          parentNode = container2.parentNode;
+          parentNode.insertBefore(child, container2);
         } else {
-          parentNode = container;
+          parentNode = container2;
           parentNode.appendChild(child);
         }
-        var reactRootContainer = container._reactRootContainer;
+        var reactRootContainer = container2._reactRootContainer;
         if ((reactRootContainer === null || reactRootContainer === void 0) && parentNode.onclick === null) {
           trapClickOnNonInteractiveElement(parentNode);
         }
@@ -15962,21 +15962,21 @@ function requireReactDom_development() {
       function insertBefore(parentInstance, child, beforeChild) {
         parentInstance.insertBefore(child, beforeChild);
       }
-      function insertInContainerBefore(container, child, beforeChild) {
-        if (container.nodeType === COMMENT_NODE) {
-          container.parentNode.insertBefore(child, beforeChild);
+      function insertInContainerBefore(container2, child, beforeChild) {
+        if (container2.nodeType === COMMENT_NODE) {
+          container2.parentNode.insertBefore(child, beforeChild);
         } else {
-          container.insertBefore(child, beforeChild);
+          container2.insertBefore(child, beforeChild);
         }
       }
       function removeChild(parentInstance, child) {
         parentInstance.removeChild(child);
       }
-      function removeChildFromContainer(container, child) {
-        if (container.nodeType === COMMENT_NODE) {
-          container.parentNode.removeChild(child);
+      function removeChildFromContainer(container2, child) {
+        if (container2.nodeType === COMMENT_NODE) {
+          container2.parentNode.removeChild(child);
         } else {
-          container.removeChild(child);
+          container2.removeChild(child);
         }
       }
       function clearSuspenseBoundary(parentInstance, suspenseInstance) {
@@ -16003,13 +16003,13 @@ function requireReactDom_development() {
         } while (node);
         retryIfBlockedOn(suspenseInstance);
       }
-      function clearSuspenseBoundaryFromContainer(container, suspenseInstance) {
-        if (container.nodeType === COMMENT_NODE) {
-          clearSuspenseBoundary(container.parentNode, suspenseInstance);
-        } else if (container.nodeType === ELEMENT_NODE) {
-          clearSuspenseBoundary(container, suspenseInstance);
+      function clearSuspenseBoundaryFromContainer(container2, suspenseInstance) {
+        if (container2.nodeType === COMMENT_NODE) {
+          clearSuspenseBoundary(container2.parentNode, suspenseInstance);
+        } else if (container2.nodeType === ELEMENT_NODE) {
+          clearSuspenseBoundary(container2, suspenseInstance);
         }
-        retryIfBlockedOn(container);
+        retryIfBlockedOn(container2);
       }
       function hideInstance(instance2) {
         instance2 = instance2;
@@ -16032,12 +16032,12 @@ function requireReactDom_development() {
       function unhideTextInstance(textInstance, text2) {
         textInstance.nodeValue = text2;
       }
-      function clearContainer(container) {
-        if (container.nodeType === ELEMENT_NODE) {
-          container.textContent = "";
-        } else if (container.nodeType === DOCUMENT_NODE) {
-          if (container.documentElement) {
-            container.removeChild(container.documentElement);
+      function clearContainer(container2) {
+        if (container2.nodeType === ELEMENT_NODE) {
+          container2.textContent = "";
+        } else if (container2.nodeType === DOCUMENT_NODE) {
+          if (container2.documentElement) {
+            container2.removeChild(container2.documentElement);
           }
         }
       }
@@ -16175,8 +16175,8 @@ function requireReactDom_development() {
         }
         return null;
       }
-      function commitHydratedContainer(container) {
-        retryIfBlockedOn(container);
+      function commitHydratedContainer(container2) {
+        retryIfBlockedOn(container2);
       }
       function commitHydratedSuspenseInstance(suspenseInstance) {
         retryIfBlockedOn(suspenseInstance);
@@ -28253,21 +28253,21 @@ function requireReactDom_development() {
         scheduleInitialHydrationOnRoot(root2, lane, eventTime);
         return root2;
       }
-      function updateContainer(element, container, parentComponent, callback) {
+      function updateContainer(element, container2, parentComponent, callback) {
         {
-          onScheduleRoot(container, element);
+          onScheduleRoot(container2, element);
         }
-        var current$1 = container.current;
+        var current$1 = container2.current;
         var eventTime = requestEventTime();
         var lane = requestUpdateLane(current$1);
         {
           markRenderScheduled(lane);
         }
         var context = getContextForSubtree(parentComponent);
-        if (container.context === null) {
-          container.context = context;
+        if (container2.context === null) {
+          container2.context = context;
         } else {
-          container.pendingContext = context;
+          container2.pendingContext = context;
         }
         {
           if (isRendering && current !== null && !didWarnAboutNestedUpdates) {
@@ -28295,8 +28295,8 @@ function requireReactDom_development() {
         }
         return lane;
       }
-      function getPublicRootInstance(container) {
-        var containerFiber = container.current;
+      function getPublicRootInstance(container2) {
+        var containerFiber = container2.current;
         if (!containerFiber.child) {
           return null;
         }
@@ -28620,11 +28620,11 @@ function requireReactDom_development() {
           } else if (typeof arguments[1] !== "undefined") {
             error("You passed a second argument to root.render(...) but it only accepts one argument.");
           }
-          var container = root2.containerInfo;
-          if (container.nodeType !== COMMENT_NODE) {
+          var container2 = root2.containerInfo;
+          if (container2.nodeType !== COMMENT_NODE) {
             var hostInstance = findHostInstanceWithNoPortals(root2.current);
             if (hostInstance) {
-              if (hostInstance.parentNode !== container) {
+              if (hostInstance.parentNode !== container2) {
                 error("render(...): It looks like the React-rendered content of the root container was removed without using React. This is not supported and will cause errors. Instead, call root.unmount() to empty a root's container.");
               }
             }
@@ -28641,7 +28641,7 @@ function requireReactDom_development() {
         var root2 = this._internalRoot;
         if (root2 !== null) {
           this._internalRoot = null;
-          var container = root2.containerInfo;
+          var container2 = root2.containerInfo;
           {
             if (isAlreadyRendering()) {
               error("Attempted to synchronously unmount a root while React was already rendering. React cannot finish unmounting the root until the current render has completed, which may lead to a race condition.");
@@ -28650,14 +28650,14 @@ function requireReactDom_development() {
           flushSync(function() {
             updateContainer(null, root2, null, null);
           });
-          unmarkContainerAsRoot(container);
+          unmarkContainerAsRoot(container2);
         }
       };
-      function createRoot(container, options2) {
-        if (!isValidContainer(container)) {
+      function createRoot(container2, options2) {
+        if (!isValidContainer(container2)) {
           throw new Error("createRoot(...): Target container is not a DOM element.");
         }
-        warnIfReactDOMContainerInDEV(container);
+        warnIfReactDOMContainerInDEV(container2);
         var isStrictMode = false;
         var concurrentUpdatesByDefaultOverride = false;
         var identifierPrefix = "";
@@ -28685,9 +28685,9 @@ function requireReactDom_development() {
             options2.transitionCallbacks;
           }
         }
-        var root2 = createContainer(container, ConcurrentRoot, null, isStrictMode, concurrentUpdatesByDefaultOverride, identifierPrefix, onRecoverableError);
-        markContainerAsRoot(root2.current, container);
-        var rootContainerElement = container.nodeType === COMMENT_NODE ? container.parentNode : container;
+        var root2 = createContainer(container2, ConcurrentRoot, null, isStrictMode, concurrentUpdatesByDefaultOverride, identifierPrefix, onRecoverableError);
+        markContainerAsRoot(root2.current, container2);
+        var rootContainerElement = container2.nodeType === COMMENT_NODE ? container2.parentNode : container2;
         listenToAllSupportedEvents(rootContainerElement);
         return new ReactDOMRoot(root2);
       }
@@ -28700,11 +28700,11 @@ function requireReactDom_development() {
         }
       }
       ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = scheduleHydration;
-      function hydrateRoot(container, initialChildren, options2) {
-        if (!isValidContainer(container)) {
+      function hydrateRoot(container2, initialChildren, options2) {
+        if (!isValidContainer(container2)) {
           throw new Error("hydrateRoot(...): Target container is not a DOM element.");
         }
-        warnIfReactDOMContainerInDEV(container);
+        warnIfReactDOMContainerInDEV(container2);
         {
           if (initialChildren === void 0) {
             error("Must provide initial children as second argument to hydrateRoot. Example usage: hydrateRoot(domContainer, <App />)");
@@ -28727,9 +28727,9 @@ function requireReactDom_development() {
             onRecoverableError = options2.onRecoverableError;
           }
         }
-        var root2 = createHydrationContainer(initialChildren, null, container, ConcurrentRoot, hydrationCallbacks, isStrictMode, concurrentUpdatesByDefaultOverride, identifierPrefix, onRecoverableError);
-        markContainerAsRoot(root2.current, container);
-        listenToAllSupportedEvents(container);
+        var root2 = createHydrationContainer(initialChildren, null, container2, ConcurrentRoot, hydrationCallbacks, isStrictMode, concurrentUpdatesByDefaultOverride, identifierPrefix, onRecoverableError);
+        markContainerAsRoot(root2.current, container2);
+        listenToAllSupportedEvents(container2);
         if (mutableSources) {
           for (var i = 0; i < mutableSources.length; i++) {
             var mutableSource = mutableSources[i];
@@ -28744,13 +28744,13 @@ function requireReactDom_development() {
       function isValidContainerLegacy(node) {
         return !!(node && (node.nodeType === ELEMENT_NODE || node.nodeType === DOCUMENT_NODE || node.nodeType === DOCUMENT_FRAGMENT_NODE || node.nodeType === COMMENT_NODE && node.nodeValue === " react-mount-point-unstable "));
       }
-      function warnIfReactDOMContainerInDEV(container) {
+      function warnIfReactDOMContainerInDEV(container2) {
         {
-          if (container.nodeType === ELEMENT_NODE && container.tagName && container.tagName.toUpperCase() === "BODY") {
+          if (container2.nodeType === ELEMENT_NODE && container2.tagName && container2.tagName.toUpperCase() === "BODY") {
             error("createRoot(): Creating roots directly with document.body is discouraged, since its children are often manipulated by third-party scripts and browser extensions. This may lead to subtle reconciliation issues. Try using a container element created for your app.");
           }
-          if (isContainerMarkedAsRoot(container)) {
-            if (container._reactRootContainer) {
+          if (isContainerMarkedAsRoot(container2)) {
+            if (container2._reactRootContainer) {
               error("You are calling ReactDOMClient.createRoot() on a container that was previously passed to ReactDOM.render(). This is not supported.");
             } else {
               error("You are calling ReactDOMClient.createRoot() on a container that has already been passed to createRoot() before. Instead, call root.render() on the existing root instead if you want to update it.");
@@ -28761,39 +28761,39 @@ function requireReactDom_development() {
       var ReactCurrentOwner$3 = ReactSharedInternals.ReactCurrentOwner;
       var topLevelUpdateWarnings;
       {
-        topLevelUpdateWarnings = function(container) {
-          if (container._reactRootContainer && container.nodeType !== COMMENT_NODE) {
-            var hostInstance = findHostInstanceWithNoPortals(container._reactRootContainer.current);
+        topLevelUpdateWarnings = function(container2) {
+          if (container2._reactRootContainer && container2.nodeType !== COMMENT_NODE) {
+            var hostInstance = findHostInstanceWithNoPortals(container2._reactRootContainer.current);
             if (hostInstance) {
-              if (hostInstance.parentNode !== container) {
+              if (hostInstance.parentNode !== container2) {
                 error("render(...): It looks like the React-rendered content of this container was removed without using React. This is not supported and will cause errors. Instead, call ReactDOM.unmountComponentAtNode to empty a container.");
               }
             }
           }
-          var isRootRenderedBySomeReact = !!container._reactRootContainer;
-          var rootEl = getReactRootElementInContainer(container);
+          var isRootRenderedBySomeReact = !!container2._reactRootContainer;
+          var rootEl = getReactRootElementInContainer(container2);
           var hasNonRootReactChild = !!(rootEl && getInstanceFromNode(rootEl));
           if (hasNonRootReactChild && !isRootRenderedBySomeReact) {
             error("render(...): Replacing React-rendered children with a new root component. If you intended to update the children of this node, you should instead have the existing children update their state and render the new components instead of calling ReactDOM.render.");
           }
-          if (container.nodeType === ELEMENT_NODE && container.tagName && container.tagName.toUpperCase() === "BODY") {
+          if (container2.nodeType === ELEMENT_NODE && container2.tagName && container2.tagName.toUpperCase() === "BODY") {
             error("render(): Rendering components directly into document.body is discouraged, since its children are often manipulated by third-party scripts and browser extensions. This may lead to subtle reconciliation issues. Try rendering into a container element created for your app.");
           }
         };
       }
-      function getReactRootElementInContainer(container) {
-        if (!container) {
+      function getReactRootElementInContainer(container2) {
+        if (!container2) {
           return null;
         }
-        if (container.nodeType === DOCUMENT_NODE) {
-          return container.documentElement;
+        if (container2.nodeType === DOCUMENT_NODE) {
+          return container2.documentElement;
         } else {
-          return container.firstChild;
+          return container2.firstChild;
         }
       }
       function noopOnRecoverableError() {
       }
-      function legacyCreateRootFromDOMContainer(container, initialChildren, parentComponent, callback, isHydrationContainer) {
+      function legacyCreateRootFromDOMContainer(container2, initialChildren, parentComponent, callback, isHydrationContainer) {
         if (isHydrationContainer) {
           if (typeof callback === "function") {
             var originalCallback = callback;
@@ -28805,7 +28805,7 @@ function requireReactDom_development() {
           var root2 = createHydrationContainer(
             initialChildren,
             callback,
-            container,
+            container2,
             LegacyRoot,
             null,
             // hydrationCallbacks
@@ -28817,16 +28817,16 @@ function requireReactDom_development() {
             // identifierPrefix
             noopOnRecoverableError
           );
-          container._reactRootContainer = root2;
-          markContainerAsRoot(root2.current, container);
-          var rootContainerElement = container.nodeType === COMMENT_NODE ? container.parentNode : container;
+          container2._reactRootContainer = root2;
+          markContainerAsRoot(root2.current, container2);
+          var rootContainerElement = container2.nodeType === COMMENT_NODE ? container2.parentNode : container2;
           listenToAllSupportedEvents(rootContainerElement);
           flushSync();
           return root2;
         } else {
           var rootSibling;
-          while (rootSibling = container.lastChild) {
-            container.removeChild(rootSibling);
+          while (rootSibling = container2.lastChild) {
+            container2.removeChild(rootSibling);
           }
           if (typeof callback === "function") {
             var _originalCallback = callback;
@@ -28836,7 +28836,7 @@ function requireReactDom_development() {
             };
           }
           var _root = createContainer(
-            container,
+            container2,
             LegacyRoot,
             null,
             // hydrationCallbacks
@@ -28848,9 +28848,9 @@ function requireReactDom_development() {
             // identifierPrefix
             noopOnRecoverableError
           );
-          container._reactRootContainer = _root;
-          markContainerAsRoot(_root.current, container);
-          var _rootContainerElement = container.nodeType === COMMENT_NODE ? container.parentNode : container;
+          container2._reactRootContainer = _root;
+          markContainerAsRoot(_root.current, container2);
+          var _rootContainerElement = container2.nodeType === COMMENT_NODE ? container2.parentNode : container2;
           listenToAllSupportedEvents(_rootContainerElement);
           flushSync(function() {
             updateContainer(initialChildren, _root, parentComponent, callback);
@@ -28865,15 +28865,15 @@ function requireReactDom_development() {
           }
         }
       }
-      function legacyRenderSubtreeIntoContainer(parentComponent, children, container, forceHydrate, callback) {
+      function legacyRenderSubtreeIntoContainer(parentComponent, children, container2, forceHydrate, callback) {
         {
-          topLevelUpdateWarnings(container);
+          topLevelUpdateWarnings(container2);
           warnOnInvalidCallback$1(callback === void 0 ? null : callback, "render");
         }
-        var maybeRoot = container._reactRootContainer;
+        var maybeRoot = container2._reactRootContainer;
         var root2;
         if (!maybeRoot) {
-          root2 = legacyCreateRootFromDOMContainer(container, children, parentComponent, callback, forceHydrate);
+          root2 = legacyCreateRootFromDOMContainer(container2, children, parentComponent, callback, forceHydrate);
         } else {
           root2 = maybeRoot;
           if (typeof callback === "function") {
@@ -28913,35 +28913,35 @@ function requireReactDom_development() {
           return findHostInstanceWithWarning(componentOrElement, "findDOMNode");
         }
       }
-      function hydrate(element, container, callback) {
+      function hydrate(element, container2, callback) {
         {
           error("ReactDOM.hydrate is no longer supported in React 18. Use hydrateRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot");
         }
-        if (!isValidContainerLegacy(container)) {
+        if (!isValidContainerLegacy(container2)) {
           throw new Error("Target container is not a DOM element.");
         }
         {
-          var isModernRoot = isContainerMarkedAsRoot(container) && container._reactRootContainer === void 0;
+          var isModernRoot = isContainerMarkedAsRoot(container2) && container2._reactRootContainer === void 0;
           if (isModernRoot) {
             error("You are calling ReactDOM.hydrate() on a container that was previously passed to ReactDOMClient.createRoot(). This is not supported. Did you mean to call hydrateRoot(container, element)?");
           }
         }
-        return legacyRenderSubtreeIntoContainer(null, element, container, true, callback);
+        return legacyRenderSubtreeIntoContainer(null, element, container2, true, callback);
       }
-      function render(element, container, callback) {
+      function render(element, container2, callback) {
         {
           error("ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot");
         }
-        if (!isValidContainerLegacy(container)) {
+        if (!isValidContainerLegacy(container2)) {
           throw new Error("Target container is not a DOM element.");
         }
         {
-          var isModernRoot = isContainerMarkedAsRoot(container) && container._reactRootContainer === void 0;
+          var isModernRoot = isContainerMarkedAsRoot(container2) && container2._reactRootContainer === void 0;
           if (isModernRoot) {
             error("You are calling ReactDOM.render() on a container that was previously passed to ReactDOMClient.createRoot(). This is not supported. Did you mean to call root.render(element)?");
           }
         }
-        return legacyRenderSubtreeIntoContainer(null, element, container, false, callback);
+        return legacyRenderSubtreeIntoContainer(null, element, container2, false, callback);
       }
       function unstable_renderSubtreeIntoContainer(parentComponent, element, containerNode, callback) {
         {
@@ -28956,42 +28956,42 @@ function requireReactDom_development() {
         return legacyRenderSubtreeIntoContainer(parentComponent, element, containerNode, false, callback);
       }
       var didWarnAboutUnmountComponentAtNode = false;
-      function unmountComponentAtNode(container) {
+      function unmountComponentAtNode(container2) {
         {
           if (!didWarnAboutUnmountComponentAtNode) {
             didWarnAboutUnmountComponentAtNode = true;
             error("unmountComponentAtNode is deprecated and will be removed in the next major release. Switch to the createRoot API. Learn more: https://reactjs.org/link/switch-to-createroot");
           }
         }
-        if (!isValidContainerLegacy(container)) {
+        if (!isValidContainerLegacy(container2)) {
           throw new Error("unmountComponentAtNode(...): Target container is not a DOM element.");
         }
         {
-          var isModernRoot = isContainerMarkedAsRoot(container) && container._reactRootContainer === void 0;
+          var isModernRoot = isContainerMarkedAsRoot(container2) && container2._reactRootContainer === void 0;
           if (isModernRoot) {
             error("You are calling ReactDOM.unmountComponentAtNode() on a container that was previously passed to ReactDOMClient.createRoot(). This is not supported. Did you mean to call root.unmount()?");
           }
         }
-        if (container._reactRootContainer) {
+        if (container2._reactRootContainer) {
           {
-            var rootEl = getReactRootElementInContainer(container);
+            var rootEl = getReactRootElementInContainer(container2);
             var renderedByDifferentReact = rootEl && !getInstanceFromNode(rootEl);
             if (renderedByDifferentReact) {
               error("unmountComponentAtNode(): The node you're attempting to unmount was rendered by another copy of React.");
             }
           }
           flushSync(function() {
-            legacyRenderSubtreeIntoContainer(null, null, container, false, function() {
-              container._reactRootContainer = null;
-              unmarkContainerAsRoot(container);
+            legacyRenderSubtreeIntoContainer(null, null, container2, false, function() {
+              container2._reactRootContainer = null;
+              unmarkContainerAsRoot(container2);
             });
           });
           return true;
         } else {
           {
-            var _rootEl = getReactRootElementInContainer(container);
+            var _rootEl = getReactRootElementInContainer(container2);
             var hasNonRootReactChild = !!(_rootEl && getInstanceFromNode(_rootEl));
-            var isContainerReactRoot = container.nodeType === ELEMENT_NODE && isValidContainerLegacy(container.parentNode) && !!container.parentNode._reactRootContainer;
+            var isContainerReactRoot = container2.nodeType === ELEMENT_NODE && isValidContainerLegacy(container2.parentNode) && !!container2.parentNode._reactRootContainer;
             if (hasNonRootReactChild) {
               error("unmountComponentAtNode(): The node you're attempting to unmount was rendered by React and is not a top-level container. %s", isContainerReactRoot ? "You may have accidentally passed in a React root node instead of its container." : "Instead, have the parent component update its state and rerender in order to remove this component.");
             }
@@ -29013,12 +29013,12 @@ function requireReactDom_development() {
       }
       setRestoreImplementation(restoreControlledState$3);
       setBatchingImplementation(batchedUpdates$1, discreteUpdates, flushSync);
-      function createPortal$1(children, container) {
+      function createPortal$1(children, container2) {
         var key = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : null;
-        if (!isValidContainer(container)) {
+        if (!isValidContainer(container2)) {
           throw new Error("Target container is not a DOM element.");
         }
-        return createPortal(children, container, null, key);
+        return createPortal(children, container2, null, key);
       }
       function renderSubtreeIntoContainer(parentComponent, element, containerNode, callback) {
         return unstable_renderSubtreeIntoContainer(parentComponent, element, containerNode, callback);
@@ -29029,21 +29029,21 @@ function requireReactDom_development() {
         // This is an array for better minification.
         Events: [getInstanceFromNode, getNodeFromInstance, getFiberCurrentPropsFromNode, enqueueStateRestore, restoreStateIfNeeded, batchedUpdates$1]
       };
-      function createRoot$1(container, options2) {
+      function createRoot$1(container2, options2) {
         {
           if (!Internals.usingClientEntryPoint && true) {
             error('You are importing createRoot from "react-dom" which is not supported. You should instead import it from "react-dom/client".');
           }
         }
-        return createRoot(container, options2);
+        return createRoot(container2, options2);
       }
-      function hydrateRoot$1(container, initialChildren, options2) {
+      function hydrateRoot$1(container2, initialChildren, options2) {
         {
           if (!Internals.usingClientEntryPoint && true) {
             error('You are importing hydrateRoot from "react-dom" which is not supported. You should instead import it from "react-dom/client".');
           }
         }
-        return hydrateRoot(container, initialChildren, options2);
+        return hydrateRoot(container2, initialChildren, options2);
       }
       function flushSync$1(fn) {
         {
@@ -35324,13 +35324,16 @@ const getDefaultConfig = () => {
 };
 const twMerge = /* @__PURE__ */ createTailwindMerge(getDefaultConfig);
 const cx = (...args) => twMerge(clsx(...args));
+const container = "container_ueeVi";
 const blur = "blur_9rZ6A";
+const rootContainer = "rootContainer_Z8gey";
 const vmButton = "vmButton_Xr1Q6";
 const opened = "opened_gewqL";
 const isConnected = "isConnected_tjs3F";
 const vmPopup = "vmPopup_Q4l4j";
 const vmContent = "vmContent_VAE7p";
 const vmContentTree = "vmContentTree_BB36O";
+const line = "line_Xgaua";
 const vmTreeItem = "vmTreeItem_t-7jc";
 const extrasItem = "extrasItem_MI9Fa";
 const vmContentFilters = "vmContentFilters_No1QW";
@@ -35338,7 +35341,7 @@ const propertyMeta = "propertyMeta_XxYHc";
 const small = "small_Ipy6s";
 const propertyValue = "propertyValue_s9qHJ";
 const propertyName = "property-name_2-sJi";
-const line = "line_Xgaua";
+const expandable = "expandable_2LUhL";
 const property = "property_eoWZv";
 const instance = "instance_B-kEn";
 const primitive = "primitive_5yfCy";
@@ -35353,13 +35356,16 @@ const expanded = "expanded_uFpb7";
 const disabled = "disabled_IDojS";
 const css = {
   "static": "static_g5P-G",
+  container,
   blur,
+  rootContainer,
   vmButton,
   opened,
   isConnected,
   vmPopup,
   vmContent,
   vmContentTree,
+  line,
   vmTreeItem,
   extrasItem,
   vmContentFilters,
@@ -35368,7 +35374,7 @@ const css = {
   propertyValue,
   "property-name": "property-name_2-sJi",
   propertyName,
-  line,
+  expandable,
   property,
   instance,
   primitive,
@@ -35397,22 +35403,21 @@ const VmDevtoolsButton = observer(() => {
         model.devtools.config.buttonClassName
       ),
       "data-position": `${model.devtools.config.position}`,
-      ref: model.devtools.buttonRef,
       onClick: model.handleToggleOpen,
       children: [
         /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("img", { src: model.devtools.logoUrl }, void 0, false, {
           fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-button/index.tsx",
-          lineNumber: 24,
+          lineNumber: 23,
           columnNumber: 7
         }, void 0),
         /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", {}, void 0, false, {
           fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-button/index.tsx",
-          lineNumber: 25,
+          lineNumber: 24,
           columnNumber: 7
         }, void 0),
         /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { children: model.devtools.allVms.length }, void 0, false, {
           fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-button/index.tsx",
-          lineNumber: 26,
+          lineNumber: 25,
           columnNumber: 7
         }, void 0)
       ]
@@ -35756,6 +35761,10 @@ const a = null, { min: u, max: h, abs: p, floor: v } = Math, g = (e, t, o) => u(
     }));
   } else for (let [e, t2] = T2.S(r2); e <= t2; e++) L2.push(P(e));
   return jsxRuntimeExports.jsx(v2, { ref: z2, style: { contain: "size style", overflowAnchor: "none", flex: "none", position: "relative", width: E2 ? A2 : "100%", height: E2 ? "100%" : A2, pointerEvents: J2 ? "none" : void 0 }, children: L2 });
+})), oe = /* @__PURE__ */ reactExports.forwardRef((({ children: t, data: o, bufferSize: r2, itemSize: i, shift: s, horizontal: l, keepMounted: c, reverse: f, cache: d, ssrCount: a2, item: u2, onScroll: h2, onScrollEnd: p2, style: v2, ...g2 }, m2) => {
+  const _15 = reactExports.useRef(null), S2 = f && !l;
+  let w2 = jsxRuntimeExports.jsx(te, { ref: m2, scrollRef: S2 ? _15 : void 0, data: o, bufferSize: r2, itemSize: i, shift: s, horizontal: l, keepMounted: c, cache: d, ssrCount: a2, item: u2, onScroll: h2, onScrollEnd: p2, children: t });
+  return S2 && (w2 = jsxRuntimeExports.jsx("div", { style: { display: "flex", flexDirection: "column", justifyContent: "flex-end", minHeight: "100%", overflow: "clip" }, children: w2 })), jsxRuntimeExports.jsx("div", { ref: _15, ...g2, style: { display: l ? "inline-block" : "block", [l ? "overflowX" : "overflowY"]: "auto", contain: "strict", width: "100%", height: "100%", ...v2 }, children: w2 });
 }));
 const ignoredKeys = /* @__PURE__ */ new Set(["constructor"]);
 const ignoredPrototypes = /* @__PURE__ */ new Set([
@@ -35832,7 +35841,7 @@ const ChevronRight = () => /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("svg", {
   columnNumber: 3
 }, void 0);
 const ExpandButton = ({
-  expandable,
+  expandable: expandable2,
   expanded: expanded2,
   onClick,
   disabled: disabled2,
@@ -35843,11 +35852,11 @@ const ExpandButton = ({
     {
       onClick,
       className: cx(css.expandButton, {
-        [css.expandable]: expandable,
+        [css.expandable]: expandable2,
         [css.expanded]: expanded2,
         [css.disabled]: disabled2
       }),
-      children: (expandable || showIconAnyway) && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(ChevronRight, {}, void 0, false, {
+      children: (expandable2 || showIconAnyway) && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(ChevronRight, {}, void 0, false, {
         fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/expand-button.tsx",
         lineNumber: 27,
         columnNumber: 42
@@ -35872,16 +35881,13 @@ const ArrayProperty = observer((props) => {
     /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
       "div",
       {
-        className: cx(css.line, css.property, css.array),
+        className: cx(css.line, css.property, css.array, {
+          [css.expandable]: isExpandable
+        }),
         style: { "--level": props.level, "--order": props.order },
         onClick: () => model.handleExpandPropertyClick(props.path),
         "data-fitted": props.isFitted,
         children: [
-          /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(ExpandButton, { expandable: value.length > 0, expanded: isExpanded }, void 0, false, {
-            fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/vm-tree-item-render/property/array.tsx",
-            lineNumber: 25,
-            columnNumber: 9
-          }, void 0),
           /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css.propertyName, children: property2 }, void 0, false, {
             fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/vm-tree-item-render/property/array.tsx",
             lineNumber: 26,
@@ -35892,7 +35898,7 @@ const ArrayProperty = observer((props) => {
             lineNumber: 27,
             columnNumber: 9
           }, void 0),
-          /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css.propertyValue, children: isExpandable ? "[...]" : `[]` }, void 0, false, {
+          /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css.propertyValue, children: isExpanded ? "[" : isExpandable ? "[...]" : `[]` }, void 0, false, {
             fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/vm-tree-item-render/property/array.tsx",
             lineNumber: 28,
             columnNumber: 9
@@ -35903,35 +35909,60 @@ const ArrayProperty = observer((props) => {
       true,
       {
         fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/vm-tree-item-render/property/array.tsx",
-        lineNumber: 17,
+        lineNumber: 16,
         columnNumber: 7
       },
       void 0
     ),
-    isExpanded && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { className: css.propertyExpandedContent, children: keys.map((key, order) => /* @__PURE__ */ reactExports.createElement(
-      Property,
-      {
-        ...props,
-        name: key,
-        order,
-        value: value[key],
-        key,
-        path: `${props.path}.${key}`,
-        level: props.level + 1
-      }
-    )) }, void 0, false, {
+    isExpanded && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(jsxDevRuntimeExports.Fragment, { children: [
+      keys.map((key, order) => /* @__PURE__ */ reactExports.createElement(
+        Property,
+        {
+          ...props,
+          name: key,
+          order,
+          value: value[key],
+          key,
+          path: `${props.path}.${key}`,
+          level: props.level + 1
+        }
+      )),
+      /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+        "div",
+        {
+          className: cx(css.line, css.property),
+          style: {
+            "--level": props.level,
+            "--order": keys.length
+          },
+          children: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css.propertyMeta, children: `]` }, void 0, false, {
+            fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/vm-tree-item-render/property/array.tsx",
+            lineNumber: 54,
+            columnNumber: 13
+          }, void 0)
+        },
+        void 0,
+        false,
+        {
+          fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/vm-tree-item-render/property/array.tsx",
+          lineNumber: 45,
+          columnNumber: 11
+        },
+        void 0
+      )
+    ] }, void 0, true, {
       fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/vm-tree-item-render/property/array.tsx",
       lineNumber: 33,
       columnNumber: 9
     }, void 0)
   ] }, void 0, true, {
     fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/vm-tree-item-render/property/array.tsx",
-    lineNumber: 16,
+    lineNumber: 15,
     columnNumber: 5
   }, void 0);
 });
 const FunctionProperty = observer((props) => {
-  const { name: property2, value, valueType } = props;
+  const { name: property2, value } = props;
   const argLabels = Array.from(
     { length: value.length },
     (_15, i) => `arg${i + 1}`
@@ -35944,24 +35975,14 @@ const FunctionProperty = observer((props) => {
       style: { "--level": props.level, "--order": props.order },
       "data-fitted": props.isFitted,
       children: [
-        /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(ExpandButton, {}, void 0, false, {
-          fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/vm-tree-item-render/property/function.tsx",
-          lineNumber: 25,
-          columnNumber: 7
-        }, void 0),
-        valueType.includes("Async") && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: cx(css.propertyMeta, css.small), children: "async " }, void 0, false, {
-          fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/vm-tree-item-render/property/function.tsx",
-          lineNumber: 27,
-          columnNumber: 9
-        }, void 0),
         /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css.propertyName, children: property2 }, void 0, false, {
           fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/vm-tree-item-render/property/function.tsx",
-          lineNumber: 29,
+          lineNumber: 24,
           columnNumber: 7
         }, void 0),
         /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css.propertyMeta, children: `(${argLabels.join(", ")})` }, void 0, false, {
           fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/vm-tree-item-render/property/function.tsx",
-          lineNumber: 30,
+          lineNumber: 25,
           columnNumber: 7
         }, void 0)
       ]
@@ -35970,7 +35991,7 @@ const FunctionProperty = observer((props) => {
     true,
     {
       fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/vm-tree-item-render/property/function.tsx",
-      lineNumber: 17,
+      lineNumber: 16,
       columnNumber: 5
     },
     void 0
@@ -35986,30 +36007,33 @@ const InstanceProperty = observer((props) => {
     /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
       "div",
       {
-        className: cx(css.line, css.property, css.instance),
+        className: cx(css.line, css.property, css.instance, css.expandable),
         style: { "--level": props.level, "--order": props.order },
         onClick: () => model.handleExpandPropertyClick(props.path),
         "data-fitted": props.isFitted,
         children: [
-          /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(ExpandButton, { expandable: true, expanded: isExpanded }, void 0, false, {
-            fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/vm-tree-item-render/property/instance.tsx",
-            lineNumber: 28,
-            columnNumber: 9
-          }, void 0),
           /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css.propertyName, children: name }, void 0, false, {
             fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/vm-tree-item-render/property/instance.tsx",
-            lineNumber: 29,
+            lineNumber: 27,
             columnNumber: 9
           }, void 0),
           /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css.propertyMeta, children: ": " }, void 0, false, {
             fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/vm-tree-item-render/property/instance.tsx",
-            lineNumber: 30,
+            lineNumber: 28,
             columnNumber: 9
           }, void 0),
           /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css.propertyValue, children: `${className}` }, void 0, false, {
             fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/vm-tree-item-render/property/instance.tsx",
-            lineNumber: 31,
+            lineNumber: 29,
             columnNumber: 9
+          }, void 0),
+          isExpanded && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css.propertyMeta, children: [
+            " ",
+            `{`
+          ] }, void 0, true, {
+            fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/vm-tree-item-render/property/instance.tsx",
+            lineNumber: 30,
+            columnNumber: 24
           }, void 0)
         ]
       },
@@ -36017,26 +36041,55 @@ const InstanceProperty = observer((props) => {
       true,
       {
         fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/vm-tree-item-render/property/instance.tsx",
-        lineNumber: 20,
+        lineNumber: 19,
         columnNumber: 7
       },
       void 0
     ),
-    isExpanded && keys.map((key, order) => /* @__PURE__ */ reactExports.createElement(
-      Property,
-      {
-        ...props,
-        name: key,
-        order,
-        value: value[key],
-        key,
-        path: `${props.path}.${key}`,
-        level: props.level + 1
-      }
-    ))
+    isExpanded && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(jsxDevRuntimeExports.Fragment, { children: [
+      keys.map((key, order) => /* @__PURE__ */ reactExports.createElement(
+        Property,
+        {
+          ...props,
+          name: key,
+          order,
+          value: value[key],
+          key,
+          path: `${props.path}.${key}`,
+          level: props.level + 1
+        }
+      )),
+      /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+        "div",
+        {
+          className: cx(css.line, css.property, css.instance),
+          style: {
+            "--level": props.level,
+            "--order": keys.length
+          },
+          children: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css.propertyMeta, children: `}` }, void 0, false, {
+            fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/vm-tree-item-render/property/instance.tsx",
+            lineNumber: 54,
+            columnNumber: 13
+          }, void 0)
+        },
+        void 0,
+        false,
+        {
+          fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/vm-tree-item-render/property/instance.tsx",
+          lineNumber: 45,
+          columnNumber: 11
+        },
+        void 0
+      )
+    ] }, void 0, true, {
+      fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/vm-tree-item-render/property/instance.tsx",
+      lineNumber: 33,
+      columnNumber: 9
+    }, void 0)
   ] }, void 0, true, {
     fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/vm-tree-item-render/property/instance.tsx",
-    lineNumber: 19,
+    lineNumber: 18,
     columnNumber: 5
   }, void 0);
 });
@@ -36049,16 +36102,13 @@ const ObjectProperty = observer((props) => {
     /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
       "div",
       {
-        className: cx(css.line, css.property, css.object),
+        className: cx(css.line, css.property, css.object, {
+          [css.expandable]: isExpandable
+        }),
         style: { "--level": props.level, "--order": props.order },
         onClick: () => model.handleExpandPropertyClick(props.path),
         "data-fitted": props.isFitted,
         children: [
-          /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(ExpandButton, { expandable: isExpandable, expanded: isExpanded }, void 0, false, {
-            fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/vm-tree-item-render/property/object.tsx",
-            lineNumber: 26,
-            columnNumber: 9
-          }, void 0),
           /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css.propertyName, children: property2 }, void 0, false, {
             fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/vm-tree-item-render/property/object.tsx",
             lineNumber: 27,
@@ -36069,7 +36119,7 @@ const ObjectProperty = observer((props) => {
             lineNumber: 28,
             columnNumber: 9
           }, void 0),
-          /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css.propertyValue, children: isExpandable ? "{...}" : `{}` }, void 0, false, {
+          /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css.propertyValue, children: isExpanded ? "{" : isExpandable ? "{...}" : `{}` }, void 0, false, {
             fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/vm-tree-item-render/property/object.tsx",
             lineNumber: 29,
             columnNumber: 9
@@ -36080,26 +36130,55 @@ const ObjectProperty = observer((props) => {
       true,
       {
         fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/vm-tree-item-render/property/object.tsx",
-        lineNumber: 18,
+        lineNumber: 17,
         columnNumber: 7
       },
       void 0
     ),
-    isExpanded && keys.map((key, order) => /* @__PURE__ */ reactExports.createElement(
-      Property,
-      {
-        ...props,
-        name: key,
-        order,
-        value: value[key],
-        key,
-        path: `${props.path}.${key}`,
-        level: props.level + 1
-      }
-    ))
+    isExpanded && /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(jsxDevRuntimeExports.Fragment, { children: [
+      keys.map((key, order) => /* @__PURE__ */ reactExports.createElement(
+        Property,
+        {
+          ...props,
+          name: key,
+          order,
+          value: value[key],
+          key,
+          path: `${props.path}.${key}`,
+          level: props.level + 1
+        }
+      )),
+      /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+        "div",
+        {
+          className: cx(css.line, css.property),
+          style: {
+            "--level": props.level,
+            "--order": keys.length
+          },
+          children: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css.propertyMeta, children: `}` }, void 0, false, {
+            fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/vm-tree-item-render/property/object.tsx",
+            lineNumber: 55,
+            columnNumber: 13
+          }, void 0)
+        },
+        void 0,
+        false,
+        {
+          fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/vm-tree-item-render/property/object.tsx",
+          lineNumber: 46,
+          columnNumber: 11
+        },
+        void 0
+      )
+    ] }, void 0, true, {
+      fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/vm-tree-item-render/property/object.tsx",
+      lineNumber: 34,
+      columnNumber: 9
+    }, void 0)
   ] }, void 0, true, {
     fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/vm-tree-item-render/property/object.tsx",
-    lineNumber: 17,
+    lineNumber: 16,
     columnNumber: 5
   }, void 0);
 });
@@ -36114,24 +36193,19 @@ const PrimitiveProperty = observer((props) => {
       "data-fitted": props.isFitted,
       title: String(value),
       children: [
-        /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(ExpandButton, {}, void 0, false, {
-          fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/vm-tree-item-render/property/primitive.tsx",
-          lineNumber: 21,
-          columnNumber: 7
-        }, void 0),
         /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css.propertyName, children: name }, void 0, false, {
           fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/vm-tree-item-render/property/primitive.tsx",
-          lineNumber: 22,
+          lineNumber: 20,
           columnNumber: 7
         }, void 0),
         /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css.propertyMeta, children: ": " }, void 0, false, {
           fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/vm-tree-item-render/property/primitive.tsx",
-          lineNumber: 23,
+          lineNumber: 21,
           columnNumber: 7
         }, void 0),
         /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { className: css.propertyValue, children: primitiveType === "symbol" ? "Symbol" : primitiveType === "string" ? `"${value}"` : `${value}` }, void 0, false, {
           fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/vm-tree-item-render/property/primitive.tsx",
-          lineNumber: 24,
+          lineNumber: 22,
           columnNumber: 7
         }, void 0)
       ]
@@ -36140,7 +36214,7 @@ const PrimitiveProperty = observer((props) => {
     true,
     {
       fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/vm-tree-item-render/property/primitive.tsx",
-      lineNumber: 13,
+      lineNumber: 12,
       columnNumber: 5
     },
     void 0
@@ -36379,18 +36453,17 @@ const VmDevtoolsContent = observer(
       {
         ...props,
         className: cx(css.vmContent, className),
-        ref: model.devtools.containerRef,
         children: [
           /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("header", { children: [
             /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("span", { children: "mobx-view-model devtools" }, void 0, false, {
               fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
-              lineNumber: 29,
+              lineNumber: 28,
               columnNumber: 11
             }, void 0),
             headerContent
           ] }, void 0, true, {
             fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
-            lineNumber: 28,
+            lineNumber: 27,
             columnNumber: 9
           }, void 0),
           /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { className: css.vmContentFilters, children: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
@@ -36406,16 +36479,16 @@ const VmDevtoolsContent = observer(
             false,
             {
               fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
-              lineNumber: 33,
+              lineNumber: 32,
               columnNumber: 11
             },
             void 0
           ) }, void 0, false, {
             fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
-            lineNumber: 32,
+            lineNumber: 31,
             columnNumber: 9
           }, void 0),
-          /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { className: css.vmContentTree, children: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(te, { children: [
+          /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(oe, { className: css.vmContentTree, ref: model.devtools.scrollListRef, children: [
             model.devtools.vmTree.map((vmItem) => /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
               VmTreeItemRender,
               {
@@ -36425,8 +36498,8 @@ const VmDevtoolsContent = observer(
               false,
               {
                 fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
-                lineNumber: 44,
-                columnNumber: 15
+                lineNumber: 42,
+                columnNumber: 13
               },
               void 0
             )),
@@ -36442,18 +36515,14 @@ const VmDevtoolsContent = observer(
               false,
               {
                 fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
-                lineNumber: 50,
-                columnNumber: 15
+                lineNumber: 48,
+                columnNumber: 13
               },
               void 0
             )
           ] }, void 0, true, {
             fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
-            lineNumber: 42,
-            columnNumber: 11
-          }, void 0) }, void 0, false, {
-            fileName: "/home/js2me/projects/open-source/mobx-view-model-devtools/src/ui/devtools-content/index.tsx",
-            lineNumber: 41,
+            lineNumber: 40,
             columnNumber: 9
           }, void 0)
         ]
@@ -36701,17 +36770,19 @@ class KeyboardHandler2 extends KeyboardHandler$1 {
         {
           shortcuts: ["Ctrl+ArrowDown"],
           action: () => {
-            requestAnimationFrame(() => {
-              devtools.containerRef.current.scrollTop += 200;
-            });
+            if (!devtools.scrollListRef.current) return;
+            devtools.scrollListRef.current.scrollTo(
+              devtools.scrollListRef.current.scrollOffset + 400
+            );
           }
         },
         {
           shortcuts: ["Ctrl+ArrowUp"],
           action: () => {
-            requestAnimationFrame(() => {
-              devtools.containerRef.current.scrollTop -= 200;
-            });
+            if (!devtools.scrollListRef.current) return;
+            devtools.scrollListRef.current.scrollTo(
+              devtools.scrollListRef.current.scrollOffset - 400
+            );
           }
         }
       ]
@@ -36788,8 +36859,8 @@ class ViewModelDevtools {
     this.expandedVmItemsPaths = observable.set();
     this.logoUrl = "https://js2me.github.io/mobx-view-model/logo.png";
     this.inputRef = createFocusableRef();
-    this.containerRef = createFocusableRef();
-    this.buttonRef = createRef();
+    this.scrollContentRef = createRef();
+    this.scrollListRef = createRef();
     this.keyboardHandler = new KeyboardHandler2(this);
     makeObservable(this, {
       isPopupOpened: observable.ref,
@@ -36820,11 +36891,11 @@ class ViewModelDevtools {
   expandedVmItemsPaths;
   logoUrl;
   inputRef;
-  containerRef;
-  buttonRef;
+  scrollContentRef;
   keyboardHandler;
   search;
   expandedVmsSet;
+  scrollListRef;
   get allVms() {
     const vmStore = this.projectVmStore;
     const viewModelsMap = vmStore?.viewModels ?? /* @__PURE__ */ new Map();
@@ -37024,22 +37095,23 @@ class ViewModelDevtools {
   }
   render() {
     const containerId = this.config.containerId ?? "view-model-devtools";
-    let existedContainer = document.querySelector(
+    let container2 = document.querySelector(
       `#${containerId}`
     );
-    if (!existedContainer) {
-      existedContainer = document.createElement("div");
-      existedContainer.style = "display: contents;";
-      existedContainer.id = containerId;
+    if (!container2) {
+      container2 = document.createElement("div");
+      container2.style = "display: contents;";
+      container2.className = css.rootContainer;
+      container2.id = containerId;
       if (document.body) {
-        document.body.appendChild(existedContainer);
+        document.body.appendChild(container2);
       } else {
         document.addEventListener("DOMContentLoaded", () => {
-          document.body.appendChild(existedContainer);
+          document.body.appendChild(container2);
         });
       }
     }
-    const root = clientExports.createRoot(existedContainer);
+    const root = clientExports.createRoot(container2);
     root.render(reactExports.createElement(DevtoolsClient, { payload: { devtools: this } }));
   }
   static _instance = null;