@trops/dash-core 0.1.432 → 0.1.433

package/dist/index.esm.js

@@ -8967,7 +8967,7 @@ hasPropertyDescriptors.hasArrayLengthDefineBug = function hasArrayLengthDefineBu
 var hasPropertyDescriptors_1 = hasPropertyDescriptors;
 
 var keys = objectKeys$2;
-var hasSymbols$5 = typeof Symbol === 'function' && typeof Symbol('foo') === 'symbol';
+var hasSymbols$4 = typeof Symbol === 'function' && typeof Symbol('foo') === 'symbol';
 
 var toStr$4 = Object.prototype.toString;
 var concat = Array.prototype.concat;
@@ -9000,7 +9000,7 @@ var defineProperty$1 = function (object, name, value, predicate) {
 var defineProperties$1 = function (object, map) {
 	var predicates = arguments.length > 2 ? arguments[2] : {};
 	var props = keys(map);
-	if (hasSymbols$5) {
+	if (hasSymbols$4) {
 		props = concat.call(props, Object.getOwnPropertySymbols(map));
 	}
 	for (var i = 0; i < props.length; i += 1) {
@@ -9066,11 +9066,11 @@ var sign$1 = function sign(number) {
 };
 
 var shams$1;
-var hasRequiredShams;
+var hasRequiredShams$1;
 
-function requireShams () {
-	if (hasRequiredShams) return shams$1;
-	hasRequiredShams = 1;
+function requireShams$1 () {
+	if (hasRequiredShams$1) return shams$1;
+	hasRequiredShams$1 = 1;
 
 	/** @type {import('./shams')} */
 	/* eslint complexity: [2, 18], max-statements: [2, 33] */
@@ -9119,10 +9119,10 @@ function requireShams () {
 }
 
 var origSymbol = typeof Symbol !== 'undefined' && Symbol;
-var hasSymbolSham = requireShams();
+var hasSymbolSham = requireShams$1();
 
 /** @type {import('.')} */
-var hasSymbols$4 = function hasNativeSymbols() {
+var hasSymbols$3 = function hasNativeSymbols() {
 	if (typeof origSymbol !== 'function') { return false; }
 	if (typeof Symbol !== 'function') { return false; }
 	if (typeof origSymbol('foo') !== 'symbol') { return false; }
@@ -9426,7 +9426,7 @@ var ThrowTypeError = $gOPD$1
 	}())
 	: throwTypeError;
 
-var hasSymbols$3 = hasSymbols$4();
+var hasSymbols$2 = hasSymbols$3();
 
 var getProto$2 = getProto$3;
 var $ObjectGPO = requireObject_getPrototypeOf();
@@ -9444,7 +9444,7 @@ var INTRINSICS = {
 	'%AggregateError%': typeof AggregateError === 'undefined' ? undefined$1 : AggregateError,
 	'%Array%': Array,
 	'%ArrayBuffer%': typeof ArrayBuffer === 'undefined' ? undefined$1 : ArrayBuffer,
-	'%ArrayIteratorPrototype%': hasSymbols$3 && getProto$2 ? getProto$2([][Symbol.iterator]()) : undefined$1,
+	'%ArrayIteratorPrototype%': hasSymbols$2 && getProto$2 ? getProto$2([][Symbol.iterator]()) : undefined$1,
 	'%AsyncFromSyncIteratorPrototype%': undefined$1,
 	'%AsyncFunction%': needsEval,
 	'%AsyncGenerator%': needsEval,
@@ -9475,10 +9475,10 @@ var INTRINSICS = {
 	'%Int32Array%': typeof Int32Array === 'undefined' ? undefined$1 : Int32Array,
 	'%isFinite%': isFinite,
 	'%isNaN%': isNaN,
-	'%IteratorPrototype%': hasSymbols$3 && getProto$2 ? getProto$2(getProto$2([][Symbol.iterator]())) : undefined$1,
+	'%IteratorPrototype%': hasSymbols$2 && getProto$2 ? getProto$2(getProto$2([][Symbol.iterator]())) : undefined$1,
 	'%JSON%': typeof JSON === 'object' ? JSON : undefined$1,
 	'%Map%': typeof Map === 'undefined' ? undefined$1 : Map,
-	'%MapIteratorPrototype%': typeof Map === 'undefined' || !hasSymbols$3 || !getProto$2 ? undefined$1 : getProto$2(new Map()[Symbol.iterator]()),
+	'%MapIteratorPrototype%': typeof Map === 'undefined' || !hasSymbols$2 || !getProto$2 ? undefined$1 : getProto$2(new Map()[Symbol.iterator]()),
 	'%Math%': Math,
 	'%Number%': Number,
 	'%Object%': $Object$2,
@@ -9492,11 +9492,11 @@ var INTRINSICS = {
 	'%Reflect%': typeof Reflect === 'undefined' ? undefined$1 : Reflect,
 	'%RegExp%': RegExp,
 	'%Set%': typeof Set === 'undefined' ? undefined$1 : Set,
-	'%SetIteratorPrototype%': typeof Set === 'undefined' || !hasSymbols$3 || !getProto$2 ? undefined$1 : getProto$2(new Set()[Symbol.iterator]()),
+	'%SetIteratorPrototype%': typeof Set === 'undefined' || !hasSymbols$2 || !getProto$2 ? undefined$1 : getProto$2(new Set()[Symbol.iterator]()),
 	'%SharedArrayBuffer%': typeof SharedArrayBuffer === 'undefined' ? undefined$1 : SharedArrayBuffer,
 	'%String%': String,
-	'%StringIteratorPrototype%': hasSymbols$3 && getProto$2 ? getProto$2(''[Symbol.iterator]()) : undefined$1,
-	'%Symbol%': hasSymbols$3 ? Symbol : undefined$1,
+	'%StringIteratorPrototype%': hasSymbols$2 && getProto$2 ? getProto$2(''[Symbol.iterator]()) : undefined$1,
+	'%Symbol%': hasSymbols$2 ? Symbol : undefined$1,
 	'%SyntaxError%': $SyntaxError$1,
 	'%ThrowTypeError%': ThrowTypeError,
 	'%TypedArray%': TypedArray,
@@ -9849,12 +9849,12 @@ var callBound$i = function callBoundIntrinsic(name, allowMissing) {
 
 // modified from https://github.com/es-shims/es6-shim
 var objectKeys$1 = objectKeys$2;
-var hasSymbols$2 = requireShams()();
+var hasSymbols$1 = requireShams$1()();
 var callBound$h = callBound$i;
 var $Object$1 = esObjectAtoms;
 var $push = callBound$h('Array.prototype.push');
 var $propIsEnumerable = callBound$h('Object.prototype.propertyIsEnumerable');
-var originalGetSymbols = hasSymbols$2 ? $Object$1.getOwnPropertySymbols : null;
+var originalGetSymbols = hasSymbols$1 ? $Object$1.getOwnPropertySymbols : null;
 
 // eslint-disable-next-line no-unused-vars
 var implementation$8 = function assign(target, source1) {
@@ -9868,7 +9868,7 @@ var implementation$8 = function assign(target, source1) {
 
 		// step 3.a.ii:
 		var keys = objectKeys$1(from);
-		var getSymbols = hasSymbols$2 && ($Object$1.getOwnPropertySymbols || originalGetSymbols);
+		var getSymbols = hasSymbols$1 && ($Object$1.getOwnPropertySymbols || originalGetSymbols);
 		if (getSymbols) {
 			var syms = getSymbols(from);
 			for (var j = 0; j < syms.length; ++j) {
@@ -10165,14 +10165,23 @@ var regexp_prototype_flags = flagsBound;
 
 var esGetIterator = {exports: {}};
 
-var hasSymbols$1 = requireShams();
+var shams;
+var hasRequiredShams;
 
-/** @type {import('.')} */
-var shams = function hasToStringTagShams() {
-	return hasSymbols$1() && !!Symbol.toStringTag;
-};
+function requireShams () {
+	if (hasRequiredShams) return shams;
+	hasRequiredShams = 1;
 
-var hasToStringTag$7 = shams();
+	var hasSymbols = requireShams$1();
+
+	/** @type {import('.')} */
+	shams = function hasToStringTagShams() {
+		return hasSymbols() && !!Symbol.toStringTag;
+	};
+	return shams;
+}
+
+var hasToStringTag$7 = requireShams()();
 var callBound$f = callBound$i;
 
 var $toString$7 = callBound$f('Object.prototype.toString');
@@ -11209,7 +11218,7 @@ var tryStringObject = function tryStringObject(value) {
 /** @type {(receiver: ThisParameterType<typeof Object.prototype.toString>, ...args: Parameters<typeof Object.prototype.toString>) => ReturnType<typeof Object.prototype.toString>} */
 var $toString$6 = callBound$c('Object.prototype.toString');
 var strClass = '[object String]';
-var hasToStringTag$6 = shams();
+var hasToStringTag$6 = requireShams()();
 
 /** @type {import('.')} */
 var isString$2 = function isString(value) {
@@ -11325,7 +11334,7 @@ var isSet$2 = exported$1 || function isSet(x) {
 var isArguments$1 = isArguments$2;
 var getStopIterationIterator = stopIterationIterator;
 
-if (hasSymbols$4() || requireShams()()) {
+if (hasSymbols$3() || requireShams$1()()) {
 	var $iterator = Symbol.iterator;
 	// Symbol is available natively or shammed
 	// natively:
@@ -11614,7 +11623,7 @@ var tryDateObject = function tryDateGetDayCall(value) {
 /** @type {(value: unknown) => string} */
 var toStr$2 = callBound$9('Object.prototype.toString');
 var dateClass = '[object Date]';
-var hasToStringTag$5 = shams();
+var hasToStringTag$5 = requireShams()();
 
 /** @type {import('.')} */
 var isDateObject = function isDateObject(value) {
@@ -11625,7 +11634,7 @@ var isDateObject = function isDateObject(value) {
 };
 
 var callBound$8 = callBound$i;
-var hasToStringTag$4 = shams();
+var hasToStringTag$4 = requireShams()();
 var hasOwn = hasown;
 var gOPD$1 = gopd$1;
 
@@ -11730,7 +11739,7 @@ var tryNumberObject = function tryNumberObject(value) {
 };
 var $toString$3 = callBound$6('Object.prototype.toString');
 var numClass = '[object Number]';
-var hasToStringTag$3 = shams();
+var hasToStringTag$3 = requireShams()();
 
 /** @type {import('.')} */
 var isNumberObject = function isNumberObject(value) {
@@ -11757,7 +11766,7 @@ var tryBooleanObject = function booleanBrandCheck(value) {
 	}
 };
 var boolClass = '[object Boolean]';
-var hasToStringTag$2 = shams();
+var hasToStringTag$2 = requireShams()();
 
 /** @type {import('.')} */
 var isBooleanObject = function isBoolean(value) {
@@ -11799,7 +11808,7 @@ function requireSafeRegexTest () {
 
 var callBound$4 = callBound$i;
 var $toString$1 = callBound$4('Object.prototype.toString');
-var hasSymbols = hasSymbols$4();
+var hasSymbols = hasSymbols$3();
 var safeRegexTest = requireSafeRegexTest();
 
 if (hasSymbols) {
@@ -12245,7 +12254,7 @@ var gOPD = gopd$1;
 var getProto = getProto$3;
 
 var $toString = callBound$2('Object.prototype.toString');
-var hasToStringTag = shams();
+var hasToStringTag = requireShams()();
 
 var g = typeof globalThis === 'undefined' ? commonjsGlobal : globalThis;
 var typedArrays = availableTypedArrays();
@@ -18036,7 +18045,6 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
       padding: true,
       height: "h-full",
       children: filteredWidgets.map(function (widget) {
-        var _widget$providers;
         return /*#__PURE__*/jsx(MenuItem3, {
           onClick: function onClick() {
             return handleWidgetSelect(widget);
@@ -18056,15 +18064,22 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
               }), widget.description && /*#__PURE__*/jsx("div", {
                 className: "text-xs opacity-50 truncate",
                 children: widget.description
-              }), ((_widget$providers = widget.providers) === null || _widget$providers === void 0 ? void 0 : _widget$providers.length) > 0 && /*#__PURE__*/jsx("div", {
-                className: "flex flex-wrap gap-1 mt-0.5",
-                children: widget.providers.map(function (p) {
-                  return /*#__PURE__*/jsx("span", {
-                    className: "text-[10px] px-1.5 py-0.5 rounded bg-blue-500/20 text-blue-300",
-                    children: p.type
-                  }, p.type);
-                })
-              })]
+              }), function () {
+                // Same defensive null-safe iteration as WidgetSidebar:
+                // a sparse `providers` array (null entries from a
+                // malformed `.dash.js`) used to crash the chip render.
+                var provs = getUserConfigurableProviders(widget.providers);
+                if (provs.length === 0) return null;
+                return /*#__PURE__*/jsx("div", {
+                  className: "flex flex-wrap gap-1 mt-0.5",
+                  children: provs.map(function (p) {
+                    return /*#__PURE__*/jsx("span", {
+                      className: "text-[10px] px-1.5 py-0.5 rounded bg-blue-500/20 text-blue-300",
+                      children: p.type
+                    }, p.type);
+                  })
+                });
+              }()]
             }), /*#__PURE__*/jsxs("div", {
               className: "flex items-center gap-1.5 flex-shrink-0",
               children: [installedPackageNames.has(widget.packageName) && /*#__PURE__*/jsx("span", {
@@ -26668,7 +26683,11 @@ function renderComponent(component, id) {
       // Check if widget exists before attempting render —
       // WidgetFactory.render() always returns a React element (truthy),
       // so the old ternary fallback could never fire.
-      if (!isWidgetResolvable(component)) {
+      // Pass `params` (the layout item) so `packageId` /
+      // `_sourcePackage` can disambiguate when a legacy layout
+      // references a bare component name and multiple installed
+      // packages register a widget with the same trailing name.
+      if (!isWidgetResolvable(component, params)) {
         return /*#__PURE__*/jsx(WidgetNotFound, {
           component: component
         });
@@ -27473,20 +27492,25 @@ function addChildToLayoutItem(childComponent, layoutItem, workspace) {
 }
 
 /**
- * Check if a widget component key is resolvable in ComponentManager
+ * Check if a widget component key is resolvable in ComponentManager.
+ * Routes through `ComponentManager.resolve` so a legacy bare component
+ * key (e.g. `"ProspectWorkspace"`) finds its registered scoped form
+ * (`"ai-built.pipeline.ProspectWorkspace"`). Without this routing the
+ * function would return false for every legacy-layout widget after the
+ * scoped-IDs migration, and the renderer would show `WidgetNotFound`
+ * for working dashboards.
+ *
  * @param {string} componentKey the component key to check
+ * @param {object} [data] the layout item — used for `packageId`
+ *                        disambiguation when multiple registered
+ *                        widgets share the same bare name
  * @returns {boolean} true if the widget can be rendered
  */
-function isWidgetResolvable(componentKey) {
+function isWidgetResolvable(componentKey, data) {
   // Layout containers are always resolvable (handled specially by WidgetFactory)
   if (ComponentManager.isLayoutContainer(componentKey)) return true;
-  var m = ComponentManager.componentMap();
-  if (!m) return false;
-  // Exact key match (scoped id)
-  if (m[componentKey] && typeof m[componentKey].component === "function") {
-    return true;
-  }
-  return false;
+  var config = ComponentManager.resolve(componentKey, data);
+  return !!(config && typeof config.component === "function");
 }
 
 // export {
@@ -31429,31 +31453,33 @@ function bareComponentName(idOrName) {
   return parts[parts.length - 1] || "";
 }
 
-var _componentMap = {};
-
 /**
- * Resolve the registry key for a component lookup. Returns null if no
+ * Resolve a component name to a registry key. Returns null if no
  * match exists.
  *
+ * Pure function — depends only on the passed-in `componentMap` and
+ * `data`. Lives outside ComponentManager so it can be tested without
+ * pulling in the full Component/Layout import chain (and so other
+ * call sites can route through it without circular deps).
+ *
  * Lookup order (the LAYOUT ITEM is the source of truth):
  *   1. EXACT match on `component` — covers the new scoped form
- *      (`scope.package.X`) and any legacy `.dash.js` that already set
- *      `config.id` to a scoped value.
+ *      (`scope.package.X`) and any legacy `.dash.js` that already
+ *      set `config.id` to a scoped value.
  *   2. If `component` is bare (no dots) AND we have a packageId hint
  *      on the layout item, build the scoped id and try that.
  *   3. Bare-name fallback: scan the map for any key ending in
  *      `.${component}`. If exactly one matches, use it. If multiple
- *      match (the collision case), prefer the one matching the layout
- *      item's `packageId` / `_sourcePackage`; otherwise fall through
- *      to the first match (deterministic, but also logs a warning so
- *      callers can spot the ambiguity).
+ *      match (the collision case), prefer the one matching the
+ *      layout item's `packageId` / `_sourcePackage`; otherwise fall
+ *      through to the first match (deterministic, but also logs a
+ *      warning so callers can spot the ambiguity).
  *
- * Step (3) is the back-compat path for layouts authored before scoped
- * registration landed. New layouts ALWAYS resolve via step (1) — the
- * `component` field is already scoped.
+ * Step (3) is the back-compat path for layouts authored before
+ * scoped registration landed. New layouts ALWAYS resolve via step (1).
  */
 function resolveComponentKey(componentMap, component, data) {
-  if (!component) return null;
+  if (!componentMap || !component) return null;
   if (component in componentMap) return component;
   if (typeof component !== "string") return null;
   if (component.includes(".")) return null;
@@ -31474,6 +31500,8 @@ function resolveComponentKey(componentMap, component, data) {
   }
   return matches[0];
 }
+
+var _componentMap = {};
 var _containerComponent = null;
 var _gridContainerComponent = null;
 var ComponentManager = {
@@ -31509,6 +31537,25 @@ var ComponentManager = {
   componentMap: function componentMap() {
     return _componentMap;
   },
+  /**
+   * Resolve a component name to its registered config — single source
+   * of truth for every render-path lookup. Routes through
+   * `resolveComponentKey` so legacy bare names (`"ProspectWorkspace"`)
+   * still find their registered scoped counterpart
+   * (`"ai-built.pipeline.ProspectWorkspace"`). Returns null when the
+   * widget isn't registered. Pass the layout item as `data` to use
+   * its `packageId` / `_sourcePackage` for disambiguation.
+   *
+   * @param {string} component
+   * @param {object} [data]
+   * @returns {object|null} the live registered config, or null
+   */
+  resolve: function resolve(component, data) {
+    var m = _componentMap;
+    if (!m) return null;
+    var key = resolveComponentKey(m, component, data);
+    return key ? m[key] || null : null;
+  },
   /**
    * The method for registering the widget into the Dashboard application
    * This is a requirement for the widget to be included into the Dash
@@ -51415,14 +51462,17 @@ var NotificationsSection = function NotificationsSection(_ref) {
     });
   }, []);
 
-  // Collect all widget instances with notifications from workspaces
+  // Collect all widget instances with notifications from workspaces.
+  // Route through `ComponentManager.resolve` so a legacy layout
+  // referencing a bare component name still finds its registered
+  // scoped form (post-v0.1.432). Direct `componentMap[item.component]`
+  // returns undefined for bare names after the migration.
   var widgetInstances = [];
-  var componentMap = ComponentManager.componentMap() || {};
   workspaces.forEach(function (ws) {
     var items = flattenLayout(ws.layout);
     items.forEach(function (item) {
       var _config$notifications;
-      var config = componentMap[item.component];
+      var config = ComponentManager.resolve(item.component, item);
       if ((config === null || config === void 0 || (_config$notifications = config.notifications) === null || _config$notifications === void 0 ? void 0 : _config$notifications.length) > 0) {
         var _item$userPrefs;
         widgetInstances.push({
@@ -53639,7 +53689,13 @@ var DraggableWidgetItem = function DraggableWidgetItem(_ref) {
     _useDrag2 = _slicedToArray(_useDrag, 2),
     isDragging = _useDrag2[0].isDragging,
     drag = _useDrag2[1];
-  var providerTypes = (widget.providers || []).map(function (p) {
+
+  // Route through getUserConfigurableProviders — drops the `api`
+  // class AND null/undefined entries that occasionally appear in
+  // sparse `widget.providers` arrays. Without this, a single null
+  // slot crashes the whole sidebar with `Cannot read properties of
+  // null (reading 'type')`.
+  var providerTypes = getUserConfigurableProviders(widget.providers).map(function (p) {
     return p.type;
   });
   var eventCount = (widget.events || []).length;
@@ -54213,12 +54269,18 @@ var WidgetSidebar = function WidgetSidebar(_ref4) {
     }))).sort();
   }, [allWidgets]);
 
-  // Derive unique provider types for dropdown
+  // Derive unique provider types for the filter dropdown. Route
+  // through getUserConfigurableProviders so a single null entry in
+  // any widget's `providers` array doesn't crash the whole sidebar
+  // (it filters non-objects AND drops the `api` provider class that
+  // isn't user-configurable). Observed prod crash:
+  // `TypeError: Cannot read properties of null (reading 'type')` →
+  // unmounted WidgetSidebar via React error boundary.
   var uniqueProviders = useMemo(function () {
     var types = new Set();
     allWidgets.forEach(function (_ref7) {
       var widget = _ref7.widget;
-      return (widget.providers || []).forEach(function (p) {
+      return getUserConfigurableProviders(widget === null || widget === void 0 ? void 0 : widget.providers).forEach(function (p) {
         return types.add(p.type);
       });
     });
@@ -54240,12 +54302,13 @@ var WidgetSidebar = function WidgetSidebar(_ref4) {
       if (filterAuthor !== "all") {
         if ((widget["package"] || widget.author || "Other") !== filterAuthor) return false;
       }
-      // Provider filter
+      // Provider filter — same null-safety as `uniqueProviders` above.
       if (filterProvider !== "all") {
+        var configurable = getUserConfigurableProviders(widget === null || widget === void 0 ? void 0 : widget.providers);
         if (filterProvider === "none") {
-          if (widget.providers && widget.providers.length > 0) return false;
+          if (configurable.length > 0) return false;
         } else {
-          if (!widget.providers || !widget.providers.some(function (p) {
+          if (!configurable.some(function (p) {
             return p.type === filterProvider;
           })) return false;
         }
@@ -57823,9 +57886,13 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
     return getUnresolvedProviders({
       workspace: workspaceSelected,
       appProviders: (appContext === null || appContext === void 0 ? void 0 : appContext.providers) || {},
+      // Use ComponentManager.config so a legacy layout referencing
+      // a bare component name (`"PipelineKanban"`) still resolves
+      // to its scoped registration. Direct `componentMap[name]`
+      // returns undefined after the v0.1.432 scoped-IDs migration.
       getWidgetRequirements: function getWidgetRequirements(name) {
-        var _ComponentManager$com;
-        return name && ((_ComponentManager$com = ComponentManager.componentMap()[name]) === null || _ComponentManager$com === void 0 ? void 0 : _ComponentManager$com.providers) || [];
+        var _ComponentManager$con;
+        return name && ((_ComponentManager$con = ComponentManager.config(name)) === null || _ComponentManager$con === void 0 ? void 0 : _ComponentManager$con.providers) || [];
       }
     });
   }, [workspaceSelected, appContext === null || appContext === void 0 ? void 0 : appContext.providers]);
@@ -58827,13 +58894,18 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
           isOpen: isConfigModalOpen,
           setIsOpen: setIsConfigModalOpen,
           workspace: workspaceSelected,
-          appProviders: (appContext === null || appContext === void 0 ? void 0 : appContext.providers) || {},
+          appProviders: (appContext === null || appContext === void 0 ? void 0 : appContext.providers) || {}
+          // Use ComponentManager.config so legacy bare component
+          // refs in `workspaceSelected.layout` still resolve to
+          // their registered scoped form (post-v0.1.432). Direct
+          // `componentMap[name]` returns undefined for those.
+          ,
           getWidgetRequirements: function getWidgetRequirements(name) {
-            var _ComponentManager$com2;
-            return name && ((_ComponentManager$com2 = ComponentManager.componentMap()[name]) === null || _ComponentManager$com2 === void 0 ? void 0 : _ComponentManager$com2.providers) || [];
+            var _ComponentManager$con2;
+            return name && ((_ComponentManager$con2 = ComponentManager.config(name)) === null || _ComponentManager$con2 === void 0 ? void 0 : _ComponentManager$con2.providers) || [];
           },
           getWidgetConfig: function getWidgetConfig(name) {
-            return name && ComponentManager.componentMap()[name] || null;
+            return name && ComponentManager.config(name) || null;
           },
           onSaveBindings: handleBulkProviderBindings,
           onSaveListeners: handleBulkListenerBindings,