@trops/dash-core 0.1.452 → 0.1.453

package/dist/index.js

@@ -25461,6 +25461,7 @@ var WidgetErrorBoundary = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
+      var _this2 = this;
       if (this.state.hasError) {
         var _this$state$error;
         var widgetName = this.props.widgetName;
@@ -25468,33 +25469,64 @@ var WidgetErrorBoundary = /*#__PURE__*/function (_Component) {
 
         // Check if it's a WidgetContext error
         var isContextError = errorMessage.includes("Widget ID not found in Context") || errorMessage.includes("WidgetContext");
+
+        // AI-built widgets live under @ai-built/* — they get an "Open
+        // in AI Builder" recovery button that dispatches the existing
+        // dash:edit-widget-with-ai event (dash-electron's Dash.js
+        // listens for it and reopens the failing widget in remix mode).
+        var isAiBuilt = typeof widgetName === "string" && /(^|[./])ai-built\b/i.test(widgetName);
+        var openInBuilder = function openInBuilder() {
+          try {
+            window.dispatchEvent(new CustomEvent("dash:edit-widget-with-ai", {
+              detail: {
+                widgetComponentName: widgetName
+              }
+            }));
+          } catch (err) {
+          }
+        };
         return /*#__PURE__*/jsxRuntime.jsxs("div", {
-          className: "flex flex-col h-full w-full bg-red-900 border-2 border-red-600 rounded p-4 text-red-100",
+          className: "flex flex-col h-full w-full bg-amber-950 border border-amber-700 rounded p-4 text-amber-100",
           children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-            className: "text-xl font-bold mb-2",
-            children: "\u26A0\uFE0F Widget Error"
-          }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-            className: "text-sm mb-3",
-            children: [/*#__PURE__*/jsxRuntime.jsx("strong", {
-              children: "Widget:"
-            }), " ", widgetName]
+            className: "text-base font-semibold mb-2 text-amber-200",
+            children: "Widget couldn't render"
           }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-            className: "text-sm mb-3",
-            children: [/*#__PURE__*/jsxRuntime.jsx("strong", {
-              children: "Error:"
-            }), " ", errorMessage]
+            className: "text-xs mb-2 break-words",
+            children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+              className: "text-amber-300",
+              children: widgetName
+            }), " threw", " ", /*#__PURE__*/jsxRuntime.jsx("span", {
+              className: "font-mono",
+              children: errorMessage
+            })]
           }), isContextError && /*#__PURE__*/jsxRuntime.jsxs("div", {
-            className: "text-sm bg-red-800 border border-red-700 rounded p-3 mt-2",
+            className: "text-xs bg-amber-900 border border-amber-700 rounded p-2 mt-2 mb-2",
             children: [/*#__PURE__*/jsxRuntime.jsx("strong", {
               children: "Fix:"
             }), " This widget uses ", /*#__PURE__*/jsxRuntime.jsx("code", {
               children: "WidgetContext"
             }), " ", "but is missing the ", /*#__PURE__*/jsxRuntime.jsx("code", {
               children: "<Widget>"
-            }), " wrapper.", /*#__PURE__*/jsxRuntime.jsx("br", {}), /*#__PURE__*/jsxRuntime.jsx("br", {}), "Add the wrapper in your widget component:", /*#__PURE__*/jsxRuntime.jsx("pre", {
+            }), " wrapper.", /*#__PURE__*/jsxRuntime.jsx("br", {}), "Add the wrapper in your widget component:", /*#__PURE__*/jsxRuntime.jsx("pre", {
               className: "bg-gray-900 p-2 rounded mt-2 text-xs overflow-auto",
               children: "import { Widget } from \"@trops/dash-react\";\n\nexport const ".concat(widgetName, " = (props) => {\n  return (\n    <Widget {...props}>\n      {/* Your widget content */}\n    </Widget>\n  );\n};")
             })]
+          }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+            className: "flex items-center gap-2 mt-2",
+            children: [/*#__PURE__*/jsxRuntime.jsx("button", {
+              onClick: function onClick() {
+                return _this2.setState({
+                  hasError: false,
+                  error: null
+                });
+              },
+              className: "px-3 py-1 rounded text-xs bg-amber-700 hover:bg-amber-600 text-amber-100 transition-colors",
+              children: "Retry"
+            }), isAiBuilt && /*#__PURE__*/jsxRuntime.jsx("button", {
+              onClick: openInBuilder,
+              className: "px-3 py-1 rounded text-xs bg-indigo-600 hover:bg-indigo-500 text-white transition-colors",
+              children: "Open in AI Builder"
+            })]
           })]
         });
       }