@genexus/genexus-ide-ui 1.1.65 → 1.1.67

package/dist/genexus-ide-ui/{p-ab8aee7d.entry.js → p-1890d374.entry.js}

@@ -12,7 +12,7 @@ import "lit/directives/if-defined.js";
 
 import { L as s } from "./p-311eedf3.js";
 
-const n = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host{display:grid;block-size:100%}.card-regular{background-color:var(--mer-surface__elevation--01);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--md) var(--mer-spacing--md);display:grid}.card-small{background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm) var(--mer-spacing--sm)}.card-small--actionable:hover{background-color:var(--mer-color__neutral-gray--600)}.card-small--actionable:active{background-color:var(--mer-color__neutral-gray--650)}.card-small:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.empty-state{block-size:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm);text-align:center}.empty-state__title,.empty-state__button,.empty-state__link{max-inline-size:300px}.opacity-0{opacity:0}.opacity-1{opacity:1}.display-contents{display:contents}.pill-tag{padding:1px 4px;border-radius:2px;min-inline-size:40px;text-align:center;margin-inline-end:10px;font-size:11px}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--mer-surface__elevation--01));padding-inline:var(--mer-spacing--xs);color:var(--mer-text__on-elevation);font-size:var(--font-size-body-s);line-height:1.4;font-weight:var(--font-weight-regular);border-radius:var(--mer-border__width--lg);min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--mer-spacing--xs)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}:host{display:grid;block-size:100%}.main-container{display:grid;gap:14px;grid-template-rows:max-content 1fr max-content;overflow:auto}.main-container .local-changes-container{display:grid;gap:8px;grid-template-rows:max-content max-content max-content 1fr;padding-inline:0}.main-container .remote-changes-container{display:grid;gap:8px;grid-template-rows:max-content max-content 1fr;padding-inline:0}.control-footer-with-border.open-window-container{--control-footer-justify-content:flex-start}.loader-icon{animation:spin 1s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.empty-state{overflow:hidden}.giu-static-pill-icon-and-text{background-color:var(--mer-surface__elevation--02)}.tab{overflow:auto;row-gap:8px}.tab.border-style-none{border-style:none}.empty-state-button{inline-size:100%;max-inline-size:300px}.button-tertiary.team-dev-button{text-decoration:underline;color:var(--mer-text__neutral)}.button-tertiary.refresh-button,.button-tertiary.open-full-dialog-button{padding-block:0;justify-self:start}.commit-message-textarea{block-size:65px}.empty-state-container{display:grid;gap:8px;grid-template-rows:max-content max-content}ch-tree-view-render::part(change-item item__header){padding-inline-start:0}ch-tree-view-render::part(root-item item__header){padding-inline-start:0;font-weight:var(--font-weight-semi-bold);font-size:var(--font-size-body-s);line-height:var(--line-height-tight)}";
+const n = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host{display:grid;block-size:100%}.card-regular{background-color:var(--mer-surface__elevation--01);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--md) var(--mer-spacing--md);display:grid}.card-small{background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm) var(--mer-spacing--sm)}.card-small--actionable:hover{background-color:var(--mer-color__neutral-gray--600)}.card-small--actionable:active{background-color:var(--mer-color__neutral-gray--650)}.card-small:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.empty-state{block-size:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm);text-align:center}.empty-state__title,.empty-state__button,.empty-state__link{max-inline-size:300px}.opacity-0{opacity:0}.opacity-1{opacity:1}.display-contents{display:contents}.pill-tag{padding:1px 4px;border-radius:2px;min-inline-size:40px;text-align:center;margin-inline-end:10px;font-size:11px}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--mer-surface__elevation--01));padding-inline:var(--mer-spacing--xs);color:var(--mer-text__on-elevation);font-size:var(--font-size-body-s);line-height:1.4;font-weight:var(--font-weight-regular);border-radius:var(--mer-border__width--lg);min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--mer-spacing--xs)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}:host{display:grid;block-size:100%}.main-container{display:grid;gap:14px;grid-template-rows:max-content 1fr max-content;overflow:auto}.main-container .local-changes-container{display:grid;gap:8px;grid-template-rows:max-content max-content max-content 1fr;padding-inline:0}.main-container .remote-changes-container{display:grid;gap:8px;grid-template-rows:max-content max-content 1fr;padding-inline:0}.control-footer-with-border.open-window-container{--control-footer-justify-content:flex-start}.loader-icon{animation:spin 1s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.empty-state{overflow:hidden}.giu-static-pill-icon-and-text{background-color:var(--mer-surface__elevation--02)}.tab{overflow:auto;row-gap:8px}.tab.border-style-none{border-style:none}.empty-state-button{inline-size:100%;max-inline-size:300px}.button-tertiary.team-dev-button{text-decoration:underline;color:var(--mer-text__neutral)}.button-tertiary.refresh-button,.button-tertiary.open-full-dialog-button{padding-block:0;justify-self:start}.commit-message-textarea{block-size:65px}.empty-state-container{display:grid;gap:8px;grid-template-rows:max-content max-content}ch-tree-view-render::part(change-item item__header){padding-inline-start:0}ch-tree-view-render::part(root-item item__header){padding-inline-start:0;font-weight:var(--font-weight-semi-bold);font-size:var(--font-size-body-s);line-height:var(--line-height-tight)}.version-pill{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.giu-static-pill-icon-and-text.version{grid-auto-columns:unset}";
 
 var l = undefined && undefined.__classPrivateFieldGet || function(t, e, i, a) {
   if (i === "a" && !a) throw new TypeError("Private accessor was defined without a getter");
@@ -27,9 +27,9 @@ var c = undefined && undefined.__classPrivateFieldSet || function(t, e, i, a, r)
   return a === "a" ? r.call(t, i) : r ? r.value = i : e.set(t, i), i;
 };
 
-var d, f, h, g, b, m, v, p, u, y, w, x, k, z, _, W, M, T, j, C, B, S, $, D, H, I, L, N, P, E, O, K, V, F, G, X;
+var d, h, f, g, b, m, p, v, u, y, w, x, k, z, _, W, M, T, C, j, $, B, S, D, I, L, H, N, O, P, E, K, V, F, G, X, q, A;
 
-var q;
+var J;
 
 (function(t) {
   t[t["NoKBOpen"] = 0] = "NoKBOpen";
@@ -38,117 +38,119 @@ var q;
   t[t["NoLinkedVersion"] = 3] = "NoLinkedVersion";
   t[t["FrozenVersion"] = 4] = "FrozenVersion";
   t[t["None"] = 5] = "None";
-})(q || (q = {}));
+})(J || (J = {}));
 
