@trops/dash-core 0.1.270 → 0.1.271

package/dist/index.js

@@ -23933,20 +23933,21 @@ var ExternalWidget = function ExternalWidget(_ref) {
     description = _ref.description,
     icon = _ref.icon;
     _objectWithoutProperties(_ref, _excluded$3);
-  return /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel, {
-    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "flex flex-col items-center justify-center gap-2 py-6 text-center opacity-70",
-      children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
-        icon: icon || "puzzle-piece",
-        className: "h-6 w-6 opacity-50"
-      }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, {
-        title: title || "External Widget",
-        padding: false
-      }), description && /*#__PURE__*/jsxRuntime.jsx("p", {
-        className: "text-sm text-gray-400 max-w-xs",
-        children: description
-      })]
-    })
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex flex-col h-full justify-center items-center w-full gap-2 p-4 text-center",
+    children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+      icon: icon || "triangle-exclamation",
+      className: "h-5 w-5 text-amber-500"
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "text-sm font-semibold text-gray-300",
+      children: "Widget Unavailable"
+    }), title && /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "text-xs text-gray-500 font-mono",
+      children: title
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "text-xs text-gray-600 mt-1",
+      children: description || "Check widget configuration or reinstall from the registry."
+    })]
   });
 };