@trops/dash-core 0.1.127 → 0.1.129

package/dist/index.js

@@ -2706,9 +2706,9 @@ var LayoutContainer = function LayoutContainer(_ref) {
 
 function ownKeys$z(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$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createForOfIteratorHelper$a(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$a(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$a(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$a(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$a(r, a) : void 0; } }
-function _arrayLikeToArray$a(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$b(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$b(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$b(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$b(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$b(r, a) : void 0; } }
+function _arrayLikeToArray$b(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 /**
  * Layout template definitions for the dashboard template picker.
  *
@@ -2944,7 +2944,7 @@ function createLayoutFromTemplate(template) {
     cols: template.cols,
     gap: "gap-2"
   };
-  var _iterator = _createForOfIteratorHelper$a(template.cells),
+  var _iterator = _createForOfIteratorHelper$b(template.cells),
     _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -4008,13 +4008,21 @@ var LayoutManagerModal = function LayoutManagerModal(_ref) {
   // Reset state when modal opens
   React.useEffect(function () {
     if (open) {
+      var _Object$entries$sort$;
       setCreationMethod(null);
       setDashboardName("");
       setActiveStep(0);
       setLocalMenuItems(menuItems || []);
       setSelectedMenuId(menuItems && menuItems.length > 0 ? menuItems[0].id : 1);
       setSelectedTemplate(layoutTemplates[0]);
-      setSelectedThemeKey(null);
+      var fallback = themes ? ((_Object$entries$sort$ = Object.entries(themes).sort(function (_ref2, _ref3) {
+        var _ref4 = _slicedToArray(_ref2, 2),
+          a = _ref4[1];
+        var _ref5 = _slicedToArray(_ref3, 2),
+          b = _ref5[1];
+        return (a.name || "").localeCompare(b.name || "");
+      })[0]) === null || _Object$entries$sort$ === void 0 ? void 0 : _Object$entries$sort$[0]) || null : null;
+      setSelectedThemeKey(appThemeKey || fallback);
       setImportedWorkspace(null);
       setSelectedFile(null);
       setIsCreatingFolder(false);
@@ -4340,7 +4348,7 @@ var LayoutManagerModal = function LayoutManagerModal(_ref) {
           textColor: "text-gray-300"
         }), /*#__PURE__*/jsxRuntime.jsx("p", {
           className: "text-base font-normal text-gray-400",
-          children: "Choose a theme for this dashboard, or use the application default."
+          children: "Choose a theme for this dashboard."
         }), selectedThemeKey !== null && themes && themes[selectedThemeKey] && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
           children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex flex-row items-center space-x-2 mt-4 pt-4 border-t border-gray-700",
@@ -4361,45 +4369,19 @@ var LayoutManagerModal = function LayoutManagerModal(_ref) {
               className: "w-8 h-8 rounded bg-".concat(themes[selectedThemeKey].tertiary, "-500")
             })]
           })]
-        }), selectedThemeKey === null && /*#__PURE__*/jsxRuntime.jsxs("div", {
-          className: "flex flex-row items-center space-x-2 mt-4 pt-4 border-t border-gray-700",
-          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
-            icon: "palette",
-            className: "text-blue-400"
-          }), /*#__PURE__*/jsxRuntime.jsx("span", {
-            className: "text-sm font-medium text-gray-300",
-            children: "App Default"
-          })]
         })]
