@trops/dash-core 0.1.104 → 0.1.106

package/dist/index.js

@@ -31096,13 +31096,16 @@ var PublishDashboardModal = function PublishDashboardModal(_ref) {
                 children: authorName || "—"
               })]
             }), preview && preview.componentNames && preview.componentNames.length > 0 && /*#__PURE__*/jsxRuntime.jsxs("div", {
-              className: "bg-white/5 border border-white/10 rounded-lg p-3 text-sm",
-              children: [/*#__PURE__*/jsxRuntime.jsxs("span", {
-                className: "opacity-50",
-                children: ["This dashboard contains ", preview.componentNames.length, " ", "widget", preview.componentNames.length !== 1 ? "s" : "", ":", " "]
-              }), /*#__PURE__*/jsxRuntime.jsx("span", {
-                className: "opacity-80",
-                children: preview.componentNames.join(", ")
+              children: [/*#__PURE__*/jsxRuntime.jsx("label", {
+                className: "block text-sm font-medium opacity-70 mb-2",
+                children: "Widgets Included"
+              }), /*#__PURE__*/jsxRuntime.jsx("div", {
+                className: "flex flex-wrap gap-1.5",
+                children: preview.componentNames.map(function (name) {
+                  return /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, {
+                    text: name
+                  }, name);
+                })
               })]
             }), /*#__PURE__*/jsxRuntime.jsx(DashReact.TextArea, {
               label: "Description",
@@ -31194,8 +31197,13 @@ var PublishDashboardModal = function PublishDashboardModal(_ref) {
                   children: [/*#__PURE__*/jsxRuntime.jsx("span", {
                     className: "opacity-50 w-20 flex-shrink-0",
                     children: "Widgets"
-                  }), /*#__PURE__*/jsxRuntime.jsx("span", {
-                    children: preview.componentNames.join(", ")
+                  }), /*#__PURE__*/jsxRuntime.jsx("div", {
+                    className: "flex flex-wrap gap-1",
+                    children: preview.componentNames.map(function (name) {
+                      return /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, {
+                        text: name
+                      }, name);
+                    })
                   })]
                 })]
               })]
@@ -31267,12 +31275,22 @@ var PublishDashboardModal = function PublishDashboardModal(_ref) {
                     className: "text-xs text-amber-300/90",
                     children: "The following widgets are not currently on the registry. This may be intentional if they are private. Dashboards referencing these widgets can only be installed by users who already have them."
                   })]
-                }), /*#__PURE__*/jsxRuntime.jsx("ul", {
-                  className: "text-xs opacity-60 pl-5 list-disc space-y-0.5",
+                }), /*#__PURE__*/jsxRuntime.jsx("div", {
+                  className: "space-y-2 mt-1",
                   children: result.warnings.map(function (w) {
-                    return /*#__PURE__*/jsxRuntime.jsx("li", {
-                      children: w
-                    }, w);
+                    return /*#__PURE__*/jsxRuntime.jsxs("div", {
+                      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+                        className: "text-xs font-semibold opacity-60",
+                        children: w["package"]
+                      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+                        className: "flex flex-wrap gap-1 mt-1",
+                        children: w.widgets.map(function (name) {
+                          return /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, {
+                            text: name
+                          }, name);
+                        })
+                      })]
+                    }, w["package"]);
                   })
                 })]
               }), result.registryCheckFailed && /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -36385,6 +36403,23 @@ var RegistryPackageDetail = function RegistryPackageDetail(_ref) {
             }, idx);
           })
         })]
