@grafloria/element 0.4.37 → 0.4.39

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grafloria/element",
-  "version": "0.4.37",
+  "version": "0.4.39",
   "type": "module",
   "main": "./src/index.js",
   "types": "./src/index.d.ts",

package/src/lib/dashboard-kit/dashboard.js

@@ -1038,7 +1038,15 @@ export function createDashboardHandle(ctx) {
         if (!model || !from || !pg || !pageSpec)
             return null;
         const viewId = (_c = ctx.viewOfBoard.get(containerId)) !== null && _c !== void 0 ? _c : ctx.active;
-        const W = `${pageId}__group`;
+        // The new group's id. `${pageId}__group` is the usual — but when the page
+        // is leaving the very group that was BORN from it (torn out twice), that
+        // id is still taken until the emptied group closes later in the same
+        // batch: AddGroup threw "already exists" mid-batch, the split preview
+        // stayed applied and the chip stayed on screen (0.4.39). Take the next
+        // free suffix instead.
+        let W = `${pageId}__group`;
+        for (let n = 2; model.getGroup(W) || ctx.boardGroups.has(W); n++)
+            W = `${pageId}__group${n}`;
         const tabsOpts = (_d = ctx.tabsOf.get(containerId)) !== null && _d !== void 0 ? _d : {};
         const label = (_e = pageSpec.title) !== null && _e !== void 0 ? _e : pageId;
         const size = { width: (_g = (_f = pg.size) === null || _f === void 0 ? void 0 : _f.width) !== null && _g !== void 0 ? _g : 0, height: ((_j = (_h = pg.size) === null || _h === void 0 ? void 0 : _h.height) !== null && _j !== void 0 ? _j : 0) + tabStripReserve(tabsOpts, 1) };
@@ -1486,8 +1494,13 @@ export function createDashboardHandle(ctx) {
         },
         setSizing(mode) {
             var _a;
-            for (const b of binders.values())
-                b.setSizing(mode);
+            // THE VIEWS ONLY. A nested board (a page, a section) is bound fit with no
+            // design height — its height is its container's business — and switched
+            // to grow it painted its rows at the base height, 700 px past a torn-out
+            // group or a split pane (0.4.38).
+            for (const [id, b] of binders)
+                if (groups.has(id))
+                    b.setSizing(mode);
             clampCamera();
             (_a = ctx.apiRef) === null || _a === void 0 ? void 0 : _a.renderNow();
         },

package/src/lib/dashboard-kit/split-binder.js

@@ -790,10 +790,12 @@ export function bindDashboardSplit(api, group, options = {}) {
     // nothing. One history step, like every other drop.
     let tearing = false;
     const EDGE_GRACE = 60;
+    /** The last batch the tear-out ran — the command manager may land it after this tick, so the board re-projects when it settles. */
+    let pendingBatch = undefined;
     const execute = (name, commands) => {
         if (commands.length === 0)
             return false;
-        void execCommand(new BatchCommand(name, commands));
+        pendingBatch = execCommand(new BatchCommand(name, commands));
         return true;
     };
     const beginTearOut = (pageId, fromGroupId, ev, plan) => {
@@ -897,8 +899,22 @@ export function bindDashboardSplit(api, group, options = {}) {
         };
         const done = (changed, kind) => {
             tearing = false;
-            project(readTree());
-            api.renderNow();
+            // PAINT FROM THE TREE THAT WAS SET. The batch adds the group before it
+            // swaps the tree, and the board's member:added reconciles the interim
+            // tree by halving the LARGEST leaf; when the manager lands the batch
+            // after this tick, that interim projection is what stayed on the canvas
+            // (a pane 445 px off). Project now, and again once the batch settles.
+            const paint = () => {
+                if (disposed)
+                    return;
+                project(readTree());
+                api.renderNow();
+            };
+            paint();
+            const p = pendingBatch;
+            pendingBatch = undefined;
+            if (p && typeof p.then === 'function')
+                void p.then(paint, () => undefined);
             fire({ type: kind, kind: 'move', nodeId: pageId, changed });
         };
         const finish = (commit) => {