-const A = [ "resets/box-sizing", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar", "components/tree-view", "components/tab" ];
+const Q = [ "resets/box-sizing", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar", "components/tree-view", "components/tab" ];
 
-const J = o({
+const R = o({
   category: "system",
   name: "version",
   colorType: "on-surface"
 });
 
-const Q = o({
+const U = o({
   category: "system",
   name: "add",
   colorType: "success"
 });
 
-const R = o({
+const Y = o({
   category: "system",
   name: "edit",
   colorType: "warning"
 });
 
-const U = o({
+const Z = o({
   category: "system",
   name: "substract",
   colorType: "error"
 });
 
-const Y = o({
+const tt = o({
   category: "system",
   name: "refresh",
   colorType: "primary"
 });
 
-const Z = o({
+const et = o({
   category: "system",
   name: "warning",
   colorType: "warning"
 });
 
-const tt = o({
+const it = o({
   category: "gemini-tools",
   name: "open-window",
   colorType: "on-surface"
 });
 
-const et = o({
+const at = o({
   category: "system",
   name: "loading",
   colorType: "primary"
 });
 
-const it = o({
+const rt = o({
   category: "system",
   name: "error",
   colorType: "on-surface"
 });
 
-const at = "remote-changes-tab";
+const ot = "remote-changes-tab";
 
-const rt = "local-changes-tab";
+const st = "local-changes-tab";
 
-const ot = class {
+const nt = class {
   constructor(a) {
     t(this, a);
     d.set(this, void 0);
-    f.set(this, false);
     h.set(this, false);
+    f.set(this, false);
     g.set(this, void 0);
     b.set(this, void 0);
     m.set(this, void 0);
-    v.set(this, false);
-    p.set(this, {});
-    u.set(this, (() => {
-      c(this, p, {
-        [q.NoKBOpen]: {
+    p.set(this, false);
+    v.set(this, {});
+    u.set(this, void 0);
+    y.set(this, void 0);
+    w.set(this, (() => {
+      c(this, v, {
+        [J.NoKBOpen]: {
           title: l(this, d, "f").emptyState.noConnectedKBTitle,
           description: l(this, d, "f").emptyState.noOpenKBDescription,
           buttonText: l(this, d, "f").buttons.createKBFromServer,
-          buttonHandler: l(this, _, "f"),
+          buttonHandler: l(this, M, "f"),
           showButton: true
         },
-        [q.NoConnectedKB]: {
+        [J.NoConnectedKB]: {
           title: l(this, d, "f").emptyState.noConnectedKBTitle,
           description: l(this, d, "f").emptyState.noConnectedKBDescription,
           buttonText: l(this, d, "f").buttons.shareKBToServer,
-          buttonHandler: l(this, z, "f"),
+          buttonHandler: l(this, W, "f"),
           showButton: true
         },
-        [q.NoConnectedGXServer]: {
+        [J.NoConnectedGXServer]: {
           title: l(this, d, "f").emptyState.noConnectedGXServerTitle,
           description: l(this, d, "f").emptyState.noConnectedGXServerDescription,
           buttonText: l(this, d, "f").buttons.reconnect,
-          buttonHandler: l(this, S, "f"),
+          buttonHandler: l(this, D, "f"),
           showButton: true
         },
-        [q.NoLinkedVersion]: {
+        [J.NoLinkedVersion]: {
           title: l(this, d, "f").emptyState.noLinkedVersionTitle,
           description: l(this, d, "f").emptyState.noLinkedVersionDescription,
           buttonText: "",
           buttonHandler: undefined,
           showButton: false
         },
-        [q.FrozenVersion]: {
+        [J.FrozenVersion]: {
           title: l(this, d, "f").emptyState.frozenVersionTitle,
           description: l(this, d, "f").emptyState.frozenVersionDescription,
           buttonText: "",
           buttonHandler: undefined,
           showButton: false
         },
-        [q.None]: {
+        [J.None]: {
           title: "",
           description: "",
           buttonText: "",
@@ -157,142 +159,157 @@ const ot = class {
         }
       }, "f");
     }));
-    y.set(this, (() => {
+    x.set(this, (() => {
       if (this.teamDevPreviewData.isKBOpen && this.teamDevPreviewData.isLinkedKB && this.teamDevPreviewData.isLinkedVersion && !this.teamDevPreviewData.isFrozenVersion && this.teamDevPreviewData.existsGXServerSession) {
-        c(this, v, true, "f");
+        c(this, p, true, "f");
         return;
       }
-      c(this, v, false, "f");
+      c(this, p, false, "f");
     }));
-    w.set(this, (async t => {
+    k.set(this, (async t => {
       if (t === "local") {
         this.loadingLocalChanges = true;
         c(this, g, await this.loadLocalChangesCallback(), "f");
-        l(this, x, "f").call(this, "local");
+        l(this, z, "f").call(this, "local");
         this.loadingLocalChanges = false;
-        c(this, f, false, "f");
+        c(this, h, false, "f");
       } else {
         this.loadingRemoteChanges = true;
         c(this, b, await this.loadRemoteChangesCallback(), "f");
-        l(this, x, "f").call(this, "remote");
+        l(this, z, "f").call(this, "remote");
         this.loadingRemoteChanges = false;
-        c(this, h, false, "f");
+        c(this, f, false, "f");
       }
     }));
-    x.set(this, (t => {
-      var e, i, a, r;
-      let o = "";
-      let s;
-      const n = t === "local";
-      if (n) {
-        this.pendingCommitChangesCount = ((i = (e = l(this, g, "f")) === null || e === void 0 ? void 0 : e.pendingForCommit) === null || i === void 0 ? void 0 : i.length) || 0;
-        o = `${l(this, d, "f").captions.localChanges} (${this.pendingCommitChangesCount})`;
-        s = l(this, g, "f").pendingForCommit;
+    z.set(this, (t => {
+      var i, a, r, o;
+      let s = "";
+      let n;
+      const c = t === "local";
+      if (c) {
+        this.pendingCommitChangesCount = ((a = (i = l(this, g, "f")) === null || i === void 0 ? void 0 : i.pendingForCommit) === null || a === void 0 ? void 0 : a.length) || 0;
+        s = `${l(this, d, "f").captions.localChanges} (${this.pendingCommitChangesCount})`;
+        n = l(this, g, "f").pendingForCommit;
       } else {
-        this.pendingRemoteChangesCount = ((r = (a = l(this, b, "f")) === null || a === void 0 ? void 0 : a.pendingForUpdate) === null || r === void 0 ? void 0 : r.length) || 0;
-        o = `${l(this, d, "f").captions.remoteChanges} (${this.pendingRemoteChangesCount})`;
-        s = l(this, b, "f").pendingForUpdate;
+        this.pendingRemoteChangesCount = ((o = (r = l(this, b, "f")) === null || r === void 0 ? void 0 : r.pendingForUpdate) === null || o === void 0 ? void 0 : o.length) || 0;
+        s = `${l(this, d, "f").captions.remoteChanges} (${this.pendingRemoteChangesCount})`;
+        n = l(this, b, "f").pendingForUpdate;
       }
-      const c = [ {
+      const h = [ {
         id: "root",
-        caption: o,
+        caption: s,
         expanded: true,
         parts: "root-item",
-        items: s === null || s === void 0 ? void 0 : s.map((t => ({
+        items: n === null || n === void 0 ? void 0 : n.map((t => ({
           id: t.id,
-          startImgSrc: n ? t.type.icon : t.typeIcon,
-          endImgSrc: n ? l(this, $, "f").call(this, t.state) : l(this, $, "f").call(this, t.action),
-          caption: t.name,
+          startImgSrc: c ? t.type.icon : t.typeIcon,
+          endImgSrc: c ? l(this, I, "f").call(this, t.state) : l(this, I, "f").call(this, t.action),
+          caption: 
+          //WA: Used to apply different styles to the item caption and path
+          e("div", {
+            style: {
+              display: "flex"
+            }
+          }, e("span", null, t.name), e("span", {
+            style: {
+              color: "var(--mer-color__neutral-gray--450)",
+              marginLeft: "4px"
+            }
+          }, t.module)),
           leaf: true,
           parts: "change-item"
         })))
       } ];
-      if (n) {
-        this.localChangesTreeViewModel = c;
-        l(this, H, "f").call(this, rt);
+      if (c) {
+        this.localChangesTreeViewModel = h;
+        l(this, H, "f").call(this, st);
       } else {
-        this.remoteChangesTreeViewModel = c;
-        l(this, H, "f").call(this, at);
+        this.remoteChangesTreeViewModel = h;
+        l(this, H, "f").call(this, ot);
       }
     }));
-    k.set(this, (async (t, e) => {
+    _.set(this, (async (t, e) => {
       const i = Array.from(t.detail.values()).filter((t => t.item.checked && t.item.id !== "root")).map((t => t.item.id));
       if (e === "local") {
         this.localChangesCheckedNodesIds = i;
+        l(this, u, "f").updateItemsProperties([ "root" ], {
+          caption: `${l(this, d, "f").captions.localChanges} (${this.localChangesCheckedNodesIds.length}/${this.pendingCommitChangesCount})`
+        });
       } else {
         this.remoteChangesCheckedNodesIds = i;
+        l(this, y, "f").updateItemsProperties([ "root" ], {
+          caption: `${l(this, d, "f").captions.remoteChanges} (${this.remoteChangesCheckedNodesIds.length}/${this.pendingRemoteChangesCount})`
+        });
       }
     }));
-    z.set(this, (async () => {
+    W.set(this, (async () => {
       await this.shareKBToServerCallback();
     }));
-    _.set(this, (async () => {
+    M.set(this, (async () => {
       await this.createKBFromServerCallback();
     }));
-    W.set(this, (async () => {
+    T.set(this, (async () => {
       await this.openFullDialogCallback();
     }));
-    M.set(this, (async () => {
+    C.set(this, (async () => {
       this.committingChanges = true;
       await this.commitCallback(this.localChangesCheckedNodesIds, this.commitMessage);
       this.commitMessage = "";
       this.committingChanges = false;
-      await l(this, w, "f").call(this, "local");
     }));
-    T.set(this, (t => {
+    j.set(this, (t => {
       this.commitMessage = t.detail || "";
     }));
-    j.set(this, (async () => {
+    $.set(this, (async () => {
       this.updatingChanges = true;
       await this.updateCallback(this.remoteChangesCheckedNodesIds);
       this.updatingChanges = false;
       this.remoteChangesCheckedNodesIds = [];
-      await l(this, w, "f").call(this, "remote");
     }));
-    C.set(this, (async t => {
+    B.set(this, (async t => {
       this.selectedTabId = t.detail.newSelectedId;
-      if (this.selectedTabId === rt && l(this, f, "f")) {
-        await l(this, w, "f").call(this, "local");
+      if (this.selectedTabId === st && l(this, h, "f")) {
+        await l(this, k, "f").call(this, "local");
       }
-      if (this.selectedTabId === at && l(this, h, "f")) {
-        await l(this, w, "f").call(this, "remote");
+      if (this.selectedTabId === ot && l(this, f, "f")) {
+        await l(this, k, "f").call(this, "remote");
       }
     }));
-    B.set(this, (async () => {
+    S.set(this, (async () => {
       await this.openTeamDevInfoCallback();
     }));
-    S.set(this, (async () => {
+    D.set(this, (async () => {
       await this.reconnectCallback();
     }));
-    $.set(this, (t => {
+    I.set(this, (t => {
       const e = {
-        inserted: Q,
-        modified: R,
-        deleted: U,
-        conflicted: Z,
-        "modified-with-conflicts": Z
+        inserted: U,
+        modified: Y,
+        deleted: Z,
+        conflicted: et,
+        "modified-with-conflicts": et
       };
       return e[t] || null;
     }));
-    D.set(this, (t => {
+    L.set(this, (t => {
       const e = t === "local";
       if (e) {
-        return this.loadingLocalChanges || !this.commitMessage.trim().length || this.localChangesCheckedNodesIds.length === 0 || this.committingChanges;
+        return this.loadingLocalChanges || !this.commitMessage.trim().length || this.localChangesCheckedNodesIds.length === 0 || this.committingChanges || this.serverOperationsDisabled;
       } else {
-        return this.loadingRemoteChanges || this.remoteChangesCheckedNodesIds.length === 0 || this.updatingChanges;
+        return this.loadingRemoteChanges || this.remoteChangesCheckedNodesIds.length === 0 || this.updatingChanges || this.serverOperationsDisabled;
       }
     }));
     H.set(this, (t => {
       this.tabModel = this.tabModel.map((e => e.id === t ? Object.assign(Object.assign({}, e), {
-        name: t === rt ? `${l(this, d, "f").captions.localChanges} (${this.pendingCommitChangesCount})` : `${l(this, d, "f").captions.remoteChanges} (${this.pendingRemoteChangesCount})`
+        name: t === st ? `${l(this, d, "f").captions.localChanges} (${this.pendingCommitChangesCount})` : `${l(this, d, "f").captions.remoteChanges} (${this.pendingRemoteChangesCount})`
       }) : e));
     }));
-    I.set(this, (() => l(this, p, "f")[this.getEmptyStateType()].title));
-    L.set(this, (() => l(this, p, "f")[this.getEmptyStateType()].description));
-    N.set(this, (() => l(this, p, "f")[this.getEmptyStateType()].buttonText));
-    P.set(this, (() => l(this, p, "f")[this.getEmptyStateType()].buttonHandler));
-    E.set(this, (() => l(this, p, "f")[this.getEmptyStateType()].showButton));
-    O.set(this, (t => {
+    N.set(this, (() => l(this, v, "f")[this.getEmptyStateType()].title));
+    O.set(this, (() => l(this, v, "f")[this.getEmptyStateType()].description));
+    P.set(this, (() => l(this, v, "f")[this.getEmptyStateType()].buttonText));
+    E.set(this, (() => l(this, v, "f")[this.getEmptyStateType()].buttonHandler));
+    K.set(this, (() => l(this, v, "f")[this.getEmptyStateType()].showButton));
+    V.set(this, (t => {
       let i = false;
       let a = false;
       let r;
@@ -312,18 +329,18 @@ const ot = class {
       return e("button", {
         class: "button-tertiary button-icon-and-text body-regular-s refresh-button",
         type: "button",
-        onClick: s ? () => l(this, w, "f").call(this, "local") : () => l(this, w, "f").call(this, "remote"),
-        disabled: i || a
+        onClick: s ? () => l(this, k, "f").call(this, "local") : () => l(this, k, "f").call(this, "remote"),
+        disabled: i || a || this.serverOperationsDisabled
       }, e("ch-image", {
         class: {
           "icon-md": true,
           "loader-icon": i
         },
-        src: i ? et : Y,
+        src: i ? at : tt,
         type: "mask"
       }), i ? o : r);
     }));
-    K.set(this, (t => {
+    F.set(this, (t => {
       let i = false;
       let a = "";
       if (t === "local" && this.pendingCommitChangesCount === 0) {
@@ -337,34 +354,37 @@ const ot = class {
         class: "empty-state-container"
       }, e("p", {
         class: "body-regular-s"
-      }, a), l(this, O, "f").call(this, t)) : null;
+      }, a), l(this, V, "f").call(this, t)) : null;
     }));
-    V.set(this, (t => {
+    G.set(this, (t => {
       const a = t === "local";
-      let r = false;
-      let o = false;
-      let s;
       if (a) {
-        r = this.loadingLocalChanges;
-        o = this.committingChanges;
-        s = this.localChangesTreeViewModel;
+        return e(i, null, l(this, V, "f").call(this, t), !this.loadingLocalChanges && !this.committingChanges && e("ch-tree-view-render", {
+          checkbox: true,
+          checked: true,
+          class: "tree-view",
+          model: this.localChangesTreeViewModel,
+          toggleCheckboxes: true,
+          onCheckedItemsChange: e => l(this, _, "f").call(this, e, t),
+          expandableButton: "no",
+          expandOnClick: false,
+          ref: t => c(this, u, t, "f")
+        }));
       } else {
-        r = this.loadingRemoteChanges;
-        o = this.updatingChanges;
-        s = this.remoteChangesTreeViewModel;
+        return e(i, null, l(this, V, "f").call(this, t), !this.loadingRemoteChanges && !this.updatingChanges && e("ch-tree-view-render", {
+          checkbox: true,
+          checked: true,
+          class: "tree-view",
+          model: this.remoteChangesTreeViewModel,
+          toggleCheckboxes: true,
+          onCheckedItemsChange: e => l(this, _, "f").call(this, e, t),
+          expandableButton: "no",
+          expandOnClick: false,
+          ref: t => c(this, y, t, "f")
+        }));
       }
-      return e(i, null, l(this, O, "f").call(this, t), !r && !o && e("ch-tree-view-render", {
-        checkbox: true,
-        checked: true,
-        class: "tree-view",
-        model: s,
-        toggleCheckboxes: true,
-        onCheckedItemsChange: e => l(this, k, "f").call(this, e, t),
-        expandableButton: "no",
-        expandOnClick: false
-      }));
     }));
-    F.set(this, (t => {
+    X.set(this, (t => {
       const i = t === "local";
       let a = false;
       let r = "";
@@ -382,15 +402,15 @@ const ot = class {
           "button-icon-and-text": a
         },
         type: "button",
-        disabled: l(this, D, "f").call(this, t),
-        onClick: i ? l(this, M, "f") : l(this, j, "f")
+        disabled: l(this, L, "f").call(this, t),
+        onClick: i ? l(this, C, "f") : l(this, $, "f")
       }, a && e("ch-image", {
         class: "icon-md loader-icon",
-        src: et,
+        src: at,
         type: "mask"
       }), a ? i ? l(this, d, "f").buttons.committing : l(this, d, "f").buttons.updating : i ? l(this, d, "f").buttons.commit : l(this, d, "f").buttons.update);
     }));
-    G.set(this, (() => {
+    q.set(this, (() => {
       if (this.pendingCommitChangesCount > 0) {
         return e(i, null, e("ch-edit", {
           id: "commit-message-input",
@@ -399,20 +419,20 @@ const ot = class {
           accessibleName: l(this, d, "f").accessibleNames.commitMessage,
           placeholder: l(this, d, "f").placeholders.commitMessage,
           disabled: this.loadingLocalChanges,
-          onInput: l(this, T, "f"),
+          onInput: l(this, j, "f"),
           multiline: true
-        }), l(this, F, "f").call(this, "local"), l(this, V, "f").call(this, "local"));
+        }), l(this, X, "f").call(this, "local"), l(this, G, "f").call(this, "local"));
       }
     }));
-    X.set(this, (() => {
+    A.set(this, (() => {
       if (this.pendingRemoteChangesCount > 0) {
-        return e(i, null, l(this, F, "f").call(this, "remote"), l(this, V, "f").call(this, "remote"));
+        return e(i, null, l(this, X, "f").call(this, "remote"), l(this, G, "f").call(this, "remote"));
       }
     }));
     this.loadingRemoteChanges = false;
     this.loadingLocalChanges = true;
     this.tabModel = [];
-    this.selectedTabId = rt;
+    this.selectedTabId = st;
     this.pendingCommitChangesCount = 0;
     this.pendingRemoteChangesCount = 0;
     this.remoteChangesTreeViewModel = [];
@@ -422,6 +442,7 @@ const ot = class {
     this.commitMessage = "";
     this.committingChanges = false;
     this.updatingChanges = false;
+    this.serverOperationsDisabled = false;
     this.teamDevPreviewData = undefined;
     this.loadRemoteChangesCallback = undefined;
     this.loadLocalChangesCallback = undefined;
@@ -436,32 +457,32 @@ const ot = class {
   async onTeamDevPreviewDataChanged() {
     const {versionName: t} = this.teamDevPreviewData;
     let e = false;
-    l(this, y, "f").call(this);
+    l(this, x, "f").call(this);
     if (l(this, m, "f") !== t) {
       c(this, m, t, "f");
       e = true;
     }
-    if (l(this, v, "f") && e) {
+    if (l(this, p, "f") && e) {
       await this.reloadChanges("local");
       await this.reloadChanges("remote");
     }
   }
   async componentWillLoad() {
-    l(this, y, "f").call(this);
+    l(this, x, "f").call(this);
     c(this, d, await s.getComponentStrings(this.el), "f");
     this.tabModel = [ {
-      id: rt,
+      id: st,
       name: `${l(this, d, "f").captions.localChanges}`
     }, {
-      id: at,
+      id: ot,
       name: `${l(this, d, "f").captions.remoteChanges}`
     } ];
-    l(this, u, "f").call(this);
+    l(this, w, "f").call(this);
   }
   async componentDidLoad() {
-    if (l(this, v, "f")) {
-      await l(this, w, "f").call(this, "local");
-      c(this, h, true, "f");
+    if (l(this, p, "f")) {
+      await l(this, k, "f").call(this, "local");
+      c(this, f, true, "f");
     }
     this.loadingLocalChanges = false;
   }
@@ -469,96 +490,103 @@ const ot = class {
      * Used by the host to reload remote or local changes
      */  async reloadChanges(t) {
     const e = t === "local";
-    const i = e ? this.selectedTabId === rt : this.selectedTabId === at;
+    const i = e ? this.selectedTabId === st : this.selectedTabId === ot;
     if (!i) {
       if (e) {
-        c(this, f, true, "f");
-      } else {
         c(this, h, true, "f");
+      } else {
+        c(this, f, true, "f");
       }
       return;
     }
-    e ? await l(this, w, "f").call(this, "local") : await l(this, w, "f").call(this, "remote");
+    e ? await l(this, k, "f").call(this, "local") : await l(this, k, "f").call(this, "remote");
+  }
+  /**
+     * Used by the host to instruct the component to disable the commit/update button.
+     */  async disableServerOperations(t) {
+    this.serverOperationsDisabled = t;
   }
   getEmptyStateType() {
     const {isFrozenVersion: t, existsGXServerSession: e, isKBOpen: i, isLinkedVersion: a, isLinkedKB: r} = this.teamDevPreviewData;
     if (!i) {
-      return q.NoKBOpen;
+      return J.NoKBOpen;
     }
     if (i && !r) {
-      return q.NoConnectedKB;
+      return J.NoConnectedKB;
     }
     if (i && r && !a && !e) {
-      return q.NoConnectedGXServer;
+      return J.NoConnectedGXServer;
     }
     if (i && r && !a) {
-      return q.NoLinkedVersion;
+      return J.NoLinkedVersion;
     }
     if (i && r && e && t) {
-      return q.FrozenVersion;
+      return J.FrozenVersion;
     }
     if (i && r && !e) {
-      return q.NoConnectedGXServer;
+      return J.NoConnectedGXServer;
     }
-    return q.None;
+    return J.None;
   }
   render() {
     const {existsGXServerSession: t} = this.teamDevPreviewData;
     return e(a, {
       class: {
         widget: true,
-        "empty-state": !l(this, v, "f")
+        "empty-state": !l(this, p, "f")
       }
     }, e("ch-theme", {
-      model: A
-    }), !l(this, v, "f") || !t ? e("gx-ide-empty-state", {
+      model: Q
+    }), !l(this, p, "f") || !t ? e("gx-ide-empty-state", {
       isAnimated: true,
-      stateIconSrc: it,
-      stateTitle: l(this, I, "f").call(this),
-      stateDescription: l(this, L, "f").call(this)
-    }, l(this, E, "f").call(this) && e("button", {
+      stateIconSrc: rt,
+      stateTitle: l(this, N, "f").call(this),
+      stateDescription: l(this, O, "f").call(this)
+    }, l(this, K, "f").call(this) && e("button", {
       class: "button-primary empty-state-button",
-      onClick: l(this, P, "f").call(this)
-    }, l(this, N, "f").call(this)), e("div", null, e("p", {
+      onClick: l(this, E, "f").call(this)
+    }, l(this, P, "f").call(this)), e("div", null, e("p", {
       class: "body-regular-s"
     }, l(this, d, "f").emptyState.about), e("button", {
       class: "button-tertiary button-icon-and-text team-dev-button body-semi-bold-s",
       type: "button",
-      onClick: l(this, B, "f")
+      onClick: l(this, S, "f")
     }, l(this, d, "f").buttons.teamDev, e("ch-image", {
       class: "icon-md",
-      src: tt,
+      src: it,
       type: "mask"
     })))) : e("div", {
-      class: "main-container"
+      class: "main-container spacing-body scrollable"
     }, e("div", null, e("p", {
-      class: "giu-static-pill-icon-and-text giu-static-pill-icon-and-text--version elevation-02"
+      class: "giu-static-pill-icon-and-text version giu-static-pill-icon-and-text--version elevation-02"
     }, e("ch-image", {
       class: "icon-md",
       type: "mask",
-      src: J
-    }), this.teamDevPreviewData.versionName)), e("ch-tab-render", {
+      src: R
+    }), e("span", {
+      class: "version-pill"
+    }, this.teamDevPreviewData.versionName))), e("ch-tab-render", {
       class: "tab tab-full-width-buttons scrollable border-style-none",
       model: this.tabModel,
       selectedId: this.selectedTabId,
       tabListPosition: "block-start",
-      onSelectedItemChange: l(this, C, "f")
+      onSelectedItemChange: l(this, B, "f")
     }, e("div", {
       class: "local-changes-container",
-      slot: rt
-    }, l(this, K, "f").call(this, "local"), l(this, G, "f").call(this)), e("div", {
+      slot: st
+    }, l(this, F, "f").call(this, "local"), l(this, q, "f").call(this)), e("div", {
       class: "remote-changes-container",
-      slot: at
-    }, l(this, K, "f").call(this, "remote"), l(this, X, "f").call(this))), e("footer", {
+      slot: ot
+    }, l(this, F, "f").call(this, "remote"), l(this, A, "f").call(this))), e("footer", {
       class: "control-footer-with-border open-window-container"
     }, e("div", {
       class: "buttons-spacer"
     }, e("button", {
       class: "button-tertiary button-icon-and-text open-full-dialog-button",
-      onClick: l(this, W, "f")
+      onClick: l(this, T, "f")
     }, e("ch-image", {
       class: "icon-md",
-      src: tt,
+      src: it,
       type: "mask"
     }), l(this, d, "f").footer.openFullDialog)))));
   }
@@ -575,16 +603,16 @@ const ot = class {
   }
 };
 
-d = new WeakMap, f = new WeakMap, h = new WeakMap, g = new WeakMap, b = new WeakMap, 
-m = new WeakMap, v = new WeakMap, p = new WeakMap, u = new WeakMap, y = new WeakMap, 
+d = new WeakMap, h = new WeakMap, f = new WeakMap, g = new WeakMap, b = new WeakMap, 
+m = new WeakMap, p = new WeakMap, v = new WeakMap, u = new WeakMap, y = new WeakMap, 
 w = new WeakMap, x = new WeakMap, k = new WeakMap, z = new WeakMap, _ = new WeakMap, 
-W = new WeakMap, M = new WeakMap, T = new WeakMap, j = new WeakMap, C = new WeakMap, 
-B = new WeakMap, S = new WeakMap, $ = new WeakMap, D = new WeakMap, H = new WeakMap, 
-I = new WeakMap, L = new WeakMap, N = new WeakMap, P = new WeakMap, E = new WeakMap, 
-O = new WeakMap, K = new WeakMap, V = new WeakMap, F = new WeakMap, G = new WeakMap, 
-X = new WeakMap;
+W = new WeakMap, M = new WeakMap, T = new WeakMap, C = new WeakMap, j = new WeakMap, 
+$ = new WeakMap, B = new WeakMap, S = new WeakMap, D = new WeakMap, I = new WeakMap, 
+L = new WeakMap, H = new WeakMap, N = new WeakMap, O = new WeakMap, P = new WeakMap, 
+E = new WeakMap, K = new WeakMap, V = new WeakMap, F = new WeakMap, G = new WeakMap, 
+X = new WeakMap, q = new WeakMap, A = new WeakMap;
 
-ot.style = n;
+nt.style = n;
 
-export { ot as gx_ide_team_dev_preview };
-//# sourceMappingURL=p-ab8aee7d.entry.js.map
+export { nt as gx_ide_team_dev_preview };
+//# sourceMappingURL=p-1890d374.entry.js.map