quilt-vanilla 0.2.4 → 0.4.0

package/dist/panes.js

@@ -9,66 +9,98 @@ export function mountPane(doc, pane, location, options) {
     const renderer = Object.hasOwn(options.renderers ?? {}, pane.type)
         ? options.renderers?.[pane.type]
         : undefined;
-    let view;
+    let view = { dispose() { } };
+    let observer;
+    let disposed = false;
+    const controller = new win.AbortController();
+    const cleanups = [];
+    const reportCleanup = (error) => {
+        try {
+            options.onError?.(error);
+        }
+        catch {
+            /* Finish teardown even if reporting fails. */
+        }
+    };
+    const run = (callback) => {
+        try {
+            callback();
+        }
+        catch (error) {
+            reportCleanup(error);
+        }
+    };
+    const dispose = () => {
+        if (disposed)
+            return;
+        disposed = true;
+        run(() => controller.abort());
+        run(() => observer?.disconnect());
+        run(() => view.dispose());
+        for (const cleanup of cleanups.splice(0).reverse())
+            run(cleanup);
+        element.remove();
+    };
     let result;
     const reportError = (error) => {
         if (result)
             result.failed = true;
         options.onError?.(error);
     };
-    if (renderer)
-        view = renderer({
-            element,
-            reportError,
-            document: doc,
-            window: win,
-            pane,
-            state: options.getPaneState?.(pane.id),
-            location,
-        });
-    else {
-        element.append(el(doc, 'div', 'layouts-placeholder', message(options, 'Unknown pane type: {type}. Register a renderer to display this pane.', {
-            type: pane.type,
-        })));
-        view = { dispose() { } };
-    }
-    const observer = new ResizeObserver((entries) => {
-        const rect = entries[0]?.contentRect;
-        if (rect) {
-            try {
-                view.resize?.(rect.width, rect.height);
-            }
-            catch (error) {
-                options.onError?.(error);
-            }
+    try {
+        if (renderer)
+            view = renderer({
+                signal: controller.signal,
+                onCleanup(callback) {
+                    if (disposed)
+                        run(callback);
+                    else
+                        cleanups.push(callback);
+                },
+                element,
+                reportError,
+                document: doc,
+                window: win,
+                pane,
+                state: options.getPaneState?.(pane.id),
+                location,
+            }) ?? { dispose() { } };
+        else {
+            element.append(el(doc, 'div', 'layouts-placeholder', message(options, 'Unknown pane type: {type}. Register a renderer to display this pane.', {
+                type: pane.type,
+            })));
+            view = { dispose() { } };
         }
-    });
-    observer.observe(element);
-    let disposed = false;
-    result = {
-        element,
-        view,
-        pane,
-        signature: JSON.stringify(pane),
-        renderer,
-        dispose() {
-            if (disposed)
-                return;
-            disposed = true;
-            observer.disconnect();
-            try {
-                view.dispose();
-            }
-            finally {
-                element.remove();
+        observer = new ResizeObserver((entries) => {
+            const rect = entries[0]?.contentRect;
+            if (rect) {
+                try {
+                    view.resize?.(rect.width, rect.height);
+                }
+                catch (error) {
+                    options.onError?.(error);
+                }
             }
-        },
-    };
-    if (location === 'main')
-        void view.ready?.catch((error) => {
-            if (!disposed)
-                reportError(error);
         });
-    return result;
+        observer.observe(element);
+        result = {
+            element,
+            view,
+            pane,
+            signature: JSON.stringify(pane),
+            renderer,
+            dispose,
+        };
+        if (location === 'main')
+            void view.ready?.catch((error) => {
+                if (!disposed)
+                    reportError(error);
+            });
+        return result;
+    }
+    catch (error) {
+        dispose();
+        throw error;
+    }
 }
 //# sourceMappingURL=panes.js.map

package/dist/panes.js.map

@@ -1 +1 @@
-{"version":3,"file":"panes.js","sourceRoot":"","sources":["../src/panes.ts"],"names":[],"mappings":"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","sourcesContent":["import { message } from './messages.js';\nimport type { Pane } from 'quilt-core';\nimport type { ResolvedLayoutOptions, PaneView, PaneRenderer } from './types.js';\nimport { el } from './lifetime.js';\nexport interface MountedPane {\n  element: HTMLElement;\n  view: PaneView;\n  pane: Pane;\n  signature: string;\n  renderer: PaneRenderer | undefined;\n  failed?: boolean;\n  dispose(): void;\n}\nexport function mountPane(\n  doc: Document,\n  pane: Pane,\n  location: 'main' | 'popout',\n  options: ResolvedLayoutOptions,\n): MountedPane {\n  const win = doc.defaultView;\n  if (!win) throw new Error('Pane needs a live document');\n  const element = el(doc, 'div', 'layouts-pane');\n  element.dataset.paneId = pane.id;\n  const renderer = Object.hasOwn(options.renderers ?? {}, pane.type)\n    ? options.renderers?.[pane.type]\n    : undefined;\n  let view: PaneView;\n  let result: MountedPane | undefined;\n  const reportError = (error: unknown) => {\n    if (result) result.failed = true;\n    options.onError?.(error);\n  };\n  if (renderer)\n    view = renderer({\n      element,\n      reportError,\n      document: doc,\n      window: win,\n      pane,\n      state: options.getPaneState?.(pane.id),\n      location,\n    });\n  else {\n    element.append(\n      el(\n        doc,\n        'div',\n        'layouts-placeholder',\n        message(options, 'Unknown pane type: {type}. Register a renderer to display this pane.', {\n          type: pane.type,\n        }),\n      ),\n    );\n    view = { dispose() {} };\n  }\n  const observer = new ResizeObserver((entries) => {\n    const rect = entries[0]?.contentRect;\n    if (rect) {\n      try {\n        view.resize?.(rect.width, rect.height);\n      } catch (error) {\n        options.onError?.(error);\n      }\n    }\n  });\n  observer.observe(element);\n  let disposed = false;\n  result = {\n    element,\n    view,\n    pane,\n    signature: JSON.stringify(pane),\n    renderer,\n    dispose() {\n      if (disposed) return;\n      disposed = true;\n      observer.disconnect();\n      try {\n        view.dispose();\n      } finally {\n        element.remove();\n      }\n    },\n  };\n  if (location === 'main')\n    void view.ready?.catch((error) => {\n      if (!disposed) reportError(error);\n    });\n  return result;\n}\n"]}
+{"version":3,"file":"panes.js","sourceRoot":"","sources":["../src/panes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAGxC,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAC;AAUnC,MAAM,UAAU,SAAS,CACvB,GAAa,EACb,IAAU,EACV,QAA2B,EAC3B,OAA8B;IAE9B,MAAM,GAAG,GAAG,GAAG,CAAC,WAAW,CAAC;IAC5B,IAAI,CAAC,GAAG;QAAE,MAAM,IAAI,KAAK,CAAC,4BAA4B,CAAC,CAAC;IACxD,MAAM,OAAO,GAAG,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC;IAC/C,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC;IACjC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,IAAI,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC;QAChE,CAAC,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC;QAChC,CAAC,CAAC,SAAS,CAAC;IACd,IAAI,IAAI,GAAa,EAAE,OAAO,KAAI,CAAC,EAAE,CAAC;IACtC,IAAI,QAAoC,CAAC;IACzC,IAAI,QAAQ,GAAG,KAAK,CAAC;IACrB,MAAM,UAAU,GAAG,IAAK,GAAkC,CAAC,eAAe,EAAE,CAAC;IAC7E,MAAM,QAAQ,GAAmB,EAAE,CAAC;IACpC,MAAM,aAAa,GAAG,CAAC,KAAc,EAAE,EAAE;QACvC,IAAI,CAAC;YACH,OAAO,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC;QAAC,MAAM,CAAC;YACP,8CAA8C;QAChD,CAAC;IACH,CAAC,CAAC;IACF,MAAM,GAAG,GAAG,CAAC,QAAoB,EAAE,EAAE;QACnC,IAAI,CAAC;YACH,QAAQ,EAAE,CAAC;QACb,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,aAAa,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC;IACH,CAAC,CAAC;IACF,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,IAAI,QAAQ;YAAE,OAAO;QACrB,QAAQ,GAAG,IAAI,CAAC;QAChB,GAAG,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC,CAAC;QAC9B,GAAG,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,UAAU,EAAE,CAAC,CAAC;QAClC,GAAG,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;QAC1B,KAAK,MAAM,OAAO,IAAI,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE;YAAE,GAAG,CAAC,OAAO,CAAC,CAAC;QACjE,OAAO,CAAC,MAAM,EAAE,CAAC;IACnB,CAAC,CAAC;IACF,IAAI,MAA+B,CAAC;IACpC,MAAM,WAAW,GAAG,CAAC,KAAc,EAAE,EAAE;QACrC,IAAI,MAAM;YAAE,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC;QACjC,OAAO,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,CAAC;IACF,IAAI,CAAC;QACH,IAAI,QAAQ;YACV,IAAI,GAAG,QAAQ,CAAC;gBACd,MAAM,EAAE,UAAU,CAAC,MAAM;gBACzB,SAAS,CAAC,QAAQ;oBAChB,IAAI,QAAQ;wBAAE,GAAG,CAAC,QAAQ,CAAC,CAAC;;wBACvB,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;gBAC/B,CAAC;gBACD,OAAO;gBACP,WAAW;gBACX,QAAQ,EAAE,GAAG;gBACb,MAAM,EAAE,GAAG;gBACX,IAAI;gBACJ,KAAK,EAAE,OAAO,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;gBACtC,QAAQ;aACT,CAAC,IAAI,EAAE,OAAO,KAAI,CAAC,EAAE,CAAC;aACpB,CAAC;YACJ,OAAO,CAAC,MAAM,CACZ,EAAE,CACA,GAAG,EACH,KAAK,EACL,qBAAqB,EACrB,OAAO,CAAC,OAAO,EAAE,sEAAsE,EAAE;gBACvF,IAAI,EAAE,IAAI,CAAC,IAAI;aAChB,CAAC,CACH,CACF,CAAC;YACF,IAAI,GAAG,EAAE,OAAO,KAAI,CAAC,EAAE,CAAC;QAC1B,CAAC;QACD,QAAQ,GAAG,IAAI,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE;YACxC,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC;YACrC,IAAI,IAAI,EAAE,CAAC;gBACT,IAAI,CAAC;oBACH,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;gBACzC,CAAC;gBAAC,OAAO,KAAK,EAAE,CAAC;oBACf,OAAO,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;gBAC3B,CAAC;YACH,CAAC;QACH,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAC1B,MAAM,GAAG;YACP,OAAO;YACP,IAAI;YACJ,IAAI;YACJ,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;YAC/B,QAAQ;YACR,OAAO;SACR,CAAC;QACF,IAAI,QAAQ,KAAK,MAAM;YACrB,KAAK,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE;gBAC/B,IAAI,CAAC,QAAQ;oBAAE,WAAW,CAAC,KAAK,CAAC,CAAC;YACpC,CAAC,CAAC,CAAC;QACL,OAAO,MAAM,CAAC;IAChB,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,EAAE,CAAC;QACV,MAAM,KAAK,CAAC;IACd,CAAC;AACH,CAAC","sourcesContent":["import { message } from './messages.js';\nimport type { Pane } from 'quilt-core';\nimport type { ResolvedLayoutOptions, PaneView, PaneRenderer } from './types.js';\nimport { el } from './lifetime.js';\nexport interface MountedPane {\n  element: HTMLElement;\n  view: PaneView;\n  pane: Pane;\n  signature: string;\n  renderer: PaneRenderer | undefined;\n  failed?: boolean;\n  dispose(): void;\n}\nexport function mountPane(\n  doc: Document,\n  pane: Pane,\n  location: 'main' | 'popout',\n  options: ResolvedLayoutOptions,\n): MountedPane {\n  const win = doc.defaultView;\n  if (!win) throw new Error('Pane needs a live document');\n  const element = el(doc, 'div', 'layouts-pane');\n  element.dataset.paneId = pane.id;\n  const renderer = Object.hasOwn(options.renderers ?? {}, pane.type)\n    ? options.renderers?.[pane.type]\n    : undefined;\n  let view: PaneView = { dispose() {} };\n  let observer: ResizeObserver | undefined;\n  let disposed = false;\n  const controller = new (win as Window & typeof globalThis).AbortController();\n  const cleanups: (() => void)[] = [];\n  const reportCleanup = (error: unknown) => {\n    try {\n      options.onError?.(error);\n    } catch {\n      /* Finish teardown even if reporting fails. */\n    }\n  };\n  const run = (callback: () => void) => {\n    try {\n      callback();\n    } catch (error) {\n      reportCleanup(error);\n    }\n  };\n  const dispose = () => {\n    if (disposed) return;\n    disposed = true;\n    run(() => controller.abort());\n    run(() => observer?.disconnect());\n    run(() => view.dispose());\n    for (const cleanup of cleanups.splice(0).reverse()) run(cleanup);\n    element.remove();\n  };\n  let result: MountedPane | undefined;\n  const reportError = (error: unknown) => {\n    if (result) result.failed = true;\n    options.onError?.(error);\n  };\n  try {\n    if (renderer)\n      view = renderer({\n        signal: controller.signal,\n        onCleanup(callback) {\n          if (disposed) run(callback);\n          else cleanups.push(callback);\n        },\n        element,\n        reportError,\n        document: doc,\n        window: win,\n        pane,\n        state: options.getPaneState?.(pane.id),\n        location,\n      }) ?? { dispose() {} };\n    else {\n      element.append(\n        el(\n          doc,\n          'div',\n          'layouts-placeholder',\n          message(options, 'Unknown pane type: {type}. Register a renderer to display this pane.', {\n            type: pane.type,\n          }),\n        ),\n      );\n      view = { dispose() {} };\n    }\n    observer = new ResizeObserver((entries) => {\n      const rect = entries[0]?.contentRect;\n      if (rect) {\n        try {\n          view.resize?.(rect.width, rect.height);\n        } catch (error) {\n          options.onError?.(error);\n        }\n      }\n    });\n    observer.observe(element);\n    result = {\n      element,\n      view,\n      pane,\n      signature: JSON.stringify(pane),\n      renderer,\n      dispose,\n    };\n    if (location === 'main')\n      void view.ready?.catch((error) => {\n        if (!disposed) reportError(error);\n      });\n    return result;\n  } catch (error) {\n    dispose();\n    throw error;\n  }\n}\n"]}

package/dist/registry.d.ts

@@ -22,6 +22,7 @@ export declare class TabRegistry {
     subscribe(listener: () => void): () => void;
     private emit;
 }
+export declare function createPaneId(): string;
 export interface PaneRegistration<T> {
     type: string;
     title: string;

package/dist/registry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../src/registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AACvC,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC7B;2EACuE;IACvE,MAAM,EAAE,CAAC,OAAO,EAAE;QAAE,MAAM,EAAE,IAAI,GAAG,SAAS,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,GAAG,SAAS,CAAC;CACtF;AACD,mFAAmF;AACnF,qBAAa,WAAW;IACtB,OAAO,CAAC,OAAO,CAAsC;IACrD,OAAO,CAAC,SAAS,CAAyB;IAC1C,YAAY,OAAO,GAAE,SAAS,eAAe,EAAO,EAEnD;IACD,IAAI,IAAI,SAAS,eAAe,EAAE,CAEjC;IACD,QAAQ,CAAC,KAAK,EAAE,eAAe,GAAG,MAAM,IAAI,CAc3C;IACD,SAAS,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAK1C;IACD,OAAO,CAAC,IAAI;CAGb;AAID,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,CAAC,CAAC;IACR,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC;CAC3F;AACD,2EAA2E;AAC3E,qBAAa,YAAY,CAAC,CAAC;IACzB,OAAO,CAAC,OAAO,CAAoD;IACnE,OAAO,CAAC,SAAS,CAAyB;IAC1C,QAAQ,CAAC,IAAI,cAAqB;IAClC,YAAY,OAAO,GAAE,SAAS,gBAAgB,CAAC,CAAC,CAAC,EAAO,EAEvD;IACD,IAAI,IAAI,SAAS,QAAQ,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,EAAE,CAE/C;IACD,QAAQ,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAoC/C;IACD,SAAS,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAK1C;IACD,OAAO,CAAC,IAAI;CAGb"}
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../src/registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AACvC,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC7B;2EACuE;IACvE,MAAM,EAAE,CAAC,OAAO,EAAE;QAAE,MAAM,EAAE,IAAI,GAAG,SAAS,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,GAAG,SAAS,CAAC;CACtF;AACD,mFAAmF;AACnF,qBAAa,WAAW;IACtB,OAAO,CAAC,OAAO,CAAsC;IACrD,OAAO,CAAC,SAAS,CAAyB;IAC1C,YAAY,OAAO,GAAE,SAAS,eAAe,EAAO,EAEnD;IACD,IAAI,IAAI,SAAS,eAAe,EAAE,CAEjC;IACD,QAAQ,CAAC,KAAK,EAAE,eAAe,GAAG,MAAM,IAAI,CAc3C;IACD,SAAS,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAK1C;IACD,OAAO,CAAC,IAAI;CAGb;AAGD,wBAAgB,YAAY,IAAI,MAAM,CAIrC;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,CAAC,CAAC;IACR,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC;CAC3F;AACD,2EAA2E;AAC3E,qBAAa,YAAY,CAAC,CAAC;IACzB,OAAO,CAAC,OAAO,CAAoD;IACnE,OAAO,CAAC,SAAS,CAAyB;IAC1C,QAAQ,CAAC,IAAI,cAAqB;IAClC,YAAY,OAAO,GAAE,SAAS,gBAAgB,CAAC,CAAC,CAAC,EAAO,EAEvD;IACD,IAAI,IAAI,SAAS,QAAQ,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,EAAE,CAE/C;IACD,QAAQ,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAiC/C;IACD,SAAS,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAK1C;IACD,OAAO,CAAC,IAAI;CAGb"}

package/dist/registry.js

@@ -37,6 +37,9 @@ export class TabRegistry {
     }
 }
 let instanceSequence = 0;
+export function createPaneId() {
+    return (globalThis.crypto?.randomUUID?.() ?? `quilt-${Date.now().toString(36)}-${++instanceSequence}`);
+}
 /** Framework-neutral registrations; the adapter supplies the view type. */
 export class PaneRegistry {
     entries = new Map();
@@ -71,9 +74,7 @@ export class PaneRegistry {
                     title: stored.title,
                     ...(stored.icon !== undefined ? { icon: stored.icon } : {}),
                     ...supplied,
-                    id: supplied.id ??
-                        globalThis.crypto?.randomUUID?.() ??
-                        `quilt-${Date.now().toString(36)}-${++instanceSequence}`,
+                    id: supplied.id ?? createPaneId(),
                 };
             },
         });

package/dist/registry.js.map

@@ -1 +1 @@
-{"version":3,"file":"registry.js","sourceRoot":"","sources":["../src/registry.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Pane } from 'quilt-core';\nexport interface TabRegistration {\n  id: string;\n  title: string;\n  description?: string;\n  icon?: string;\n  keywords?: readonly string[];\n  /** Source is undefined when creating content in a completely empty workspace.\n   * Return a fresh pane with a unique id; undefined cancels creation. */\n  create: (context: { source: Pane | undefined; groupId: string }) => Pane | undefined;\n}\n/** Available content types, independent of open pane instances and layout JSON. */\nexport class TabRegistry {\n  private entries = new Map<string, TabRegistration>();\n  private listeners = new Set<() => void>();\n  constructor(entries: readonly TabRegistration[] = []) {\n    for (const entry of entries) this.register(entry);\n  }\n  list(): readonly TabRegistration[] {\n    return [...this.entries.values()];\n  }\n  register(entry: TabRegistration): () => void {\n    if (!entry.id || this.entries.has(entry.id))\n      throw new Error(`Duplicate or empty tab registration: ${entry.id}`);\n    const stored = Object.freeze({\n      ...entry,\n      ...(entry.keywords ? { keywords: Object.freeze([...entry.keywords]) } : {}),\n    });\n    this.entries.set(entry.id, stored);\n    this.emit();\n    return () => {\n      if (this.entries.get(entry.id) !== stored) return;\n      this.entries.delete(entry.id);\n      this.emit();\n    };\n  }\n  subscribe(listener: () => void): () => void {\n    this.listeners.add(listener);\n    return () => {\n      this.listeners.delete(listener);\n    };\n  }\n  private emit() {\n    for (const listener of this.listeners) listener();\n  }\n}\n\nlet instanceSequence = 0;\n\nexport interface PaneRegistration<T> {\n  type: string;\n  title: string;\n  view: T;\n  description?: string;\n  icon?: string;\n  keywords?: readonly string[];\n  confirmClose?: boolean;\n  create?: (context: Parameters<TabRegistration['create']>[0]) => Partial<Pane> | undefined;\n}\n/** Framework-neutral registrations; the adapter supplies the view type. */\nexport class PaneRegistry<T> {\n  private entries = new Map<string, Readonly<PaneRegistration<T>>>();\n  private listeners = new Set<() => void>();\n  readonly tabs = new TabRegistry();\n  constructor(entries: readonly PaneRegistration<T>[] = []) {\n    entries.forEach((entry) => this.register(entry));\n  }\n  list(): readonly Readonly<PaneRegistration<T>>[] {\n    return [...this.entries.values()];\n  }\n  register(entry: PaneRegistration<T>): () => void {\n    if (!entry.type || this.entries.has(entry.type))\n      throw new Error(`Duplicate or empty pane type: ${entry.type}`);\n    const stored = Object.freeze({\n      ...entry,\n      ...(entry.keywords ? { keywords: Object.freeze([...entry.keywords]) } : {}),\n    });\n    this.entries.set(entry.type, stored);\n    const removeTab = this.tabs.register({\n      id: entry.type,\n      title: entry.title,\n      ...(entry.description !== undefined ? { description: entry.description } : {}),\n      ...(entry.icon !== undefined ? { icon: entry.icon } : {}),\n      ...(entry.keywords !== undefined ? { keywords: entry.keywords } : {}),\n      create: (context) => {\n        const supplied = stored.create ? stored.create(context) : {};\n        if (supplied === undefined) return undefined;\n        return {\n          type: stored.type,\n          title: stored.title,\n          ...(stored.icon !== undefined ? { icon: stored.icon } : {}),\n          ...supplied,\n          id:\n            supplied.id ??\n            globalThis.crypto?.randomUUID?.() ??\n            `quilt-${Date.now().toString(36)}-${++instanceSequence}`,\n        };\n      },\n    });\n    this.emit();\n    return () => {\n      if (this.entries.get(entry.type) !== stored) return;\n      this.entries.delete(entry.type);\n      removeTab();\n      this.emit();\n    };\n  }\n  subscribe(listener: () => void): () => void {\n    this.listeners.add(listener);\n    return () => {\n      this.listeners.delete(listener);\n    };\n  }\n  private emit() {\n    for (const listener of [...this.listeners]) listener();\n  }\n}\n"]}
+{"version":3,"file":"registry.js","sourceRoot":"","sources":["../src/registry.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Pane } from 'quilt-core';\nexport interface TabRegistration {\n  id: string;\n  title: string;\n  description?: string;\n  icon?: string;\n  keywords?: readonly string[];\n  /** Source is undefined when creating content in a completely empty workspace.\n   * Return a fresh pane with a unique id; undefined cancels creation. */\n  create: (context: { source: Pane | undefined; groupId: string }) => Pane | undefined;\n}\n/** Available content types, independent of open pane instances and layout JSON. */\nexport class TabRegistry {\n  private entries = new Map<string, TabRegistration>();\n  private listeners = new Set<() => void>();\n  constructor(entries: readonly TabRegistration[] = []) {\n    for (const entry of entries) this.register(entry);\n  }\n  list(): readonly TabRegistration[] {\n    return [...this.entries.values()];\n  }\n  register(entry: TabRegistration): () => void {\n    if (!entry.id || this.entries.has(entry.id))\n      throw new Error(`Duplicate or empty tab registration: ${entry.id}`);\n    const stored = Object.freeze({\n      ...entry,\n      ...(entry.keywords ? { keywords: Object.freeze([...entry.keywords]) } : {}),\n    });\n    this.entries.set(entry.id, stored);\n    this.emit();\n    return () => {\n      if (this.entries.get(entry.id) !== stored) return;\n      this.entries.delete(entry.id);\n      this.emit();\n    };\n  }\n  subscribe(listener: () => void): () => void {\n    this.listeners.add(listener);\n    return () => {\n      this.listeners.delete(listener);\n    };\n  }\n  private emit() {\n    for (const listener of this.listeners) listener();\n  }\n}\n\nlet instanceSequence = 0;\nexport function createPaneId(): string {\n  return (\n    globalThis.crypto?.randomUUID?.() ?? `quilt-${Date.now().toString(36)}-${++instanceSequence}`\n  );\n}\n\nexport interface PaneRegistration<T> {\n  type: string;\n  title: string;\n  view: T;\n  description?: string;\n  icon?: string;\n  keywords?: readonly string[];\n  confirmClose?: boolean;\n  create?: (context: Parameters<TabRegistration['create']>[0]) => Partial<Pane> | undefined;\n}\n/** Framework-neutral registrations; the adapter supplies the view type. */\nexport class PaneRegistry<T> {\n  private entries = new Map<string, Readonly<PaneRegistration<T>>>();\n  private listeners = new Set<() => void>();\n  readonly tabs = new TabRegistry();\n  constructor(entries: readonly PaneRegistration<T>[] = []) {\n    entries.forEach((entry) => this.register(entry));\n  }\n  list(): readonly Readonly<PaneRegistration<T>>[] {\n    return [...this.entries.values()];\n  }\n  register(entry: PaneRegistration<T>): () => void {\n    if (!entry.type || this.entries.has(entry.type))\n      throw new Error(`Duplicate or empty pane type: ${entry.type}`);\n    const stored = Object.freeze({\n      ...entry,\n      ...(entry.keywords ? { keywords: Object.freeze([...entry.keywords]) } : {}),\n    });\n    this.entries.set(entry.type, stored);\n    const removeTab = this.tabs.register({\n      id: entry.type,\n      title: entry.title,\n      ...(entry.description !== undefined ? { description: entry.description } : {}),\n      ...(entry.icon !== undefined ? { icon: entry.icon } : {}),\n      ...(entry.keywords !== undefined ? { keywords: entry.keywords } : {}),\n      create: (context) => {\n        const supplied = stored.create ? stored.create(context) : {};\n        if (supplied === undefined) return undefined;\n        return {\n          type: stored.type,\n          title: stored.title,\n          ...(stored.icon !== undefined ? { icon: stored.icon } : {}),\n          ...supplied,\n          id: supplied.id ?? createPaneId(),\n        };\n      },\n    });\n    this.emit();\n    return () => {\n      if (this.entries.get(entry.type) !== stored) return;\n      this.entries.delete(entry.type);\n      removeTab();\n      this.emit();\n    };\n  }\n  subscribe(listener: () => void): () => void {\n    this.listeners.add(listener);\n    return () => {\n      this.listeners.delete(listener);\n    };\n  }\n  private emit() {\n    for (const listener of [...this.listeners]) listener();\n  }\n}\n"]}

package/dist/renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../src/renderer.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,aAAa,EAAyB,aAAa,EAAE,MAAM,YAAY,CAAC;AAiBtF,wBAAgB,WAAW,CAAC,KAAK,GAAG,OAAO,EACzC,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,GAC1B,aAAa,CAAC,KAAK,CAAC,CAMtB"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../src/renderer.ts"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,aAAa,EAAyB,aAAa,EAAe,MAAM,YAAY,CAAC;AAkBnG,wBAAgB,WAAW,CAAC,KAAK,GAAG,OAAO,EACzC,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,GAC1B,aAAa,CAAC,KAAK,CAAC,CAgCtB"}

package/dist/renderer.js

@@ -1,3 +1,4 @@
+import { chromeMinimum } from './chrome-size.js';
 import { closeRequests } from './close.js';
 import { dockLayout, parseWorkspace } from './workspace.js';
 import { validateTheme, themePixels } from './theme.js';
@@ -9,17 +10,41 @@ import { bindCorners } from './corners.js';
 import { applyTheme } from './theme.js';
 import { fillTabs } from './tabs.js';
 import { bindShortcuts } from './shortcuts.js';
-import { allocate, bounds, DIVIDER, findNode, groups, paneIds } from 'quilt-core';
+import { createActions } from './actions.js';
+import { registeredShortcuts } from './shortcut-registration.js';
+import { LayoutStore, createLayout, allocate, bounds as modelBounds, DIVIDER, findNode, groups, paneIds, } from 'quilt-core';
 import { Scope, el, syncChildren } from './lifetime.js';
 import { mountPane } from './panes.js';
 import { Windows } from './windows.js';
 import { createPaneMenu } from './menu.js';
 let nextMount = 0;
 export function mountLayout(host, input) {
-    // State typing is a boundary contract; the renderer only forwards the value.
-    return mountLayoutInternal(host, input);
+    if ('store' in input)
+        throw new Error('Quilt owns its store; pass initialLayout or initialWorkspace');
+    if (input.initialLayout !== undefined && input.initialWorkspace !== undefined)
+        throw new Error('initialLayout and initialWorkspace are mutually exclusive');
+    if (input.registry && (input.renderers || input.tabs))
+        throw new Error('registry cannot be combined with renderers or tabs');
+    const preset = input.initialWorkspace === undefined ? undefined : parseWorkspace(input.initialWorkspace);
+    const theme = preset?.theme ?? input.theme ?? {};
+    const tabBar = preset?.tabBar ?? input.tabBar ?? {};
+    validateTheme(theme);
+    validateTabBar(tabBar);
+    const store = new LayoutStore(dockLayout(preset?.layout ?? input.initialLayout ?? createLayout()), {
+        autoCollapse: preset?.autoCollapse ?? 'disabled',
+    });
+    // The initialization scope rolls back even if setup fails before returning a handle.
+    const scope = new Scope();
+    scope.add(() => store.dispose());
+    try {
+        return mountLayoutInternal(host, { ...input, store, theme, tabBar }, scope);
+    }
+    catch (error) {
+        scope.dispose();
+        throw error;
+    }
 }
-function mountLayoutInternal(host, input) {
+function mountLayoutInternal(host, input, scope) {
     const options = { ...input };
     const configure = () => {
         if (options.registry) {
@@ -37,7 +62,7 @@ function mountLayoutInternal(host, input) {
     const doc = host.ownerDocument, win = doc.defaultView;
     if (!win)
         throw new Error('Layout host must belong to a live document');
-    const scope = new Scope(), regions = new Map(), panes = new Map();
+    const regions = new Map(), panes = new Map();
     const root = el(doc, 'div', 'layouts');
     applyTheme(root, options.theme ?? {});
     root.setAttribute('aria-label', message(options, 'Pane workspace'));
@@ -46,6 +71,7 @@ function mountLayoutInternal(host, input) {
     status.setAttribute('role', 'status');
     root.append(stage, status);
     host.append(root);
+    scope.add(() => root.remove());
     let disposed = false, rendering = false, again = false, dragScope;
     let dragId;
     const error = (e) => {
@@ -65,14 +91,49 @@ function mountLayoutInternal(host, input) {
             error(e);
         }
     };
-    const requestClose = closeRequests(root, options, scope, error);
+    const closeScope = new Scope();
+    scope.add(() => closeScope.dispose());
+    const requestClose = closeRequests(root, options, closeScope, error);
     const windows = new Windows(doc, options, error, root);
-    const menu = createPaneMenu(root, options, windows, render, error, requestClose);
-    bindShortcuts(root, options, scope, act, (group) => {
-        const region = regions.get(group.id);
-        if (region)
-            menu.addTab(region.header ?? region.element, group);
+    scope.add(() => windows.dispose());
+    scope.add(() => {
+        for (const pane of panes.values())
+            pane.dispose();
+        panes.clear();
+        for (const region of regions.values())
+            region.scope.dispose();
+        regions.clear();
     });
+    const actions = createActions(options, {
+        context: () => shortcutContext(),
+        disposed: () => disposed,
+        close: requestClose,
+        popout: (id) => windows.open(id),
+        report: error,
+        create(action, group, pane) {
+            const region = regions.get(group.id);
+            if (!region)
+                throw new Error('Region is not mounted');
+            const anchor = region.header ?? region.element;
+            if (action === 'addTab')
+                menu.addTab(anchor, group);
+            else {
+                const direction = action === 'splitLeft'
+                    ? 'left'
+                    : action === 'splitRight'
+                        ? 'right'
+                        : action === 'splitUp'
+                            ? 'top'
+                            : 'bottom';
+                menu.open(anchor, pane, group, direction);
+            }
+        },
+    });
+    const menu = createPaneMenu(root, options, render, error, actions);
+    scope.add(() => menu.dispose());
+    scope.add(() => dragScope?.dispose());
+    const shortcutContext = bindShortcuts(root, options, scope, actions.canExecuteAction, actions.executeAction, menu.getShortcutTarget);
+    registeredShortcuts(options);
     const renderOptions = { ...options, onError: error };
     function button(text, title, action) {
         const b = el(doc, 'button', 'layouts-button', text);
@@ -101,7 +162,7 @@ function mountLayoutInternal(host, input) {
             r.header = el(doc, 'header', 'layouts-header');
             r.body = el(doc, 'div', 'layouts-body');
             r.element.append(r.header, r.body);
-            r.updateTabBar = bindTabBar(r.element, r.header, root, r.scope, () => {
+            r.tabStyle = () => {
                 const current = findNode(options.store.getSnapshot().root, node.id);
                 return {
                     ...tabBar,
@@ -113,8 +174,9 @@ function mountLayoutInternal(host, input) {
                         ? { placement: current.tabPlacement }
                         : {}),
                 };
-            }, () => options.messages ?? {});
-            bindCorners(r.element, node.id, options, r.scope, (pane, group, direction, ratio) => menu.open(r.header, pane, group, direction, ratio), error);
+            };
+            r.updateTabBar = bindTabBar(r.element, r.header, root, r.scope, r.tabStyle, () => options.messages ?? {});
+            bindCorners(r.element, node.id, options, r.scope, (pane, group, direction, ratio) => menu.open(r.header, pane, group, direction, ratio), error, bounds);
             r.element.setAttribute('aria-label', message(options, 'Pane region'));
             r.scope.listen(r.element, 'dragover', (event) => {
                 if (!dragId)
@@ -169,7 +231,7 @@ function mountLayoutInternal(host, input) {
                 const resize = isolatedResize(geometryLayout(), node.id, (child, axis) => {
                     const rect = regions.get(child.id).element.getBoundingClientRect();
                     return axis === 'horizontal' ? rect.width : rect.height;
-                });
+                }, bounds);
                 r.divider.setPointerCapture(e.pointerId);
                 root.classList.add('layouts-resizing');
                 drag.add(() => {
@@ -212,7 +274,7 @@ function mountLayoutInternal(host, input) {
                     const resize = isolatedResize(geometryLayout(), node.id, (child, axis) => {
                         const rect = regions.get(child.id).element.getBoundingClientRect();
                         return axis === 'horizontal' ? rect.width : rect.height;
-                    });
+                    }, bounds);
                     act(() => options.store.resizeMany(resize.ratios(Math.max(0.001, Math.min(0.999, n.ratio + (e.key === keys[0] ? -1 : 1) * (e.shiftKey ? 0.1 : 0.02)))), { source: 'user' }));
                 }
             });
@@ -445,9 +507,30 @@ function mountLayoutInternal(host, input) {
             return node.axis === 'horizontal' ? b.minWidth < b.maxWidth : b.minHeight < b.maxHeight;
         });
     }
+    const chromeSizes = new Map();
+    function bounds(node, layout) {
+        return modelBounds(node, layout, (group, constraints) => {
+            const chrome = chromeSizes.get(group.id);
+            if (!chrome)
+                return constraints;
+            const minWidth = Math.max(constraints.minWidth, chrome.minWidth);
+            const minHeight = Math.max(constraints.minHeight, chrome.minHeight);
+            return {
+                minWidth,
+                minHeight,
+                maxWidth: Math.max(constraints.maxWidth, minWidth),
+                maxHeight: Math.max(constraints.maxHeight, minHeight),
+            };
+        });
+    }
     // Renderer-only gaps participate in bounds/allocation without modifying Layout JSON.
     function geometryLayout() {
         const layout = options.store.getSnapshot();
+        chromeSizes.clear();
+        for (const [id, region] of regions) {
+            if (region.header && region.tabStyle && region.element.isConnected)
+                chromeSizes.set(id, chromeMinimum(region.element, region.header, region.tabStyle()));
+        }
         const pixels = (property, fallback) => themePixels(root, property, fallback);
         const width = pixels('--layouts-resize-handle-width', DIVIDER);
         const disabledWidth = pixels('--layouts-disabled-resize-handle-width', 0);
@@ -537,9 +620,23 @@ function mountLayoutInternal(host, input) {
         }
         render();
     }));
-    const observer = new ResizeObserver(measure);
+    // Geometry can change the stage's scrollbar gutter. Defer those writes out
+    // of ResizeObserver delivery so WebKit does not detect a nested resize loop.
+    let measureFrame = 0;
+    const observer = new ResizeObserver(() => {
+        if (!measureFrame && !disposed)
+            measureFrame = doc.defaultView.requestAnimationFrame(() => {
+                measureFrame = 0;
+                if (!disposed)
+                    measure();
+            });
+    });
     observer.observe(stage);
-    scope.add(() => observer.disconnect());
+    scope.add(() => {
+        observer.disconnect();
+        if (measureFrame)
+            doc.defaultView.cancelAnimationFrame(measureFrame);
+    });
     scope.listen(doc, 'dragend', () => {
         dragId = undefined;
         for (const r of regions.values())
@@ -587,16 +684,27 @@ function mountLayoutInternal(host, input) {
         themeObserver.observe(ancestor, { attributes: true });
     themeObserver.observe(doc.head, { childList: true, subtree: true, characterData: true });
     scope.add(() => themeObserver.disconnect());
+    // Cancel asynchronous actions before tearing down views and the owned store.
+    scope.add(() => {
+        closeScope.dispose();
+        windows.dispose();
+    });
     render();
     return {
+        store: options.store,
+        ...actions,
+        getShortcuts: () => registeredShortcuts(options),
         requestClose,
         refreshTheme,
         updateOptions(next) {
             if (disposed)
                 return;
+            if ('store' in next || 'initialLayout' in next || 'initialWorkspace' in next)
+                throw new Error('Initial configuration cannot be updated; use loadWorkspace or store commands');
             const candidate = { ...options, ...next };
             if (candidate.registry && (next.renderers || next.tabs))
                 throw new Error('registry cannot be combined with renderers or tabs');
+            registeredShortcuts(candidate);
             validateTheme(candidate.theme ?? {});
             validateTabBar(candidate.tabBar ?? {});
             const sameRegistrations = candidate.registry === options.registry ||
@@ -618,8 +726,7 @@ function mountLayoutInternal(host, input) {
                 (!candidate.registry && candidate.tabs !== options.tabs) ||
                 candidate.renderIcon !== options.renderIcon ||
                 candidate.popouts !== options.popouts ||
-                JSON.stringify(candidate.messages) !== JSON.stringify(options.messages) ||
-                JSON.stringify(candidate.shortcuts) !== JSON.stringify(options.shortcuts);
+                JSON.stringify(candidate.messages) !== JSON.stringify(options.messages);
             // Clear maps derived from the old registry when returning to low-level registration.
             if ('registry' in next && !next.registry && options.registry) {
                 Object.assign(options, { renderers: undefined, tabs: undefined });
@@ -631,6 +738,7 @@ function mountLayoutInternal(host, input) {
                 tabBar = structuredClone(options.tabBar ?? {});
             bindRegistry();
             refreshOptions(repaintChrome);
+            menu.refreshShortcuts();
             refreshTheme();
         },
         exportWorkspace() {
@@ -691,23 +799,7 @@ function mountLayoutInternal(host, input) {
             if (disposed)
                 return;
             disposed = true;
-            menu.dispose();
-            dragScope?.dispose();
             scope.dispose();
-            windows.dispose();
-            for (const p of panes.values()) {
-                try {
-                    p.dispose();
-                }
-                catch (e) {
-                    error(e);
-                }
-            }
-            for (const r of regions.values())
-                r.scope.dispose();
-            panes.clear();
-            regions.clear();
-            root.remove();
         },
     };
 }