@trops/dash-core 0.1.414 → 0.1.416

package/dist/index.esm.js

@@ -50479,6 +50479,13 @@ var PackageItem = function PackageItem(_ref6) {
     _useState18 = _slicedToArray(_useState17, 2),
     deleting = _useState18[0],
     setDeleting = _useState18[1];
+  // Last delete-attempt error. Rendered inline next to the delete
+  // button so a failed attempt surfaces its cause (auth expired, 404,
+  // server 500, network) instead of silently resetting.
+  var _useState19 = useState(null),
+    _useState20 = _slicedToArray(_useState19, 2),
+    deleteError = _useState20[0],
+    setDeleteError = _useState20[1];
   function handleSave() {
     return _handleSave2.apply(this, arguments);
   }
@@ -50528,34 +50535,44 @@ var PackageItem = function PackageItem(_ref6) {
   }
   function _handleDelete() {
     _handleDelete = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
-      var _window$mainApi5, result;
+      var _window$mainApi5, result, _t4;
       return _regeneratorRuntime.wrap(function (_context4) {
         while (1) switch (_context4.prev = _context4.next) {
           case 0:
             setDeleting(true);
+            setDeleteError(null);
             _context4.prev = 1;
             _context4.next = 2;
             return (_window$mainApi5 = window.mainApi) === null || _window$mainApi5 === void 0 || (_window$mainApi5 = _window$mainApi5.registryAuth) === null || _window$mainApi5 === void 0 ? void 0 : _window$mainApi5.deletePackage(pkg.scope, pkg.name);
           case 2:
             result = _context4.sent;
-            if (result) {
-              onDeleted === null || onDeleted === void 0 || onDeleted();
+            if (!(result !== null && result !== void 0 && result.success)) {
+              _context4.next = 3;
+              break;
             }
-            _context4.next = 4;
-            break;
+            onDeleted === null || onDeleted === void 0 || onDeleted();
+            return _context4.abrupt("return");
           case 3:
-            _context4.prev = 3;
-            _context4["catch"](1);
+            // New error-surface format: `{ success, error, status }`. Show
+            // the server-reported reason so the user (or the next bug
+            // reporter) knows exactly why the delete failed.
+            setDeleteError((result === null || result === void 0 ? void 0 : result.error) || (result !== null && result !== void 0 && result.status ? "Delete failed (".concat(result.status, ")") : "Delete failed — no response from registry."));
+            _context4.next = 5;
+            break;
           case 4:
             _context4.prev = 4;
+            _t4 = _context4["catch"](1);
+            setDeleteError("Unexpected error: ".concat((_t4 === null || _t4 === void 0 ? void 0 : _t4.message) || String(_t4)));
+          case 5:
+            _context4.prev = 5;
             setDeleting(false);
             setConfirmingDelete(false);
-            return _context4.finish(4);
-          case 5:
+            return _context4.finish(5);
+          case 6:
           case "end":
             return _context4.stop();
         }
-      }, _callee4, null, [[1, 3, 4, 5]]);
+      }, _callee4, null, [[1, 4, 5, 6]]);
     }));
     return _handleDelete.apply(this, arguments);
   }
