@ai-ecoverse/slicc-spectrum 1.107.0 → 1.107.2

package/dist/slicc-ui.js

@@ -37401,6 +37401,7 @@ var SliccChat = class _SliccChat extends ThemedElement {
     ];
   }
   #stuck = true;
+  #card = null;
   #last = 0;
   #height = 0;
   #input = Number.NEGATIVE_INFINITY;
@@ -37456,12 +37457,12 @@ var SliccChat = class _SliccChat extends ThemedElement {
     this.#more();
     const log = this.#log();
     if (!this.#stuck && log.scrollHeight <= log.clientHeight) this.#follow();
-    else this.#pin();
+    else this.#pin(false);
   });
   #fitted;
   #fit = new ResizeObserver(([entry]) => {
     this.style.setProperty("--composer-height", `${entry.target.offsetHeight}px`);
-    this.#pin();
+    this.#pin(false);
   });
   #log() {
     return this.renderRoot.querySelector(".log");
@@ -37476,13 +37477,24 @@ var SliccChat = class _SliccChat extends ThemedElement {
   #bottom() {
     return this.#gap() <= this.#slack();
   }
-  #pin() {
+  #pin(end = true) {
     if (!this.#stuck) return;
     const log = this.#log();
-    log.scrollTop = log.scrollHeight;
+    const card2 = log.querySelector("swc-conversation-thread")?.lastElementChild ?? null;
+    const held2 = !end && card2 !== null && card2 === this.#card;
+    this.#card = card2;
+    log.scrollTop = held2 ? this.#head(log, card2) : log.scrollHeight;
     this.#last = log.scrollTop;
     this.#height = log.scrollHeight;
   }
