@trops/dash-core 0.1.428 → 0.1.431

package/dist/index.js

@@ -28752,8 +28752,16 @@ var WorkspaceModel = function WorkspaceModel(workspaceItem) {
   // Skip items already produced by LayoutModel (idempotent: LayoutModel
   // is safe to call on its own output).
   var wsId = "id" in obj ? obj["id"] : workspace.id;
+  // LayoutModel returns null when an item can't be normalized (e.g.
+  // throw inside its catch). A null in the layout array crashes
+  // downstream forEach/map consumers with `Cannot read properties of
+  // null (reading 'type')`. Filter nulls so the renderer never sees
+  // them — the original raw item is already lost at that point, so
+  // dropping it is the only safe action.
   workspace.layout = rawLayout.map(function (item) {
     return LayoutModel(item, rawLayout, wsId);
+  }).filter(function (item) {
+    return item != null;
   });
   workspace.pages = "pages" in obj ? obj["pages"] : [];
   workspace.activePageId = "activePageId" in obj ? obj["activePageId"] : null;
@@ -40439,36 +40447,57 @@ var PublishDashboardModal = function PublishDashboardModal(_ref) {
     depSelections = _useState28[0],
     setDepSelections = _useState28[1];
 
-  // Step 5: Publish
-  var _useState29 = React.useState(false),
+  // Step 5: Defaults verification — surfaced values from each owned
+  // widget package's `.dash.js` userConfig[field].defaultValue. Lets
+  // the publisher review (and optionally blank/edit) values set
+  // during development before the ZIP ships.
+  //   defaultsByPackage: { [packageId]: Array<{widgetName, field, currentDefault, displayName, type, instructions}> }
+  //   defaultsOverrides: { [packageId]: { [widgetName]: { [field]: newValue } } }
+  //     — only fields the user actually edited appear here. Undefined
+  //     = "no change"; explicit empty-string = "blank it out".
+  var _useState29 = React.useState({}),
     _useState30 = _slicedToArray(_useState29, 2),
-    isPublishing = _useState30[0],
-    setIsPublishing = _useState30[1];
-  var _useState31 = React.useState(null),
+    defaultsByPackage = _useState30[0],
+    setDefaultsByPackage = _useState30[1];
+  var _useState31 = React.useState(false),
     _useState32 = _slicedToArray(_useState31, 2),
-    result = _useState32[0],
-    setResult = _useState32[1];
-  // Per-step progress during batch publish
-  var _useState33 = React.useState([]),
+    defaultsLoading = _useState32[0],
+    setDefaultsLoading = _useState32[1];
+  var _useState33 = React.useState({}),
     _useState34 = _slicedToArray(_useState33, 2),
-    publishSteps = _useState34[0],
-    setPublishSteps = _useState34[1];
+    defaultsOverrides = _useState34[0],
+    setDefaultsOverrides = _useState34[1];
 
-  // Visibility — chosen on the Details step. Defaults to public.
-  var _useState35 = React.useState("public"),
+  // Step 6: Publish
+  var _useState35 = React.useState(false),
     _useState36 = _slicedToArray(_useState35, 2),
-    visibility = _useState36[0],
-    setVisibility = _useState36[1];
+    isPublishing = _useState36[0],
+    setIsPublishing = _useState36[1];
+  var _useState37 = React.useState(null),
+    _useState38 = _slicedToArray(_useState37, 2),
+    result = _useState38[0],
+    setResult = _useState38[1];
+  // Per-step progress during batch publish
+  var _useState39 = React.useState([]),
+    _useState40 = _slicedToArray(_useState39, 2),
+    publishSteps = _useState40[0],
+    setPublishSteps = _useState40[1];
+
+  // Visibility — chosen on the Details step. Defaults to public.
+  var _useState41 = React.useState("public"),
+    _useState42 = _slicedToArray(_useState41, 2),
+    visibility = _useState42[0],
+    setVisibility = _useState42[1];
 
   // Dashboard version bump — chosen on the Details step. Defaults to
   // "patch" so repeat-publishes auto-increment the registry's
   // latestVersion. Without this, every republish used the same
   // version string, the registry never saw a new version, and update
   // notifications never fired on installers.
-  var _useState37 = React.useState("patch"),
-    _useState38 = _slicedToArray(_useState37, 2),
-    dashboardBump = _useState38[0],
-    setDashboardBump = _useState38[1];
+  var _useState43 = React.useState("patch"),
+    _useState44 = _slicedToArray(_useState43, 2),
+    dashboardBump = _useState44[0],
+    setDashboardBump = _useState44[1];
 
   // Fetch publish preview (widget names) on open
   React.useEffect(function () {
@@ -40604,6 +40633,97 @@ var PublishDashboardModal = function PublishDashboardModal(_ref) {
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [step, isOpen]);
+
+  // Load per-package default-value scans when the user arrives at the
+  // Defaults step. We only scan packages that are actually going to be
+  // republished (include + owned) to keep the step focused — a
+  // third-party package the user isn't republishing can't have its
+  // defaults changed anyway.
+  React.useEffect(function () {
+    if (!isOpen || step !== 5 || !plan || defaultsLoading) return;
+    var packagesToScan = [];
+    var _iterator2 = _createForOfIteratorHelper$c(plan.widgets || []),
+      _step2;
+    try {
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+        var w = _step2.value;
+        if (!w.scope || !w.packageName) continue;
+        var key = "".concat(w.scope, "/").concat(w.packageName);
+        var sel = depSelections[key];
+        if (!(sel !== null && sel !== void 0 && sel.include) || !(sel !== null && sel !== void 0 && sel.owned)) continue;
+        // Resolve the local package id the scanner expects — same shape
+        // the inspect IPC already takes.
+        var localPkgId = w.packageId || "@".concat(w.scope, "/").concat(w.packageName);
+        if (!defaultsByPackage[localPkgId]) packagesToScan.push(localPkgId);
+      }
+    } catch (err) {
+      _iterator2.e(err);
+    } finally {
+      _iterator2.f();
+    }
+    if (packagesToScan.length === 0) return;
+    setDefaultsLoading(true);
+    Promise.all(packagesToScan.map(function (pkgId) {
+      return window.mainApi.registry.scanWidgetDefaults(pkgId).then(function (res) {
+        return {
+          pkgId: pkgId,
+          res: res
+        };
+      })["catch"](function (err) {
+        return {
+          pkgId: pkgId,
+          res: {
+            success: false,
+            error: (err === null || err === void 0 ? void 0 : err.message) || String(err)
+          }
+        };
+      });
+    })).then(function (results) {
+      setDefaultsByPackage(function (prev) {
+        var next = _objectSpread$r({}, prev);
+        var _iterator3 = _createForOfIteratorHelper$c(results),
+          _step3;
+        try {
+          for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+            var _step3$value = _step3.value,
+              pkgId = _step3$value.pkgId,
+              res = _step3$value.res;
+            next[pkgId] = res !== null && res !== void 0 && res.success ? res.defaults || [] : [];
+          }
+        } catch (err) {
+          _iterator3.e(err);
+        } finally {
+          _iterator3.f();
+        }
+        return next;
+      });
+      setDefaultsLoading(false);
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [step, isOpen, plan, depSelections]);
+  function setDefaultOverride(packageId, widgetName, field, newValue) {
+    setDefaultsOverrides(function (prev) {
+      var next = _objectSpread$r({}, prev);
+      var forPkg = _objectSpread$r({}, next[packageId] || {});
+      var forWidget = _objectSpread$r({}, forPkg[widgetName] || {});
+      if (newValue === undefined) {
+        delete forWidget[field];
+      } else {
+        forWidget[field] = newValue;
+      }
+      if (Object.keys(forWidget).length === 0) {
+        delete forPkg[widgetName];
+      } else {
+        forPkg[widgetName] = forWidget;
+      }
+      if (Object.keys(forPkg).length === 0) {
+        delete next[packageId];
+      } else {
+        next[packageId] = forPkg;
+      }
+      return next;
+    });
+  }
   function updateDepSelection(key, patch) {
     setDepSelections(function (prev) {
       return _objectSpread$r(_objectSpread$r({}, prev), {}, _defineProperty({}, key, _objectSpread$r(_objectSpread$r({}, prev[key]), patch)));
@@ -40621,7 +40741,7 @@ var PublishDashboardModal = function PublishDashboardModal(_ref) {
   }
   function _handlePublish() {
     _handlePublish = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-      var steps, seenPackages, _iterator2, _step2, w, _key2, _sel, key, sel, updateStep, i, _step3, _res$manifest, bump, options, res, _res, _options, _res2, _t2, _t3;
+      var steps, seenPackages, _iterator4, _step4, w, _key2, _sel, key, sel, updateStep, i, _step5, _res$manifest, bump, options, res, _res, _options, _res2, _t2, _t3;
       return _regeneratorRuntime.wrap(function (_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -40643,15 +40763,15 @@ var PublishDashboardModal = function PublishDashboardModal(_ref) {
               break;
             }
             seenPackages = new Set();
-            _iterator2 = _createForOfIteratorHelper$c(plan.widgets || []);
+            _iterator4 = _createForOfIteratorHelper$c(plan.widgets || []);
             _context2.prev = 2;
-            _iterator2.s();
+            _iterator4.s();
           case 3:
-            if ((_step2 = _iterator2.n()).done) {
+            if ((_step4 = _iterator4.n()).done) {
               _context2.next = 8;
               break;
             }
-            w = _step2.value;
+            w = _step4.value;
             if (!(!w.scope || !w.packageName)) {
               _context2.next = 4;
               break;
@@ -40689,10 +40809,10 @@ var PublishDashboardModal = function PublishDashboardModal(_ref) {
           case 9:
             _context2.prev = 9;
             _t2 = _context2["catch"](2);
-            _iterator2.e(_t2);
+            _iterator4.e(_t2);
           case 10:
             _context2.prev = 10;
-            _iterator2.f();
+            _iterator4.f();
             return _context2.finish(10);
           case 11:
             if (plan.theme && plan.theme.scope && plan.theme.name) {
@@ -40736,28 +40856,30 @@ var PublishDashboardModal = function PublishDashboardModal(_ref) {
               _context2.next = 24;
               break;
             }
-            _step3 = steps[i];
+            _step5 = steps[i];
             updateStep(i, {
               status: "running"
             });
-            if (!(_step3.kind === "widget")) {
+            if (!(_step5.kind === "widget")) {
               _context2.next = 17;
               break;
             }
-            bump = _step3.selection.bump;
+            bump = _step5.selection.bump;
             options = _objectSpread$r(_objectSpread$r({}, bump && bump !== "none" ? {
               bump: bump
             } : {}), {}, {
-              visibility: _step3.selection.visibility,
+              visibility: _step5.selection.visibility,
               // Plumb the publisher's display name through to the widget
               // publish call so the manifest — and the rewritten dash.json
               // inside the zipped package — records the actual human who
               // published, not the AI Widget Builder's "AI Assistant"
               // placeholder.
               authorName: authorName.trim() || undefined
-            });
+            }, defaultsOverrides[_step5.packageId] ? {
+              defaultsOverride: defaultsOverrides[_step5.packageId]
+            } : {});
             _context2.next = 15;
-            return window.mainApi.registry.publishWidget(appId, _step3.packageId, options);
+            return window.mainApi.registry.publishWidget(appId, _step5.packageId, options);
           case 15:
             res = _context2.sent;
             if (res !== null && res !== void 0 && res.success) {
@@ -40770,7 +40892,7 @@ var PublishDashboardModal = function PublishDashboardModal(_ref) {
             });
             setResult({
               success: false,
-              error: "Failed to publish widget ".concat(_step3.key, ": ").concat((res === null || res === void 0 ? void 0 : res.error) || "unknown error")
+              error: "Failed to publish widget ".concat(_step5.key, ": ").concat((res === null || res === void 0 ? void 0 : res.error) || "unknown error")
             });
             setIsPublishing(false);
             return _context2.abrupt("return");
@@ -40782,13 +40904,13 @@ var PublishDashboardModal = function PublishDashboardModal(_ref) {
             _context2.next = 23;
             break;
           case 17:
-            if (!(_step3.kind === "theme")) {
+            if (!(_step5.kind === "theme")) {
               _context2.next = 20;
               break;
             }
             _context2.next = 18;
-            return window.mainApi.themes.publishTheme(appId, _step3.themeKey, {
-              visibility: _step3.selection.visibility
+            return window.mainApi.themes.publishTheme(appId, _step5.themeKey, {
+              visibility: _step5.selection.visibility
             });
           case 18:
             _res = _context2.sent;
@@ -40802,7 +40924,7 @@ var PublishDashboardModal = function PublishDashboardModal(_ref) {
             });
             setResult({
               success: false,
-              error: "Failed to publish theme ".concat(_step3.themeKey, ": ").concat((_res === null || _res === void 0 ? void 0 : _res.error) || "unknown error")
+              error: "Failed to publish theme ".concat(_step5.themeKey, ": ").concat((_res === null || _res === void 0 ? void 0 : _res.error) || "unknown error")
             });
             setIsPublishing(false);
             return _context2.abrupt("return");
@@ -40814,7 +40936,7 @@ var PublishDashboardModal = function PublishDashboardModal(_ref) {
             _context2.next = 23;
             break;
           case 20:
-            if (!(_step3.kind === "dashboard")) {
+            if (!(_step5.kind === "dashboard")) {
               _context2.next = 23;
               break;
             }
@@ -40968,7 +41090,7 @@ var PublishDashboardModal = function PublishDashboardModal(_ref) {
   }
   function handleSignOut() {
     return _handleSignOut.apply(this, arguments);
-  } // Steps: 0=Account, 1=Details, 2=Tags, 3=Icon, 4=Dependencies, 5=Publish
+  } // Steps: 0=Account, 1=Details, 2=Tags, 3=Icon, 4=Dependencies, 5=Defaults, 6=Publish
   function _handleSignOut() {
     _handleSignOut = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
       return _regeneratorRuntime.wrap(function (_context5) {
@@ -40993,8 +41115,8 @@ var PublishDashboardModal = function PublishDashboardModal(_ref) {
     }));
     return _handleSignOut.apply(this, arguments);
   }
-  var isLastStep = step === 5;
-  var canAdvance = step === 0 ? authStatus === "authenticated" : step === 1 ? !!authorName.trim() : step === 2 ? selectedTags.length > 0 : step === 4 ? !planLoading : true;
+  var isLastStep = step === 6;
+  var canAdvance = step === 0 ? authStatus === "authenticated" : step === 1 ? !!authorName.trim() : step === 2 ? selectedTags.length > 0 : step === 4 ? !planLoading : step === 5 ? !defaultsLoading : true;
   return /*#__PURE__*/jsxRuntime.jsx(DashReact.Modal, {
     isOpen: isOpen,
     setIsOpen: handleClose,
@@ -41255,6 +41377,26 @@ var PublishDashboardModal = function PublishDashboardModal(_ref) {
               onChange: updateDepSelection
             })]
           })
+        }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Stepper.Step, {
+          label: "Defaults",
+          children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+            className: "flex-1 min-h-0 overflow-y-auto pb-4 space-y-4",
+            children: [/*#__PURE__*/jsxRuntime.jsxs("p", {
+              className: "text-sm opacity-70",
+              children: ["Review ", /*#__PURE__*/jsxRuntime.jsx("code", {
+                children: "userConfig"
+              }), " default values the widget's dev-time dash.js ships. Anything you leave as-is gets published as the current default. Values you blank or edit here get rewritten in a staged copy before the ZIP is built \u2014 your local source files are untouched."]
+            }), defaultsLoading && /*#__PURE__*/jsxRuntime.jsx("div", {
+              className: "text-sm opacity-60 py-6 text-center",
+              children: "Scanning widget configs for default values\u2026"
+            }), !defaultsLoading && /*#__PURE__*/jsxRuntime.jsx(DefaultsReviewList, {
+              plan: plan,
+              depSelections: depSelections,
+              defaultsByPackage: defaultsByPackage,
+              overrides: defaultsOverrides,
+              onChange: setDefaultOverride
+            })]
+          })
         }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Stepper.Step, {
           label: "Publish",
           children: /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -41444,7 +41586,7 @@ var PublishDashboardModal = function PublishDashboardModal(_ref) {
           className: "flex-1 text-center",
           children: /*#__PURE__*/jsxRuntime.jsxs("span", {
             className: "text-xs opacity-40",
-            children: ["Step ", step + 1, " of 6"]
+            children: ["Step ", step + 1, " of 7"]
           })
         }), /*#__PURE__*/jsxRuntime.jsx("div", {
           className: "flex flex-row gap-2",
@@ -41533,11 +41675,11 @@ function DependencyTable(_ref4) {
   // row. Each row shows the list of component widgets that live inside it
   // so the user knows what's getting published.
   var byKey = new Map();
-  var _iterator3 = _createForOfIteratorHelper$c(plan.widgets || []),
-    _step4;
+  var _iterator5 = _createForOfIteratorHelper$c(plan.widgets || []),
+    _step6;
   try {
-    for (_iterator3.s(); !(_step4 = _iterator3.n()).done;) {
-      var w = _step4.value;
+    for (_iterator5.s(); !(_step6 = _iterator5.n()).done;) {
+      var w = _step6.value;
       if (!w.scope || !w.packageName) continue;
       var _key3 = "".concat(w.scope, "/").concat(w.packageName);
       var entry = byKey.get(_key3) || {
@@ -41550,9 +41692,9 @@ function DependencyTable(_ref4) {
       byKey.set(_key3, entry);
     }
   } catch (err) {
-    _iterator3.e(err);
+    _iterator5.e(err);
   } finally {
-    _iterator3.f();
+    _iterator5.f();
   }
   var rows = Array.from(byKey.values()).map(function (e) {
     return _objectSpread$r(_objectSpread$r({}, e), {}, {
@@ -41686,6 +41828,134 @@ function DependencyTable(_ref4) {
   });
 }
 
+/**
+ * Per-package editable list of every non-empty userConfig default.
+ * Renders once per owned package selected for republish. Edits are
+ * two-way: typing into a field stages an override; hitting "Reset"
+ * clears the override so the original defaultValue ships. The
+ * outside world treats `overrides[packageId][widgetName][field]` as
+ * the source of truth for the publish call.
+ */
+function DefaultsReviewList(_ref6) {
+  var plan = _ref6.plan,
+    depSelections = _ref6.depSelections,
+    defaultsByPackage = _ref6.defaultsByPackage,
+    overrides = _ref6.overrides,
+    _onChange2 = _ref6.onChange;
+  // Collect the packages we're actually about to republish so the UI
+  // stays aligned with Dependencies — no surprises about WHICH
+  // package's defaults you're editing.
+  var rows = [];
+  var _iterator6 = _createForOfIteratorHelper$c((plan === null || plan === void 0 ? void 0 : plan.widgets) || []),
+    _step7;
+  try {
+    for (_iterator6.s(); !(_step7 = _iterator6.n()).done;) {
+      var w = _step7.value;
+      if (!w.scope || !w.packageName) continue;
+      var key = "".concat(w.scope, "/").concat(w.packageName);
+      var sel = depSelections[key];
+      if (!(sel !== null && sel !== void 0 && sel.include) || !(sel !== null && sel !== void 0 && sel.owned)) continue;
+      var localPkgId = w.packageId || "@".concat(w.scope, "/").concat(w.packageName);
+      var defaults = defaultsByPackage[localPkgId];
+      if (!Array.isArray(defaults)) continue;
+      rows.push({
+        key: key,
+        localPkgId: localPkgId,
+        label: "@".concat(w.scope, "/").concat(w.packageName),
+        defaults: defaults
+      });
+    }
+  } catch (err) {
+    _iterator6.e(err);
+  } finally {
+    _iterator6.f();
+  }
+  if (rows.length === 0) {
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "text-sm opacity-60 py-6 text-center",
+      children: "No non-empty defaults found in any owned widget. Nothing to review."
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "flex flex-col gap-4",
+    children: rows.map(function (_ref7) {
+      var key = _ref7.key,
+        localPkgId = _ref7.localPkgId,
+        label = _ref7.label,
+        defaults = _ref7.defaults;
+      if (defaults.length === 0) {
+        return /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "border border-white/10 rounded-lg px-4 py-3 bg-white/5",
+          children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "text-sm font-semibold font-mono",
+            children: label
+          }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+            className: "text-xs opacity-60 mt-1",
+            children: ["No non-empty ", /*#__PURE__*/jsxRuntime.jsx("code", {
+              children: "defaultValue"
+            }), " entries detected."]
+          })]
+        }, key);
+      }
+      return /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "border border-white/10 rounded-lg px-4 py-3 bg-white/5",
+        children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "text-sm font-semibold font-mono mb-2",
+          children: label
+        }), /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "flex flex-col gap-3",
+          children: defaults.map(function (d) {
+            var _overrides$localPkgId, _d$currentDefault;
+            var overriddenValue = overrides === null || overrides === void 0 || (_overrides$localPkgId = overrides[localPkgId]) === null || _overrides$localPkgId === void 0 || (_overrides$localPkgId = _overrides$localPkgId[d.widgetName]) === null || _overrides$localPkgId === void 0 ? void 0 : _overrides$localPkgId[d.field];
+            var isOverridden = overriddenValue !== undefined;
+            var displayValue = isOverridden ? String(overriddenValue !== null && overriddenValue !== void 0 ? overriddenValue : "") : String((_d$currentDefault = d.currentDefault) !== null && _d$currentDefault !== void 0 ? _d$currentDefault : "");
+            return /*#__PURE__*/jsxRuntime.jsxs("div", {
+              className: "flex flex-col gap-1",
+              children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+                className: "flex items-center gap-2 flex-wrap",
+                children: [/*#__PURE__*/jsxRuntime.jsxs("code", {
+                  className: "text-xs opacity-70",
+                  children: [d.widgetName, ".", d.field]
+                }), /*#__PURE__*/jsxRuntime.jsxs("span", {
+                  className: "text-[10px] opacity-50",
+                  children: ["(", d.type, ")"]
+                }), /*#__PURE__*/jsxRuntime.jsx("span", {
+                  className: "text-[10px] opacity-50",
+                  children: d.displayName
+                }), isOverridden && /*#__PURE__*/jsxRuntime.jsx("span", {
+                  className: "text-[10px] uppercase tracking-wide px-1.5 py-0.5 rounded bg-amber-900/40 text-amber-200",
+                  children: "edited"
+                })]
+              }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+                className: "flex items-center gap-2",
+                children: [/*#__PURE__*/jsxRuntime.jsx("input", {
+                  type: "text",
+                  value: displayValue,
+                  onChange: function onChange(e) {
+                    return _onChange2(localPkgId, d.widgetName, d.field, e.target.value);
+                  },
+                  className: "flex-1 bg-gray-900 border border-white/10 rounded px-2 py-1 text-xs font-mono"
+                }), isOverridden && /*#__PURE__*/jsxRuntime.jsx("button", {
+                  type: "button",
+                  onClick: function onClick() {
+                    return _onChange2(localPkgId, d.widgetName, d.field, undefined);
+                  },
+                  className: "text-xs opacity-60 hover:opacity-100 underline underline-offset-2",
+                  title: "Discard edit \u2014 ship the original defaultValue",
+                  children: "Reset"
+                })]
+              }), d.instructions && /*#__PURE__*/jsxRuntime.jsx("div", {
+                className: "text-[10px] opacity-50",
+                children: d.instructions
+              })]
+            }, "".concat(d.widgetName, "|").concat(d.field));
+          })
+        })]
+      }, key);
+    })
+  });
+}
+
 function ownKeys$q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LayoutPreview = function LayoutPreview(_ref) {
@@ -57162,26 +57432,36 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
     try {
       var _message$workspaces;
       var workspaces = DashReact.deepCopy(message["workspaces"]);
+      // LayoutModel returns null when normalization throws (e.g. a
+      // widget config that references a component the registry can't
+      // resolve yet — common right after a fresh dashboard install
+      // where some widgets are still downloading). Filter nulls so
+      // every renderer that walks the layout sees only well-formed
+      // items and never crashes on `Cannot read properties of null
+      // (reading 'type')` or similar.
       var workspacesTemp = workspaces.map(function (ws) {
-        var tempLayout = ws["layout"].map(function (layoutOG) {
+        ws["layout"] = (ws["layout"] || []).map(function (layoutOG) {
           return LayoutModel(layoutOG, workspaces, ws["id"]);
+        }).filter(function (item) {
+          return item != null;
         });
-        ws["layout"] = tempLayout;
-        // Normalize page layouts too
         if (ws.pages && Array.isArray(ws.pages)) {
           ws.pages = ws.pages.map(function (page) {
             if (page.layout && Array.isArray(page.layout)) {
               page.layout = page.layout.map(function (layoutOG) {
                 return LayoutModel(layoutOG, workspaces, ws["id"]);
+              }).filter(function (item) {
+                return item != null;
               });
             }
             return page;
           });
         }
-        // Normalize sidebar layout
         if (ws.sidebarLayout && Array.isArray(ws.sidebarLayout)) {
           ws.sidebarLayout = ws.sidebarLayout.map(function (layoutOG) {
             return LayoutModel(layoutOG, workspaces, ws["id"]);
+          }).filter(function (item) {
+            return item != null;
           });
         }
         return WorkspaceModel(ws);
@@ -57965,13 +58245,16 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
   }
   function handleSaveWorkspaceComplete(e, message) {
 
-    // Reconstruct workspaces through LayoutModel (same as load path)
+    // Reconstruct workspaces through LayoutModel (same as load path).
+    // Filter nulls so a partially-failed normalize doesn't poison the
+    // layout array — see handleLoadWorkspacesComplete for the rationale.
     var workspaces = DashReact.deepCopy(message["workspaces"]);
     var workspacesTemp = workspaces.map(function (ws) {
-      var tempLayout = ws["layout"].map(function (layoutOG) {
+      ws["layout"] = (ws["layout"] || []).map(function (layoutOG) {
         return LayoutModel(layoutOG, workspaces, ws["id"]);
+      }).filter(function (item) {
+        return item != null;
       });
-      ws["layout"] = tempLayout;
       return WorkspaceModel(ws);
     });
     pub.pub("dashboard.workspaceChange", {