@trops/dash-core 0.1.259 → 0.1.261

package/dist/index.js

@@ -3594,7 +3594,7 @@ var InstallProgressModal = function InstallProgressModal(_ref) {
   var doneCount = widgets.filter(function (w) {
     return w.status === "installed" || w.status === "already-installed" || w.status === "failed";
   }).length;
-  function statusIcon(status) {
+  function statusIcon(status, item) {
     switch (status) {
       case "downloading":
         return /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -3603,7 +3603,7 @@ var InstallProgressModal = function InstallProgressModal(_ref) {
       case "installed":
       case "already-installed":
         return /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
-          icon: "circle-check",
+          icon: (item === null || item === void 0 ? void 0 : item.type) === "theme" ? "palette" : "circle-check",
           className: "h-4 w-4 text-green-400 flex-shrink-0"
         });
       case "failed":
@@ -3630,7 +3630,7 @@ var InstallProgressModal = function InstallProgressModal(_ref) {
         className: "px-5 pt-5 pb-3",
         children: /*#__PURE__*/jsxRuntime.jsx("h3", {
           className: "text-sm font-semibold",
-          children: isComplete ? "Installation Complete" : "Installing widget ".concat(doneCount + 1, " of ").concat(widgets.length, "...")
+          children: isComplete ? "Installation Complete" : "Installing ".concat(doneCount + 1, " of ").concat(widgets.length, "...")
         })
       }), /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "px-5 pb-3 space-y-1.5 max-h-64 overflow-y-auto",
@@ -3638,7 +3638,7 @@ var InstallProgressModal = function InstallProgressModal(_ref) {
           return /*#__PURE__*/jsxRuntime.jsxs("div", {
             children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
               className: "flex items-center gap-2.5 p-2 rounded ".concat(currentTheme["bg-primary-medium"] || "bg-white/5"),
-              children: [statusIcon(w.status), /*#__PURE__*/jsxRuntime.jsx("span", {
+              children: [statusIcon(w.status, w), /*#__PURE__*/jsxRuntime.jsx("span", {
                 className: "text-sm flex-1 truncate",
                 children: w.displayName
               }), /*#__PURE__*/jsxRuntime.jsx("span", {
@@ -4019,7 +4019,7 @@ var RegistryDashboardDetail = function RegistryDashboardDetail(_ref) {
   } // eslint-disable-next-line react-hooks/rules-of-hooks
   function _handleInstall() {
     _handleInstall = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var deps, _window$mainApi2, _window$mainApi2$onIn, result, _result$workspace2, _t;
+      var deps, items, _window$mainApi2, _window$mainApi2$onIn, result, _result$workspace2, _t;
       return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -4032,16 +4032,25 @@ var RegistryDashboardDetail = function RegistryDashboardDetail(_ref) {
             setIsInstalling(true);
             setInstallResult(null);
 
-            // Initialize progress modal from widget deps
+            // Initialize progress modal from widget deps + optional theme
             deps = widgetDeps.length > 0 ? widgetDeps : [];
-            if (deps.length > 0) {
-              setProgressWidgets(deps.map(function (w) {
-                return {
-                  packageName: w["package"] || w.name,
-                  displayName: w.displayName || w.name || w["package"],
-                  status: "pending"
-                };
-              }));
+            items = deps.map(function (w) {
+              return {
+                packageName: w["package"] || w.name,
+                displayName: w.displayName || w.name || w["package"],
+                status: "pending"
+              };
+            });
+            if (pkg.theme) {
+              items.push({
+                packageName: pkg.theme.registryPackage || pkg.theme.key || "theme",
+                displayName: pkg.theme.name || pkg.theme.key || "Bundled Theme",
+                status: "pending",
+                type: "theme"
+              });
+            }
+            if (items.length > 0) {
+              setProgressWidgets(items);
               setProgressComplete(false);
               setShowProgressModal(true);
 
@@ -4087,7 +4096,7 @@ var RegistryDashboardDetail = function RegistryDashboardDetail(_ref) {
             setProgressComplete(true);
 
             // If no progress modal was shown, apply result directly
-            if (deps.length === 0) {
+            if (items.length === 0) {
               setInstallResult({
                 status: result !== null && result !== void 0 && result.success ? "success" : "error",
                 message: result !== null && result !== void 0 && result.success ? "Dashboard \"".concat(((_result$workspace2 = result.workspace) === null || _result$workspace2 === void 0 ? void 0 : _result$workspace2.name) || pkg.name, "\" installed successfully.") : (result === null || result === void 0 ? void 0 : result.error) || "Installation failed."
@@ -4102,7 +4111,7 @@ var RegistryDashboardDetail = function RegistryDashboardDetail(_ref) {
             _context.prev = 5;
             _t = _context["catch"](2);
             setProgressComplete(true);
-            if (deps.length === 0) {
+            if (items.length === 0) {
               setInstallResult({
                 status: "error",
                 message: _t.message || "Failed to install dashboard."
@@ -4637,7 +4646,8 @@ var LayoutManagerModal = function LayoutManagerModal(_ref) {
     onOpenWizard = _ref$onOpenWizard === void 0 ? null : _ref$onOpenWizard;
   var _useContext = React.useContext(DashReact.ThemeContext),
     themes = _useContext.themes,
-    appThemeKey = _useContext.themeKey;
+    appThemeKey = _useContext.themeKey,
+    loadThemes = _useContext.loadThemes;
   var _useState = React.useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     creationMethod = _useState2[0],
@@ -4844,6 +4854,7 @@ var LayoutManagerModal = function LayoutManagerModal(_ref) {
             result = _context2.sent;
             if (result && result.success) {
               onReloadWorkspaces && onReloadWorkspaces();
+              loadThemes();
               if (onOpenWorkspace && result.workspace) {
                 onOpenWorkspace(result.workspace);
               }
@@ -4873,6 +4884,7 @@ var LayoutManagerModal = function LayoutManagerModal(_ref) {
             return window.mainApi.workspace.saveWorkspaceForApplication(appId, updatedWorkspace);
           case 8:
             onReloadWorkspaces && onReloadWorkspaces();
+            loadThemes();
             if (onOpenWorkspace) {
               onOpenWorkspace(updatedWorkspace);
             }
@@ -38952,7 +38964,8 @@ var DashboardsSection = function DashboardsSection(_ref) {
     setInstallMode = _useState12[1];
   var appId = credentials === null || credentials === void 0 ? void 0 : credentials.appId;
   var _useContext = React.useContext(DashReact.ThemeContext),
-    currentTheme = _useContext.currentTheme;
+    currentTheme = _useContext.currentTheme,
+    loadThemes = _useContext.loadThemes;
   var headerStyles = DashReact.getStylesForItem(DashReact.themeObjects.PANEL_HEADER, currentTheme, {
     grow: false
   });
@@ -39163,6 +39176,7 @@ var DashboardsSection = function DashboardsSection(_ref) {
       appId: appId,
       onInstallComplete: function onInstallComplete() {
         onReloadWorkspaces && onReloadWorkspaces();
+        loadThemes();
       }
     });
   } else if (selectedWorkspace) {