-      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      }), /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "flex flex-col w-2/3 p-6 overflow-y-auto space-y-2",
-        children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-          className: "flex flex-row items-center px-4 py-3 rounded-lg cursor-pointer transition-all ".concat(selectedThemeKey === null ? "ring-2 ring-blue-500 bg-gray-700" : "hover:bg-gray-750 hover:ring-1 hover:ring-gray-600 bg-gray-800/50"),
-          onClick: function onClick() {
-            return setSelectedThemeKey(null);
-          },
-          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
-            icon: "palette",
-            className: "w-5 h-5 mr-3 ".concat(selectedThemeKey === null ? "text-blue-400" : "text-gray-400")
-          }), /*#__PURE__*/jsxRuntime.jsx("span", {
-            className: "text-sm font-medium ".concat(selectedThemeKey === null ? "text-blue-300" : "text-gray-300"),
-            children: "App Default"
-          }), /*#__PURE__*/jsxRuntime.jsx("div", {
-            className: "flex flex-row space-x-1 ml-auto",
-            children: themes && appThemeKey && themes[appThemeKey] && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-              children: [themes[appThemeKey].primary && /*#__PURE__*/jsxRuntime.jsx("div", {
-                className: "w-4 h-4 rounded bg-".concat(themes[appThemeKey].primary, "-500")
-              }), themes[appThemeKey].secondary && /*#__PURE__*/jsxRuntime.jsx("div", {
-                className: "w-4 h-4 rounded bg-".concat(themes[appThemeKey].secondary, "-500")
-              }), themes[appThemeKey].tertiary && /*#__PURE__*/jsxRuntime.jsx("div", {
-                className: "w-4 h-4 rounded bg-".concat(themes[appThemeKey].tertiary, "-500")
-              })]
-            })
-          })]
-        }), themes && Object.entries(themes).map(function (_ref2) {
-          var _ref3 = _slicedToArray(_ref2, 2),
-            key = _ref3[0],
-            t = _ref3[1];
+        children: themes && Object.entries(themes).sort(function (_ref6, _ref7) {
+          var _ref8 = _slicedToArray(_ref6, 2),
+            a = _ref8[1];
+          var _ref9 = _slicedToArray(_ref7, 2),
+            b = _ref9[1];
+          return (a.name || "").localeCompare(b.name || "");
+        }).map(function (_ref0) {
+          var _ref1 = _slicedToArray(_ref0, 2),
+            key = _ref1[0],
+            t = _ref1[1];
           var isThemeSelected = selectedThemeKey === key;
           return /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex flex-row items-center px-4 py-3 rounded-lg cursor-pointer transition-all ".concat(isThemeSelected ? "ring-2 ring-blue-500 bg-gray-700" : "hover:bg-gray-750 hover:ring-1 hover:ring-gray-600 bg-gray-800/50"),
@@ -4423,7 +4405,7 @@ var LayoutManagerModal = function LayoutManagerModal(_ref) {
               })]
             })]
           }, key);
-        })]
+        })
       })]
     });
   }
@@ -9775,9 +9757,9 @@ var PanelEditItem = function PanelEditItem(_ref) {
 };
 
 var _excluded$5 = ["rows", "cols"];
