@trops/dash-core 0.1.138 → 0.1.140

package/dist/index.js

@@ -38186,7 +38186,9 @@ var RegistryPackageDetail = function RegistryPackageDetail(_ref) {
     _ref$isInstalling = _ref.isInstalling,
     isInstalling = _ref$isInstalling === void 0 ? false : _ref$isInstalling,
     _ref$installError = _ref.installError,
-    installError = _ref$installError === void 0 ? null : _ref$installError;
+    installError = _ref$installError === void 0 ? null : _ref$installError,
+    _ref$isInstalled = _ref.isInstalled,
+    isInstalled = _ref$isInstalled === void 0 ? false : _ref$isInstalled;
   var _useContext = React.useContext(DashReact.ThemeContext),
     currentTheme = _useContext.currentTheme;
   var panelStyles = DashReact.getStylesForItem(DashReact.themeObjects.PANEL, currentTheme, {
@@ -38206,9 +38208,15 @@ var RegistryPackageDetail = function RegistryPackageDetail(_ref) {
             className: "h-5 w-5"
           })
         }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, {
-            title: widget.packageDisplayName,
-            padding: false
+          children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+            className: "flex items-center gap-2",
+            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, {
+              title: widget.packageDisplayName,
+              padding: false
+            }), isInstalled && /*#__PURE__*/jsxRuntime.jsx("span", {
+              className: "text-[10px] px-1.5 py-0.5 rounded bg-emerald-500/20 text-emerald-400 flex-shrink-0",
+              children: "Installed"
+            })]
           }), /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex items-center gap-2 mt-0.5",
             children: [/*#__PURE__*/jsxRuntime.jsxs("span", {
@@ -38319,13 +38327,13 @@ var RegistryPackageDetail = function RegistryPackageDetail(_ref) {
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "flex items-center justify-end px-6 py-3 border-t ".concat(currentTheme["border-primary-medium"]),
       children: /*#__PURE__*/jsxRuntime.jsx(DashReact.Button, {
-        title: isInstalling ? "Installing..." : "Install Package",
-        bgColor: "bg-blue-600",
-        hoverBackgroundColor: isInstalling ? "" : "hover:bg-blue-700",
+        title: isInstalled ? "Installed" : isInstalling ? "Installing..." : "Install Package",
+        bgColor: isInstalled ? "bg-emerald-600/50" : "bg-blue-600",
+        hoverBackgroundColor: isInstalled || isInstalling ? "" : "hover:bg-blue-700",
         textSize: "text-sm",
         padding: "py-1.5 px-4",
         onClick: onInstall,
-        disabled: isInstalling
+        disabled: isInstalling || isInstalled
       })
     })]
   });
@@ -38428,7 +38436,11 @@ var useRegistrySearch = function useRegistrySearch() {
             return window.mainApi.registry.search(query !== null && query !== void 0 ? query : searchQuery, filters);
           case 3:
             result = _context.sent;
-            pkgs = result.packages || [];
+            // Only include packages that contain at least one widget
+            // (filters out theme-only packages, etc.)
+            pkgs = (result.packages || []).filter(function (pkg) {
+              return pkg.widgets && pkg.widgets.length > 0;
+            });
             setPackages(pkgs);
 
             // Flatten packages into widget entries
@@ -38647,6 +38659,83 @@ var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     toolConflictWarning = _useState4[0],
     setToolConflictWarning = _useState4[1];
+
+  // Track installed package names (same pattern as WidgetSidebar)
+  var _useState5 = React.useState(new Set()),
+    _useState6 = _slicedToArray(_useState5, 2),
+    installedPackageNames = _useState6[0],
+    setInstalledPackageNames = _useState6[1];
+  var loadInstalledPackages = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var widgets, names, _iterator, _step, w, folderName, _folderName;
+    return _regeneratorRuntime.wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.prev = 0;
+          _context.next = 1;
+          return window.mainApi.widgets.list();
+        case 1:
+          widgets = _context.sent;
+          names = new Set();
+          _iterator = _createForOfIteratorHelper$2(widgets);
+          try {
+            for (_iterator.s(); !(_step = _iterator.n()).done;) {
+              w = _step.value;
+              if (w.name) names.add(w.name);
+              if (w.path) {
+                folderName = w.path.split("/").pop();
+                if (folderName) names.add(folderName);
+              }
+              if (w.author && w.name) {
+                names.add("".concat(w.author, "/").concat(w.name));
+              }
+              if (w.author && w.path) {
+                _folderName = w.path.split("/").pop();
+                if (_folderName) names.add("".concat(w.author, "/").concat(_folderName));
+              }
+            }
+          } catch (err) {
+            _iterator.e(err);
+          } finally {
+            _iterator.f();
+          }
+          setInstalledPackageNames(names);
+          _context.next = 3;
+          break;
+        case 2:
+          _context.prev = 2;
+          _context["catch"](0);
+        case 3:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[0, 2]]);
+  })), []);
+  React.useEffect(function () {
+    loadInstalledPackages();
+    var handleWidgetsUpdated = function handleWidgetsUpdated() {
+      return loadInstalledPackages();
+    };
+    window.addEventListener("dash:widgets-updated", handleWidgetsUpdated);
+    return function () {
+      return window.removeEventListener("dash:widgets-updated", handleWidgetsUpdated);
+    };
+  }, [loadInstalledPackages]);
+  var isPackageInstalled = React.useCallback(function (pkg) {
+    if (installedPackageNames.has(pkg.name) || pkg.scope && installedPackageNames.has("".concat(pkg.scope, "/").concat(pkg.name))) {
+      return true;
+    }
+    var packageWidgets = pkg.widgets || [];
+    if (packageWidgets.length > 0) {
+      var cMap = ComponentManager.componentMap();
+      var cMapKeys = Object.keys(cMap);
+      return packageWidgets.some(function (w) {
+        return w.name in cMap || cMapKeys.some(function (k) {
+          return k === w.name || k.endsWith("_".concat(w.name));
+        });
+      });
+    }
+    return false;
+  }, [installedPackageNames]);
   var selectedWidget = selectedPackageName ? flatWidgets.find(function (w) {
     return w.packageName === selectedPackageName;
   }) : null;
