@trops/dash-core 0.1.226 → 0.1.228

package/dist/index.js

@@ -3895,7 +3895,7 @@ var RegistryDashboardDetail = function RegistryDashboardDetail(_ref) {
           className: "space-y-1.5",
           children: widgetDeps.map(function (w, idx) {
             var _compatibility$widget;
-            var status = (compatibility === null || compatibility === void 0 || (_compatibility$widget = compatibility.widgets) === null || _compatibility$widget === void 0 ? void 0 : _compatibility$widget[w.name || w.packageName]) || "unknown";
+            var status = (compatibility === null || compatibility === void 0 || (_compatibility$widget = compatibility.widgets) === null || _compatibility$widget === void 0 ? void 0 : _compatibility$widget[w.packageName || w.name]) || "unknown";
             var compat = getCompatIcon(status);
             return /*#__PURE__*/jsxRuntime.jsxs("div", {
               className: "p-2 rounded ".concat(currentTheme["bg-primary-medium"], " flex items-center gap-2"),
@@ -6275,73 +6275,7 @@ var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [state.step, state.selectedDashboard]);
 
-  // Expose handleCreate and creating state to parent via ref (DASH-183)
-  React.useEffect(function () {
-    if (createHandlerRef) {
-      createHandlerRef.current = {
-        handleCreate: handleCreate,
-        creating: creating
-      };
-    }
-  }, [createHandlerRef, handleCreate, creating]);
-  var handleNameChange = React.useCallback(function (val) {
-    dispatch({
-      type: "SET_CUSTOMIZATION",
-      payload: {
-        name: val
-      }
-    });
-  }, [dispatch]);
-  var handleMenuSelect = React.useCallback(function (id) {
-    dispatch({
-      type: "SET_CUSTOMIZATION",
-      payload: {
-        menuId: id
-      }
-    });
-    setIsCreatingFolder(false);
-    setNewFolderName("");
-    setNewFolderIcon(null);
-    setSubStep(2); // Auto-advance to Theme
-  }, [dispatch]);
-  var handleThemeSelect = React.useCallback(function (key) {
-    dispatch({
-      type: "SET_CUSTOMIZATION",
-      payload: {
-        theme: key
-      }
-    });
-  }, [dispatch]);
-  function handleCancelNewFolder() {
-    setIsCreatingFolder(false);
-    setNewFolderName("");
-    setNewFolderIcon(null);
-  }
-  function handleSaveNewFolder() {
-    if (!newFolderName.trim() || !newFolderIcon) return;
-    var newItem = {
-      id: Date.now(),
-      name: newFolderName.trim(),
-      icon: newFolderIcon
-    };
-    setLocalMenuItems(function (prev) {
-      return [].concat(_toConsumableArray(prev), [newItem]);
-    });
-    dispatch({
-      type: "SET_CUSTOMIZATION",
-      payload: {
-        menuId: newItem.id
-      }
-    });
-    if (onSaveMenuItem) {
-      onSaveMenuItem(newItem);
-    }
-    setIsCreatingFolder(false);
-    setNewFolderName("");
-    setNewFolderIcon(null);
-  }
-
-  // --- Create logic ---
+  // --- Create logic (DASH-191: moved above useEffect so ref captures actual function) ---
   var handleCreate = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var _state$customization, name, menuId, theme, result, _window$mainApi, installResult, updatedWorkspace, _window$mainApi2, template, layoutObj, widgetOrder, cells, _loop, i, workspace, _t;
     return _regeneratorRuntime.wrap(function (_context2) {
@@ -6493,6 +6427,72 @@ var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
     }, _callee, null, [[1, 16, 17, 18]]);
   })), [state, isPrebuilt, onInstallDashboard, onCreateWorkspace, appId]);
 
+  // Expose handleCreate and creating state to parent via ref (DASH-183)
+  React.useEffect(function () {
+    if (createHandlerRef) {
+      createHandlerRef.current = {
+        handleCreate: handleCreate,
+        creating: creating
+      };
+    }
+  }, [createHandlerRef, handleCreate, creating]);
+  var handleNameChange = React.useCallback(function (val) {
+    dispatch({
+      type: "SET_CUSTOMIZATION",
+      payload: {
+        name: val
+      }
+    });
+  }, [dispatch]);
+  var handleMenuSelect = React.useCallback(function (id) {
+    dispatch({
+      type: "SET_CUSTOMIZATION",
+      payload: {
+        menuId: id
+      }
+    });
+    setIsCreatingFolder(false);
+    setNewFolderName("");
+    setNewFolderIcon(null);
+    setSubStep(2); // Auto-advance to Theme
+  }, [dispatch]);
+  var handleThemeSelect = React.useCallback(function (key) {
+    dispatch({
+      type: "SET_CUSTOMIZATION",
+      payload: {
+        theme: key
+      }
+    });
+  }, [dispatch]);
+  function handleCancelNewFolder() {
+    setIsCreatingFolder(false);
+    setNewFolderName("");
+    setNewFolderIcon(null);
+  }
+  function handleSaveNewFolder() {
+    if (!newFolderName.trim() || !newFolderIcon) return;
+    var newItem = {
+      id: Date.now(),
+      name: newFolderName.trim(),
+      icon: newFolderIcon
+    };
+    setLocalMenuItems(function (prev) {
+      return [].concat(_toConsumableArray(prev), [newItem]);
+    });
+    dispatch({
+      type: "SET_CUSTOMIZATION",
+      payload: {
+        menuId: newItem.id
+      }
+    });
+    if (onSaveMenuItem) {
+      onSaveMenuItem(newItem);
+    }
+    setIsCreatingFolder(false);
+    setNewFolderName("");
+    setNewFolderIcon(null);
+  }
+
   // --- Success state ---
   if (createdDashboard) {
     return /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -6705,6 +6705,21 @@ var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
               })
             }, item.id);
           })]
+        }), /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "flex justify-end mt-2",
+          children: /*#__PURE__*/jsxRuntime.jsx(DashReact.Button, {
+            onClick: function onClick() {
+              return setSubStep(2);
+            },
+            title: "Next",
+            textSize: "text-sm",
+            padding: "py-1.5 px-4",
+            backgroundColor: "bg-blue-600",
+            textColor: "text-white",
+            hoverTextColor: "hover:text-white",
+            hoverBackgroundColor: "hover:bg-blue-500",
+            icon: "arrow-right"
+          })
         })]
       }), subStep === 2 && /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex flex-col gap-3",
@@ -48109,6 +48124,10 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
       handleOpenTab(newWorkspace);
       setSidebarCollapsed(true);
       setPreviewMode(false);
+      return {
+        success: true,
+        workspace: newWorkspace
+      };
     } catch (e) {
     }
   }