@adea-ai/ui 0.123.0 → 0.124.0

package/dist/NOTICE

@@ -300,6 +300,24 @@ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
 
+## Theme resolution fallback translated from Zeron
+
+`resolveVariant` in `packages/ui/src/lib/themes.ts` translates the fallback order
+of Zeron's `ThemeRegistry::resolve` (https://github.com/zeronsh/zeron), as Adea's
+accepted port of it in `packages/ui/src/components/appearance.ts` expresses it:
+an id the registry does not hold resolves to the default variant of the same
+appearance, then to any variant of that appearance, and never to a variant of the
+other one. The provider's use of it, which leaves the stored id untouched, is the
+Adea behaviour that port retains.
+
+    Copyright (c) 2026 Wing
+    Licensed under the MIT License.
+
+Zeron's MIT notice, reproduced in full under "Appearance editor translated from
+Zeron" above, applies to the translated portion. The ThemeProvider's preview,
+persistence and document-application seams are written against Adea's provider
+contract and introduce no further upstream source.
+
 ## Strict binary layout extracted from the accepted Adea donor port
 
 `packages/ui/src/components/layout/split-layout/model.ts` is extracted from

package/dist/components/layout/split-layout/resize-controller-core-retry.d.ts

@@ -0,0 +1,13 @@
+import { type Accessor, type JSX } from 'solid-js';
+import { type SplitLayoutBranch, type SplitLayoutLeaf } from './model';
+export type SplitLayoutResizeControllerProps<L extends SplitLayoutLeaf> = {
+    branch: Accessor<SplitLayoutBranch<L>>;
+    rect: Accessor<JSX.CSSProperties>;
+    domId: (id: string) => string;
+    root: () => HTMLDivElement | undefined;
+    labelForSeparator?: (branch: SplitLayoutBranch<L>) => string;
+    onResize: (splitId: string, ratio: number) => void;
+};
+/** Corvu stays behind the first real split while the pane owners remain mounted. */
+export default function SplitLayoutResizeController<L extends SplitLayoutLeaf>(props: SplitLayoutResizeControllerProps<L>): JSX.Element;
+//# sourceMappingURL=resize-controller-core-retry.d.ts.map

package/dist/components/layout/split-layout/resize-controller-core-retry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-controller-core-retry.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/split-layout/resize-controller-core-retry.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,GAAG,EAAE,MAAM,UAAU,CAAA;AAClD,OAAO,EAIL,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACrB,MAAM,SAAS,CAAA;AAEhB,MAAM,MAAM,gCAAgC,CAAC,CAAC,SAAS,eAAe,IAAI;IACxE,MAAM,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAA;IACtC,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,CAAA;IACjC,KAAK,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAA;IAC7B,IAAI,EAAE,MAAM,cAAc,GAAG,SAAS,CAAA;IACtC,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC,KAAK,MAAM,CAAA;IAC5D,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnD,CAAA;AAED,oFAAoF;AACpF,MAAM,CAAC,OAAO,UAAU,2BAA2B,CAAC,CAAC,SAAS,eAAe,EAC3E,KAAK,EAAE,gCAAgC,CAAC,CAAC,CAAC,eA4C3C"}

package/dist/components/layout/split-layout/resize-controller-core-retry.js

@@ -0,0 +1,63 @@
+import { MAX_SPLIT_RATIO, MIN_SPLIT_RATIO, listLeaves } from "./tree.js";
+import { createComponent } from "solid-js/web";
+import "solid-js";
+import Resizable from "@corvu/resizable";
+//#region src/components/layout/split-layout/resize-controller-core-retry.tsx
+/** Corvu stays behind the first real split while the pane owners remain mounted. */
+function SplitLayoutResizeController(props) {
+	const id = () => props.branch().id;
+	return createComponent(Resizable, {
+		get orientation() {
+			return props.branch().direction === "row" ? "horizontal" : "vertical";
+		},
+		get sizes() {
+			return [props.branch().ratio, 1 - props.branch().ratio];
+		},
+		keyboardDelta: .05,
+		onSizesChange: (sizes) => {
+			const root = props.root();
+			if (!root?.isConnected || root.getClientRects().length === 0) return;
+			if (sizes.length !== 2 || sizes.some((size) => !Number.isFinite(size)) || Math.abs(sizes[0] + sizes[1] - 1) > 1e-6) return;
+			if (sizes[0] !== void 0 && Math.abs(sizes[0] - props.branch().ratio) > 1e-6) props.onResize(id(), sizes[0]);
+		},
+		get style() {
+			return props.rect();
+		},
+		"class": "pointer-events-none absolute flex min-h-0 min-w-0 data-[orientation=vertical]:flex-col",
+		get children() {
+			return [
+				createComponent(Resizable.Panel, {
+					minSize: MIN_SPLIT_RATIO,
+					maxSize: MAX_SPLIT_RATIO,
+					"aria-hidden": "true"
+				}),
+				createComponent(Resizable.Handle, {
+					get ["aria-label"]() {
+						return props.labelForSeparator?.(props.branch()) ?? (props.branch().direction === "row" ? "Resize pane columns" : "Resize pane rows");
+					},
+					get ["aria-orientation"]() {
+						return props.branch().direction === "row" ? "vertical" : "horizontal";
+					},
+					get ["aria-controls"]() {
+						return listLeaves(props.branch()).map((leaf) => props.domId(leaf.id)).join(" ");
+					},
+					"aria-valuemin": 10,
+					"aria-valuemax": 90,
+					get ["aria-valuenow"]() {
+						return Math.round(props.branch().ratio * 100);
+					},
+					"class": "pointer-events-auto relative w-px shrink-0 bg-border after:absolute after:inset-y-0 after:-inset-x-1 after:w-3 focus-visible:bg-primary focus-visible:outline-none hover:bg-primary data-[orientation=vertical]:h-px data-[orientation=vertical]:w-full data-[orientation=vertical]:after:inset-x-0 data-[orientation=vertical]:after:-inset-y-1 data-[orientation=vertical]:after:h-3 data-[orientation=vertical]:after:w-full"
+				}),
+				createComponent(Resizable.Panel, {
+					minSize: MIN_SPLIT_RATIO,
+					maxSize: MAX_SPLIT_RATIO,
+					"aria-hidden": "true"
+				})
+			];
+		}
+	});
+}
+//#endregion
+export { SplitLayoutResizeController as default };
+
+//# sourceMappingURL=resize-controller-core-retry.js.map