@@ -50621,8 +50638,9 @@ var PackageItem = function PackageItem(_ref6) {
         })]
       }), /*#__PURE__*/jsxs("div", {
         className: "flex items-center justify-between",
-        children: [/*#__PURE__*/jsx("div", {
-          children: confirmingDelete ? /*#__PURE__*/jsxs("div", {
+        children: [/*#__PURE__*/jsxs("div", {
+          className: "flex items-center gap-3",
+          children: [confirmingDelete ? /*#__PURE__*/jsxs("div", {
             className: "flex items-center gap-2",
             children: [/*#__PURE__*/jsx("button", {
               type: "button",
@@ -50633,7 +50651,8 @@ var PackageItem = function PackageItem(_ref6) {
             }), /*#__PURE__*/jsx("button", {
               type: "button",
               onClick: function onClick() {
-                return setConfirmingDelete(false);
+                setConfirmingDelete(false);
+                setDeleteError(null);
               },
               className: "text-xs opacity-50 hover:opacity-80 cursor-pointer",
               children: "Cancel"
@@ -50641,11 +50660,16 @@ var PackageItem = function PackageItem(_ref6) {
           }) : /*#__PURE__*/jsx("button", {
             type: "button",
             onClick: function onClick() {
-              return setConfirmingDelete(true);
+              setConfirmingDelete(true);
+              setDeleteError(null);
             },
             className: "text-xs text-red-400/70 hover:text-red-400 cursor-pointer",
             children: "Delete"
-          })
+          }), deleteError && /*#__PURE__*/jsx("span", {
+            className: "text-[11px] text-red-400 max-w-sm truncate",
+            title: deleteError,
+            children: deleteError
+          })]
         }), /*#__PURE__*/jsxs("div", {
           className: "flex items-center gap-2",
           children: [/*#__PURE__*/jsx("button", {
@@ -54342,6 +54366,24 @@ function _unsupportedIterableToArray$5(r, a) { if (r) { if ("string" == typeof r
 function _arrayLikeToArray$5(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var ALL_WIDGETS_ID = "__ALL__";
 
+/**
+ * Build the scoped registry identifier for a widget. Surfaces the
+ * `scope.packageName.component` triple in the settings UI so users
+ * can verify what a widget's registry identity is — useful when
+ * diagnosing dashboard-install warnings ("why didn't this widget
+ * install?" → scoped id in the warning vs scoped id shown here).
+ * Returns just the component name when scope/package metadata is
+ * unavailable (e.g. bare built-ins).
+ */
+function buildScopedId(widget) {
+  if (!(widget !== null && widget !== void 0 && widget.component)) return null;
+  var scope = widget.scope ? String(widget.scope).replace(/^@/, "") : null;
+  var pkg = widget.packageName ? scope ? String(widget.packageName).replace(new RegExp("^@?".concat(scope, "/")), "") : String(widget.packageName).replace(/^@/, "") : null;
+  if (scope && pkg) return "".concat(scope, ".").concat(pkg, ".").concat(widget.component);
+  if (pkg) return "".concat(pkg, ".").concat(widget.component);
+  return widget.component;
+}
+
 /**
  * WidgetsTab
  *
@@ -54389,7 +54431,12 @@ var WidgetsTab = function WidgetsTab(_ref) {
           displayName: item.name || cfg.name || cfg.displayName || item.component,
           section: section,
           userConfig: cfg.userConfig || {},
-          userPrefs: item.userPrefs || {}
+          userPrefs: item.userPrefs || {},
+          // Identity fields for the registry-identifier label. Prefer
+          // values from the widget's component manager entry since the
+          // layout item itself often doesn't carry scope/packageName.
+          scope: cfg.scope || item.scope || null,
+          packageName: cfg.packageName || cfg.name || item.packageName || null
         });
       };
     };
@@ -54557,6 +54604,7 @@ function SingleWidgetPane(_ref4) {
     effectivePrefs = _ref4.effectivePrefs,
     onFieldChange = _ref4.onFieldChange;
   var hasFields = Object.keys(widget.userConfig).length > 0;
+  var scopedId = buildScopedId(widget);
   return /*#__PURE__*/jsxs("div", {
     children: [/*#__PURE__*/jsxs("div", {
       className: "mb-3",
@@ -54566,6 +54614,10 @@ function SingleWidgetPane(_ref4) {
       }), /*#__PURE__*/jsxs("div", {
         className: "text-xs text-gray-500",
         children: [widget.component, " \xB7 ", widget.section]
+      }), scopedId && scopedId !== widget.component && /*#__PURE__*/jsx("code", {
+        className: "block mt-1 text-[11px] text-gray-500 font-mono truncate",
+        title: scopedId,
+        children: scopedId
       })]
     }), hasFields ? /*#__PURE__*/jsx(PanelEditForm, {
       userConfig: widget.userConfig,