@trops/dash-core 0.1.320 → 0.1.321

package/dist/index.js

@@ -20436,6 +20436,58 @@ 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 = React.useRef(currentWorkspace);
+  React.useEffect(function () {
+    wsRef.current = currentWorkspace;
+  }, [currentWorkspace]);
+
+  // Listen for AI widget builder placement — modifies layout state directly
+  React.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
+  }, []);
+
   /**
    * onClickAdd
    * From the Widget or Container, clicked plus button to add a widget
@@ -20847,11 +20899,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(_ref5) {
+    var cellNumber = _ref5.cellNumber,
+      direction = _ref5.direction,
+      count = _ref5.count,
+      gridContainer = _ref5.gridContainer;
     try {
       var dashboard = new DashboardModel(currentWorkspace);
       var result = dashboard.splitGridCell(gridContainer.id, cellNumber, direction, count);
@@ -20863,10 +20915,10 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
     } catch (e) {
     }
   }
-  function handleMergeCells(_ref5) {
-    var cellNumbers = _ref5.cellNumbers,
-      gridContainer = _ref5.gridContainer,
-      keepComponent = _ref5.keepComponent;
+  function handleMergeCells(_ref6) {
+    var cellNumbers = _ref6.cellNumbers,
+      gridContainer = _ref6.gridContainer,
+      keepComponent = _ref6.keepComponent;
     try {
       var dashboard = new DashboardModel(currentWorkspace);
       var result = dashboard.mergeGridCells(gridContainer.id, cellNumbers);
@@ -25119,7 +25171,13 @@ var LayoutGridContainer = /*#__PURE__*/React.memo(function (_ref3) {
         })]
       }), /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {