@trops/dash-core 0.1.229 → 0.1.231

package/dist/index.esm.js

@@ -6259,7 +6259,7 @@ var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
 
   // --- Create logic (DASH-191: moved above useEffect so ref captures actual function) ---
   var handleCreate = 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;
+    var _state$customization, name, menuId, theme, result, _window$mainApi, installResult, updatedWorkspace, _window$mainApi2, template, layoutObj, widgetOrder, cells, widgetItems, nextId, _loop, i, fullLayout, workspace, _t;
     return _regeneratorRuntime.wrap(function (_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
@@ -6326,13 +6326,15 @@ var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
           }
           throw new Error("No layout template selected.");
         case 8:
-          layoutObj = createLayoutFromTemplate(template, menuId || 1); // Place widgets into grid cells
+          layoutObj = createLayoutFromTemplate(template, menuId || 1); // Place widgets into grid cells as proper layout items
           widgetOrder = state.layout.widgetOrder || [];
           cells = template.cells.filter(function (c) {
             return !c.hide;
           });
+          widgetItems = [];
+          nextId = 2; // grid container is ID 1
           _loop = /*#__PURE__*/_regeneratorRuntime.mark(function _loop(i) {
-            var widget;
+            var widget, widgetKey;
             return _regeneratorRuntime.wrap(function (_context) {
               while (1) switch (_context.prev = _context.next) {
                 case 0:
@@ -6340,7 +6342,18 @@ var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
                     return (w.name || w.key) === widgetOrder[i];
                   });
                   if (widget && layoutObj.grid[cells[i].key]) {
-                    layoutObj.grid[cells[i].key].component = widget.component || widget.name || widget.key;
+                    widgetKey = widget.component || widget.name || widget.key;
+                    widgetItems.push({
+                      id: nextId,
+                      component: widgetKey,
+                      parent: 1,
+                      order: i + 1,
+                      hasChildren: 0,
+                      scrollable: true,
+                      workspace: "layout"
+                    });
+                    layoutObj.grid[cells[i].key].component = nextId;
+                    nextId++;
                   }
                 case 1:
                 case "end":
@@ -6360,12 +6373,13 @@ var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
           _context2.next = 9;
           break;
         case 11:
+          fullLayout = [layoutObj].concat(widgetItems);
           if (!onCreateWorkspace) {
             _context2.next = 13;
             break;
           }
           _context2.next = 12;
-          return onCreateWorkspace(layoutObj, theme, name.trim());
+          return onCreateWorkspace(fullLayout, theme, name.trim());
         case 12:
           result = _context2.sent;
           _context2.next = 15;
@@ -6379,7 +6393,7 @@ var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
             name: name.trim(),
             menuId: menuId || 1,
             themeKey: theme,
-            layout: [layoutObj]
+            layout: fullLayout
           };
           _context2.next = 14;
           return window.mainApi.workspace.saveWorkspaceForApplication(appId, workspace);
@@ -37886,9 +37900,9 @@ var DashboardsSection = function DashboardsSection(_ref) {
     className: "flex flex-col h-full",
     children: [/*#__PURE__*/jsxs("div", {
       className: "flex-shrink-0 flex flex-col gap-2 px-3 py-2 ".concat(headerStyles.backgroundColor || ""),
-      children: [/*#__PURE__*/jsx("div", {
+      children: [/*#__PURE__*/jsxs("div", {
         className: "flex items-center gap-2",
-        children: /*#__PURE__*/jsx("div", {
+        children: [/*#__PURE__*/jsx("div", {
           className: "flex-1",
           children: /*#__PURE__*/jsx(SearchInput, {
             value: searchQuery,
@@ -37896,7 +37910,15 @@ var DashboardsSection = function DashboardsSection(_ref) {
             placeholder: "Search dashboards...",
             inputClassName: "py-1.5 text-xs"
           })
-        })
+        }), onOpenWizard && /*#__PURE__*/jsx("button", {
+          onClick: onOpenWizard,
+          className: "flex-shrink-0 p-1.5 rounded opacity-60 hover:opacity-100 transition-opacity",
+          title: "Dashboard Wizard",
+          children: /*#__PURE__*/jsx(FontAwesomeIcon, {
+            icon: "wand-magic-sparkles",
+            className: "h-3.5 w-3.5"
+          })
+        })]
       }), /*#__PURE__*/jsx(Tabs3, {
         value: installMode === "marketplace" ? "marketplace" : viewMode,
         onValueChange: function onValueChange(val) {
@@ -37925,14 +37947,6 @@ var DashboardsSection = function DashboardsSection(_ref) {
             value: "marketplace",
             className: "flex-1",
             children: "Marketplace"
-          }), onOpenWizard && /*#__PURE__*/jsx(Tabs3.Trigger, {
-            value: "wizard",
-            className: "flex-1",
-            onClick: function onClick(e) {
-              e.preventDefault();
-              onOpenWizard();
-            },
-            children: "Wizard"
           })]
         })
       })]
@@ -48093,14 +48107,15 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
   function handleClickNewFromEmpty() {
     setIsLayoutPickerOpen(true);
   }
-  function handleCreateFromTemplate(layoutObj) {
+  function handleCreateFromTemplate(layoutObjOrArray) {
     var themeKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
     var name = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
     try {
+      var layout = Array.isArray(layoutObjOrArray) ? layoutObjOrArray : [layoutObjOrArray];
       var newWorkspace = WorkspaceModel({
-        layout: [layoutObj],
+        layout: layout,
         themeKey: themeKey,
-        menuId: layoutObj.menuId,
+        menuId: layout[0].menuId,
         name: name || undefined
       });
       handleOpenTab(newWorkspace);