package/dist/components/layout/split-layout/resize-controller-core-retry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-controller-core-retry.js","names":["Resizable","Accessor","JSX","listLeaves","MIN_SPLIT_RATIO","MAX_SPLIT_RATIO","SplitLayoutBranch","SplitLayoutLeaf","SplitLayoutResizeControllerProps","branch","L","rect","CSSProperties","domId","id","root","HTMLDivElement","labelForSeparator","onResize","splitId","ratio","SplitLayoutResizeController","props","_$createComponent","orientation","direction","sizes","keyboardDelta","onSizesChange","isConnected","getClientRects","length","some","size","Number","isFinite","Math","abs","undefined","style","children","Panel","minSize","maxSize","Handle","aria-label","aria-orientation","aria-controls","map","leaf","join","aria-valuenow","round","_$createComponent"],"sources":["../../../../src/components/layout/split-layout/resize-controller-core-retry.tsx"],"sourcesContent":["import Resizable from '@corvu/resizable'\nimport { type Accessor, type JSX } from 'solid-js'\nimport {\n  listLeaves,\n  MIN_SPLIT_RATIO,\n  MAX_SPLIT_RATIO,\n  type SplitLayoutBranch,\n  type SplitLayoutLeaf,\n} from './model'\n\nexport type SplitLayoutResizeControllerProps<L extends SplitLayoutLeaf> = {\n  branch: Accessor<SplitLayoutBranch<L>>\n  rect: Accessor<JSX.CSSProperties>\n  domId: (id: string) => string\n  root: () => HTMLDivElement | undefined\n  labelForSeparator?: (branch: SplitLayoutBranch<L>) => string\n  onResize: (splitId: string, ratio: number) => void\n}\n\n/** Corvu stays behind the first real split while the pane owners remain mounted. */\nexport default function SplitLayoutResizeController<L extends SplitLayoutLeaf>(\n  props: SplitLayoutResizeControllerProps<L>\n) {\n  const id = () => props.branch().id\n  return (\n    <Resizable\n      orientation={props.branch().direction === 'row' ? 'horizontal' : 'vertical'}\n      sizes={[props.branch().ratio, 1 - props.branch().ratio]}\n      keyboardDelta={0.05}\n      onSizesChange={(sizes) => {\n        // Corvu also reports panel registration/unregistration while\n        // mounting or disposing a controller. Those incomplete or\n        // hidden-host sizes are not user resize intent.\n        const root = props.root()\n        if (!root?.isConnected || root.getClientRects().length === 0) return\n        if (\n          sizes.length !== 2 ||\n          sizes.some((size) => !Number.isFinite(size)) ||\n          Math.abs(sizes[0]! + sizes[1]! - 1) > 0.000001\n        )\n          return\n        if (sizes[0] !== undefined && Math.abs(sizes[0] - props.branch().ratio) > 0.000001)\n          props.onResize(id(), sizes[0])\n      }}\n      style={props.rect()}\n      class=\"pointer-events-none absolute flex min-h-0 min-w-0 data-[orientation=vertical]:flex-col\"\n    >\n      <Resizable.Panel minSize={MIN_SPLIT_RATIO} maxSize={MAX_SPLIT_RATIO} aria-hidden=\"true\" />\n      <Resizable.Handle\n        aria-label={\n          props.labelForSeparator?.(props.branch()) ??\n          (props.branch().direction === 'row' ? 'Resize pane columns' : 'Resize pane rows')\n        }\n        aria-orientation={props.branch().direction === 'row' ? 'vertical' : 'horizontal'}\n        aria-controls={listLeaves(props.branch())\n          .map((leaf) => props.domId(leaf.id))\n          .join(' ')}\n        aria-valuemin={10}\n        aria-valuemax={90}\n        aria-valuenow={Math.round(props.branch().ratio * 100)}\n        class=\"pointer-events-auto relative w-px shrink-0 bg-border after:absolute after:inset-y-0 after:-inset-x-1 after:w-3 focus-visible:bg-primary focus-visible:outline-none hover:bg-primary data-[orientation=vertical]:h-px data-[orientation=vertical]:w-full data-[orientation=vertical]:after:inset-x-0 data-[orientation=vertical]:after:-inset-y-1 data-[orientation=vertical]:after:h-3 data-[orientation=vertical]:after:w-full\"\n      />\n      <Resizable.Panel minSize={MIN_SPLIT_RATIO} maxSize={MAX_SPLIT_RATIO} aria-hidden=\"true\" />\n    </Resizable>\n  )\n}\n"],"mappings":";;;;;;AAoBA,SAAwBqB,4BACtBC,OACA;CACA,MAAMR,WAAWQ,MAAMb,OAAO,CAAC,CAACK;CAChC,OAAAS,gBACGvB,WAAS;EAAA,IACRwB,cAAW;GAAA,OAAEF,MAAMb,OAAO,CAAC,CAACgB,cAAc,QAAQ,eAAe;EAAU;EAAA,IAC3EC,QAAK;GAAA,OAAE,CAACJ,MAAMb,OAAO,CAAC,CAACW,OAAO,IAAIE,MAAMb,OAAO,CAAC,CAACW,KAAK;EAAC;EACvDO,eAAe;EACfC,gBAAgBF,UAAU;GAIxB,MAAMX,OAAOO,MAAMP,KAAK;GACxB,IAAI,CAACA,MAAMc,eAAed,KAAKe,eAAe,CAAC,CAACC,WAAW,GAAG;GAC9D,IACEL,MAAMK,WAAW,KACjBL,MAAMM,MAAMC,SAAS,CAACC,OAAOC,SAASF,IAAI,CAAC,KAC3CG,KAAKC,IAAIX,MAAM,KAAMA,MAAM,KAAM,CAAC,IAAI,MAEtC;GACF,IAAIA,MAAM,OAAOY,KAAAA,KAAaF,KAAKC,IAAIX,MAAM,KAAKJ,MAAMb,OAAO,CAAC,CAACW,KAAK,IAAI,MACxEE,MAAMJ,SAASJ,GAAG,GAAGY,MAAM,EAAE;EACjC;EAAC,IACDa,QAAK;GAAA,OAAEjB,MAAMX,KAAK;EAAC;EAAA,SAAA;EAAA,IAAA6B,WAAA;GAAA,OAAA;IAAAjB,gBAGlBvB,UAAUyC,OAAK;KAACC,SAAStC;KAAiBuC,SAAStC;KAAe,eAAA;IAAA,CAAA;IAAAkB,gBAClEvB,UAAU4C,QAAM;KAAA,KAAA,gBAAA;MAAA,OAEbtB,MAAML,oBAAoBK,MAAMb,OAAO,CAAC,MACvCa,MAAMb,OAAO,CAAC,CAACgB,cAAc,QAAQ,wBAAwB;KAAmB;KAAA,KAAA,sBAAA;MAAA,OAEjEH,MAAMb,OAAO,CAAC,CAACgB,cAAc,QAAQ,aAAa;KAAY;KAAA,KAAA,mBAAA;MAAA,OACjEtB,WAAWmB,MAAMb,OAAO,CAAC,CAAC,CACtCuC,KAAKC,SAAS3B,MAAMT,MAAMoC,KAAKnC,EAAE,CAAC,CAAC,CACnCoC,KAAK,GAAG;KAAC;KAAA,iBACG;KAAE,iBACF;KAAE,KAAA,mBAAA;MAAA,OACFd,KAAKgB,MAAM9B,MAAMb,OAAO,CAAC,CAACW,QAAQ,GAAG;KAAC;KAAA,SAAA;IAAA,CAAA;IAAAG,gBAGtDvB,UAAUyC,OAAK;KAACC,SAAStC;KAAiBuC,SAAStC;KAAe,eAAA;IAAA,CAAA;GAAA;EAAA;CAAA,CAAA;AAGzE"}

package/dist/components/layout/split-layout/resize-controller-core.d.ts

@@ -0,0 +1,13 @@
+import { type Accessor, type JSX } from 'solid-js';
+import { type SplitLayoutBranch, type SplitLayoutLeaf } from './model';
+export type SplitLayoutResizeControllerProps<L extends SplitLayoutLeaf> = {
+    branch: Accessor<SplitLayoutBranch<L>>;
+    rect: Accessor<JSX.CSSProperties>;
+    domId: (id: string) => string;
+    root: () => HTMLDivElement | undefined;
+    labelForSeparator?: (branch: SplitLayoutBranch<L>) => string;
+    onResize: (splitId: string, ratio: number) => void;
+};
+/** Corvu stays behind the first real split while the pane owners remain mounted. */
+export default function SplitLayoutResizeController<L extends SplitLayoutLeaf>(props: SplitLayoutResizeControllerProps<L>): JSX.Element;
+//# sourceMappingURL=resize-controller-core.d.ts.map

package/dist/components/layout/split-layout/resize-controller-core.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-controller-core.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/split-layout/resize-controller-core.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,GAAG,EAAE,MAAM,UAAU,CAAA;AAClD,OAAO,EAIL,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACrB,MAAM,SAAS,CAAA;AAEhB,MAAM,MAAM,gCAAgC,CAAC,CAAC,SAAS,eAAe,IAAI;IACxE,MAAM,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAA;IACtC,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,CAAA;IACjC,KAAK,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAA;IAC7B,IAAI,EAAE,MAAM,cAAc,GAAG,SAAS,CAAA;IACtC,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC,KAAK,MAAM,CAAA;IAC5D,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnD,CAAA;AAED,oFAAoF;AACpF,MAAM,CAAC,OAAO,UAAU,2BAA2B,CAAC,CAAC,SAAS,eAAe,EAC3E,KAAK,EAAE,gCAAgC,CAAC,CAAC,CAAC,eA4C3C"}

package/dist/components/layout/split-layout/resize-controller-core.js

@@ -0,0 +1,63 @@
+import { MAX_SPLIT_RATIO, MIN_SPLIT_RATIO, listLeaves } from "./tree.js";
+import { createComponent } from "solid-js/web";
+import "solid-js";
+import Resizable from "@corvu/resizable";
+//#region src/components/layout/split-layout/resize-controller-core.tsx
+/** Corvu stays behind the first real split while the pane owners remain mounted. */
+function SplitLayoutResizeController(props) {
+	const id = () => props.branch().id;
+	return createComponent(Resizable, {
+		get orientation() {
+			return props.branch().direction === "row" ? "horizontal" : "vertical";
+		},
+		get sizes() {
+			return [props.branch().ratio, 1 - props.branch().ratio];
+		},
+		keyboardDelta: .05,
+		onSizesChange: (sizes) => {
+			const root = props.root();
+			if (!root?.isConnected || root.getClientRects().length === 0) return;
+			if (sizes.length !== 2 || sizes.some((size) => !Number.isFinite(size)) || Math.abs(sizes[0] + sizes[1] - 1) > 1e-6) return;
+			if (sizes[0] !== void 0 && Math.abs(sizes[0] - props.branch().ratio) > 1e-6) props.onResize(id(), sizes[0]);
+		},
+		get style() {
+			return props.rect();
+		},
+		"class": "pointer-events-none absolute flex min-h-0 min-w-0 data-[orientation=vertical]:flex-col",
+		get children() {
+			return [
+				createComponent(Resizable.Panel, {
+					minSize: MIN_SPLIT_RATIO,
+					maxSize: MAX_SPLIT_RATIO,
+					"aria-hidden": "true"
+				}),
+				createComponent(Resizable.Handle, {
+					get ["aria-label"]() {
+						return props.labelForSeparator?.(props.branch()) ?? (props.branch().direction === "row" ? "Resize pane columns" : "Resize pane rows");
+					},
+					get ["aria-orientation"]() {
+						return props.branch().direction === "row" ? "vertical" : "horizontal";
+					},
+					get ["aria-controls"]() {
+						return listLeaves(props.branch()).map((leaf) => props.domId(leaf.id)).join(" ");
+					},
+					"aria-valuemin": 10,
+					"aria-valuemax": 90,
+					get ["aria-valuenow"]() {
+						return Math.round(props.branch().ratio * 100);
+					},
+					"class": "pointer-events-auto relative w-px shrink-0 bg-border after:absolute after:inset-y-0 after:-inset-x-1 after:w-3 focus-visible:bg-primary focus-visible:outline-none hover:bg-primary data-[orientation=vertical]:h-px data-[orientation=vertical]:w-full data-[orientation=vertical]:after:inset-x-0 data-[orientation=vertical]:after:-inset-y-1 data-[orientation=vertical]:after:h-3 data-[orientation=vertical]:after:w-full"
+				}),
+				createComponent(Resizable.Panel, {
+					minSize: MIN_SPLIT_RATIO,
+					maxSize: MAX_SPLIT_RATIO,
+					"aria-hidden": "true"
+				})
+			];
+		}
+	});
+}
+//#endregion
+export { SplitLayoutResizeController as default };
+
+//# sourceMappingURL=resize-controller-core.js.map

package/dist/components/layout/split-layout/resize-controller-core.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-controller-core.js","names":["Resizable","Accessor","JSX","listLeaves","MIN_SPLIT_RATIO","MAX_SPLIT_RATIO","SplitLayoutBranch","SplitLayoutLeaf","SplitLayoutResizeControllerProps","branch","L","rect","CSSProperties","domId","id","root","HTMLDivElement","labelForSeparator","onResize","splitId","ratio","SplitLayoutResizeController","props","_$createComponent","orientation","direction","sizes","keyboardDelta","onSizesChange","isConnected","getClientRects","length","some","size","Number","isFinite","Math","abs","undefined","style","children","Panel","minSize","maxSize","Handle","aria-label","aria-orientation","aria-controls","map","leaf","join","aria-valuenow","round","_$createComponent"],"sources":["../../../../src/components/layout/split-layout/resize-controller-core.tsx"],"sourcesContent":["import Resizable from '@corvu/resizable'\nimport { type Accessor, type JSX } from 'solid-js'\nimport {\n  listLeaves,\n  MIN_SPLIT_RATIO,\n  MAX_SPLIT_RATIO,\n  type SplitLayoutBranch,\n  type SplitLayoutLeaf,\n} from './model'\n\nexport type SplitLayoutResizeControllerProps<L extends SplitLayoutLeaf> = {\n  branch: Accessor<SplitLayoutBranch<L>>\n  rect: Accessor<JSX.CSSProperties>\n  domId: (id: string) => string\n  root: () => HTMLDivElement | undefined\n  labelForSeparator?: (branch: SplitLayoutBranch<L>) => string\n  onResize: (splitId: string, ratio: number) => void\n}\n\n/** Corvu stays behind the first real split while the pane owners remain mounted. */\nexport default function SplitLayoutResizeController<L extends SplitLayoutLeaf>(\n  props: SplitLayoutResizeControllerProps<L>\n) {\n  const id = () => props.branch().id\n  return (\n    <Resizable\n      orientation={props.branch().direction === 'row' ? 'horizontal' : 'vertical'}\n      sizes={[props.branch().ratio, 1 - props.branch().ratio]}\n      keyboardDelta={0.05}\n      onSizesChange={(sizes) => {\n        // Corvu also reports panel registration/unregistration while\n        // mounting or disposing a controller. Those incomplete or\n        // hidden-host sizes are not user resize intent.\n        const root = props.root()\n        if (!root?.isConnected || root.getClientRects().length === 0) return\n        if (\n          sizes.length !== 2 ||\n          sizes.some((size) => !Number.isFinite(size)) ||\n          Math.abs(sizes[0]! + sizes[1]! - 1) > 0.000001\n        )\n          return\n        if (sizes[0] !== undefined && Math.abs(sizes[0] - props.branch().ratio) > 0.000001)\n          props.onResize(id(), sizes[0])\n      }}\n      style={props.rect()}\n      class=\"pointer-events-none absolute flex min-h-0 min-w-0 data-[orientation=vertical]:flex-col\"\n    >\n      <Resizable.Panel minSize={MIN_SPLIT_RATIO} maxSize={MAX_SPLIT_RATIO} aria-hidden=\"true\" />\n      <Resizable.Handle\n        aria-label={\n          props.labelForSeparator?.(props.branch()) ??\n          (props.branch().direction === 'row' ? 'Resize pane columns' : 'Resize pane rows')\n        }\n        aria-orientation={props.branch().direction === 'row' ? 'vertical' : 'horizontal'}\n        aria-controls={listLeaves(props.branch())\n          .map((leaf) => props.domId(leaf.id))\n          .join(' ')}\n        aria-valuemin={10}\n        aria-valuemax={90}\n        aria-valuenow={Math.round(props.branch().ratio * 100)}\n        class=\"pointer-events-auto relative w-px shrink-0 bg-border after:absolute after:inset-y-0 after:-inset-x-1 after:w-3 focus-visible:bg-primary focus-visible:outline-none hover:bg-primary data-[orientation=vertical]:h-px data-[orientation=vertical]:w-full data-[orientation=vertical]:after:inset-x-0 data-[orientation=vertical]:after:-inset-y-1 data-[orientation=vertical]:after:h-3 data-[orientation=vertical]:after:w-full\"\n      />\n      <Resizable.Panel minSize={MIN_SPLIT_RATIO} maxSize={MAX_SPLIT_RATIO} aria-hidden=\"true\" />\n    </Resizable>\n  )\n}\n"],"mappings":";;;;;;AAoBA,SAAwBqB,4BACtBC,OACA;CACA,MAAMR,WAAWQ,MAAMb,OAAO,CAAC,CAACK;CAChC,OAAAS,gBACGvB,WAAS;EAAA,IACRwB,cAAW;GAAA,OAAEF,MAAMb,OAAO,CAAC,CAACgB,cAAc,QAAQ,eAAe;EAAU;EAAA,IAC3EC,QAAK;GAAA,OAAE,CAACJ,MAAMb,OAAO,CAAC,CAACW,OAAO,IAAIE,MAAMb,OAAO,CAAC,CAACW,KAAK;EAAC;EACvDO,eAAe;EACfC,gBAAgBF,UAAU;GAIxB,MAAMX,OAAOO,MAAMP,KAAK;GACxB,IAAI,CAACA,MAAMc,eAAed,KAAKe,eAAe,CAAC,CAACC,WAAW,GAAG;GAC9D,IACEL,MAAMK,WAAW,KACjBL,MAAMM,MAAMC,SAAS,CAACC,OAAOC,SAASF,IAAI,CAAC,KAC3CG,KAAKC,IAAIX,MAAM,KAAMA,MAAM,KAAM,CAAC,IAAI,MAEtC;GACF,IAAIA,MAAM,OAAOY,KAAAA,KAAaF,KAAKC,IAAIX,MAAM,KAAKJ,MAAMb,OAAO,CAAC,CAACW,KAAK,IAAI,MACxEE,MAAMJ,SAASJ,GAAG,GAAGY,MAAM,EAAE;EACjC;EAAC,IACDa,QAAK;GAAA,OAAEjB,MAAMX,KAAK;EAAC;EAAA,SAAA;EAAA,IAAA6B,WAAA;GAAA,OAAA;IAAAjB,gBAGlBvB,UAAUyC,OAAK;KAACC,SAAStC;KAAiBuC,SAAStC;KAAe,eAAA;IAAA,CAAA;IAAAkB,gBAClEvB,UAAU4C,QAAM;KAAA,KAAA,gBAAA;MAAA,OAEbtB,MAAML,oBAAoBK,MAAMb,OAAO,CAAC,MACvCa,MAAMb,OAAO,CAAC,CAACgB,cAAc,QAAQ,wBAAwB;KAAmB;KAAA,KAAA,sBAAA;MAAA,OAEjEH,MAAMb,OAAO,CAAC,CAACgB,cAAc,QAAQ,aAAa;KAAY;KAAA,KAAA,mBAAA;MAAA,OACjEtB,WAAWmB,MAAMb,OAAO,CAAC,CAAC,CACtCuC,KAAKC,SAAS3B,MAAMT,MAAMoC,KAAKnC,EAAE,CAAC,CAAC,CACnCoC,KAAK,GAAG;KAAC;KAAA,iBACG;KAAE,iBACF;KAAE,KAAA,mBAAA;MAAA,OACFd,KAAKgB,MAAM9B,MAAMb,OAAO,CAAC,CAACW,QAAQ,GAAG;KAAC;KAAA,SAAA;IAAA,CAAA;IAAAG,gBAGtDvB,UAAUyC,OAAK;KAACC,SAAStC;KAAiBuC,SAAStC;KAAe,eAAA;IAAA,CAAA;GAAA;EAAA;CAAA,CAAA;AAGzE"}

package/dist/components/layout/split-layout/resize-controller-retry-2.d.ts

@@ -0,0 +1,3 @@
+/** Independent module entrypoint to recover from a cached failed primary core import. */
+export { default } from './resize-controller-core-retry';
+//# sourceMappingURL=resize-controller-retry-2.d.ts.map

package/dist/components/layout/split-layout/resize-controller-retry-2.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-controller-retry-2.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/split-layout/resize-controller-retry-2.tsx"],"names":[],"mappings":"AAAA,yFAAyF;AACzF,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA"}

package/dist/components/layout/split-layout/resize-controller-retry-2.js

@@ -0,0 +1,2 @@
+import SplitLayoutResizeController from "./resize-controller-core-retry.js";
+export { SplitLayoutResizeController as default };

package/dist/components/layout/split-layout/resize-controller-retry.d.ts

@@ -0,0 +1,2 @@
+export { default } from './resize-controller-core';
+//# sourceMappingURL=resize-controller-retry.d.ts.map

package/dist/components/layout/split-layout/resize-controller-retry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-controller-retry.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/split-layout/resize-controller-retry.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAA"}

package/dist/components/layout/split-layout/resize-controller-retry.js

@@ -0,0 +1,2 @@
+import SplitLayoutResizeController from "./resize-controller-core.js";
+export { SplitLayoutResizeController as default };

package/dist/components/layout/split-layout/resize-controller.d.ts

@@ -0,0 +1,2 @@
+export { default } from './resize-controller-core';
+//# sourceMappingURL=resize-controller.d.ts.map

package/dist/components/layout/split-layout/resize-controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-controller.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/split-layout/resize-controller.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAA"}

package/dist/components/layout/split-layout/resize-controller.js

@@ -0,0 +1,2 @@
+import SplitLayoutResizeController from "./resize-controller-core.js";
+export { SplitLayoutResizeController as default };

package/dist/components/layout/split-layout/split-layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"split-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/split-layout/split-layout.tsx"],"names":[],"mappings":"AACA,OAAO,EAQL,KAAK,QAAQ,EACb,KAAK,GAAG,EACT,MAAM,UAAU,CAAA;AAKjB,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,QAAQ,CAAA;AAC5D,YAAY,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAA;AAI5C,OAAO,EAIL,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACtB,MAAM,SAAS,CAAA;AAEhB,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,eAAe,IAAI;IACxD,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAA;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,8DAA8D;IAC9D,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAA;IACjC,yFAAyF;IACzF,UAAU,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,OAAO,CAAA;IAC9C,yFAAyF;IACzF,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,OAAO,CAAA;IACpD,+GAA+G;IAC/G,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IACrB,oFAAoF;IACpF,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC,KAAK,MAAM,CAAA;IAC5D,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClD,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,sFAAsF;IACtF,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAA;IAChD,qGAAqG;IACrG,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,KAAK,IAAI,CAAA;IAC3E,qFAAqF;IACrF,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,OAAO,CAAA;IACtD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAqHD,mGAAmG;AACnG,wBAAgB,WAAW,CAAC,CAAC,SAAS,eAAe,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,eAsVhF"}
+{"version":3,"file":"split-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/split-layout/split-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAWL,KAAK,QAAQ,EACb,KAAK,GAAG,EACT,MAAM,UAAU,CAAA;AAOjB,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,QAAQ,CAAA;AAC5D,YAAY,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAA;AAI5C,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACtB,MAAM,SAAS,CAAA;AAQhB,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,eAAe,IAAI;IACxD,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAA;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,8DAA8D;IAC9D,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAA;IACjC,yFAAyF;IACzF,UAAU,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,OAAO,CAAA;IAC9C,yFAAyF;IACzF,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,OAAO,CAAA;IACpD,+GAA+G;IAC/G,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IACrB,oFAAoF;IACpF,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC,KAAK,MAAM,CAAA;IAC5D,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClD,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,sFAAsF;IACtF,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAA;IAChD,qGAAqG;IACrG,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,KAAK,IAAI,CAAA;IAC3E,qFAAqF;IACrF,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,OAAO,CAAA;IACtD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AA+HD,mGAAmG;AACnG,wBAAgB,WAAW,CAAC,CAAC,SAAS,eAAe,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,eAwdhF"}

package/dist/components/layout/split-layout/split-layout.js

@@ -1,16 +1,19 @@
 import { cn } from "../../../lib/utils.js";
+import { Button } from "../../ui/button/button.js";
 import { ActionButton } from "../../composites/action-button/action-button.js";
-import { MAX_SPLIT_RATIO, MIN_SPLIT_RATIO, listLeaves } from "./tree.js";
+import { listLeaves } from "./tree.js";
 import { computeLayoutFrames } from "./geometry.js";
 import { paneDropIntent } from "./drop.js";
-import { className, createComponent, delegateEvents, effect, insert, memo, setAttribute, style, template, use } from "solid-js/web";
+import { Dynamic, className, createComponent, delegateEvents, effect, insert, memo, setAttribute, style, template, use } from "solid-js/web";
 import { GripVertical, X } from "lucide-solid";
-import { For, createComputed, createMemo, createSignal, createUniqueId, on, onCleanup } from "solid-js";
-import Resizable from "@corvu/resizable";
+import { For, Show, createComputed, createEffect, createMemo, createSignal, createUniqueId, on, onCleanup, onMount } from "solid-js";
 //#region src/components/layout/split-layout/split-layout.tsx
 var _tmpl$ = /*#__PURE__*/ template(`<div role=group data-slot=split-layout><span class=sr-only role=status>`);
 var _tmpl$2 = /*#__PURE__*/ template(`<section role=region class="absolute flex min-h-0 min-w-0 flex-col overflow-hidden border border-border transition-opacity motion-reduce:transition-none data-[drag-source]:opacity-40 data-[focused]:border-primary bg-background text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"><header class="flex min-w-0 shrink-0 items-center gap-2 bg-surface px-2"><span data-pane-drag-handle><span class="min-w-0 flex-1 truncate"></span></span></header><div class="min-h-0 min-w-0 flex-1 overflow-auto">`);
 var _tmpl$3 = /*#__PURE__*/ template(`<div aria-hidden=true>`);
+var _tmpl$4 = /*#__PURE__*/ template(`<div role=separator aria-valuemin=10 aria-valuemax=90 aria-disabled=true tabindex=-1 class="pointer-events-none absolute bg-border">`);
+var _tmpl$5 = /*#__PURE__*/ template(`<div class="absolute top-2 right-2 z-(--z-menu) flex max-w-sm flex-col items-end gap-2">`);
+var _tmpl$6 = /*#__PURE__*/ template(`<p role=alert class="rounded-md border bg-background p-2 text-sm shadow-md">Reloading may discard unsaved pane content.`);
 var PANE_DRAG_TYPE = "application/x-adea-pane-move";
 var DRAG_PREVIEW_MAX_WIDTH = 384;
 var DRAG_PREVIEW_MAX_HEIGHT = 256;
@@ -22,6 +25,16 @@ function rectStyle(rect) {
 		height: `${rect.height * 100}%`
 	};
 }
+function separatorPlaceholderStyle(branch, rect) {
+	const horizontal = branch.direction === "row";
+	return {
+		left: `${(rect.x + (horizontal ? rect.width * branch.ratio : 0)) * 100}%`,
+		top: `${(rect.y + (horizontal ? 0 : rect.height * branch.ratio)) * 100}%`,
+		width: horizontal ? "1px" : `${rect.width * 100}%`,
+		height: horizontal ? `${rect.height * 100}%` : "1px",
+		transform: horizontal ? "translateX(-50%)" : "translateY(-50%)"
+	};
+}
 function dragPreviewPlaceholder(source, message) {
 	const placeholder = document.createElement("div");
 	placeholder.className = cn(source.getAttribute("class"), "flex min-h-8 min-w-0 items-center justify-center bg-muted px-2 text-center text-xs text-muted-foreground");
@@ -119,14 +132,40 @@ function cloneDragPreviewNode(source) {
 function SplitLayout(props) {
 	let root;
 	let pendingFrame;
+	let disposed = false;
+	let resizeLoadGeneration = 0;
+	let retryWithAlternateImport = false;
+	let alternateImportAttempts = 0;
+	let focusHandleAfterRetry = false;
+	let focusRecoveryButtonAfterError = false;
+	let focusRestoreEpoch = 0;
+	let focusEpoch = 0;
+	let pendingFocusFrame;
 	const refs = /* @__PURE__ */ new Map();
 	const domIds = /* @__PURE__ */ new Map();
 	const prefix = createUniqueId();
+	const resizeReloadWarningId = `${prefix}-resize-reload-warning`;
 	let nextDomId = 0;
 	let nextDragId = 0;
 	let dragPreview;
 	const [drag, setDrag] = createSignal();
 	const [drop, setDrop] = createSignal();
+	const [resizeController, setResizeController] = createSignal();
+	const cancelPendingFocusRestore = () => {
+		if (pendingFocusFrame !== void 0) cancelAnimationFrame(pendingFocusFrame);
+		pendingFocusFrame = void 0;
+	};
+	const trackFocusChange = (event) => {
+		if (event.target === document.body) return;
+		focusEpoch += 1;
+		focusHandleAfterRetry = false;
+		focusRecoveryButtonAfterError = false;
+		cancelPendingFocusRestore();
+	};
+	onMount(() => {
+		document.addEventListener("focusin", trackFocusChange);
+		onCleanup(() => document.removeEventListener("focusin", trackFocusChange));
+	});
 	const clearDrag = () => {
 		setDrag(void 0);
 		setDrop(void 0);
@@ -164,6 +203,46 @@ function SplitLayout(props) {
 	const leafMap = createMemo(() => new Map(leaves().map((leaf) => [leaf.id, leaf])));
 	const frames = createMemo(() => computeLayoutFrames(props.state.center));
 	const branches = createMemo(() => Array.from(frames().values()).flatMap((frame) => frame.node.kind === "split" ? [frame.node] : []));
+	createEffect(() => {
+		if (branches().length === 0) {
+			resizeLoadGeneration += 1;
+			focusHandleAfterRetry = false;
+			focusRecoveryButtonAfterError = false;
+			cancelPendingFocusRestore();
+			if (resizeController() === false || resizeController() === "error") setResizeController(void 0);
+			return;
+		}
+		if (resizeController() !== void 0) return;
+		const retry = retryWithAlternateImport;
+		const generation = ++resizeLoadGeneration;
+		setResizeController(false);
+		(retry ? alternateImportAttempts++ === 0 ? import("./resize-controller-retry.js") : import("./resize-controller-retry-2.js") : import("./resize-controller.js")).then(({ default: Controller }) => {
+			if (disposed || generation !== resizeLoadGeneration || branches().length === 0) return;
+			const shouldFocusHandle = focusHandleAfterRetry && focusEpoch === focusRestoreEpoch;
+			focusHandleAfterRetry = false;
+			focusRecoveryButtonAfterError = false;
+			retryWithAlternateImport = false;
+			alternateImportAttempts = 0;
+			setResizeController(() => Controller);
+			if (shouldFocusHandle) pendingFocusFrame = requestAnimationFrame(() => {
+				pendingFocusFrame = void 0;
+				if (disposed || generation !== resizeLoadGeneration || branches().length === 0 || focusEpoch !== focusRestoreEpoch) return;
+				const currentFocus = root?.ownerDocument.activeElement;
+				if (currentFocus && currentFocus !== root?.ownerDocument.body && currentFocus !== root) return;
+				root?.querySelector("[data-corvu-resizable-handle]")?.focus({ preventScroll: true });
+			});
+		}, () => {
+			retryWithAlternateImport = true;
+			if (!disposed && generation === resizeLoadGeneration && branches().length > 0) {
+				setResizeController("error");
+				if (focusRecoveryButtonAfterError && focusEpoch === focusRestoreEpoch) pendingFocusFrame = requestAnimationFrame(() => {
+					pendingFocusFrame = void 0;
+					if (disposed || generation !== resizeLoadGeneration || branches().length === 0 || focusEpoch !== focusRestoreEpoch) return;
+					root?.querySelector("[data-resize-retry]")?.focus({ preventScroll: true });
+				});
+			}
+		});
+	});
 	createComputed(() => {
 		const current = drag();
 		if (current && (!props.onMove || !leafMap().has(current.id))) clearDrag();
@@ -205,6 +284,10 @@ function SplitLayout(props) {
 		});
 	}));
 	onCleanup(() => {
+		disposed = true;
+		focusHandleAfterRetry = false;
+		focusRecoveryButtonAfterError = false;
+		cancelPendingFocusRestore();
 		if (pendingFrame !== void 0) cancelAnimationFrame(pendingFrame);
 		clearDrag();
 		refs.clear();
@@ -291,8 +374,8 @@ function SplitLayout(props) {
 						}
 					});
 					insert(_el$5, (() => {
-						var _c$ = memo(() => !!props.onMove);
-						return () => _c$() ? createComponent(GripVertical, {
+						var _c$2 = memo(() => !!props.onMove);
+						return () => _c$2() ? createComponent(GripVertical, {
 							"class": "size-3 shrink-0",
 							"aria-hidden": "true"
 						}) : null;
@@ -300,8 +383,8 @@ function SplitLayout(props) {
 					insert(_el$6, () => paneLabel ?? props.labelForLeaf(leaf()));
 					insert(_el$4, actions, null);
 					insert(_el$4, (() => {
-						var _c$2 = memo(() => !!props.onClose);
-						return () => _c$2() ? createComponent(ActionButton, {
+						var _c$3 = memo(() => !!props.onClose);
+						return () => _c$3() ? createComponent(ActionButton, {
 							variant: "ghost",
 							size: "icon-xs",
 							get ["aria-label"]() {
@@ -318,8 +401,8 @@ function SplitLayout(props) {
 					})(), null);
 					insert(_el$7, content);
 					insert(_el$3, (() => {
-						var _c$3 = memo(() => !!intent());
-						return () => _c$3() ? (() => {
+						var _c$4 = memo(() => !!intent());
+						return () => _c$4() ? (() => {
 							var _el$8 = _tmpl$3();
 							effect(() => className(_el$8, cn("pointer-events-none absolute border-2 border-primary bg-primary/10", {
 								"inset-y-0 left-0 w-1/2": intent()?.direction === "row" && intent()?.placement === "before",
@@ -369,7 +452,7 @@ function SplitLayout(props) {
 				})();
 			}
 		}), _el$2);
-		insert(_el$2, dropLabel);
+		insert(_el$2, () => dropLabel() || (resizeController() === "error" ? alternateImportAttempts >= 2 ? "Resize controls did not load after repeated attempts. Reloading may discard unsaved pane content." : "Resize controls did not load." : ""));
 		insert(_el$, createComponent(For, {
 			get each() {
 				return branches().map((branch) => branch.id);
@@ -377,62 +460,90 @@ function SplitLayout(props) {
 			children: (id) => {
 				const initial = branchMap().get(id);
 				const branch = () => branchMap().get(id) ?? initial;
-				return createComponent(Resizable, {
-					get orientation() {
-						return branch().direction === "row" ? "horizontal" : "vertical";
-					},
-					get sizes() {
-						return [branch().ratio, 1 - branch().ratio];
+				const rect = () => frames().get(id)?.rect ?? {
+					x: 0,
+					y: 0,
+					width: 0,
+					height: 0
+				};
+				return createComponent(Show, {
+					get when() {
+						return typeof resizeController() === "function";
 					},
-					keyboardDelta: .05,
-					onSizesChange: (sizes) => {
-						if (!root?.isConnected || root.getClientRects().length === 0) return;
-						if (sizes.length !== 2 || sizes.some((size) => !Number.isFinite(size)) || Math.abs(sizes[0] + sizes[1] - 1) > 1e-6) return;
-						if (sizes[0] !== void 0 && Math.abs(sizes[0] - branch().ratio) > 1e-6) props.onResize(id, sizes[0]);
+					get fallback() {
+						return (() => {
+							var _el$9 = _tmpl$4();
+							effect((_p$) => {
+								var _v$13 = props.labelForSeparator?.(branch()) ?? (branch().direction === "row" ? "Resize pane columns" : "Resize pane rows"), _v$14 = branch().direction === "row" ? "vertical" : "horizontal", _v$15 = listLeaves(branch()).map((leaf) => domId(leaf.id)).join(" "), _v$16 = Math.round(branch().ratio * 100), _v$17 = branch().direction, _v$18 = separatorPlaceholderStyle(branch(), rect());
+								_v$13 !== _p$.e && setAttribute(_el$9, "aria-label", _p$.e = _v$13);
+								_v$14 !== _p$.t && setAttribute(_el$9, "aria-orientation", _p$.t = _v$14);
+								_v$15 !== _p$.a && setAttribute(_el$9, "aria-controls", _p$.a = _v$15);
+								_v$16 !== _p$.o && setAttribute(_el$9, "aria-valuenow", _p$.o = _v$16);
+								_v$17 !== _p$.i && setAttribute(_el$9, "data-direction", _p$.i = _v$17);
+								_p$.n = style(_el$9, _v$18, _p$.n);
+								return _p$;
+							}, {
+								e: void 0,
+								t: void 0,
+								a: void 0,
+								o: void 0,
+								i: void 0,
+								n: void 0
+							});
+							return _el$9;
+						})();
 					},
-					get style() {
-						return rectStyle(frames().get(id)?.rect ?? {
-							x: 0,
-							y: 0,
-							width: 0,
-							height: 0
-						});
-					},
-					"class": "pointer-events-none absolute flex min-h-0 min-w-0 data-[orientation=vertical]:flex-col",
 					get children() {
-						return [
-							createComponent(Resizable.Panel, {
-								minSize: MIN_SPLIT_RATIO,
-								maxSize: MAX_SPLIT_RATIO,
-								"aria-hidden": "true"
-							}),
-							createComponent(Resizable.Handle, {
-								get ["aria-label"]() {
-									return props.labelForSeparator?.(branch()) ?? (branch().direction === "row" ? "Resize pane columns" : "Resize pane rows");
-								},
-								get ["aria-orientation"]() {
-									return branch().direction === "row" ? "vertical" : "horizontal";
-								},
-								get ["aria-controls"]() {
-									return listLeaves(branch()).map((leaf) => domId(leaf.id)).join(" ");
-								},
-								"aria-valuemin": 10,
-								"aria-valuemax": 90,
-								get ["aria-valuenow"]() {
-									return Math.round(branch().ratio * 100);
-								},
-								"class": "pointer-events-auto relative w-px shrink-0 bg-border after:absolute after:inset-y-0 after:-inset-x-1 after:w-3 focus-visible:bg-primary focus-visible:outline-none hover:bg-primary data-[orientation=vertical]:h-px data-[orientation=vertical]:w-full data-[orientation=vertical]:after:inset-x-0 data-[orientation=vertical]:after:-inset-y-1 data-[orientation=vertical]:after:h-3 data-[orientation=vertical]:after:w-full"
-							}),
-							createComponent(Resizable.Panel, {
-								minSize: MIN_SPLIT_RATIO,
-								maxSize: MAX_SPLIT_RATIO,
-								"aria-hidden": "true"
-							})
-						];
+						return createComponent(Dynamic, {
+							get component() {
+								return resizeController();
+							},
+							branch,
+							rect: () => rectStyle(rect()),
+							domId,
+							root: () => root,
+							get labelForSeparator() {
+								return props.labelForSeparator;
+							},
+							get onResize() {
+								return props.onResize;
+							}
+						});
 					}
 				});
 			}
 		}), null);
+		insert(_el$, (() => {
+			var _c$ = memo(() => resizeController() === "error");
+			return () => _c$() ? (() => {
+				var _el$0 = _tmpl$5();
+				insert(_el$0, alternateImportAttempts >= 2 ? (() => {
+					var _el$1 = _tmpl$6();
+					setAttribute(_el$1, "id", resizeReloadWarningId);
+					return _el$1;
+				})() : null, null);
+				insert(_el$0, createComponent(Button, {
+					variant: "outline",
+					size: "sm",
+					"data-resize-retry": true,
+					"aria-describedby": alternateImportAttempts >= 2 ? resizeReloadWarningId : void 0,
+					onClick: (event) => {
+						if (alternateImportAttempts >= 2) {
+							window.location.reload();
+							return;
+						}
+						const ownsFocus = document.activeElement === event.currentTarget;
+						focusHandleAfterRetry = ownsFocus;
+						focusRecoveryButtonAfterError = ownsFocus;
+						focusRestoreEpoch = focusEpoch;
+						retryWithAlternateImport = true;
+						setResizeController(void 0);
+					},
+					children: alternateImportAttempts >= 2 ? "Reload page to retry resizing" : "Retry pane resizing"
+				}), null);
+				return _el$0;
+			})() : null;
+		})(), null);
 		effect((_p$) => {
 			var _v$ = props.label, _v$2 = drag() ? "" : void 0, _v$3 = cn("relative size-full min-h-0 min-w-0 data-[dragging]:cursor-grabbing", props.class);
 			_v$ !== _p$.e && setAttribute(_el$, "aria-label", _p$.e = _v$);