-function _createForOfIteratorHelper$9(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$9(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$9(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$9(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$9(r, a) : void 0; } }
-function _arrayLikeToArray$9(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$a(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$a(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$a(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$a(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$a(r, a) : void 0; } }
+function _arrayLikeToArray$a(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function ownKeys$w(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$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var defaultGrid = {
@@ -9930,7 +9912,7 @@ function GridEditor(_ref) {
   function sortObjectByKeys(obj) {
     var sortedKeys = Object.keys(obj).sort();
     var sortedObj = {};
-    var _iterator = _createForOfIteratorHelper$9(sortedKeys),
+    var _iterator = _createForOfIteratorHelper$a(sortedKeys),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -13195,9 +13177,9 @@ var getUserConfigurableProviders = function getUserConfigurableProviders(provide
   });
 };
 
-function _createForOfIteratorHelper$8(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$8(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$8(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$8(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$8(r, a) : void 0; } }
-function _arrayLikeToArray$8(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$9(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$9(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$9(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$9(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$9(r, a) : void 0; } }
+function _arrayLikeToArray$9(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function ownKeys$s(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$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
@@ -13464,11 +13446,11 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
 
           // Flatten all widgets from all packages for the widget list
           flatWidgets = [];
-          _iterator = _createForOfIteratorHelper$8(result.packages || []);
+          _iterator = _createForOfIteratorHelper$9(result.packages || []);
           try {
             for (_iterator.s(); !(_step = _iterator.n()).done;) {
               pkg = _step.value;
-              _iterator2 = _createForOfIteratorHelper$8(pkg.widgets || []);
+              _iterator2 = _createForOfIteratorHelper$9(pkg.widgets || []);
               try {
                 for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
                   widget = _step2.value;
@@ -15024,9 +15006,9 @@ var ProviderBadge = function ProviderBadge(_ref) {
   });
 };
 
-function _createForOfIteratorHelper$7(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$7(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$7(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$7(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$7(r, a) : void 0; } }
-function _arrayLikeToArray$7(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$8(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$8(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$8(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$8(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$8(r, a) : void 0; } }
+function _arrayLikeToArray$8(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var WidgetCardHeader = function WidgetCardHeader(_ref) {
   var item = _ref.item,
     widget = _ref.widget,
@@ -15070,7 +15052,7 @@ var WidgetCardHeader = function WidgetCardHeader(_ref) {
     var el = headerRef.current;
     if (!el) return;
     var observer = new ResizeObserver(function (entries) {
-      var _iterator = _createForOfIteratorHelper$7(entries),
+      var _iterator = _createForOfIteratorHelper$8(entries),
         _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -19862,9 +19844,9 @@ var ExternalWidget = function ExternalWidget(_ref) {
 var GRID_CELL_WIDGET_TYPE = "grid-cell-widget";
 var SIDEBAR_WIDGET_TYPE = "sidebar-widget";
 
-function _createForOfIteratorHelper$6(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$6(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$6(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$6(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$6(r, a) : void 0; } }
-function _arrayLikeToArray$6(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$7(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$7(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$7(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$7(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$7(r, a) : void 0; } }
+function _arrayLikeToArray$7(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function ownKeys$l(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$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DraggableCellBody = function DraggableCellBody(_ref) {
@@ -20392,7 +20374,7 @@ var LayoutGridContainer = /*#__PURE__*/React.memo(function (_ref3) {
       return selectable["delete"](cn);
     });
     var resolved = new Set();
-    var _iterator = _createForOfIteratorHelper$6(selectable),
+    var _iterator = _createForOfIteratorHelper$7(selectable),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -22530,9 +22512,9 @@ function isWidgetResolvable(componentKey) {
 
 function ownKeys$k(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$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createForOfIteratorHelper$5(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$5(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$5(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$5(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$5(r, a) : void 0; } }
-function _arrayLikeToArray$5(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$6(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$6(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$6(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$6(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$6(r, a) : void 0; } }
+function _arrayLikeToArray$6(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 /**
  * The model for all layout components used primarily in the renderLayout method
  * @param {Object} layoutItem an object containing various attributes of the layout item
@@ -22544,7 +22526,7 @@ function _arrayLikeToArray$5(r, a) { (null == a || a > r.length) && (a = r.lengt
 function sortObjectByKeys(obj) {
   var sortedKeys = Object.keys(obj).sort();
   var sortedObj = {};
-  var _iterator = _createForOfIteratorHelper$5(sortedKeys),
+  var _iterator = _createForOfIteratorHelper$6(sortedKeys),
     _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -25801,9 +25783,9 @@ var useDashboard = function useDashboard() {
   });
 };
 
-function _createForOfIteratorHelper$4(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$4(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$4(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$4(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$4(r, a) : void 0; } }
-function _arrayLikeToArray$4(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$5(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$5(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$5(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$5(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$5(r, a) : void 0; } }
+function _arrayLikeToArray$5(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 
 /**
  * useWidgetProviders Hook
@@ -25854,7 +25836,7 @@ var useWidgetProviders = function useWidgetProviders() {
   // 1. Widget-level: stored directly on the layout item by handleSelectProvider
   // 2. Workspace-level: stored as workspace.selectedProviders[widgetId][providerType]
   var providers = {};
-  var _iterator = _createForOfIteratorHelper$4(providerDeclarations),
+  var _iterator = _createForOfIteratorHelper$5(providerDeclarations),
     _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -28778,9 +28760,9 @@ var resolveIcon = function resolveIcon(iconName) {
   return FALLBACK;
 };
 
-function _createForOfIteratorHelper$3(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$3(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$3(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$3(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$3(r, a) : void 0; } }
-function _arrayLikeToArray$3(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$4(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$4(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$4(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$4(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$4(r, a) : void 0; } }
+function _arrayLikeToArray$4(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 /**
  * Validation utilities for grid-first dashboard architecture
  *
@@ -29019,7 +29001,7 @@ var validateCellMerge = function validateCellMerge(cellNumbers, grid) {
 
     // Validate each cell
     var cells = [];
-    var _iterator = _createForOfIteratorHelper$3(cellNumbers),
+    var _iterator = _createForOfIteratorHelper$4(cellNumbers),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -32782,18 +32764,21 @@ var DashboardDetail = function DashboardDetail(_ref2) {
       value: String(m.id)
     };
   });
-  var themeOptions = [{
-    label: "App Default",
-    value: ""
-  }].concat(_toConsumableArray(Object.entries(themes || {}).map(function (_ref3) {
-    var _ref4 = _slicedToArray(_ref3, 2),
-      key = _ref4[0],
-      t = _ref4[1];
+  var themeOptions = _toConsumableArray(Object.entries(themes || {}).sort(function (_ref3, _ref4) {
+    var _ref5 = _slicedToArray(_ref3, 2),
+      a = _ref5[1];
+    var _ref6 = _slicedToArray(_ref4, 2),
+      b = _ref6[1];
+    return (a.name || "").localeCompare(b.name || "");
+  }).map(function (_ref7) {
+    var _ref8 = _slicedToArray(_ref7, 2),
+      key = _ref8[0],
+      t = _ref8[1];
     return {
       label: t.name || key,
       value: key
     };
-  })));
+  }));
   function handleChangeFolder(val) {
     if (!dashApi || !appId) return;
     var updated = DashReact.deepCopy(ws);
@@ -32880,7 +32865,7 @@ var DashboardDetail = function DashboardDetail(_ref2) {
             return handleChangeTheme(val);
           },
           options: themeOptions,
-          placeholder: "App Default"
+          placeholder: "Select a theme"
         }), /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex flex-row items-center gap-2",
           children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
@@ -37122,9 +37107,9 @@ var RegistryPackageDetail = function RegistryPackageDetail(_ref) {
   });
 };
 
-function _createForOfIteratorHelper$2(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$2(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$2(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$2(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$2(r, a) : void 0; } }
-function _arrayLikeToArray$2(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$3(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$3(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$3(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$3(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$3(r, a) : void 0; } }
+function _arrayLikeToArray$3(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 
 /**
  * useRegistrySearch — shared hook for browsing and installing registry packages.
@@ -37227,13 +37212,13 @@ var useRegistrySearch = function useRegistrySearch() {
               return c.toLowerCase();
             }));
             widgets = [];
-            _iterator = _createForOfIteratorHelper$2(pkgs);
+            _iterator = _createForOfIteratorHelper$3(pkgs);
             try {
               for (_iterator.s(); !(_step = _iterator.n()).done;) {
                 pkg = _step.value;
                 // Compute missing APIs for the entire package
                 allApiProviders = [];
-                _iterator2 = _createForOfIteratorHelper$2(pkg.providers || []);
+                _iterator2 = _createForOfIteratorHelper$3(pkg.providers || []);
                 try {
                   for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
                     p = _step2.value;
@@ -37246,11 +37231,11 @@ var useRegistrySearch = function useRegistrySearch() {
                 } finally {
                   _iterator2.f();
                 }
-                _iterator3 = _createForOfIteratorHelper$2(pkg.widgets || []);
+                _iterator3 = _createForOfIteratorHelper$3(pkg.widgets || []);
                 try {
                   for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
                     w = _step3.value;
-                    _iterator5 = _createForOfIteratorHelper$2(w.providers || []);
+                    _iterator5 = _createForOfIteratorHelper$3(w.providers || []);
                     try {
                       for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
                         _p = _step5.value;
@@ -37272,7 +37257,7 @@ var useRegistrySearch = function useRegistrySearch() {
                 missingApis = _toConsumableArray(new Set(allApiProviders)).filter(function (api) {
                   return !capSet.has(api.toLowerCase());
                 });
-                _iterator4 = _createForOfIteratorHelper$2(pkg.widgets || []);
+                _iterator4 = _createForOfIteratorHelper$3(pkg.widgets || []);
                 try {
                   for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
                     widget = _step4.value;
@@ -37405,9 +37390,9 @@ var useRegistrySearch = function useRegistrySearch() {
   };
 };
 
-function _createForOfIteratorHelper$1(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$1(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$1(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$1(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$1(r, a) : void 0; } }
-function _arrayLikeToArray$1(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$2(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$2(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$2(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$2(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$2(r, a) : void 0; } }
+function _arrayLikeToArray$2(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
   var onBack = _ref.onBack;
   var _useContext = React.useContext(DashReact.ThemeContext),
@@ -37446,12 +37431,12 @@ var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
   var checkToolConflicts = function checkToolConflicts(widget) {
     var conflicts = [];
     var packageWidgets = widget.packageWidgets || [];
-    var _iterator = _createForOfIteratorHelper$1(packageWidgets),
+    var _iterator = _createForOfIteratorHelper$2(packageWidgets),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
         var w = _step.value;
-        var _iterator2 = _createForOfIteratorHelper$1(w.providers || []),
+        var _iterator2 = _createForOfIteratorHelper$2(w.providers || []),
           _step2;
         try {
           var _loop = function _loop() {
@@ -37464,7 +37449,7 @@ var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
                 prov = _ref3[1];
               return prov.type === p.type && prov.providerClass === "mcp" && prov.allowedTools;
             });
-            var _iterator3 = _createForOfIteratorHelper$1(matchingProviders),
+            var _iterator3 = _createForOfIteratorHelper$2(matchingProviders),
               _step3;
             try {
               var _loop2 = function _loop2() {
@@ -37670,9 +37655,9 @@ var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
   });
 };
 
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$1(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$1(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$1(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$1(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$1(r, a) : void 0; } }
+function _arrayLikeToArray$1(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 
 /**
  * Walk a workspace layout array (possibly nested via LayoutGridContainer
@@ -37681,7 +37666,7 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 function collectComponentsFromLayout(layout) {
   var components = [];
   if (!Array.isArray(layout)) return components;
-  var _iterator = _createForOfIteratorHelper(layout),
+  var _iterator = _createForOfIteratorHelper$1(layout),
     _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -37710,7 +37695,7 @@ function findWidgetUsage(componentNames, workspaces) {
   if (!(componentNames !== null && componentNames !== void 0 && componentNames.length) || !(workspaces !== null && workspaces !== void 0 && workspaces.length)) return [];
   var nameSet = new Set(componentNames);
   var results = [];
-  var _iterator2 = _createForOfIteratorHelper(workspaces),
+  var _iterator2 = _createForOfIteratorHelper$1(workspaces),
     _step2;
   try {
     for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
@@ -40309,6 +40294,9 @@ var PopoverItem = function PopoverItem(_ref4) {
   });
 };
 
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var DraggableWidgetItem = function DraggableWidgetItem(_ref) {
   var widgetKey = _ref.widgetKey,
     widget = _ref.widget;
@@ -40372,11 +40360,35 @@ var DraggableWidgetItem = function DraggableWidgetItem(_ref) {
 
 var SidebarDiscoverContent = function SidebarDiscoverContent(_ref2) {
   var registry = _ref2.registry,
-    onInstallSuccess = _ref2.onInstallSuccess;
+    onInstallSuccess = _ref2.onInstallSuccess,
+    installedPackageNames = _ref2.installedPackageNames;
   var _useState = React.useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     selectedPackageName = _useState2[0],
     setSelectedPackageName = _useState2[1];
+
+  // Check if a package is installed by name or scope/name
+  var isPackageInstalled = React.useCallback(function (pkg) {
+    var _pkg$widgets;
+    // Check via WidgetRegistry (externally installed packages)
+    if (installedPackageNames.has(pkg.name) || pkg.scope && installedPackageNames.has("".concat(pkg.scope, "/").concat(pkg.name))) {
+      return true;
+    }
+    // Check if any of this package's widgets are registered in ComponentManager
+    // (covers built-in widgets loaded directly, not through the WidgetRegistry).
+    // ComponentManager keys may be prefixed (e.g., "DashSamples_EventReceiverWidget")
+    // so we also check if any key ends with the widget name.
+    if (((_pkg$widgets = pkg.widgets) === null || _pkg$widgets === void 0 ? void 0 : _pkg$widgets.length) > 0) {
+      var cMap = ComponentManager.componentMap();
+      var cMapKeys = Object.keys(cMap);
+      return pkg.widgets.some(function (w) {
+        return w.name in cMap || cMapKeys.some(function (k) {
+          return k === w.name || k.endsWith("_".concat(w.name));
+        });
+      });
+    }
+    return false;
+  }, [installedPackageNames]);
   var selectedPackage = React.useMemo(function () {
     if (!selectedPackageName) return null;
     return registry.packages.find(function (pkg) {
@@ -40385,13 +40397,13 @@ var SidebarDiscoverContent = function SidebarDiscoverContent(_ref2) {
   }, [selectedPackageName, registry.packages]);
   var handleInstall = React.useCallback(/*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(pkg) {
-      var _pkg$widgets;
+      var _pkg$widgets2;
       var firstWidget, installable;
       return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             // Build a widget-like object that useRegistrySearch.installPackage expects
-            firstWidget = (_pkg$widgets = pkg.widgets) === null || _pkg$widgets === void 0 ? void 0 : _pkg$widgets[0];
+            firstWidget = (_pkg$widgets2 = pkg.widgets) === null || _pkg$widgets2 === void 0 ? void 0 : _pkg$widgets2[0];
             if (firstWidget) {
               _context.next = 1;
               break;
@@ -40425,8 +40437,9 @@ var SidebarDiscoverContent = function SidebarDiscoverContent(_ref2) {
 
   // Detail view for a selected package
   if (selectedPackage) {
-    var _pkg$tags, _pkg$widgets2;
+    var _pkg$tags, _pkg$widgets3;
     var pkg = selectedPackage;
+    var isInstalled = isPackageInstalled(pkg);
     return /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex flex-col h-full",
       children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -40448,9 +40461,15 @@ var SidebarDiscoverContent = function SidebarDiscoverContent(_ref2) {
             className: "h-4 w-4 opacity-60 mt-0.5 flex-shrink-0"
           }), /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "min-w-0",
-            children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-              className: "font-medium text-sm truncate",
-              children: pkg.displayName || pkg.name
+            children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+              className: "flex items-center gap-1.5 font-medium text-sm",
+              children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+                className: "truncate",
+                children: pkg.displayName || pkg.name
+              }), isInstalled && /*#__PURE__*/jsxRuntime.jsx("span", {
+                className: "text-[10px] px-1.5 py-0.5 rounded bg-emerald-500/20 text-emerald-400 flex-shrink-0",
+                children: "Installed"
+              })]
             }), /*#__PURE__*/jsxRuntime.jsxs("div", {
               className: "text-[10px] opacity-50",
               children: [pkg.author && /*#__PURE__*/jsxRuntime.jsxs("span", {
@@ -40469,7 +40488,7 @@ var SidebarDiscoverContent = function SidebarDiscoverContent(_ref2) {
               children: tag
             }, tag);
           })
-        }), ((_pkg$widgets2 = pkg.widgets) === null || _pkg$widgets2 === void 0 ? void 0 : _pkg$widgets2.length) > 0 && /*#__PURE__*/jsxRuntime.jsxs("div", {
+        }), ((_pkg$widgets3 = pkg.widgets) === null || _pkg$widgets3 === void 0 ? void 0 : _pkg$widgets3.length) > 0 && /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "mb-3",
           children: [/*#__PURE__*/jsxRuntime.jsx("div", {
             className: "text-[10px] font-medium opacity-50 uppercase tracking-wider mb-1.5",
@@ -40506,9 +40525,9 @@ var SidebarDiscoverContent = function SidebarDiscoverContent(_ref2) {
           onClick: function onClick() {
             return handleInstall(pkg);
           },
-          disabled: registry.isInstalling,
+          disabled: registry.isInstalling || isInstalled,
           className: "w-full py-1.5 rounded-md text-xs font-medium bg-blue-600 hover:bg-blue-500 disabled:opacity-50 disabled:cursor-not-allowed transition-colors",
-          children: registry.isInstalling ? "Installing..." : "Install Package"
+          children: isInstalled ? "Installed" : registry.isInstalling ? "Installing..." : "Install Package"
         })
       })]
     });
@@ -40570,13 +40589,14 @@ var SidebarDiscoverContent = function SidebarDiscoverContent(_ref2) {
       children: /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "flex flex-col gap-1 px-3 py-1",
         children: registry.packages.map(function (pkg) {
-          var _pkg$widgets3, _pkg$widgets4;
+          var _pkg$widgets4, _pkg$widgets5;
+          var isInstalled = isPackageInstalled(pkg);
           return /*#__PURE__*/jsxRuntime.jsxs("button", {
             type: "button",
             onClick: function onClick() {
               return setSelectedPackageName(pkg.name);
             },
-            className: "flex items-center gap-2 px-3 py-2 rounded-md text-left bg-white/5 hover:bg-white/10 transition-colors w-full",
+            className: "flex items-center gap-2 px-3 py-2 rounded-md text-left\n                                bg-white/5 hover:bg-white/10 transition-colors w-full".concat(isInstalled ? " opacity-50" : ""),
             children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
               icon: "cube",
               className: "h-3 w-3 opacity-40 flex-shrink-0"
@@ -40590,10 +40610,17 @@ var SidebarDiscoverContent = function SidebarDiscoverContent(_ref2) {
                 children: [pkg.author && /*#__PURE__*/jsxRuntime.jsx("span", {
                   className: "truncate",
                   children: pkg.author
-                }), pkg.author && ((_pkg$widgets3 = pkg.widgets) === null || _pkg$widgets3 === void 0 ? void 0 : _pkg$widgets3.length) > 0 && /*#__PURE__*/jsxRuntime.jsx("span", {
+                }), pkg.author && ((_pkg$widgets4 = pkg.widgets) === null || _pkg$widgets4 === void 0 ? void 0 : _pkg$widgets4.length) > 0 && /*#__PURE__*/jsxRuntime.jsx("span", {
                   children: "\xB7"
-                }), ((_pkg$widgets4 = pkg.widgets) === null || _pkg$widgets4 === void 0 ? void 0 : _pkg$widgets4.length) > 0 && /*#__PURE__*/jsxRuntime.jsxs("span", {
+                }), ((_pkg$widgets5 = pkg.widgets) === null || _pkg$widgets5 === void 0 ? void 0 : _pkg$widgets5.length) > 0 && /*#__PURE__*/jsxRuntime.jsxs("span", {
                   children: [pkg.widgets.length, " widget", pkg.widgets.length !== 1 ? "s" : ""]
+                }), isInstalled && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                  children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+                    children: "\xB7"
+                  }), /*#__PURE__*/jsxRuntime.jsx("span", {
+                    className: "text-emerald-400",
+                    children: "Installed"
+                  })]
                 })]
               })]
             })]
@@ -40683,10 +40710,83 @@ var WidgetSidebar = function WidgetSidebar(_ref4) {
     });
   }, [widgetVersion]);
 
+  // Set of installed package identifiers for "Installed" badge in Discover tab.
+  // Stores folder names, package names, and "author/name" keys for matching.
+  var _useState17 = React.useState(new Set()),
+    _useState18 = _slicedToArray(_useState17, 2),
+    installedPackageNames = _useState18[0],
+    setInstalledPackageNames = _useState18[1];
+  React.useEffect(function () {
+    var cancelled = false;
+    var loadInstalled = /*#__PURE__*/function () {
+      var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+        var widgets, names, _iterator, _step, w, folderName, _folderName;
+        return _regeneratorRuntime.wrap(function (_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.prev = 0;
+              _context2.next = 1;
+              return window.mainApi.widgets.list();
+            case 1:
+              widgets = _context2.sent;
+              if (!cancelled) {
+                _context2.next = 2;
+                break;
+              }
+              return _context2.abrupt("return");
+            case 2:
+              names = new Set();
+              _iterator = _createForOfIteratorHelper(widgets);
+              try {
+                for (_iterator.s(); !(_step = _iterator.n()).done;) {
+                  w = _step.value;
+                  // w is a config object with name, path, author, etc.
+                  if (w.name) names.add(w.name);
+                  // Extract folder name from path (matches registry pkg.name)
+                  if (w.path) {
+                    folderName = w.path.split("/").pop();
+                    if (folderName) names.add(folderName);
+                  }
+                  // Add author-scoped keys for disambiguation
+                  if (w.author && w.name) {
+                    names.add("".concat(w.author, "/").concat(w.name));
+                  }
+                  if (w.author && w.path) {
+                    _folderName = w.path.split("/").pop();
+                    if (_folderName) names.add("".concat(w.author, "/").concat(_folderName));
+                  }
+                }
+              } catch (err) {
+                _iterator.e(err);
+              } finally {
+                _iterator.f();
+              }
+              setInstalledPackageNames(names);
+              _context2.next = 4;
+              break;
+            case 3:
+              _context2.prev = 3;
+              _context2["catch"](0);
+            case 4:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, null, [[0, 3]]);
+      }));
+      return function loadInstalled() {
+        return _ref5.apply(this, arguments);
+      };
+    }();
+    loadInstalled();
+    return function () {
+      cancelled = true;
+    };
+  }, [widgetVersion]);
+
   // Derive unique groups for dropdown (package > author > "Other")
   var uniqueAuthors = React.useMemo(function () {
-    return _toConsumableArray(new Set(allWidgets.map(function (_ref5) {
-      var widget = _ref5.widget;
+    return _toConsumableArray(new Set(allWidgets.map(function (_ref6) {
+      var widget = _ref6.widget;
       return widget["package"] || widget.author || "Other";
     }))).sort();
   }, [allWidgets]);
@@ -40694,8 +40794,8 @@ var WidgetSidebar = function WidgetSidebar(_ref4) {
   // Derive unique provider types for dropdown
   var uniqueProviders = React.useMemo(function () {
     var types = new Set();
-    allWidgets.forEach(function (_ref6) {
-      var widget = _ref6.widget;
+    allWidgets.forEach(function (_ref7) {
+      var widget = _ref7.widget;
       return (widget.providers || []).forEach(function (p) {
         return types.add(p.type);
       });
@@ -40705,9 +40805,9 @@ var WidgetSidebar = function WidgetSidebar(_ref4) {
 
   // Filtered + grouped widgets
   var filteredGrouped = React.useMemo(function () {
-    var filtered = allWidgets.filter(function (_ref7) {
-      var key = _ref7.key,
-        widget = _ref7.widget;
+    var filtered = allWidgets.filter(function (_ref8) {
+      var key = _ref8.key,
+        widget = _ref8.widget;
       // Search: match name, key, or description
       if (searchQuery) {
         var q = searchQuery.toLowerCase();
@@ -40747,9 +40847,9 @@ var WidgetSidebar = function WidgetSidebar(_ref4) {
 
     // Group by package > author > "Other"
     var groups = {};
-    filtered.forEach(function (_ref8) {
-      var key = _ref8.key,
-        widget = _ref8.widget;
+    filtered.forEach(function (_ref9) {
+      var key = _ref9.key,
+        widget = _ref9.widget;
       var group = widget["package"] || widget.author || "Other";
       if (!groups[group]) groups[group] = [];
       groups[group].push({
@@ -40939,9 +41039,9 @@ var WidgetSidebar = function WidgetSidebar(_ref4) {
           label: author,
           children: /*#__PURE__*/jsxRuntime.jsx("div", {
             className: "flex flex-col gap-1",
-            children: filteredGrouped[author].map(function (_ref9) {
-              var key = _ref9.key,
-                widget = _ref9.widget;
+            children: filteredGrouped[author].map(function (_ref0) {
+              var key = _ref0.key,
+                widget = _ref0.widget;
               return /*#__PURE__*/jsxRuntime.jsx(DraggableWidgetItem, {
                 widgetKey: key,
                 widget: widget
@@ -40962,7 +41062,8 @@ var WidgetSidebar = function WidgetSidebar(_ref4) {
         })]
       }) : /*#__PURE__*/jsxRuntime.jsx(SidebarDiscoverContent, {
         registry: registry,
-        onInstallSuccess: handleInstallSuccess
+        onInstallSuccess: handleInstallSuccess,
+        installedPackageNames: installedPackageNames
       })
     }), !collapsed && activeTab === "installed" && installSuccess && /*#__PURE__*/jsxRuntime.jsx(DashReact.Sidebar.Footer, {
       children: /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -42211,10 +42312,16 @@ var DashboardHeader = function DashboardHeader(_ref) {
           className: "w-40 shrink-0"
         }), onThemeChange && Object.keys(resolvedThemes).length > 0 && /*#__PURE__*/jsxRuntime.jsx(DashReact.SelectInput, {
           value: workspaceSelected.themeKey || "",
-          options: Object.entries(resolvedThemes).map(function (_ref2) {
-            var _ref3 = _slicedToArray(_ref2, 2),
-              key = _ref3[0],
-              t = _ref3[1];
+          options: Object.entries(resolvedThemes).sort(function (_ref2, _ref3) {
+            var _ref4 = _slicedToArray(_ref2, 2),
+              a = _ref4[1];
+            var _ref5 = _slicedToArray(_ref3, 2),
+              b = _ref5[1];
+            return (a.name || "").localeCompare(b.name || "");
+          }).map(function (_ref6) {
+            var _ref7 = _slicedToArray(_ref6, 2),
+              key = _ref7[0],
+              t = _ref7[1];
             return {
               label: t.name || key,
               value: key,
@@ -42222,7 +42329,7 @@ var DashboardHeader = function DashboardHeader(_ref) {
             };
           }),
           onChange: onThemeChange,
-          placeholder: "Theme",
+          placeholder: "Select a theme",
           backgroundColor: currentTheme["bg-primary-very-dark"],
           textColor: currentTheme["text-primary-medium"],
           borderColor: currentTheme["border-primary-dark"],