cursedbelt 5.99.5 → 5.99.6

package/dist/react/components/PanelGrid.d.ts

@@ -24,7 +24,10 @@ export interface PanelGridLeaf {
 /** A split — lays its children out along `direction` with dividers between them. */
 export interface PanelGridSplit {
     type: 'split';
-    /** Unique within the whole grid — namespaces the persisted layout of this group. */
+    /**
+     * Unique within the whole grid — namespaces the persisted layout of this group. It need not be
+     * unique on the PAGE: the library's group is registered as `<this grid's useId()>:<id>`.
+     */
     id: string;
     /** 'horizontal' = children side-by-side; 'vertical' = children stacked. */
     direction: 'horizontal' | 'vertical';

package/dist/react/components/PanelGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PanelGrid.d.ts","sourceRoot":"","sources":["../../../src/react/components/PanelGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAIhD,OAAO,EAAkB,KAAK,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEjF,0EAA0E;AAC1E,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,6EAA6E;IAC7E,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,SAAS,CAAC;IACnB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,oFAAoF;AACpF,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,oFAAoF;IACpF,EAAE,EAAE,MAAM,CAAC;IACX,2EAA2E;IAC3E,SAAS,EAAE,YAAY,GAAG,UAAU,CAAC;IACrC,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,sFAAsF;IACtF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iFAAiF;IACjF,gBAAgB,CAAC,EAAE,qBAAqB,CAAC;IACzC,2GAA2G;IAC3G,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,aAAa,GAAG,aAAa,GAAG,cAAc,CAAC;AAE3D,MAAM,WAAW,cAAc;IAC7B,+EAA+E;IAC/E,IAAI,EAAE,cAAc,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,qBAAqB,CAAC;IACzC;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAUD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,WAAkB,EAClB,gBAAyB,EACzB,WAAkB,EAClB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,+BA2BhB"}
+{"version":3,"file":"PanelGrid.d.ts","sourceRoot":"","sources":["../../../src/react/components/PanelGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAkB,MAAM,OAAO,CAAC;AAIvD,OAAO,EAAkB,KAAK,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEjF,0EAA0E;AAC1E,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,6EAA6E;IAC7E,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,SAAS,CAAC;IACnB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,oFAAoF;AACpF,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAC;IACX,2EAA2E;IAC3E,SAAS,EAAE,YAAY,GAAG,UAAU,CAAC;IACrC,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,sFAAsF;IACtF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iFAAiF;IACjF,gBAAgB,CAAC,EAAE,qBAAqB,CAAC;IACzC,2GAA2G;IAC3G,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,aAAa,GAAG,aAAa,GAAG,cAAc,CAAC;AAE3D,MAAM,WAAW,cAAc;IAC7B,+EAA+E;IAC/E,IAAI,EAAE,cAAc,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,qBAAqB,CAAC;IACzC;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAUD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,WAAkB,EAClB,gBAAyB,EACzB,WAAkB,EAClB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,+BAoChB"}

package/dist/react/components/PanelGrid.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from 'react';
+import { useId, useMemo } from 'react';
 import { Group, Panel, useDefaultLayout } from 'react-resizable-panels';
 import { useMediaQuery } from '../hooks/useMediaQuery.js';
 import { cn } from '../lib/cn.js';
@@ -52,33 +52,41 @@ function leavesOf(node) {
 export function PanelGrid({ root, storageKey, disabled, withHandles = true, separatorVariant = 'line', mobileStack = true, className, ...rest }) {
     const isMobile = useMediaQuery('(max-width: 639px)');
     const flatLeaves = useMemo(() => leavesOf(root), [root]);
+    // 🔴 react-resizable-panels keys its group registry by `id` ACROSS THE DOCUMENT, and each Group's
+    // listener takes every change made under its id. `SplitPane` gave every instance the same root
+    // id, `'root'`, so two on one page heard each other's layouts: a collapsible panel looked itself
+    // up in the other group's layout, found nothing, and `toFixed` threw out of a ResizeObserver —
+    // before the listener applied the new layout (forge task 3981, caught by the kitchen sink's
+    // `test:browser:smoke`). It also put a second `id="root"` in the DOM beside the app's mount node.
+    // Each grid instance scopes its groups; the persisted key stays `${storageKey}:${split.id}`.
+    const scope = useId();
     if (mobileStack && isMobile) {
         return (_jsx("div", { ...rest, className: cn('flex flex-col', className), children: flatLeaves.map((leaf) => (_jsx("div", { className: cn('min-h-0', leaf.className), children: leaf.content }, leaf.id))) }));
     }
-    return (_jsx(GridSplit, { ...rest, node: root, storageKey: storageKey, disabled: disabled, withHandles: withHandles, separatorVariant: separatorVariant, className: cn('h-full', className) }));
+    return (_jsx(GridSplit, { ...rest, node: root, scope: scope, storageKey: storageKey, disabled: disabled, withHandles: withHandles, separatorVariant: separatorVariant, className: cn('h-full', className) }));
 }
 function GridSplit(props) {
     // Persistence needs the useDefaultLayout hook; hooks can't be conditional,
     // so the persistent and plain variants are separate components.
     return props.storageKey ? _jsx(PersistentGridSplit, { ...props }) : _jsx(PlainGridSplit, { ...props });
 }
-function PlainGridSplit({ node, storageKey, disabled, withHandles, separatorVariant, className, }) {
-    return (_jsx(Group, { id: node.id, orientation: node.direction, disabled: disabled, className: cn('flex', node.direction === 'horizontal' ? 'flex-row' : 'flex-col', className ?? node.className), children: _jsx(GridChildren, { node: node, storageKey: storageKey, disabled: disabled, withHandles: withHandles, separatorVariant: separatorVariant }) }));
+function PlainGridSplit({ node, scope, storageKey, disabled, withHandles, separatorVariant, className, }) {
+    return (_jsx(Group, { id: `${scope}:${node.id}`, orientation: node.direction, disabled: disabled, className: cn('flex', node.direction === 'horizontal' ? 'flex-row' : 'flex-col', className ?? node.className), children: _jsx(GridChildren, { node: node, scope: scope, storageKey: storageKey, disabled: disabled, withHandles: withHandles, separatorVariant: separatorVariant }) }));
 }
-function PersistentGridSplit({ node, storageKey, disabled, withHandles, separatorVariant, className, }) {
+function PersistentGridSplit({ node, scope, storageKey, disabled, withHandles, separatorVariant, className, }) {
     const { defaultLayout, onLayoutChanged } = useDefaultLayout({
         id: `${storageKey}:${node.id}`,
         onlySaveAfterUserInteractions: true,
         storage: localStorage,
     });
-    return (_jsx(Group, { id: node.id, orientation: node.direction, defaultLayout: defaultLayout, onLayoutChanged: onLayoutChanged, disabled: disabled, className: cn('flex', node.direction === 'horizontal' ? 'flex-row' : 'flex-col', className ?? node.className), children: _jsx(GridChildren, { node: node, storageKey: storageKey, disabled: disabled, withHandles: withHandles, separatorVariant: separatorVariant }) }));
+    return (_jsx(Group, { id: `${scope}:${node.id}`, orientation: node.direction, defaultLayout: defaultLayout, onLayoutChanged: onLayoutChanged, disabled: disabled, className: cn('flex', node.direction === 'horizontal' ? 'flex-row' : 'flex-col', className ?? node.className), children: _jsx(GridChildren, { node: node, scope: scope, storageKey: storageKey, disabled: disabled, withHandles: withHandles, separatorVariant: separatorVariant }) }));
 }
-function GridChildren({ node, storageKey, disabled, withHandles, separatorVariant, }) {
+function GridChildren({ node, scope, storageKey, disabled, withHandles, separatorVariant, }) {
     const showSeparators = node.resizable !== false;
     const variant = node.separatorVariant ?? separatorVariant;
-    return (_jsx(_Fragment, { children: node.children.map((child, i) => (_jsx(GridCell, { child: child, direction: node.direction, storageKey: storageKey, disabled: disabled, withHandles: withHandles, separatorVariant: variant, separatorBefore: i > 0 && showSeparators }, child.id))) }));
+    return (_jsx(_Fragment, { children: node.children.map((child, i) => (_jsx(GridCell, { child: child, scope: scope, direction: node.direction, storageKey: storageKey, disabled: disabled, withHandles: withHandles, separatorVariant: variant, separatorBefore: i > 0 && showSeparators }, child.id))) }));
 }
-function GridCell({ child, direction, storageKey, disabled, withHandles, separatorVariant, separatorBefore, }) {
-    return (_jsxs(_Fragment, { children: [separatorBefore && (_jsx(PanelSeparator, { direction: direction, disabled: disabled, variant: separatorVariant, withHandle: withHandles })), _jsx(Panel, { id: child.id, defaultSize: child.defaultSize, minSize: child.minSize, collapsible: true, collapsedSize: 0, className: cn('min-h-0 min-w-0', child.className), children: isSplit(child) ? (_jsx(GridSplit, { node: child, storageKey: storageKey, disabled: disabled, withHandles: withHandles, separatorVariant: separatorVariant, className: 'h-full' })) : (child.content) })] }));
+function GridCell({ child, scope, direction, storageKey, disabled, withHandles, separatorVariant, separatorBefore, }) {
+    return (_jsxs(_Fragment, { children: [separatorBefore && (_jsx(PanelSeparator, { direction: direction, disabled: disabled, variant: separatorVariant, withHandle: withHandles })), _jsx(Panel, { id: child.id, defaultSize: child.defaultSize, minSize: child.minSize, collapsible: true, collapsedSize: 0, className: cn('min-h-0 min-w-0', child.className), children: isSplit(child) ? (_jsx(GridSplit, { node: child, scope: scope, storageKey: storageKey, disabled: disabled, withHandles: withHandles, separatorVariant: separatorVariant, className: 'h-full' })) : (child.content) })] }));
 }
 //# sourceMappingURL=PanelGrid.js.map

package/dist/react/components/PanelGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelGrid.js","sourceRoot":"","sources":["../../../src/react/components/PanelGrid.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PanelGrid.js","sourceRoot":"","sources":["../../../src/react/components/PanelGrid.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "cursedbelt",
-	"version": "5.99.5",
+	"version": "5.99.6",
 	"license": "ISC",
 	"type": "module",
 	"description": "The React design system of the cursedbelt split — components, styles, theme. cursedbelt-core below it; server tier in cursedbelt-server.",
@@ -90,6 +90,7 @@
 		"demo:serve": "bun run demo:build && bun run scripts/demoServer.ts",
 		"build": "rm -rf dist.next dist.prev && bun run scripts/generateStaticStyles.ts && bun run scripts/generateUtilityStyles.ts && bun run scripts/generateAreaStyles.ts && tsc --project tsconfig.build.json --outDir dist.next && tsc --project tsconfig.scripts.build.json --outDir dist.next/scripts && CURSEDBELT_DIST_DIR=dist.next bun run scripts/copyDistAssets.ts && CURSEDBELT_DIST_DIR=dist.next bun run scripts/checkDistExports.ts &&{ [ -d dist ] && mv dist dist.prev || true; } && mv dist.next dist && rm -rf dist.prev",
 		"e2e": "playwright test --config e2e/playwright.config.ts",
+		"test:browser:smoke": "playwright test --config e2e/playwright.config.ts smoke.spec.ts --project=chromium",
 		"e2e:filter-rail": "playwright test --config e2e/playwright.config.ts filter-rail.spec.ts",
 		"e2e:table-layout": "playwright test --config e2e/playwright.config.ts table-layout.spec.ts",
 		"e2e:stage-layout": "playwright test --config e2e/playwright.config.ts stage-layout.spec.ts",
@@ -965,7 +966,7 @@
 		"@vidstack/react": "1.15.6",
 		"@vitejs/plugin-react": "^5.2.0",
 		"cursedbelt-server": "^4.43.1",
-		"cursedops": "^0.22.0",
+		"cursedops": "^0.23.0",
 		"diff": "^9.0.0",
 		"emoji-mart": "^5.6.0",
 		"hls.js": "^1.5.0",
@@ -1076,12 +1077,21 @@
 				"why": "stylesStaticMatches / stylesUtilitiesMatches read those two files and assert they are current",
 				"timeoutSec": 300
 			},
+			{
+				"script": "test:browser:smoke",
+				"needs": [
+					"styles"
+				],
+				"why": "the one browser proof every verify keeps (forge task 3981): the built kitchen sink boots, renders its first sections and logs no console error. Behind styles because the demo bundle is compiled from those stylesheets"
+			}
+		],
+		"deferred": [
 			{
 				"script": "e2e",
 				"needs": [
 					"styles"
 				],
-				"why": "the demo bundle it drives is compiled from the same stylesheets"
+				"why": "the whole kitchen-sink suite — 60 specs, ~127 s, the slowest stage in the generation. The queue's suite job runs it after landing (verify --full here), and prepublishOnly's --force runs it before any publish. Behind styles because the demo bundle it drives is compiled from the same stylesheets"
 			}
 		]
 	}

package/src/demoFixture.spec.ts

@@ -14,8 +14,11 @@ import {
 } from '../demo/devServer.js';
 import { DEMO_TSCONFIG, derivePaths, readDemoTsconfig, renderPathsBlock } from '../demo/generatePaths.js';
 import pkg from '../package.json';
-// The declared graph, read as data — there is no scheduler in this repo to import from.
-const STAGES: readonly { script: string }[] = (pkg as { gate?: { stages?: { script: string }[] } }).gate?.stages ?? [];
+// The declared graph, read as data — there is no scheduler in this repo to import from. Both halves:
+// `e2e` is the deferred half since forge task 3981, which `verify --full`, the queue's suite job and a
+// publish's `--force` run — `verifyGraph.spec.ts` pins which half it sits in.
+const GATE = (pkg as { gate?: { stages?: { script: string }[]; deferred?: { script: string }[] } }).gate;
+const STAGES: readonly { script: string }[] = [...(GATE?.stages ?? []), ...(GATE?.deferred ?? [])];
 
 /**
  * 🔴 The e2e suite must never be able to sit green while it drives nothing.
@@ -159,7 +162,7 @@ describe('the e2e fixture exists', () => {
 		// is still in it, which the `toInclude` never checked for any of them.
 		expect(
 			STAGES.map((s) => s.script),
-			'`verify` must still run the e2e suite',
+			'the gate (`verify --full`) must still run the e2e suite',
 		).toContain('e2e');
 		expect(pkg.scripts.e2e).toInclude('e2e/playwright.config.ts');
 	});

package/src/react/components/PanelGrid.tsx

@@ -1,4 +1,4 @@
-import { type ReactNode, useMemo } from 'react';
+import { type ReactNode, useId, useMemo } from 'react';
 import { Group, Panel, useDefaultLayout } from 'react-resizable-panels';
 import { useMediaQuery } from '../hooks/useMediaQuery.js';
 import { cn } from '../lib/cn.js';
@@ -29,7 +29,10 @@ export interface PanelGridLeaf {
 /** A split — lays its children out along `direction` with dividers between them. */
 export interface PanelGridSplit {
   type: 'split';
-  /** Unique within the whole grid — namespaces the persisted layout of this group. */
+  /**
+   * Unique within the whole grid — namespaces the persisted layout of this group. It need not be
+   * unique on the PAGE: the library's group is registered as `<this grid's useId()>:<id>`.
+   */
   id: string;
   /** 'horizontal' = children side-by-side; 'vertical' = children stacked. */
   direction: 'horizontal' | 'vertical';
@@ -133,6 +136,14 @@ export function PanelGrid({
 }: PanelGridProps) {
   const isMobile = useMediaQuery('(max-width: 639px)');
   const flatLeaves = useMemo(() => leavesOf(root), [root]);
+  // 🔴 react-resizable-panels keys its group registry by `id` ACROSS THE DOCUMENT, and each Group's
+  // listener takes every change made under its id. `SplitPane` gave every instance the same root
+  // id, `'root'`, so two on one page heard each other's layouts: a collapsible panel looked itself
+  // up in the other group's layout, found nothing, and `toFixed` threw out of a ResizeObserver —
+  // before the listener applied the new layout (forge task 3981, caught by the kitchen sink's
+  // `test:browser:smoke`). It also put a second `id="root"` in the DOM beside the app's mount node.
+  // Each grid instance scopes its groups; the persisted key stays `${storageKey}:${split.id}`.
+  const scope = useId();
 
   if (mobileStack && isMobile) {
     return (
@@ -150,6 +161,7 @@ export function PanelGrid({
     <GridSplit
       {...rest}
       node={root}
+      scope={scope}
       storageKey={storageKey}
       disabled={disabled}
       withHandles={withHandles}
@@ -161,6 +173,8 @@ export function PanelGrid({
 
 interface GridSplitProps {
   node: PanelGridSplit;
+  /** This grid instance's `useId()` — prefixes every Group id so two grids never share one. */
+  scope: string;
   storageKey: string | undefined;
   disabled: boolean | undefined;
   withHandles: boolean;
@@ -176,6 +190,7 @@ function GridSplit(props: GridSplitProps) {
 
 function PlainGridSplit({
   node,
+  scope,
   storageKey,
   disabled,
   withHandles,
@@ -184,7 +199,7 @@ function PlainGridSplit({
 }: GridSplitProps) {
   return (
     <Group
-      id={node.id}
+      id={`${scope}:${node.id}`}
       orientation={node.direction}
       disabled={disabled}
       className={cn(
@@ -195,6 +210,7 @@ function PlainGridSplit({
     >
       <GridChildren
         node={node}
+        scope={scope}
         storageKey={storageKey}
         disabled={disabled}
         withHandles={withHandles}
@@ -206,6 +222,7 @@ function PlainGridSplit({
 
 function PersistentGridSplit({
   node,
+  scope,
   storageKey,
   disabled,
   withHandles,
@@ -219,7 +236,7 @@ function PersistentGridSplit({
   });
   return (
     <Group
-      id={node.id}
+      id={`${scope}:${node.id}`}
       orientation={node.direction}
       defaultLayout={defaultLayout}
       onLayoutChanged={onLayoutChanged}
@@ -232,6 +249,7 @@ function PersistentGridSplit({
     >
       <GridChildren
         node={node}
+        scope={scope}
         storageKey={storageKey}
         disabled={disabled}
         withHandles={withHandles}
@@ -243,6 +261,7 @@ function PersistentGridSplit({
 
 function GridChildren({
   node,
+  scope,
   storageKey,
   disabled,
   withHandles,
@@ -256,6 +275,7 @@ function GridChildren({
         <GridCell
           key={child.id}
           child={child}
+          scope={scope}
           direction={node.direction}
           storageKey={storageKey}
           disabled={disabled}
@@ -270,6 +290,7 @@ function GridChildren({
 
 interface GridCellProps {
   child: PanelGridNode;
+  scope: string;
   direction: 'horizontal' | 'vertical';
   storageKey: string | undefined;
   disabled: boolean | undefined;
@@ -280,6 +301,7 @@ interface GridCellProps {
 
 function GridCell({
   child,
+  scope,
   direction,
   storageKey,
   disabled,
@@ -308,6 +330,7 @@ function GridCell({
         {isSplit(child) ? (
           <GridSplit
             node={child}
+            scope={scope}
             storageKey={storageKey}
             disabled={disabled}
             withHandles={withHandles}

package/src/react/components/SplitPane.spec.tsx

@@ -32,6 +32,23 @@ describe('SplitPane', () => {
     expect(getByText('Panel C')).toBeTruthy();
   });
 
+  // 🔴 forge task 3981: every SplitPane registered its group as `'root'`, and react-resizable-panels
+  // keys groups by id across the document — two on one page heard each other's layouts and threw
+  // `toFixed` of undefined out of a ResizeObserver (the kitchen sink's `test:browser:smoke`), and the
+  // page carried a second `id="root"` beside the app's mount node.
+  test('two SplitPanes on one page register distinct groups, and neither is id="root"', () => {
+    const { container } = render(
+      <>
+        <SplitPane panels={TWO_PANELS} />
+        <SplitPane panels={THREE_PANELS} />
+      </>,
+    );
+    const ids = [...container.querySelectorAll('[data-group]')].map((g) => g.id);
+    expect(ids).toHaveLength(2);
+    expect(new Set(ids).size).toBe(2);
+    expect(container.querySelector('#root')).toBeNull();
+  });
+
   test('horizontal layout: Group gets flex-row class', () => {
     const { container } = render(<SplitPane panels={TWO_PANELS} />);
     const group = container.querySelector('[data-group]');

package/src/verifyGraph.spec.ts

@@ -40,8 +40,18 @@ interface Stage {
 	why?: string;
 }
 
-/** The declared graph, read as data. There is no import of the scheduler to drift from. */
-const STAGES: readonly Stage[] = (pkg as { gate?: { stages?: Stage[] } }).gate?.stages ?? [];
+const GATE = (pkg as { gate?: { stages?: Stage[]; deferred?: Stage[] } }).gate;
+
+/**
+ * The declared graph, read as data — BOTH halves. There is no import of the scheduler to drift from.
+ *
+ * 🔴 Since 2026-10-29 (forge task 3981) `e2e` sits in `gate.deferred`: plain `verify` runs `stages`
+ * and the one `test:browser:smoke` spec, while `verify --full` — the queue's `suite` job after
+ * landing — and `--force` run the deferred half too. Moving a stage there is not removing it, so the
+ * stage-set floor below reads both halves; what it must never be is in NEITHER.
+ */
+const STAGES: readonly Stage[] = [...(GATE?.stages ?? []), ...(GATE?.deferred ?? [])];
+const DEFERRED: readonly string[] = (GATE?.deferred ?? []).map((s) => s.script);
 
 /**
  * What `verify` ran before it became a graph, expanded to the leaf scripts.
@@ -118,6 +128,18 @@ describe('the verify graph', () => {
 		// never let them be replaced. `--force` is the re-roll.
 		expect(pkg.scripts.prepublishOnly).toInclude('--force');
 	});
+
+	it('🔴 e2e is deferred, never dropped — and a publish still runs it', () => {
+		// `$FORGE/tools/gate.ts` → `runnable(spec, full)`: `--force` implies `--full`, which is the
+		// deferred half joining the graph. So the `--force` above is also what makes a publish run
+		// `e2e`; this pins that the suite is in the half `--force` reaches, and that `verify` keeps
+		// the one browser proof check-gate-graph rule 9 asks of a repo deferring its browser suite.
+		expect(DEFERRED).toContain('e2e');
+		expect(pkg.scripts.gate).not.toInclude('--full');
+		const smoke = (GATE?.stages ?? []).find((s) => s.script === 'test:browser:smoke');
+		expect(smoke, '`verify` must keep `test:browser:smoke` in `stages`').toBeTruthy();
+		expect((pkg.scripts as Record<string, string | undefined>)['test:browser:smoke']).toInclude('smoke.spec.ts');
+	});
 });
 
 describe('the two edges the graph rests on', () => {
@@ -126,7 +148,7 @@ describe('the two edges the graph rests on', () => {
 		// stylesStaticMatches.spec.ts and stylesUtilitiesMatches.spec.ts assert those exact files
 		// are current, and the demo bundle e2e drives is compiled from them. Any of those three
 		// running beside the generators is a writer racing a reader.
-		for (const script of ['build', 'test', 'e2e']) {
+		for (const script of ['build', 'test', 'e2e', 'test:browser:smoke']) {
 			const stage = STAGES.find((s) => s.script === script);
 			expect(stage?.needs, `\`${script}\` must wait for \`styles\``).toContain('styles');
 			// 🔴 And it must say WHY. An edge nobody can explain is an edge nobody can safely