@@ -38655,31 +38744,31 @@ var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
   var checkToolConflicts = function checkToolConflicts(widget) {
     var conflicts = [];
     var packageWidgets = widget.packageWidgets || [];
-    var _iterator = _createForOfIteratorHelper$2(packageWidgets),
-      _step;
+    var _iterator2 = _createForOfIteratorHelper$2(packageWidgets),
+      _step2;
     try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var w = _step.value;
-        var _iterator2 = _createForOfIteratorHelper$2(w.providers || []),
-          _step2;
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+        var w = _step2.value;
+        var _iterator3 = _createForOfIteratorHelper$2(w.providers || []),
+          _step3;
         try {
           var _loop = function _loop() {
             var _p$requiredTools;
-            var p = _step2.value;
+            var p = _step3.value;
             if (!((_p$requiredTools = p.requiredTools) !== null && _p$requiredTools !== void 0 && _p$requiredTools.length) || p.providerClass !== "mcp") return 1; // continue
             // Find matching user provider
-            var matchingProviders = Object.entries(providers).filter(function (_ref2) {
-              var _ref3 = _slicedToArray(_ref2, 2),
-                prov = _ref3[1];
+            var matchingProviders = Object.entries(providers).filter(function (_ref3) {
+              var _ref4 = _slicedToArray(_ref3, 2),
+                prov = _ref4[1];
               return prov.type === p.type && prov.providerClass === "mcp" && prov.allowedTools;
             });
-            var _iterator3 = _createForOfIteratorHelper$2(matchingProviders),
-              _step3;
+            var _iterator4 = _createForOfIteratorHelper$2(matchingProviders),
+              _step4;
             try {
               var _loop2 = function _loop2() {
-                var _step3$value = _slicedToArray(_step3.value, 2),
-                  provName = _step3$value[0],
-                  prov = _step3$value[1];
+                var _step4$value = _slicedToArray(_step4.value, 2),
+                  provName = _step4$value[0],
+                  prov = _step4$value[1];
                 var blocked = p.requiredTools.filter(function (t) {
                   return !prov.allowedTools.includes(t);
                 });
@@ -38691,28 +38780,28 @@ var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
                   });
                 }
               };
-              for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+              for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
                 _loop2();
               }
             } catch (err) {
-              _iterator3.e(err);
+              _iterator4.e(err);
             } finally {
-              _iterator3.f();
+              _iterator4.f();
             }
           };
-          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
             if (_loop()) continue;
           }
         } catch (err) {
-          _iterator2.e(err);
+          _iterator3.e(err);
         } finally {
-          _iterator2.f();
+          _iterator3.f();
         }
       }
     } catch (err) {
-      _iterator.e(err);
+      _iterator2.e(err);
     } finally {
-      _iterator.f();
+      _iterator2.f();
     }
     return conflicts;
   };
@@ -38755,7 +38844,10 @@ var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
         widget: selectedWidget,
         onInstall: handleInstall,
         isInstalling: isInstalling,
-        installError: installError
+        installError: installError,
+        isInstalled: selectedWidget ? isPackageInstalled(packages.find(function (p) {
+          return p.name === selectedPackageName;
+        }) || {}) : false
       })]
     });
   }
@@ -38808,6 +38900,7 @@ var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
           return w.packageName === pkg.name;
         });
         var hasIncompatible = (pkgWidget === null || pkgWidget === void 0 ? void 0 : pkgWidget.missingApis) && pkgWidget.missingApis.length > 0;
+        var isInstalled = isPackageInstalled(pkg);
         return /*#__PURE__*/jsxRuntime.jsx(DashReact.Sidebar.Item, {
           icon: /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
             icon: hasIncompatible ? "triangle-exclamation" : "cube",
@@ -38817,7 +38910,14 @@ var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
             return setSelectedPackageName(pkg.name);
           },
           badge: "".concat(widgetCount),
-          children: pkg.displayName || pkg.name
+          className: isInstalled ? "opacity-50" : "",
+          children: /*#__PURE__*/jsxRuntime.jsxs("span", {
+            className: "flex items-center gap-1.5",
+            children: [pkg.displayName || pkg.name, isInstalled && /*#__PURE__*/jsxRuntime.jsx("span", {
+              className: "text-[10px] text-emerald-400",
+              children: "Installed"
+            })]
+          })
         }, pkg.name);
       })
     });