@trops/dash-core 0.1.317 → 0.1.318

package/dist/index.js

@@ -25099,21 +25099,33 @@ var LayoutGridContainer = /*#__PURE__*/React.memo(function (_ref3) {
   // Render empty cell body content (used inside WidgetCard.Body in edit mode)
   function renderEmptyCellContent(cellNumber) {
     return /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "w-full h-full min-h-16 flex flex-col items-center justify-center hover:bg-gray-800/50 cursor-pointer transition-colors",
-      onClick: function onClick() {
-        return handleClickAdd(cellNumber);
-      },
+      className: "w-full h-full min-h-16 flex flex-col items-center justify-center gap-2",
       onContextMenu: function onContextMenu(e) {
         return handleCellRightClick(e, cellNumber);
       },
-      children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, {
-        icon: "plus",
-        textColor: "text-gray-600",
-        hoverTextColor: "hover:text-blue-400",
-        backgroundColor: "bg-transparent"
-      }), /*#__PURE__*/jsxRuntime.jsx("span", {
-        className: "text-xs text-gray-600 mt-1",
-        children: "Add widget"
+      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex flex-col items-center cursor-pointer hover:bg-gray-800/50 rounded-lg px-4 py-2 transition-colors",
+        onClick: function onClick() {
+          return handleClickAdd(cellNumber);
+        },
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, {
+          icon: "plus",
+          textColor: "text-gray-600",
+          hoverTextColor: "hover:text-blue-400",
+          backgroundColor: "bg-transparent"
+        }), /*#__PURE__*/jsxRuntime.jsx("span", {
+          className: "text-xs text-gray-600 mt-1",
+          children: "Add widget"
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsxs("button", {
+        onClick: function onClick() {
+          return window.dispatchEvent(new Event("dash:open-widget-builder"));
+        },
+        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, {
+          icon: "wand-magic-sparkles",
+          className: "h-2.5 w-2.5"
+        }), "Build with AI"]
       })]
     });
   }