+      }), widget.appOrigin && /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex items-center gap-1.5 text-xs opacity-50",
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+          icon: "laptop",
+          className: "h-3 w-3"
+        }), /*#__PURE__*/jsxRuntime.jsxs("span", {
+          children: ["Built for ", widget.appOrigin]
+        })]
+      }), widget.missingApis && widget.missingApis.length > 0 && /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "p-2 rounded bg-yellow-900/30 border border-yellow-700",
+        children: /*#__PURE__*/jsxRuntime.jsxs("p", {
+          className: "text-xs text-yellow-400",
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+            icon: "triangle-exclamation",
+            className: "mr-1"
+          }), "Incompatible \u2014 requires", " ", widget.missingApis.join(", "), " API", widget.missingApis.length !== 1 ? "s" : ""]
+        })
       }), widget.repository && /*#__PURE__*/jsxRuntime.jsxs("div", {
         children: [/*#__PURE__*/jsxRuntime.jsx("span", {
           className: "text-xs font-semibold opacity-50 mb-1 block",
@@ -36430,6 +36465,10 @@ function _arrayLikeToArray$2(r, a) { (null == a || a > r.length) && (a = r.lengt
  * Extracted from EnhancedWidgetDropdown so the same logic can power the
  * Discover tab inside AppSettingsModal (and anywhere else).
  *
+ * Options:
+ *   filterByCapabilities – if true (default), only show packages compatible
+ *                          with the app's API capabilities
+ *
  * Returns:
  *   packages      – raw package objects from the registry
  *   flatWidgets   – flattened widget entries with `isRegistry: true`
@@ -36440,8 +36479,13 @@ function _arrayLikeToArray$2(r, a) { (null == a || a > r.length) && (a = r.lengt
  *   installError  – install error string (or null)
  *   search()      – manually trigger a search
  *   installPackage(widget) – install a specific registry widget
+ *   showAllPackages / setShowAllPackages – toggle to show incompatible packages
+ *   appCapabilities – the app's API namespaces
  */
 var useRegistrySearch = function useRegistrySearch() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    _ref$filterByCapabili = _ref.filterByCapabilities,
+    filterByCapabilities = _ref$filterByCapabili === void 0 ? true : _ref$filterByCapabili;
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isLoading = _useState2[0],
@@ -36470,10 +36514,22 @@ var useRegistrySearch = function useRegistrySearch() {
     _useState12 = _slicedToArray(_useState11, 2),
     installError = _useState12[0],
     setInstallError = _useState12[1];
+  var _useState13 = React.useState(false),
+    _useState14 = _slicedToArray(_useState13, 2),
+    showAllPackages = _useState14[0],
+    setShowAllPackages = _useState14[1];
+
+  // Discover app capabilities from window.mainApi
+  var appCapabilities = React.useMemo(function () {
+    if (typeof window !== "undefined" && window.mainApi) {
+      return Object.keys(window.mainApi);
+    }
+    return [];
+  }, []);
   var search = React.useCallback(/*#__PURE__*/function () {
-    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(query) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(query) {
       var _window$mainApi;
-      var result, pkgs, widgets, _iterator, _step, pkg, _iterator2, _step2, widget, _t;
+      var filters, result, pkgs, capSet, widgets, _iterator, _step, pkg, allApiProviders, _iterator2, _step2, p, _iterator3, _step3, w, _iterator5, _step5, _p, missingApis, _iterator4, _step4, widget, _t;
       return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -36488,23 +36544,71 @@ var useRegistrySearch = function useRegistrySearch() {
             setIsLoading(true);
             setError(null);
             _context.prev = 2;
+            filters = {};
+            if (filterByCapabilities && !showAllPackages && appCapabilities.length) {
+              filters.appCapabilities = appCapabilities;
+            }
             _context.next = 3;
-            return window.mainApi.registry.search(query !== null && query !== void 0 ? query : searchQuery, {});
+            return window.mainApi.registry.search(query !== null && query !== void 0 ? query : searchQuery, filters);
           case 3:
             result = _context.sent;
             pkgs = result.packages || [];
             setPackages(pkgs);
 
             // Flatten packages into widget entries
+            capSet = new Set(appCapabilities.map(function (c) {
+              return c.toLowerCase();
+            }));
             widgets = [];
             _iterator = _createForOfIteratorHelper$2(pkgs);
             try {
               for (_iterator.s(); !(_step = _iterator.n()).done;) {
                 pkg = _step.value;
-                _iterator2 = _createForOfIteratorHelper$2(pkg.widgets || []);
+                // Compute missing APIs for the entire package
+                allApiProviders = [];
+                _iterator2 = _createForOfIteratorHelper$2(pkg.providers || []);
                 try {
                   for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-                    widget = _step2.value;
+                    p = _step2.value;
+                    if (p.providerClass === "api" && p.required !== false) {
+                      allApiProviders.push(p.type);
+                    }
+                  }
+                } catch (err) {
+                  _iterator2.e(err);
+                } finally {
+                  _iterator2.f();
+                }
+                _iterator3 = _createForOfIteratorHelper$2(pkg.widgets || []);
+                try {
+                  for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+                    w = _step3.value;
+                    _iterator5 = _createForOfIteratorHelper$2(w.providers || []);
+                    try {
+                      for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+                        _p = _step5.value;
+                        if (_p.providerClass === "api" && _p.required !== false) {
+                          allApiProviders.push(_p.type);
+                        }
+                      }
+                    } catch (err) {
+                      _iterator5.e(err);
+                    } finally {
+                      _iterator5.f();
+                    }
+                  }
+                } catch (err) {
+                  _iterator3.e(err);
+                } finally {
+                  _iterator3.f();
+                }
+                missingApis = _toConsumableArray(new Set(allApiProviders)).filter(function (api) {
+                  return !capSet.has(api.toLowerCase());
+                });
+                _iterator4 = _createForOfIteratorHelper$2(pkg.widgets || []);
+                try {
+                  for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+                    widget = _step4.value;
                     widgets.push({
                       key: "".concat(pkg.name, "/").concat(widget.name),
                       name: widget.displayName || widget.name,
@@ -36522,13 +36626,16 @@ var useRegistrySearch = function useRegistrySearch() {
                       downloadUrl: pkg.downloadUrl || "",
                       repository: pkg.repository || "",
                       publishedAt: pkg.publishedAt || "",
-                      packageWidgets: pkg.widgets || []
+                      packageWidgets: pkg.widgets || [],
+                      appOrigin: pkg.appOrigin || null,
+                      packageProviders: pkg.providers || [],
+                      missingApis: missingApis
                     });
                   }
                 } catch (err) {
-                  _iterator2.e(err);
+                  _iterator4.e(err);
                 } finally {
-                  _iterator2.f();
+                  _iterator4.f();
                 }
               }
             } catch (err) {
@@ -36556,9 +36663,9 @@ var useRegistrySearch = function useRegistrySearch() {
       }, _callee, null, [[2, 4, 5, 6]]);
     }));
     return function (_x) {
-      return _ref.apply(this, arguments);
+      return _ref2.apply(this, arguments);
     };
-  }(), [searchQuery]);
+  }(), [searchQuery, filterByCapabilities, showAllPackages, appCapabilities]);
 
   // Debounce search on query changes (300ms)
   React.useEffect(function () {
@@ -36569,9 +36676,9 @@ var useRegistrySearch = function useRegistrySearch() {
       return clearTimeout(timer);
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [searchQuery]);
+  }, [searchQuery, showAllPackages]);
   var installPackage = React.useCallback(/*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(widget) {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(widget) {
       var packageName, downloadUrl, packageVersion, resolvedUrl, _t2;
       return _regeneratorRuntime.wrap(function (_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -36607,7 +36714,7 @@ var useRegistrySearch = function useRegistrySearch() {
       }, _callee2, null, [[2, 4, 5, 6]]);
     }));
     return function (_x2) {
-      return _ref2.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }(), []);
   var retry = React.useCallback(function () {
@@ -36624,7 +36731,10 @@ var useRegistrySearch = function useRegistrySearch() {
     installError: installError,
     search: search,
     installPackage: installPackage,
-    retry: retry
+    retry: retry,
+    showAllPackages: showAllPackages,
+    setShowAllPackages: setShowAllPackages,
+    appCapabilities: appCapabilities
   };
 };
 
@@ -36650,7 +36760,9 @@ var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
     isInstalling = _useRegistrySearch.isInstalling,
     installError = _useRegistrySearch.installError,
     installPackage = _useRegistrySearch.installPackage,
-    retry = _useRegistrySearch.retry;
+    retry = _useRegistrySearch.retry,
+    showAllPackages = _useRegistrySearch.showAllPackages,
+    setShowAllPackages = _useRegistrySearch.setShowAllPackages;
   var _useState = React.useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     selectedPackageName = _useState2[0],
@@ -36815,10 +36927,15 @@ var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
       className: "space-y-1",
       children: packages.map(function (pkg) {
         var widgetCount = (pkg.widgets || []).length;
+        // Check if this package has incompatible API dependencies
+        var pkgWidget = flatWidgets.find(function (w) {
+          return w.packageName === pkg.name;
+        });
+        var hasIncompatible = (pkgWidget === null || pkgWidget === void 0 ? void 0 : pkgWidget.missingApis) && pkgWidget.missingApis.length > 0;
         return /*#__PURE__*/jsxRuntime.jsx(DashReact.Sidebar.Item, {
           icon: /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
-            icon: "cube",
-            className: "h-3.5 w-3.5"
+            icon: hasIncompatible ? "triangle-exclamation" : "cube",
+            className: "h-3.5 w-3.5 ".concat(hasIncompatible ? "text-yellow-500" : "")
           }),
           onClick: function onClick() {
             return setSelectedPackageName(pkg.name);
@@ -36844,14 +36961,24 @@ var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
           children: "Back"
         })]
       })
-    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex-shrink-0 px-4 py-3",
-      children: /*#__PURE__*/jsxRuntime.jsx(DashReact.SearchInput, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.SearchInput, {
         value: searchQuery,
         onChange: setSearchQuery,
         placeholder: "Search packages...",
         inputClassName: "py-1.5 text-xs"
-      })
+      }), /*#__PURE__*/jsxRuntime.jsxs("label", {
+        className: "flex items-center gap-1.5 mt-2 text-xs opacity-50 cursor-pointer select-none",
+        children: [/*#__PURE__*/jsxRuntime.jsx("input", {
+          type: "checkbox",
+          checked: showAllPackages,
+          onChange: function onChange(e) {
+            return setShowAllPackages(e.target.checked);
+          },
+          className: "rounded"
+        }), "Show all packages"]
+      })]
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "flex-1 min-h-0 overflow-y-auto px-2",
       children: listBody