@trops/dash-core 0.1.320 → 0.1.322

package/dist/index.esm.js

@@ -18385,6 +18385,7 @@ var WidgetCardHeader = function WidgetCardHeader(_ref) {
     _ref$onSplitVertical = _ref.onSplitVertical,
     onSplitVertical = _ref$onSplitVertical === void 0 ? null : _ref$onSplitVertical,
     onMoreOptions = _ref.onMoreOptions,
+    onEditWithAI = _ref.onEditWithAI,
     _ref$isSelected = _ref.isSelected,
     isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
     _ref$isSelectable = _ref.isSelectable,
@@ -18502,6 +18503,16 @@ var WidgetCardHeader = function WidgetCardHeader(_ref) {
       }
     });
   }
+  if (onEditWithAI && widgetItem) {
+    overflowActions.push({
+      icon: "wand-magic-sparkles",
+      label: "Edit with AI",
+      onClick: function onClick() {
+        onEditWithAI(widgetItem);
+        setShowOverflowMenu(false);
+      }
+    });
+  }
   if (onSplitHorizontal) {
     overflowActions.push({
       icon: "arrows-left-right",
@@ -18651,6 +18662,13 @@ var WidgetCardHeader = function WidgetCardHeader(_ref) {
           },
           title: "Configure widget",
           theme: false
+        }), onEditWithAI && widgetItem && /*#__PURE__*/jsx(ButtonIcon2, {
+          icon: "wand-magic-sparkles",
+          onClick: function onClick() {
+            return onEditWithAI(widgetItem);
+          },
+          title: "Edit with AI",
+          theme: false
         }), onSplitHorizontal && /*#__PURE__*/jsx(ButtonIcon2, {
           icon: "arrows-left-right",
           onClick: function onClick(e) {
@@ -20418,6 +20436,92 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [currentWorkspace]);
 
+  // Ref for current workspace state (avoids stale closure in event listener)
+  var wsRef = useRef(currentWorkspace);
+  useEffect(function () {
+    wsRef.current = currentWorkspace;
+  }, [currentWorkspace]);
+
+  // Listen for AI widget builder placement — modifies layout state directly
+  useEffect(function () {
+    var handler = function handler(e) {
+      var _ref4 = e.detail || {},
+        widgetComponentName = _ref4.widgetComponentName,
+        cellNumber = _ref4.cellNumber,
+        gridItemId = _ref4.gridItemId;
+      if (!widgetComponentName || !cellNumber || !gridItemId) return;
+      var ws = wsRef.current;
+      if (!(ws !== null && ws !== void 0 && ws.layout)) return;
+      var gridItem = ws.layout.find(function (item) {
+        return item.id === gridItemId;
+      });
+      if (!(gridItem !== null && gridItem !== void 0 && gridItem.grid)) return;
+      var config = ComponentManager.config(widgetComponentName);
+      if (!config) {
+        return;
+      }
+      try {
+        var hasChildren = config.type === "workspace";
+        var newLayout = addItemToItemLayout(ws.layout, gridItem.id, _objectSpread$z(_objectSpread$z({}, config), {}, {
+          component: widgetComponentName
+        }), hasChildren);
+        var newWidgetId = newLayout[newLayout.length - 1].id;
+        var updatedGrid = newLayout.find(function (item) {
+          return item.id === gridItem.id;
+        });
+        if (updatedGrid !== null && updatedGrid !== void 0 && updatedGrid.grid) {
+          updatedGrid.grid[cellNumber] = {
+            component: newWidgetId,
+            hide: false
+          };
+        }
+        var newWorkspace = JSON.parse(JSON.stringify(ws));
+        newWorkspace.layout = newLayout;
+        setCurrentWorkspace(newWorkspace);
+      } catch (err) {
+      }
+    };
+    window.addEventListener("dash:place-widget-in-cell", handler);
+    return function () {
+      return window.removeEventListener("dash:place-widget-in-cell", handler);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  // Listen for AI widget remix — swaps existing widget component in-place
+  useEffect(function () {
+    var handler = function handler(e) {
+      var _ref5 = e.detail || {},
+        widgetComponentName = _ref5.widgetComponentName,
+        widgetId = _ref5.widgetId;
+      if (!widgetComponentName || !widgetId) return;
+      var ws = wsRef.current;
+      if (!(ws !== null && ws !== void 0 && ws.layout)) return;
+      var config = ComponentManager.config(widgetComponentName);
+      if (!config) {
+        return;
+      }
+      try {
+        var newLayout = updateLayoutItem(ws.layout, {
+          id: widgetId,
+          component: widgetComponentName
+        });
+        if (!newLayout) {
+          return;
+        }
+        var newWorkspace = JSON.parse(JSON.stringify(ws));
+        newWorkspace.layout = newLayout;
+        setCurrentWorkspace(newWorkspace);
+      } catch (err) {
+      }
+    };
+    window.addEventListener("dash:swap-widget-in-cell", handler);
+    return function () {
+      return window.removeEventListener("dash:swap-widget-in-cell", handler);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
   /**
    * onClickAdd
    * From the Widget or Container, clicked plus button to add a widget
@@ -20829,11 +20933,11 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
 
   // Grid Operation Handlers
 
-  function handleSplitCell(_ref4) {
-    var cellNumber = _ref4.cellNumber,
-      direction = _ref4.direction,
-      count = _ref4.count,
-      gridContainer = _ref4.gridContainer;
+  function handleSplitCell(_ref6) {
+    var cellNumber = _ref6.cellNumber,
+      direction = _ref6.direction,
+      count = _ref6.count,
+      gridContainer = _ref6.gridContainer;
     try {
       var dashboard = new DashboardModel(currentWorkspace);
       var result = dashboard.splitGridCell(gridContainer.id, cellNumber, direction, count);
@@ -20845,10 +20949,10 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
     } catch (e) {
     }
   }
-  function handleMergeCells(_ref5) {
-    var cellNumbers = _ref5.cellNumbers,
-      gridContainer = _ref5.gridContainer,
-      keepComponent = _ref5.keepComponent;
+  function handleMergeCells(_ref7) {
+    var cellNumbers = _ref7.cellNumbers,
+      gridContainer = _ref7.gridContainer,
+      keepComponent = _ref7.keepComponent;
     try {
       var dashboard = new DashboardModel(currentWorkspace);
       var result = dashboard.mergeGridCells(gridContainer.id, cellNumbers);
@@ -25101,7 +25205,13 @@ var LayoutGridContainer = /*#__PURE__*/memo(function (_ref3) {
         })]
       }), /*#__PURE__*/jsxs("button", {
         onClick: function onClick() {
-          return window.dispatchEvent(new Event("dash:open-widget-builder"));
+          return window.dispatchEvent(new CustomEvent("dash:open-widget-builder", {
+            detail: {
+              cellNumber: cellNumber,
+              gridItemId: item.id,
+              workspaceId: workspace === null || workspace === void 0 ? void 0 : workspace.id
+            }
+          }));
         },
         className: "flex items-center gap-1.5 px-3 py-1 rounded-md text-xs text-indigo-400/70 hover:text-indigo-300 hover:bg-indigo-900/20 transition-colors",
         children: [/*#__PURE__*/jsx(FontAwesomeIcon, {
@@ -25163,6 +25273,19 @@ var LayoutGridContainer = /*#__PURE__*/memo(function (_ref3) {
         } : undefined,
         onDelete: cellComponent ? function () {
           if (onClickRemove) onClickRemove(cellComponent.id);
+        } : undefined,
+        onEditWithAI: cellComponent ? function () {
+          var _ComponentManager$con;
+          window.dispatchEvent(new CustomEvent("dash:edit-widget-with-ai", {
+            detail: {
+              cellNumber: cellNumber,
+              gridItemId: item.id,
+              workspaceId: workspace === null || workspace === void 0 ? void 0 : workspace.id,
+              widgetComponentName: cellComponent.component,
+              widgetId: cellComponent.id,
+              sourcePackage: ((_ComponentManager$con = ComponentManager.config(cellComponent.component, cellComponent)) === null || _ComponentManager$con === void 0 ? void 0 : _ComponentManager$con._sourcePackage) || null
+            }
+          }));
         } : undefined
       }), cellComponent && ComponentManager.config(cellComponent.component, cellComponent) ? /*#__PURE__*/jsx(DraggableDroppableCellBody, {
         cellNumber: cellNumber,