+  #head(log, card2) {
+    if (this.model?.agent.busy(this.#id())) return log.scrollHeight;
+    const box = card2.getBoundingClientRect();
+    const below = log.firstElementChild.getBoundingClientRect().bottom - box.bottom;
+    const top = box.top - log.getBoundingClientRect().top - log.clientTop + log.scrollTop;
+    if (below > 1 || top < log.scrollTop - 1) return log.scrollHeight;
+    return top - (Number.parseFloat(getComputedStyle(log).paddingBlockStart) || 0);
+  }
   #follow() {
     this.#stuck = true;
     this.behind = false;
@@ -37530,7 +37542,7 @@ var SliccChat = class _SliccChat extends ThemedElement {
       this.behind = false;
     } else if (!this.#stuck) this.behind = true;
     this.requestUpdate();
-    void this.updateComplete.then(() => this.#pin());
+    void this.updateComplete.then(() => this.#pin(jump));
   }
   #observe() {
     const log = this.#log();
@@ -39546,6 +39558,7 @@ var SliccTray = class extends ModelElement {
       }
       swc-status-light {
         align-self: center;
+        white-space: nowrap;
       }
       .chip .followers {
         display: inline-flex;
@@ -39554,6 +39567,7 @@ var SliccTray = class extends ModelElement {
       }
       :host([compact]) .chip .detail,
       :host([compact]) .usage,
+      :host([narrow]) .chip .spare,
       :host([narrow]) .usage .window {
         display: none;
       }
@@ -39587,7 +39601,8 @@ var SliccTray = class extends ModelElement {
     const refused3 = refusedNow(model.follow?.state());
     const connection = `${connectionLabel[status2.connection]}${refused3 ? ", can\u2019t follow" : ""}`;
     const followers = `${status2.followers.length} ${status2.followers.length === 1 ? "follower" : "followers"}`;
-    const light = status2.connection === "live" ? status2.name : `${status2.name}, ${connection}`;
+    const live = status2.connection === "live";
+    const light = live ? status2.name : b`<span class="spare">${status2.name}, </span>${connection}`;
     const budget = shownBudget(status2);
     return b`${this.#item(
       "chip",
@@ -39597,7 +39612,7 @@ var SliccTray = class extends ModelElement {
           <swc-status-light size="s" variant=${refused3 ? "neutral" : connectionVariant[status2.connection]}>
             <span class="detail">${light}</span>
           </swc-status-light>
-          <span class="detail muted followers"><swc-icon-user-group size="s"></swc-icon-user-group>${status2.followers.length}</span>
+          <span class=${live ? "detail muted followers" : "detail muted followers spare"}><swc-icon-user-group size="s"></swc-icon-user-group>${status2.followers.length}</span>
         </span>`,
       () => this.#open("network", "sync")
     )}
@@ -48645,7 +48660,7 @@ var SliccApp = class extends ThemedElement {
       flex: 1;
     }
     :host([screen='tablet']) header sp-picker {
-      min-width: calc(var(--swc-spacing-400) * 4);
+      min-width: calc(var(--swc-spacing-400) * 3);
     }
     :host([screen='tablet']) header sp-action-menu {
       flex-shrink: 0;
@@ -51732,7 +51747,7 @@ var SliccDiffPanel = class extends ThemedElement {
 // src/app/lucide.ts
 var library = null;
 function load2() {
-  library ??= import("./chunk-57NDK5DC.js");
+  library ??= import("./chunk-AI3R2QZY.js");
   return library;
 }
 function pascal(name) {
@@ -57346,8 +57361,9 @@ var ViewItem = class {
     if (visible2 === this.visible) return;
     if (visible2) {
       var _this$_cachedVisibleS;
-      this.size = clamp((_this$_cachedVisibleS = this._cachedVisibleSize) !== null && _this$_cachedVisibleS !== void 0 ? _this$_cachedVisibleS : 0, this.viewMinimumSize, this.viewMaximumSize);
+      const cachedVisibleSize = (_this$_cachedVisibleS = this._cachedVisibleSize) !== null && _this$_cachedVisibleS !== void 0 ? _this$_cachedVisibleS : 0;
       this._cachedVisibleSize = void 0;
+      this.size = clamp(cachedVisibleSize, this.viewMinimumSize, this.viewMaximumSize);
     } else {
       this._cachedVisibleSize = typeof size4 === "number" ? size4 : this.size;
       this.size = 0;
@@ -57462,6 +57478,15 @@ var Splitview = class {
   get margin() {
     return this._margin;
   }
+  /**
+  * The size each visible view gives up to the margins: `n` visible views
+  * are separated by `n - 1` margins, spread evenly over the `n`.
+  */
+  get marginShare() {
+    let visibleViewCount = 0;
+    for (const item2 of this.viewItems) if (item2.visible) visibleViewCount++;
+    return this.marginShareFor(visibleViewCount);
+  }
   set margin(value) {
     this._margin = value;
     toggleClass(this.element, "dv-splitview-has-margin", value !== 0);
@@ -57754,6 +57779,7 @@ var Splitview = class {
     const previousSize = Math.max(this.size, this._contentSize);
     this.size = size4;
     this.orthogonalSize = orthogonalSize;
+    if (!this._proportions) this.saveProportions();
     if (this.proportions) {
       let total = 0;
       for (let i25 = 0; i25 < this.viewItems.length; i25++) {
@@ -57810,7 +57836,10 @@ var Splitview = class {
     }
   }
   saveProportions() {
-    if (this.proportionalLayout && this._contentSize > 0) this._proportions = this.viewItems.map((i25) => i25.visible ? i25.size / this._contentSize : void 0);
+    if (!this.proportionalLayout) return;
+    let contentSize = 0;
+    for (const item2 of this.viewItems) contentSize += item2.size;
+    if (contentSize > 0) this._proportions = this.viewItems.map((i25) => i25.visible ? i25.size / contentSize : void 0);
   }
   /**
   * Margin explain:
@@ -57832,7 +57861,7 @@ var Splitview = class {
     this.updateSashEnablement();
     if (this.viewItems.length === 0) return;
     const sashCount = Math.max(0, visibleViewCount - 1);
-    const marginReducedSize = this.margin * sashCount / Math.max(1, visibleViewCount);
+    const marginReducedSize = this.marginShareFor(visibleViewCount);
     let totalLeftOffset = 0;
     const viewLeftOffsets = [];
     const sashWidth = 4;
@@ -57862,9 +57891,13 @@ var Splitview = class {
         view.setContainerGeometry("width", "");
         view.setContainerGeometry("left", "");
       }
-      view.view.layout(view.size - marginReducedSize, this._orthogonalSize);
+      view.view.layout(size4, this._orthogonalSize);
     });
   }
+  marginShareFor(visibleViewCount) {
+    const sashCount = Math.max(0, visibleViewCount - 1);
+    return this._margin * sashCount / Math.max(1, visibleViewCount);
+  }
   findFirstSnapIndex(indexes) {
     for (const index2 of indexes) {
       const viewItem = this.viewItems[index2];
@@ -59451,9 +59484,13 @@ var DockviewApi = class {
   }
   /**
   * Remove a panel given the panel object.
+  *
+  * `removeEmptyGroup` overrides the `closeEmptyGroups` option for this
+  * call: `false` keeps the group if the panel was its last one, `true`
+  * removes it.
   */
-  removePanel(panel) {
-    this.component.withOrigin("api", () => this.component.removePanel(panel));
+  removePanel(panel, options2) {
+    this.component.withOrigin("api", () => this.component.removePanel(panel, options2));
   }
   /**
   * Add a group and return the created object.
@@ -62045,6 +62082,7 @@ var PROPERTY_KEYS_DOCKVIEW = (() => {
     dndStrategy: void 0,
     className: void 0,
     noPanelsOverlay: void 0,
+    closeEmptyGroups: void 0,
     dndEdges: void 0,
     dropPositionResolver: void 0,
     dndCompass: void 0,
@@ -66475,7 +66513,7 @@ var DockviewGroupPanelModel = class extends CompositeDisposable {
         });
         return;
       }
-      if (this.tabsContainer.indexOf(data.panelId) !== -1 && this.tabsContainer.size === 1) return;
+      if (this.tabsContainer.indexOf(data.panelId) !== -1 && this.tabsContainer.size === 1 && this.accessor.options.closeEmptyGroups !== false) return;
       const { groupId, panelId } = data;
       if (this.id === groupId && !position2) {
         if (this.tabsContainer.indexOf(panelId) === index2) return;
@@ -66700,6 +66738,7 @@ var DockviewGroupPanelApiImpl = class extends GridviewPanelApiImpl {
   constructor(id, accessor) {
     super(id, "__dockviewgroup__");
     this.accessor = accessor;
+    this._isApplyingSize = false;
     this._onDidLocationChange = new Emitter2();
     this.onDidLocationChange = this._onDidLocationChange.event;
     this._onDidActivePanelChange = new Emitter2();
@@ -66712,14 +66751,29 @@ var DockviewGroupPanelApiImpl = class extends GridviewPanelApiImpl {
     this.onDidHeaderDirectionChange = this._onDidHeaderDirectionChange.event;
     this.addDisposables(this._onDidLocationChange, this._onDidActivePanelChange, this._onDidCollapsedChange, this._onDidPeekChange, this._onDidHeaderDirectionChange, this._onDidVisibilityChange.event((event2) => {
       if (event2.isVisible && this._pendingSize) {
-        super.setSize(this._pendingSize);
+        const pendingSize = this._pendingSize;
         this._pendingSize = void 0;
+        super.setSize(pendingSize);
       }
+    }), this.onDidDimensionsChange((event2) => {
+      var _this$_reportedSize, _this$_reportedSize2;
+      const moved2 = event2.width !== ((_this$_reportedSize = this._reportedSize) === null || _this$_reportedSize === void 0 ? void 0 : _this$_reportedSize.width) || event2.height !== ((_this$_reportedSize2 = this._reportedSize) === null || _this$_reportedSize2 === void 0 ? void 0 : _this$_reportedSize2.height);
+      this._reportedSize = {
+        width: event2.width,
+        height: event2.height
+      };
+      if (moved2 && this.isVisible && !this._isApplyingSize) this._pendingSize = void 0;
     }));
   }
   setSize(event2) {
-    this._pendingSize = _objectSpread2({}, event2);
-    super.setSize(event2);
+    if (typeof event2.width === "number" || typeof event2.height === "number") this._pendingSize = _objectSpread2({}, event2);
+    const wasApplyingSize = this._isApplyingSize;
+    this._isApplyingSize = true;
+    try {
+      super.setSize(event2);
+    } finally {
+      this._isApplyingSize = wasApplyingSize;
+    }
   }
   close() {
     if (!this._group) return;
@@ -69586,6 +69640,19 @@ var DropTargetAnchorContainer = class extends CompositeDisposable {
     return el;
   }
 };
+var EDGE_POSITIONS = [
+  "left",
+  "right",
+  "top",
+  "bottom"
+];
+function isHorizontal(position2) {
+  return position2 === "left" || position2 === "right";
+}
+var UNBOUNDED_AXIS = {
+  marginShare: 0,
+  size: Number.POSITIVE_INFINITY
+};
 var EdgeGroupView = class {
   /**
   * The effective (pre-gap) collapsed size: the measured tab-strip size when
@@ -69597,7 +69664,7 @@ var EdgeGroupView = class {
   }
   get minimumSize() {
     if (this._isCollapsed) return this.collapsedSize;
-    return this._baseMinimumSize !== void 0 ? this._baseMinimumSize + this._gapAdd : this._effectiveBaseCollapsed + 50 + this._gapAdd;
+    return this._baseMinimumSize !== void 0 ? this._baseMinimumSize + this._axis.marginShare : this._effectiveBaseCollapsed + 50 + this._axis.marginShare;
   }
   get maximumSize() {
     return this._isCollapsed ? this.collapsedSize : this._expandedMaximumSize;
@@ -69614,10 +69681,10 @@ var EdgeGroupView = class {
   }
   /** Without the gap share. */
   get lastExpandedContentSize() {
-    return this._lastExpandedSize - this._gapAdd;
+    return this._lastExpandedSize - this._axis.marginShare;
   }
   get collapsedSize() {
-    return this._effectiveBaseCollapsed + this._gapAdd;
+    return this._effectiveBaseCollapsed + this._axis.marginShare;
   }
   /** The user-configured (pre-gap) geometry constraints, for serialization.
   *  These are the raw values passed to `addEdgeGroup`, unlike the effective
@@ -69632,13 +69699,14 @@ var EdgeGroupView = class {
   get configuredCollapsedSize() {
     return this._baseCollapsedSize;
   }
-  constructor(options2, group, orientation, gapAdd = 0) {
+  constructor(options2, group, orientation, axis = UNBOUNDED_AXIS) {
     var _options$collapsedSiz, _options$maximumSize, _options$initialSize;
     this._onDidChange = new Emitter2();
     this.onDidChange = this._onDidChange.event;
     this.snap = false;
     this.priority = "low";
     this._isCollapsed = false;
+    this._isVisible = true;
     this._tabSizeDisposables = new CompositeDisposable();
     this._group = group;
     this._orientation = orientation;
@@ -69646,7 +69714,7 @@ var EdgeGroupView = class {
     group.element.dataset.testid = `dv-edge-group-${options2.id}`;
     this._baseCollapsedSize = (_options$collapsedSiz = options2.collapsedSize) !== null && _options$collapsedSiz !== void 0 ? _options$collapsedSiz : 35;
     this._baseMinimumSize = options2.minimumSize;
-    this._gapAdd = gapAdd;
+    this._axis = axis;
     this._expandedMaximumSize = (_options$maximumSize = options2.maximumSize) !== null && _options$maximumSize !== void 0 ? _options$maximumSize : Number.POSITIVE_INFINITY;
     this._lastExpandedSize = (_options$initialSize = options2.initialSize) !== null && _options$initialSize !== void 0 ? _options$initialSize : 200;
     if (options2.collapsed) {
@@ -69679,7 +69747,7 @@ var EdgeGroupView = class {
     if (this._isCollapsed) this._onDidChange.fire({ size: this.collapsedSize });
   }
   layout(size4, orthogonalSize) {
-    if (!this._isCollapsed) this._lastExpandedSize = size4 + this._gapAdd;
+    if (!this._isCollapsed && this._isVisible && this._axis.size > 0) this._lastExpandedSize = size4 + this._axis.marginShare;
     if (this._orientation === "horizontal") this._group.layout(size4, orthogonalSize);
     else this._group.layout(orthogonalSize, size4);
   }
@@ -69688,26 +69756,25 @@ var EdgeGroupView = class {
     this._isCollapsed = collapsed;
     this._group.element.classList.toggle("dv-edge-collapsed", collapsed);
   }
-  setVisible(_visible) {
+  setVisible(visible2) {
+    this._isVisible = visible2;
   }
   /**
-  * Restore the last-expanded size from serialized state without triggering
-  * a layout. Must be called before setCollapsed(true) during fromJSON so
-  * that expanding after deserialization restores the correct size.
+  * Set the expanded size without triggering a layout: from serialized
+  * state (before setCollapsed(true) during fromJSON, so that expanding
+  * restores the right size) or from an explicit resize.
   */
   restoreExpandedSize(size4) {
     this._lastExpandedSize = size4;
   }
   /**
-  * Apply a new base (pre-gap) collapsed size, base minimum size and gap
-  * contribution after a theme or gap change. Base values come from the
-  * original config; the ShellManager owns the gap arithmetic. A live
-  * measured tab size (if any) continues to win over the base collapsed size.
+  * Apply a new base (pre-gap) collapsed size and base minimum size after a
+  * theme change. Base values come from the original config. A live measured
+  * tab size (if any) continues to win over the base collapsed size.
   */
-  updateSizing(baseCollapsedSize, baseMinimumSize, gapAdd) {
+  updateSizing(baseCollapsedSize, baseMinimumSize) {
     this._baseCollapsedSize = baseCollapsedSize;
     this._baseMinimumSize = baseMinimumSize;
-    this._gapAdd = gapAdd;
   }
   dispose() {
     this._tabSizeDisposables.dispose();
@@ -69806,13 +69873,20 @@ var MiddleColumnView = class {
     const index2 = position2 === "top" ? this._topIndex : this._bottomIndex;
     if (index2 !== void 0) this._splitview.resizeView(index2, size4);
   }
-  /** The inner splitview's primary-axis (height) extent; zero until laid out. */
-  get axisSize() {
-    return this._splitview.size;
+  /** The inner splitview, as the axis its edge views read. */
+  get axis() {
+    return this._splitview;
   }
   updateMargin(gap) {
     this._splitview.margin = gap;
   }
+  /** Disables the sashes of the top/bottom edge groups. */
+  get disabled() {
+    return this._splitview.disabled;
+  }
+  set disabled(value) {
+    this._splitview.disabled = value;
+  }
   dispose() {
     this._onDidChange.dispose();
     this._splitview.dispose();
@@ -69848,8 +69922,6 @@ var ShellManager = class {
       const width = Math.round(entry.contentRect.width);
       const height = Math.round(entry.contentRect.height);
       if (width === this._currentWidth && height === this._currentHeight) return;
-      this._currentWidth = width;
-      this._currentHeight = height;
       this.layout(width, height);
     }), this._outerSplitview, this._middleColumn, centerView);
   }
@@ -69857,6 +69929,18 @@ var ShellManager = class {
     return this._shellElement;
   }
   /**
+  * The dock's `locked` option. The edge groups are resized with the sashes
+  * of the shell's own splitviews (left/right in the outer one, top/bottom
+  * in the middle column), so locking disables both.
+  */
+  get locked() {
+    return this._outerSplitview.disabled;
+  }
+  set locked(value) {
+    this._outerSplitview.disabled = value;
+    this._middleColumn.disabled = value;
+  }
+  /**
   * Add an edge group view at the given position. The view wraps the
   * provided group element inside the shell's splitview layout.
   * Throws if a group at this position is already registered.
@@ -69864,14 +69948,7 @@ var ShellManager = class {
   addEdgeView(position2, options2, group) {
     if (this.hasEdgeGroup(position2)) throw new Error(`dockview: edge group already registered at position '${position2}'`);
     this._viewConfigs.set(position2, options2);
-    const outerN = 1 + (this._viewConfigs.has("left") ? 1 : 0) + (this._viewConfigs.has("right") ? 1 : 0);
-    const innerN = 1 + (this._viewConfigs.has("top") ? 1 : 0) + (this._viewConfigs.has("bottom") ? 1 : 0);
-    const outerGapAdd = outerN > 1 ? this._gap * (outerN - 1) / outerN : 0;
-    const innerGapAdd = innerN > 1 ? this._gap * (innerN - 1) / innerN : 0;
-    const isHorizontal = position2 === "left" || position2 === "right";
-    const gapAdd = isHorizontal ? outerGapAdd : innerGapAdd;
-    const orientation = isHorizontal ? "horizontal" : "vertical";
-    const view = new EdgeGroupView(_objectSpread2({ collapsedSize: this._defaultCollapsedSize }, options2), group, orientation, gapAdd);
+    const view = new EdgeGroupView(_objectSpread2({ collapsedSize: this._defaultCollapsedSize }, options2), group, isHorizontal(position2) ? "horizontal" : "vertical", this._axisFor(position2));
     const initialSize = view.isCollapsed ? view.collapsedSize : view.lastExpandedSize;
     switch (position2) {
       case "left":
@@ -69900,7 +69977,7 @@ var ShellManager = class {
     }
     this._disposables.addDisposables(view);
     if (!view.isCollapsed && !this._canResize(position2)) this._pendingSizes.set(position2, initialSize);
-    this.updateTheme(this._gap, this._defaultCollapsedSize);
+    this._relayout();
     return view;
   }
   /**
@@ -69922,6 +69999,8 @@ var ShellManager = class {
     this.layout(width, height);
   }
   layout(width, height) {
+    this._currentWidth = width;
+    this._currentHeight = height;
     this._outerSplitview.layout(width, height);
     this._flushPendingSizes();
   }
@@ -69931,34 +70010,53 @@ var ShellManager = class {
   * and tab-strip dimensions.
   */
   updateTheme(gap, defaultCollapsedSize) {
-    var _this$_leftView, _this$_rightView, _this$_topView, _this$_bottomView;
     this._gap = gap;
     this._defaultCollapsedSize = defaultCollapsedSize;
-    const outerN = 1 + (this._viewConfigs.has("left") ? 1 : 0) + (this._viewConfigs.has("right") ? 1 : 0);
-    const innerN = 1 + (this._viewConfigs.has("top") ? 1 : 0) + (this._viewConfigs.has("bottom") ? 1 : 0);
-    const outerGapAdd = outerN > 1 ? gap * (outerN - 1) / outerN : 0;
-    const innerGapAdd = innerN > 1 ? gap * (innerN - 1) / innerN : 0;
     this._outerSplitview.margin = gap;
     this._middleColumn.updateMargin(gap);
-    const updateView = (view, baseCfg, gapAdd) => {
-      var _baseCfg$collapsedSiz;
-      const baseCS = (_baseCfg$collapsedSiz = baseCfg.collapsedSize) !== null && _baseCfg$collapsedSiz !== void 0 ? _baseCfg$collapsedSiz : defaultCollapsedSize;
-      view.updateSizing(baseCS, baseCfg.minimumSize, gapAdd);
-    };
-    const topCfg = this._viewConfigs.get("top");
-    if (this._topView && topCfg) updateView(this._topView, topCfg, innerGapAdd);
-    const bottomCfg = this._viewConfigs.get("bottom");
-    if (this._bottomView && bottomCfg) updateView(this._bottomView, bottomCfg, innerGapAdd);
-    const leftCfg = this._viewConfigs.get("left");
-    if (this._leftView && leftCfg) updateView(this._leftView, leftCfg, outerGapAdd);
-    const rightCfg = this._viewConfigs.get("right");
-    if (this._rightView && rightCfg) updateView(this._rightView, rightCfg, outerGapAdd);
-    if (((_this$_leftView = this._leftView) === null || _this$_leftView === void 0 ? void 0 : _this$_leftView.isCollapsed) && this._leftIndex !== void 0) this._outerSplitview.resizeView(this._leftIndex, this._leftView.collapsedSize);
-    if (((_this$_rightView = this._rightView) === null || _this$_rightView === void 0 ? void 0 : _this$_rightView.isCollapsed) && this._rightIndex !== void 0) this._outerSplitview.resizeView(this._rightIndex, this._rightView.collapsedSize);
-    if ((_this$_topView = this._topView) === null || _this$_topView === void 0 ? void 0 : _this$_topView.isCollapsed) this._middleColumn.resizeView("top", this._topView.collapsedSize);
-    if ((_this$_bottomView = this._bottomView) === null || _this$_bottomView === void 0 ? void 0 : _this$_bottomView.isCollapsed) this._middleColumn.resizeView("bottom", this._bottomView.collapsedSize);
+    this._applyThemeSizing();
+    this._relayout();
+  }
+  /** Whether the other edge of `position`'s axis holds a view. */
+  _hasSiblingOn(position2) {
+    return isHorizontal(position2) ? this._leftView !== void 0 && this._rightView !== void 0 : this._topView !== void 0 && this._bottomView !== void 0;
+  }
+  /** The splitview `position`'s view sits in, as its edge axis. */
+  _axisFor(position2) {
+    return isHorizontal(position2) ? this._outerSplitview : this._middleColumn.axis;
+  }
+  /** Re-derive every edge view's base sizing from its original config and
+  *  the current defaults. */
+  _applyThemeSizing() {
+    for (const position2 of EDGE_POSITIONS) {
+      const view = this._getView(position2);
+      const baseCfg = this._viewConfigs.get(position2);
+      if (view && baseCfg) {
+        var _baseCfg$collapsedSiz;
+        view.updateSizing((_baseCfg$collapsedSiz = baseCfg.collapsedSize) !== null && _baseCfg$collapsedSiz !== void 0 ? _baseCfg$collapsedSiz : this._defaultCollapsedSize, baseCfg.minimumSize);
+      }
+    }
+  }
+  /**
+  * Lay the shell out again at its current size, once it has one. The
+  * splitviews clamp every view to its current constraints, which is how a
+  * collapsed strip or a group at its minimum follows a moved gap share.
+  */
+  _relayout() {
     if (this._currentWidth > 0 && this._currentHeight > 0) this.layout(this._currentWidth, this._currentHeight);
   }
+  /** The view's slot in its splitview: its laid-out size plus the gap share. */
+  _slotSize(position2) {
+    switch (position2) {
+      case "left":
+        return this._leftIndex === void 0 ? 0 : this._outerSplitview.getViewSize(this._leftIndex);
+      case "right":
+        return this._rightIndex === void 0 ? 0 : this._outerSplitview.getViewSize(this._rightIndex);
+      case "top":
+      case "bottom":
+        return this._middleColumn.getViewSize(position2);
+    }
+  }
   removeEdgeView(position2) {
     const view = this._getView(position2);
     if (!view) return;
@@ -69988,7 +70086,7 @@ var ShellManager = class {
     view.dispose();
     this._viewConfigs.delete(position2);
     this._pendingSizes.delete(position2);
-    this.updateTheme(this._gap, this._defaultCollapsedSize);
+    this._relayout();
   }
   hasEdgeGroup(position2) {
     switch (position2) {
@@ -70003,6 +70101,7 @@ var ShellManager = class {
     }
   }
   setEdgeGroupVisible(position2, visible2) {
+    const changes2 = this._getView(position2) !== void 0 && visible2 !== this.isEdgeGroupVisible(position2);
     switch (position2) {
       case "left":
         if (this._leftIndex !== void 0) this._outerSplitview.setViewVisible(this._leftIndex, visible2);
@@ -70015,6 +70114,7 @@ var ShellManager = class {
         this._middleColumn.setViewVisible(position2, visible2);
         break;
     }
+    if (changes2 && this._gap > 0 && this._hasSiblingOn(position2)) this._relayout();
     if (visible2) this._flushPendingSizes();
   }
   isEdgeGroupVisible(position2) {
@@ -70065,8 +70165,7 @@ var ShellManager = class {
   /** A resize lands only on a visible view (a hidden one is pinned to zero)
   *  whose splitview has extent to distribute. */
   _canResize(position2) {
-    if (!this.isEdgeGroupVisible(position2)) return false;
-    return (position2 === "left" || position2 === "right" ? this._outerSplitview.size : this._middleColumn.axisSize) > 0;
+    return this.isEdgeGroupVisible(position2) && this._axisFor(position2).size > 0;
   }
   _resizeView(position2, size4) {
     switch (position2) {
@@ -70115,59 +70214,48 @@ var ShellManager = class {
   }
   toJSON() {
     const edgeGroups = {};
-    const constraints = (view) => ({
-      minimumSize: view.configuredMinimumSize,
-      maximumSize: Number.isFinite(view.configuredMaximumSize) ? view.configuredMaximumSize : void 0,
-      collapsedSize: view.configuredCollapsedSize
-    });
-    const expandedSize = (view, position2, isVisible, liveSize, cachedVisibleSize) => {
-      if (view.isCollapsed) return view.lastExpandedSize;
-      const pending = this._pendingSizes.get(position2);
-      if (pending !== void 0) return pending;
-      if (!isVisible) return cachedVisibleSize !== null && cachedVisibleSize !== void 0 ? cachedVisibleSize : view.lastExpandedSize;
-      return liveSize;
-    };
-    if (this._leftView && this._leftIndex !== void 0) {
-      const visible2 = this._outerSplitview.isViewVisible(this._leftIndex);
-      edgeGroups.left = _objectSpread2({
-        size: expandedSize(this._leftView, "left", visible2, this._outerSplitview.getViewSize(this._leftIndex), this._outerSplitview.getViewCachedVisibleSize(this._leftIndex)),
-        visible: visible2,
-        collapsed: this._leftView.isCollapsed || void 0
-      }, constraints(this._leftView));
-    }
-    if (this._rightView && this._rightIndex !== void 0) {
-      const visible2 = this._outerSplitview.isViewVisible(this._rightIndex);
-      edgeGroups.right = _objectSpread2({
-        size: expandedSize(this._rightView, "right", visible2, this._outerSplitview.getViewSize(this._rightIndex), this._outerSplitview.getViewCachedVisibleSize(this._rightIndex)),
+    for (const position2 of EDGE_POSITIONS) {
+      const view = this._getView(position2);
+      if (!view) continue;
+      const visible2 = this.isEdgeGroupVisible(position2);
+      edgeGroups[position2] = {
+        size: this._expandedSize(view, position2, visible2),
         visible: visible2,
-        collapsed: this._rightView.isCollapsed || void 0
-      }, constraints(this._rightView));
+        collapsed: view.isCollapsed || void 0,
+        minimumSize: view.configuredMinimumSize,
+        maximumSize: Number.isFinite(view.configuredMaximumSize) ? view.configuredMaximumSize : void 0,
+        collapsedSize: view.configuredCollapsedSize
+      };
     }
-    if (this._topView) {
-      const visible2 = this._middleColumn.isViewVisible("top");
-      edgeGroups.top = _objectSpread2({
-        size: expandedSize(this._topView, "top", visible2, this._middleColumn.getViewSize("top"), this._middleColumn.getViewCachedVisibleSize("top")),
-        visible: visible2,
-        collapsed: this._topView.isCollapsed || void 0
-      }, constraints(this._topView));
+    return edgeGroups;
+  }
+  /** The size to restore the group to. An expanded-but-hidden group has a
+  *  slot of 0, so fall back to its cached visible size (then
+  *  lastExpandedSize); otherwise re-showing snaps to minimumSize. */
+  _expandedSize(view, position2, visible2) {
+    if (view.isCollapsed) return view.lastExpandedSize;
+    const pending = this._pendingSizes.get(position2);
+    if (pending !== void 0) return pending;
+    if (!visible2) {
+      var _this$_cachedVisibleS;
+      return (_this$_cachedVisibleS = this._cachedVisibleSize(position2)) !== null && _this$_cachedVisibleS !== void 0 ? _this$_cachedVisibleS : view.lastExpandedSize;
     }
-    if (this._bottomView) {
-      const visible2 = this._middleColumn.isViewVisible("bottom");
-      edgeGroups.bottom = _objectSpread2({
-        size: expandedSize(this._bottomView, "bottom", visible2, this._middleColumn.getViewSize("bottom"), this._middleColumn.getViewCachedVisibleSize("bottom")),
-        visible: visible2,
-        collapsed: this._bottomView.isCollapsed || void 0
-      }, constraints(this._bottomView));
+    return this._slotSize(position2);
+  }
+  /** The slot a hidden view had when it was last visible. */
+  _cachedVisibleSize(position2) {
+    switch (position2) {
+      case "left":
+        return this._leftIndex === void 0 ? void 0 : this._outerSplitview.getViewCachedVisibleSize(this._leftIndex);
+      case "right":
+        return this._rightIndex === void 0 ? void 0 : this._outerSplitview.getViewCachedVisibleSize(this._rightIndex);
+      case "top":
+      case "bottom":
+        return this._middleColumn.getViewCachedVisibleSize(position2);
     }
-    return edgeGroups;
   }
   fromJSON(data) {
-    for (const position2 of [
-      "left",
-      "right",
-      "top",
-      "bottom"
-    ]) {
+    for (const position2 of EDGE_POSITIONS) {
       var _state$collapsed;
       const state2 = data[position2];
       const view = this._getView(position2);
@@ -70868,6 +70956,7 @@ var DockviewComponent = class extends BaseGrid {
     this.disableResizing = true;
     this.element.remove();
     this._shellManager = new ShellManager(container, this.element, (w7, h10) => this._layoutFromShell(w7, h10), (_options$theme$gap2 = (_options$theme2 = options2.theme) === null || _options$theme2 === void 0 ? void 0 : _options$theme2.gap) !== null && _options$theme$gap2 !== void 0 ? _options$theme$gap2 : 0, (_options$theme3 = options2.theme) === null || _options$theme3 === void 0 ? void 0 : _options$theme3.edgeGroupCollapsedSize);
+    this._shellManager.locked = !!options2.locked;
     this.popupService.updateRoot(this._shellManager.element);
     this._shellThemeClassnames = new Classnames(this._shellManager.element);
     this.rootDropTargetContainer = new DropTargetAnchorContainer(this._shellManager.element, { disabled: true });
@@ -70972,7 +71061,7 @@ var DockviewComponent = class extends BaseGrid {
     const service = assertModule(this._popoutWindowService, "PopoutWindow", "api.addPopoutGroup");
     if (!service) return Promise.resolve(false);
     if (itemToPopout instanceof DockviewGroupPanel && itemToPopout.model.location.type === "edge") return Promise.resolve(false);
-    if (itemToPopout instanceof DockviewPanel && itemToPopout.group.size === 1) return this.addPopoutGroup(itemToPopout.group, options2);
+    if (itemToPopout instanceof DockviewPanel && itemToPopout.group.size === 1 && this.closeEmptyGroups) return this.addPopoutGroup(itemToPopout.group, options2);
     const theme3 = getDockviewTheme(this.gridview.element);
     const element2 = this.element;
     function getBox() {
@@ -71057,7 +71146,8 @@ var DockviewComponent = class extends BaseGrid {
       const overlayRenderContainer = new OverlayRenderContainer(gready, this);
       group.model.renderContainer = overlayRenderContainer;
       const popoutGridview = (_options$overridePopo4 = options2 === null || options2 === void 0 ? void 0 : options2.overridePopoutGridview) !== null && _options$overridePopo4 !== void 0 ? _options$overridePopo4 : this.createNestedGridview();
-      if (!(options2 === null || options2 === void 0 ? void 0 : options2.overridePopoutGridview)) popoutGridview.addView(group, Sizing.Distribute, [0]);
+      if (options2 === null || options2 === void 0 ? void 0 : options2.overridePopoutGridview) popoutGridview.locked = this.gridview.locked;
+      else popoutGridview.addView(group, Sizing.Distribute, [0]);
       popoutGridview.element.style.width = "100%";
       popoutGridview.element.style.height = "100%";
       popoutGridview.layout(_window.window.innerWidth, _window.window.innerHeight);
@@ -71426,8 +71516,35 @@ var DockviewComponent = class extends BaseGrid {
     });
     for (const { panel, from } of movedPanels) this.fireDidMovePanel(panel, from);
   }
+  /** The `closeEmptyGroups` option: remove a group once it empties. */
+  get closeEmptyGroups() {
+    return this.options.closeEmptyGroups !== false;
+  }
+  /** Whether a move leaves its emptied source group in place. */
+  keepEmptyGroups(options2) {
+    var _options$keepEmptyGro;
+    return (_options$keepEmptyGro = options2.keepEmptyGroups) !== null && _options$keepEmptyGro !== void 0 ? _options$keepEmptyGro : !this.closeEmptyGroups;
+  }
   removeGroupIfEmpty(group) {
-    if (group.model.size === 0) this.doRemoveGroup(group, { skipActive: true });
+    if (group.model.size === 0 && this.closeEmptyGroups) this.doRemoveGroup(group, { skipActive: true });
+  }
+  /**
+  * Locks the main grid, the shell whose splitviews host the edge groups,
+  * and the nested gridviews of floating and popout windows. The base
+  * setter stops at the main grid; `updateOptions` reaches this override.
+  */
+  get locked() {
+    return this.gridview.locked;
+  }
+  set locked(value) {
+    this.gridview.locked = value;
+    if (this._shellManager) this._shellManager.locked = value;
+    for (const gridview of this.nestedGridviews()) gridview.locked = value;
+  }
+  /** The gridviews hosted by open floating and popout windows. */
+  nestedGridviews() {
+    var _this$_popoutWindowSe9, _this$_popoutWindowSe10;
+    return [...this.floatingGroups.map((floating) => floating.gridview), ...((_this$_popoutWindowSe9 = (_this$_popoutWindowSe10 = this._popoutWindowService) === null || _this$_popoutWindowSe10 === void 0 ? void 0 : _this$_popoutWindowSe10.entries) !== null && _this$_popoutWindowSe9 !== void 0 ? _this$_popoutWindowSe9 : []).map((entry) => entry.gridview)];
   }
   /**
   * Build an empty gridview configured to match the main grid's styling and
@@ -71436,7 +71553,7 @@ var DockviewComponent = class extends BaseGrid {
   */
   createNestedGridview(orientation = "HORIZONTAL") {
     var _this$options$theme$g, _this$options$theme2;
-    return new Gridview(this.gridview.proportionalLayout, this.options.hideBorders ? { separatorBorder: "transparent" } : void 0, orientation, false, (_this$options$theme$g = (_this$options$theme2 = this.options.theme) === null || _this$options$theme2 === void 0 ? void 0 : _this$options$theme2.gap) !== null && _this$options$theme$g !== void 0 ? _this$options$theme$g : 0);
+    return new Gridview(this.gridview.proportionalLayout, this.options.hideBorders ? { separatorBorder: "transparent" } : void 0, orientation, this.gridview.locked, (_this$options$theme$g = (_this$options$theme2 = this.options.theme) === null || _this$options$theme2 === void 0 ? void 0 : _this$options$theme2.gap) !== null && _this$options$theme$g !== void 0 ? _this$options$theme$g : 0);
   }
   /**
   * Wrap a (populated) floating gridview in an overlay window: title bar /
@@ -71514,10 +71631,8 @@ var DockviewComponent = class extends BaseGrid {
     const newDndStrategy = this.options.dndStrategy;
     if (oldDisableDnd !== newDisableDnd || oldDndStrategy !== newDndStrategy) this.updateDragAndDropState();
     if ("proportionalLayout" in options2) {
-      var _this$_popoutWindowSe9, _this$_popoutWindowSe10;
       const proportionalLayout = this.gridview.proportionalLayout;
-      for (const floating of this.floatingGroups) floating.gridview.proportionalLayout = proportionalLayout;
-      for (const entry of (_this$_popoutWindowSe9 = (_this$_popoutWindowSe10 = this._popoutWindowService) === null || _this$_popoutWindowSe10 === void 0 ? void 0 : _this$_popoutWindowSe10.entries) !== null && _this$_popoutWindowSe9 !== void 0 ? _this$_popoutWindowSe9 : []) entry.gridview.proportionalLayout = proportionalLayout;
+      for (const gridview of this.nestedGridviews()) gridview.proportionalLayout = proportionalLayout;
     }
     if ("theme" in options2) this.updateTheme();
     if ("createRightHeaderActionComponent" in options2 || "createLeftHeaderActionComponent" in options2 || "createPrefixHeaderActionComponent" in options2) {
@@ -71586,7 +71701,7 @@ var DockviewComponent = class extends BaseGrid {
       const resizeDisposable = group.onDidChange((event2) => {
         var _this$_shellManager3;
         if (!event2) return;
-        const size4 = position2 === "left" || position2 === "right" ? event2.width : event2.height;
+        const size4 = isHorizontal(position2) ? event2.width : event2.height;
         if (typeof size4 !== "number") return;
         (_this$_shellManager3 = this._shellManager) === null || _this$_shellManager3 === void 0 || _this$_shellManager3.resizeEdgeGroup(position2, size4);
       });
@@ -72181,9 +72296,12 @@ var DockviewComponent = class extends BaseGrid {
   }
   closeAllGroups() {
     this.mutation("remove", () => {
-      for (const entry of this._groups.entries()) {
-        const [_7, group] = entry;
-        group.value.model.closeAllPanels();
+      const groups2 = Array.from(this._groups.values()).map((_7) => _7.value);
+      for (const group of groups2) {
+        if (!this._groups.has(group.id)) continue;
+        group.model.closeAllPanels();
+        const keepLast = this.options.noPanelsOverlay === "emptyGroup" && this._groups.size === 1;
+        if (!this.closeEmptyGroups && !keepLast && this._groups.has(group.id) && group.model.size === 0) this.removeGroup(group, { skipActive: true });
       }
     });
   }
@@ -72308,7 +72426,7 @@ var DockviewComponent = class extends BaseGrid {
     this.mutation("remove", () => {
       var _options$removeEmptyG;
       return this._doRemovePanel(panel, {
-        removeEmptyGroup: (_options$removeEmptyG = options2 === null || options2 === void 0 ? void 0 : options2.removeEmptyGroup) !== null && _options$removeEmptyG !== void 0 ? _options$removeEmptyG : true,
+        removeEmptyGroup: (_options$removeEmptyG = options2 === null || options2 === void 0 ? void 0 : options2.removeEmptyGroup) !== null && _options$removeEmptyG !== void 0 ? _options$removeEmptyG : this.closeEmptyGroups,
         skipDispose: options2 === null || options2 === void 0 ? void 0 : options2.skipDispose,
         skipSetActiveGroup: options2 === null || options2 === void 0 ? void 0 : options2.skipSetActiveGroup
       });
@@ -72464,7 +72582,7 @@ var DockviewComponent = class extends BaseGrid {
       if (!(options2 === null || options2 === void 0 ? void 0 : options2.skipDispose)) {
         if (!(options2 === null || options2 === void 0 ? void 0 : options2.skipPopoutAssociated)) {
           const refGroup = selectedGroup.referenceGroup ? this.getPanel(selectedGroup.referenceGroup) : void 0;
-          if ((refGroup === null || refGroup === void 0 ? void 0 : refGroup.panels.length) === 0) this.removeGroup(refGroup);
+          if ((refGroup === null || refGroup === void 0 ? void 0 : refGroup.panels.length) === 0 && (this.closeEmptyGroups || !refGroup.api.isVisible)) this.removeGroup(refGroup);
         }
         selectedGroup.popoutGroup.dispose();
         this._groups.delete(group.id);
@@ -72715,7 +72833,7 @@ var DockviewComponent = class extends BaseGrid {
         skipSetActiveGroup: true
       }));
       if (!removedPanel) throw new Error(`dockview: No panel with id ${sourceItemId}`);
-      if (!options2.keepEmptyGroups && sourceGroup.model.size === 0 && sourceGroup !== destinationGroup) this.doRemoveGroup(sourceGroup, { skipActive: true });
+      if (!this.keepEmptyGroups(options2) && sourceGroup.model.size === 0 && sourceGroup !== destinationGroup) this.doRemoveGroup(sourceGroup, { skipActive: true });
       const isDestinationGroupEmpty = destinationGroup.model.size === 0;
       this.movingLock(() => {
         var _options$skipSetActiv;
@@ -72731,7 +72849,7 @@ var DockviewComponent = class extends BaseGrid {
       const destinationGridview = this.getGridviewForGroup(destinationGroup);
       const referenceLocation = getGridLocation(destinationGroup.element);
       const targetLocation = getRelativeLocation(destinationGridview.orientation, referenceLocation, destinationTarget);
-      if (sourceGroup.size < 2) {
+      if (sourceGroup.size < 2 && !this.keepEmptyGroups(options2)) {
         const [targetParentLocation, to] = tail(targetLocation);
         if (sourceGroup.api.location.type === "grid" && destinationGridview === this.gridview) {
           const [sourceParentLocation, from] = tail(getGridLocation(sourceGroup.element));
@@ -72832,7 +72950,7 @@ var DockviewComponent = class extends BaseGrid {
       const dropLocation = getRelativeLocation(this.gridview.orientation, referenceLocation, destinationTarget);
       targetGroup = this.createGroupAtLocation(dropLocation, this.dropSizing(referenceLocation));
     }
-    if (!options2.keepEmptyGroups && sourceGroup.model.size === 0 && sourceGroup !== targetGroup) this.doRemoveGroup(sourceGroup, { skipActive: true });
+    if (!this.keepEmptyGroups(options2) && sourceGroup.model.size === 0 && sourceGroup !== targetGroup) this.doRemoveGroup(sourceGroup, { skipActive: true });
     addPanelsToGroup(targetGroup);
   }
   moveGroup(options2) {
@@ -73151,13 +73269,12 @@ var DockviewComponent = class extends BaseGrid {
     return location2.length % 2 == 1 ? rootOrientation : orthogonal(rootOrientation);
   }
   updateTheme() {
-    var _this$_options$theme, _this$_shellThemeClas, _theme$gap, _this$_popoutWindowSe25, _this$_popoutWindowSe26, _this$_shellManager5, _theme$edgeGroupColla, _theme$tabGroupIndica;
+    var _this$_options$theme, _this$_shellThemeClas, _theme$gap, _this$_shellManager5, _theme$edgeGroupColla, _theme$tabGroupIndica;
     const theme3 = (_this$_options$theme = this._options.theme) !== null && _this$_options$theme !== void 0 ? _this$_options$theme : themeAbyss;
     (_this$_shellThemeClas = this._shellThemeClassnames) === null || _this$_shellThemeClas === void 0 || _this$_shellThemeClas.setClassNames(theme3.className);
     const gap = (_theme$gap = theme3.gap) !== null && _theme$gap !== void 0 ? _theme$gap : 0;
     this.gridview.margin = gap;
-    for (const floating of this.floatingGroups) floating.gridview.margin = gap;
-    for (const entry of (_this$_popoutWindowSe25 = (_this$_popoutWindowSe26 = this._popoutWindowService) === null || _this$_popoutWindowSe26 === void 0 ? void 0 : _this$_popoutWindowSe26.entries) !== null && _this$_popoutWindowSe25 !== void 0 ? _this$_popoutWindowSe25 : []) entry.gridview.margin = gap;
+    for (const gridview of this.nestedGridviews()) gridview.margin = gap;
     (_this$_shellManager5 = this._shellManager) === null || _this$_shellManager5 === void 0 || _this$_shellManager5.updateTheme(gap, (_theme$edgeGroupColla = theme3.edgeGroupCollapsedSize) !== null && _theme$edgeGroupColla !== void 0 ? _theme$edgeGroupColla : 35);
     if (theme3.dndOverlayBorder === void 0) {
       var _this$_shellManager6;
@@ -83143,7 +83260,7 @@ lit-html/static.js:
 dockview-core/dist/package/main.esm.mjs:
   (**
    * dockview-core
-   * @version 8.5.1
+   * @version 8.6.0
    * @link https://github.com/dockview/dockview
    * @license MIT
    *)