@trops/dash-core 0.1.321 → 0.1.323

package/dist/index.js

@@ -18403,6 +18403,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,
@@ -18520,6 +18521,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",
@@ -18669,6 +18680,13 @@ var WidgetCardHeader = function WidgetCardHeader(_ref) {
           },
           title: "Configure widget",
           theme: false
+        }), onEditWithAI && widgetItem && /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon2, {
+          icon: "wand-magic-sparkles",
+          onClick: function onClick() {
+            return onEditWithAI(widgetItem);
+          },
+          title: "Edit with AI",
+          theme: false
         }), onSplitHorizontal && /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon2, {
           icon: "arrows-left-right",
           onClick: function onClick(e) {
@@ -19057,6 +19075,7 @@ var WidgetCardHeader_Component = function WidgetCardHeader_Component(_ref) {
     onSplitHorizontal = _ref$onSplitHorizonta === void 0 ? null : _ref$onSplitHorizonta,
     _ref$onSplitVertical = _ref.onSplitVertical,
     onSplitVertical = _ref$onSplitVertical === void 0 ? null : _ref$onSplitVertical,
+    onEditWithAI = _ref.onEditWithAI,
     _ref$isSelected = _ref.isSelected,
     isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
     _ref$isSelectable = _ref.isSelectable,
@@ -19080,6 +19099,7 @@ var WidgetCardHeader_Component = function WidgetCardHeader_Component(_ref) {
     onDelete: onDelete,
     onSplitHorizontal: onSplitHorizontal,
     onSplitVertical: onSplitVertical,
+    onEditWithAI: onEditWithAI,
     isSelected: isSelected,
     isSelectable: isSelectable,
     onToggleSelect: onToggleSelect
@@ -20488,6 +20508,40 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
+  // Listen for AI widget remix — swaps existing widget component in-place
+  React.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
@@ -20899,11 +20953,11 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
 
   // Grid Operation Handlers
 
-  function handleSplitCell(_ref5) {
-    var cellNumber = _ref5.cellNumber,
-      direction = _ref5.direction,
-      count = _ref5.count,
-      gridContainer = _ref5.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);
@@ -20915,10 +20969,10 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
     } catch (e) {
     }
   }
-  function handleMergeCells(_ref6) {
-    var cellNumbers = _ref6.cellNumbers,
-      gridContainer = _ref6.gridContainer,
-      keepComponent = _ref6.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);
@@ -25239,6 +25293,19 @@ var LayoutGridContainer = /*#__PURE__*/React.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__*/jsxRuntime.jsx(DraggableDroppableCellBody, {
         cellNumber: cellNumber,