@trops/dash-core 0.1.247 → 0.1.250

package/dist/index.esm.js

@@ -23114,6 +23114,395 @@ var ExternalWidget = function ExternalWidget(_ref) {
   });
 };
 
+var RegistryPackageDetail = function RegistryPackageDetail(_ref) {
+  var widget = _ref.widget,
+    onInstall = _ref.onInstall,
+    _ref$isInstalling = _ref.isInstalling,
+    isInstalling = _ref$isInstalling === void 0 ? false : _ref$isInstalling,
+    _ref$installError = _ref.installError,
+    installError = _ref$installError === void 0 ? null : _ref$installError,
+    _ref$isInstalled = _ref.isInstalled,
+    isInstalled = _ref$isInstalled === void 0 ? false : _ref$isInstalled;
+  var _useContext = useContext(ThemeContext),
+    currentTheme = _useContext.currentTheme;
+  var panelStyles = getStylesForItem(themeObjects.PANEL, currentTheme, {
+    grow: false
+  });
+  if (!widget) return null;
+  return /*#__PURE__*/jsxs("div", {
+    className: "flex flex-col flex-1 min-h-0",
+    children: [/*#__PURE__*/jsxs("div", {
+      className: "flex-1 min-h-0 overflow-y-auto p-6 space-y-6 ".concat(panelStyles.textColor || "text-gray-200"),
+      children: [/*#__PURE__*/jsxs("div", {
+        className: "flex flex-row items-center gap-3",
+        children: [/*#__PURE__*/jsx("div", {
+          className: "h-5 w-5 flex-shrink-0 flex items-center justify-center",
+          children: /*#__PURE__*/jsx(FontAwesomeIcon, {
+            icon: widget.icon || "cube",
+            className: "h-5 w-5"
+          })
+        }), /*#__PURE__*/jsxs("div", {
+          children: [/*#__PURE__*/jsxs("div", {
+            className: "flex items-center gap-2",
+            children: [/*#__PURE__*/jsx(SubHeading3, {
+              title: widget.packageDisplayName,
+              padding: false
+            }), isInstalled && /*#__PURE__*/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__*/jsxs("div", {
+            className: "flex items-center gap-2 mt-0.5",
+            children: [/*#__PURE__*/jsxs("span", {
+              className: "text-sm opacity-60",
+              children: ["by ", widget.packageAuthor || "Unknown"]
+            }), /*#__PURE__*/jsxs("span", {
+              className: "text-xs px-2 py-0.5 rounded ".concat(currentTheme["bg-primary-medium"], " opacity-70"),
+              children: ["v", widget.packageVersion]
+            })]
+          })]
+        })]
+      }), /*#__PURE__*/jsx("hr", {
+        className: currentTheme["border-primary-medium"]
+      }), widget.packageDescription && /*#__PURE__*/jsx("p", {
+        className: "text-sm",
+        children: widget.packageDescription
+      }), widget.packageTags && widget.packageTags.length > 0 && /*#__PURE__*/jsx("div", {
+        className: "flex flex-wrap gap-1",
+        children: widget.packageTags.map(function (tag) {
+          return /*#__PURE__*/jsx("span", {
+            className: "text-xs px-2 py-0.5 rounded ".concat(currentTheme["bg-primary-medium"], " opacity-60"),
+            children: tag
+          }, tag);
+        })
+      }), /*#__PURE__*/jsxs("div", {
+        children: [/*#__PURE__*/jsx("span", {
+          className: "text-xs font-semibold opacity-50 mb-1 block",
+          children: "INCLUDED WIDGETS"
+        }), /*#__PURE__*/jsx("div", {
+          className: "space-y-1.5",
+          children: (widget.packageWidgets || []).map(function (w, idx) {
+            return /*#__PURE__*/jsxs("div", {
+              className: "p-2 rounded ".concat(currentTheme["bg-primary-medium"]),
+              children: [/*#__PURE__*/jsx("div", {
+                className: "text-sm font-medium",
+                children: w.displayName || w.name
+              }), w.description && /*#__PURE__*/jsx("div", {
+                className: "text-xs opacity-50 mt-0.5",
+                children: w.description
+              }), getUserConfigurableProviders(w.providers).length > 0 && /*#__PURE__*/jsxs("div", {
+                className: "space-y-1 mt-1",
+                children: [/*#__PURE__*/jsx("div", {
+                  className: "flex gap-1 flex-wrap",
+                  children: getUserConfigurableProviders(w.providers).map(function (p, pidx) {
+                    return /*#__PURE__*/jsxs("span", {
+                      className: "text-xs px-1.5 py-0.5 rounded bg-blue-900/30 text-blue-400",
+                      children: [p.type, p.required ? " *" : ""]
+                    }, pidx);
+                  })
+                }), getUserConfigurableProviders(w.providers).some(function (p) {
+                  var _p$requiredTools;
+                  return ((_p$requiredTools = p.requiredTools) === null || _p$requiredTools === void 0 ? void 0 : _p$requiredTools.length) > 0;
+                }) && /*#__PURE__*/jsx("div", {
+                  className: "flex flex-wrap gap-1 ml-1",
+                  children: getUserConfigurableProviders(w.providers).filter(function (p) {
+                    var _p$requiredTools2;
+                    return ((_p$requiredTools2 = p.requiredTools) === null || _p$requiredTools2 === void 0 ? void 0 : _p$requiredTools2.length) > 0;
+                  }).flatMap(function (p) {
+                    return p.requiredTools.map(function (tool) {
+                      return /*#__PURE__*/jsx("span", {
+                        className: "text-[10px] font-mono px-1.5 py-0.5 rounded bg-white/5 opacity-60",
+                        children: tool
+                      }, "".concat(p.type, "-").concat(tool));
+                    });
+                  })
+                })]
+              })]
+            }, idx);
+          })
+        })]
+      }), widget.appOrigin && /*#__PURE__*/jsxs("div", {
+        className: "flex items-center gap-1.5 text-xs opacity-50",
+        children: [/*#__PURE__*/jsx(FontAwesomeIcon, {
+          icon: "laptop",
+          className: "h-3 w-3"
+        }), /*#__PURE__*/jsxs("span", {
+          children: ["Built for ", widget.appOrigin]
+        })]
+      }), widget.missingApis && widget.missingApis.length > 0 && /*#__PURE__*/jsx("div", {
+        className: "p-2 rounded bg-yellow-900/30 border border-yellow-700",
+        children: /*#__PURE__*/jsxs("p", {
+          className: "text-xs text-yellow-400",
+          children: [/*#__PURE__*/jsx(FontAwesomeIcon, {
+            icon: "triangle-exclamation",
+            className: "mr-1"
+          }), "Incompatible \u2014 requires ", widget.missingApis.join(", "), " API", widget.missingApis.length !== 1 ? "s" : ""]
+        })
+      }), widget.repository && /*#__PURE__*/jsxs("div", {
+        children: [/*#__PURE__*/jsx("span", {
+          className: "text-xs font-semibold opacity-50 mb-1 block",
+          children: "REPOSITORY"
+        }), /*#__PURE__*/jsx("button", {
+          type: "button",
+          onClick: function onClick() {
+            var _window$mainApi;
+            return (_window$mainApi = window.mainApi) === null || _window$mainApi === void 0 || (_window$mainApi = _window$mainApi.shell) === null || _window$mainApi === void 0 ? void 0 : _window$mainApi.openExternal(widget.repository);
+          },
+          className: "text-sm text-blue-400 hover:text-blue-300 hover:underline transition-colors break-all text-left",
+          children: widget.repository
+        })]
+      }), installError && /*#__PURE__*/jsx("div", {
+        className: "p-2 rounded bg-red-900/30 border border-red-700",
+        children: /*#__PURE__*/jsx("p", {
+          className: "text-xs text-red-400",
+          children: installError
+        })
+      })]
+    }), /*#__PURE__*/jsx("div", {
+      className: "flex items-center justify-end px-6 py-3 border-t ".concat(currentTheme["border-primary-medium"]),
+      children: /*#__PURE__*/jsx(Button, {
+        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 || isInstalled
+      })
+    })]
+  });
+};
+
+function getWidgetSearchQuery(componentKey) {
+  var parts = componentKey.split(".");
+  if (parts.length >= 3) {
+    return {
+      packageName: parts[1],
+      widgetName: parts[2],
+      scope: parts[0]
+    };
+  }
+  return {
+    packageName: null,
+    widgetName: componentKey,
+    scope: null
+  };
+}
+
+/**
+ * Convert a raw registry package object into the flat widget shape
+ * expected by RegistryPackageDetail.
+ */
+function packageToFlatWidget(pkg) {
+  return {
+    key: "".concat(pkg.name, "/0"),
+    name: pkg.displayName || pkg.name,
+    icon: pkg.icon || null,
+    isRegistry: true,
+    packageName: pkg.name,
+    packageScope: pkg.scope || null,
+    packageDisplayName: pkg.displayName || pkg.name,
+    packageVersion: pkg.version,
+    packageAuthor: pkg.author || "",
+    packageDescription: pkg.description || "",
+    packageTags: pkg.tags || [],
+    packageCategory: pkg.category || "",
+    downloadUrl: pkg.downloadUrl || "",
+    repository: pkg.repository || "",
+    publishedAt: pkg.publishedAt || "",
+    packageWidgets: pkg.widgets || [],
+    appOrigin: pkg.appOrigin || null,
+    packageProviders: pkg.providers || [],
+    missingApis: []
+  };
+}
+
+/**
+ * WidgetNotFound — rendered in place of an unresolvable widget.
+ *
+ * Shows the existing "Widget Not Found" error display and adds a
+ * "Find in Registry" button that does an exact registry lookup and
+ * opens an install modal.
+ */
+var WidgetNotFound = function WidgetNotFound(_ref) {
+  var component = _ref.component;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showModal = _useState2[0],
+    setShowModal = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    registryWidget = _useState4[0],
+    setRegistryWidget = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isLoading = _useState6[0],
+    setIsLoading = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    notFound = _useState8[0],
+    setNotFound = _useState8[1];
+  var _useState9 = useState(false),
+    _useState0 = _slicedToArray(_useState9, 2),
+    isInstalling = _useState0[0],
+    setIsInstalling = _useState0[1];
+  var _useState1 = useState(null),
+    _useState10 = _slicedToArray(_useState1, 2),
+    installError = _useState10[0],
+    setInstallError = _useState10[1];
+  var lookupWidget = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var _getWidgetSearchQuery, packageName, widgetName, pkg, result;
+    return _regeneratorRuntime.wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          setShowModal(true);
+          setIsLoading(true);
+          setNotFound(false);
+          setRegistryWidget(null);
+          setInstallError(null);
+          _getWidgetSearchQuery = getWidgetSearchQuery(component), packageName = _getWidgetSearchQuery.packageName, widgetName = _getWidgetSearchQuery.widgetName;
+          _context.prev = 1;
+          pkg = null; // Scoped ID — exact package lookup
+          if (!packageName) {
+            _context.next = 3;
+            break;
+          }
+          _context.next = 2;
+          return window.mainApi.registry.getPackage(packageName);
+        case 2:
+          pkg = _context.sent;
+        case 3:
+          if (pkg) {
+            _context.next = 5;
+            break;
+          }
+          _context.next = 4;
+          return window.mainApi.registry.search(widgetName);
+        case 4:
+          result = _context.sent;
+          pkg = (result.packages || []).find(function (p) {
+            return (p.widgets || []).some(function (w) {
+              return w.name === widgetName;
+            });
+          });
+        case 5:
+          if (pkg) {
+            setRegistryWidget(packageToFlatWidget(pkg));
+          } else {
+            setNotFound(true);
+          }
+          _context.next = 7;
+          break;
+        case 6:
+          _context.prev = 6;
+          _context["catch"](1);
+          setNotFound(true);
+        case 7:
+          setIsLoading(false);
+        case 8:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[1, 6]]);
+  })), [component]);
+  var handleInstall = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    var packageName, packageScope, downloadUrl, packageVersion, scopedId, resolvedUrl, _t2;
+    return _regeneratorRuntime.wrap(function (_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          if (registryWidget) {
+            _context2.next = 1;
+            break;
+          }
+          return _context2.abrupt("return");
+        case 1:
+          setIsInstalling(true);
+          setInstallError(null);
+          _context2.prev = 2;
+          packageName = registryWidget.packageName, packageScope = registryWidget.packageScope, downloadUrl = registryWidget.downloadUrl, packageVersion = registryWidget.packageVersion;
+          scopedId = packageScope ? "@".concat(packageScope.replace(/^@/, ""), "/").concat(packageName) : packageName;
+          resolvedUrl = downloadUrl.replace(/\{version\}/g, packageVersion).replace(/\{name\}/g, packageName);
+          _context2.next = 3;
+          return window.mainApi.widgets.install(scopedId, resolvedUrl);
+        case 3:
+          setShowModal(false);
+          _context2.next = 5;
+          break;
+        case 4:
+          _context2.prev = 4;
+          _t2 = _context2["catch"](2);
+          setInstallError(_t2.message || "Failed to install package");
+        case 5:
+          setIsInstalling(false);
+        case 6:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2, null, [[2, 4]]);
+  })), [registryWidget]);
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsxs("div", {
+      className: "flex flex-col h-full justify-center items-center w-full z-10 gap-2 p-4 text-center",
+      children: [/*#__PURE__*/jsx(FontAwesomeIcon, {
+        icon: "triangle-exclamation",
+        className: "h-6 w-6 text-amber-500"
+      }), /*#__PURE__*/jsx("div", {
+        className: "text-sm font-semibold text-gray-300",
+        children: "Widget Not Found"
+      }), /*#__PURE__*/jsx("div", {
+        className: "text-xs text-gray-500 font-mono",
+        children: component
+      }), /*#__PURE__*/jsx("div", {
+        className: "text-xs text-gray-600 mt-1",
+        children: "This widget may have been uninstalled or renamed."
+      }), /*#__PURE__*/jsxs("button", {
+        type: "button",
+        className: "flex items-center gap-1.5 text-xs text-blue-400 hover:text-blue-300 transition-colors mt-2",
+        onClick: lookupWidget,
+        children: [/*#__PURE__*/jsx(FontAwesomeIcon, {
+          icon: "magnifying-glass",
+          className: "h-3 w-3"
+        }), "Find in Registry"]
+      })]
+    }), /*#__PURE__*/jsxs(Modal, {
+      isOpen: showModal,
+      setIsOpen: setShowModal,
+      width: "w-1/3",
+      height: "auto",
+      children: [isLoading && /*#__PURE__*/jsx("div", {
+        className: "flex items-center justify-center p-12",
+        children: /*#__PURE__*/jsx(FontAwesomeIcon, {
+          icon: "spinner",
+          className: "h-5 w-5 text-gray-400 animate-spin"
+        })
+      }), !isLoading && registryWidget && /*#__PURE__*/jsx(RegistryPackageDetail, {
+        widget: registryWidget,
+        onInstall: handleInstall,
+        isInstalling: isInstalling,
+        installError: installError
+      }), !isLoading && notFound && /*#__PURE__*/jsxs("div", {
+        className: "flex flex-col items-center justify-center gap-3 p-12 text-center",
+        children: [/*#__PURE__*/jsx(FontAwesomeIcon, {
+          icon: "triangle-exclamation",
+          className: "h-6 w-6 text-amber-500"
+        }), /*#__PURE__*/jsx("div", {
+          className: "text-sm text-gray-400",
+          children: "This widget is not available in the registry."
+        }), /*#__PURE__*/jsx(Button, {
+          title: "Close",
+          bgColor: "bg-gray-600",
+          hoverBackgroundColor: "hover:bg-gray-700",
+          textSize: "text-sm",
+          padding: "py-1.5 px-4",
+          onClick: function onClick() {
+            return setShowModal(false);
+          }
+        })]
+      })]
+    })]
+  });
+};
+
 var GRID_CELL_WIDGET_TYPE = "grid-cell-widget";
 var SIDEBAR_WIDGET_TYPE = "sidebar-widget";
 
@@ -25138,21 +25527,8 @@ function renderComponent(component, id) {
       // WidgetFactory.render() always returns a React element (truthy),
       // so the old ternary fallback could never fire.
       if (!isWidgetResolvable(component)) {
-        return /*#__PURE__*/jsxs("div", {
-          className: "flex flex-col h-full justify-center items-center w-full z-10 gap-2 p-4 text-center",
-          children: [/*#__PURE__*/jsx(FontAwesomeIcon, {
-            icon: "triangle-exclamation",
-            className: "h-6 w-6 text-amber-500"
-          }), /*#__PURE__*/jsx("div", {
-            className: "text-sm font-semibold text-gray-300",
-            children: "Widget Not Found"
-          }), /*#__PURE__*/jsx("div", {
-            className: "text-xs text-gray-500 font-mono",
-            children: component
-          }), /*#__PURE__*/jsx("div", {
-            className: "text-xs text-gray-600 mt-1",
-            children: "This widget may have been uninstalled or renamed."
-          })]
+        return /*#__PURE__*/jsx(WidgetNotFound, {
+          component: component
         });
       }
       if ("height" in params) {
@@ -43910,165 +44286,6 @@ var InstallWidgetPicker = function InstallWidgetPicker(_ref2) {
   });
 };
 
-var RegistryPackageDetail = function RegistryPackageDetail(_ref) {
-  var widget = _ref.widget,
-    onInstall = _ref.onInstall,
-    _ref$isInstalling = _ref.isInstalling,
-    isInstalling = _ref$isInstalling === void 0 ? false : _ref$isInstalling,
-    _ref$installError = _ref.installError,
-    installError = _ref$installError === void 0 ? null : _ref$installError,
-    _ref$isInstalled = _ref.isInstalled,
-    isInstalled = _ref$isInstalled === void 0 ? false : _ref$isInstalled;
-  var _useContext = useContext(ThemeContext),
-    currentTheme = _useContext.currentTheme;
-  var panelStyles = getStylesForItem(themeObjects.PANEL, currentTheme, {
-    grow: false
-  });
-  if (!widget) return null;
-  return /*#__PURE__*/jsxs("div", {
-    className: "flex flex-col flex-1 min-h-0",
-    children: [/*#__PURE__*/jsxs("div", {
-      className: "flex-1 min-h-0 overflow-y-auto p-6 space-y-6 ".concat(panelStyles.textColor || "text-gray-200"),
-      children: [/*#__PURE__*/jsxs("div", {
-        className: "flex flex-row items-center gap-3",
-        children: [/*#__PURE__*/jsx("div", {
-          className: "h-5 w-5 flex-shrink-0 flex items-center justify-center",
-          children: /*#__PURE__*/jsx(FontAwesomeIcon, {
-            icon: widget.icon || "cube",
-            className: "h-5 w-5"
-          })
-        }), /*#__PURE__*/jsxs("div", {
-          children: [/*#__PURE__*/jsxs("div", {
-            className: "flex items-center gap-2",
-            children: [/*#__PURE__*/jsx(SubHeading3, {
-              title: widget.packageDisplayName,
-              padding: false
-            }), isInstalled && /*#__PURE__*/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__*/jsxs("div", {
-            className: "flex items-center gap-2 mt-0.5",
-            children: [/*#__PURE__*/jsxs("span", {
-              className: "text-sm opacity-60",
-              children: ["by ", widget.packageAuthor || "Unknown"]
-            }), /*#__PURE__*/jsxs("span", {
-              className: "text-xs px-2 py-0.5 rounded ".concat(currentTheme["bg-primary-medium"], " opacity-70"),
-              children: ["v", widget.packageVersion]
-            })]
-          })]
-        })]
-      }), /*#__PURE__*/jsx("hr", {
-        className: currentTheme["border-primary-medium"]
-      }), widget.packageDescription && /*#__PURE__*/jsx("p", {
-        className: "text-sm",
-        children: widget.packageDescription
-      }), widget.packageTags && widget.packageTags.length > 0 && /*#__PURE__*/jsx("div", {
-        className: "flex flex-wrap gap-1",
-        children: widget.packageTags.map(function (tag) {
-          return /*#__PURE__*/jsx("span", {
-            className: "text-xs px-2 py-0.5 rounded ".concat(currentTheme["bg-primary-medium"], " opacity-60"),
-            children: tag
-          }, tag);
-        })
-      }), /*#__PURE__*/jsxs("div", {
-        children: [/*#__PURE__*/jsx("span", {
-          className: "text-xs font-semibold opacity-50 mb-1 block",
-          children: "INCLUDED WIDGETS"
-        }), /*#__PURE__*/jsx("div", {
-          className: "space-y-1.5",
-          children: (widget.packageWidgets || []).map(function (w, idx) {
-            return /*#__PURE__*/jsxs("div", {
-              className: "p-2 rounded ".concat(currentTheme["bg-primary-medium"]),
-              children: [/*#__PURE__*/jsx("div", {
-                className: "text-sm font-medium",
-                children: w.displayName || w.name
-              }), w.description && /*#__PURE__*/jsx("div", {
-                className: "text-xs opacity-50 mt-0.5",
-                children: w.description
-              }), getUserConfigurableProviders(w.providers).length > 0 && /*#__PURE__*/jsxs("div", {
-                className: "space-y-1 mt-1",
-                children: [/*#__PURE__*/jsx("div", {
-                  className: "flex gap-1 flex-wrap",
-                  children: getUserConfigurableProviders(w.providers).map(function (p, pidx) {
-                    return /*#__PURE__*/jsxs("span", {
-                      className: "text-xs px-1.5 py-0.5 rounded bg-blue-900/30 text-blue-400",
-                      children: [p.type, p.required ? " *" : ""]
-                    }, pidx);
-                  })
-                }), getUserConfigurableProviders(w.providers).some(function (p) {
-                  var _p$requiredTools;
-                  return ((_p$requiredTools = p.requiredTools) === null || _p$requiredTools === void 0 ? void 0 : _p$requiredTools.length) > 0;
-                }) && /*#__PURE__*/jsx("div", {
-                  className: "flex flex-wrap gap-1 ml-1",
-                  children: getUserConfigurableProviders(w.providers).filter(function (p) {
-                    var _p$requiredTools2;
-                    return ((_p$requiredTools2 = p.requiredTools) === null || _p$requiredTools2 === void 0 ? void 0 : _p$requiredTools2.length) > 0;
-                  }).flatMap(function (p) {
-                    return p.requiredTools.map(function (tool) {
-                      return /*#__PURE__*/jsx("span", {
-                        className: "text-[10px] font-mono px-1.5 py-0.5 rounded bg-white/5 opacity-60",
-                        children: tool
-                      }, "".concat(p.type, "-").concat(tool));
-                    });
-                  })
-                })]
-              })]
-            }, idx);
-          })
-        })]
-      }), widget.appOrigin && /*#__PURE__*/jsxs("div", {
-        className: "flex items-center gap-1.5 text-xs opacity-50",
-        children: [/*#__PURE__*/jsx(FontAwesomeIcon, {
-          icon: "laptop",
-          className: "h-3 w-3"
-        }), /*#__PURE__*/jsxs("span", {
-          children: ["Built for ", widget.appOrigin]
-        })]
-      }), widget.missingApis && widget.missingApis.length > 0 && /*#__PURE__*/jsx("div", {
-        className: "p-2 rounded bg-yellow-900/30 border border-yellow-700",
-        children: /*#__PURE__*/jsxs("p", {
-          className: "text-xs text-yellow-400",
-          children: [/*#__PURE__*/jsx(FontAwesomeIcon, {
-            icon: "triangle-exclamation",
-            className: "mr-1"
-          }), "Incompatible \u2014 requires ", widget.missingApis.join(", "), " API", widget.missingApis.length !== 1 ? "s" : ""]
-        })
-      }), widget.repository && /*#__PURE__*/jsxs("div", {
-        children: [/*#__PURE__*/jsx("span", {
-          className: "text-xs font-semibold opacity-50 mb-1 block",
-          children: "REPOSITORY"
-        }), /*#__PURE__*/jsx("button", {
-          type: "button",
-          onClick: function onClick() {
-            var _window$mainApi;
-            return (_window$mainApi = window.mainApi) === null || _window$mainApi === void 0 || (_window$mainApi = _window$mainApi.shell) === null || _window$mainApi === void 0 ? void 0 : _window$mainApi.openExternal(widget.repository);
-          },
-          className: "text-sm text-blue-400 hover:text-blue-300 hover:underline transition-colors break-all text-left",
-          children: widget.repository
-        })]
-      }), installError && /*#__PURE__*/jsx("div", {
-        className: "p-2 rounded bg-red-900/30 border border-red-700",
-        children: /*#__PURE__*/jsx("p", {
-          className: "text-xs text-red-400",
-          children: installError
-        })
-      })]
-    }), /*#__PURE__*/jsx("div", {
-      className: "flex items-center justify-end px-6 py-3 border-t ".concat(currentTheme["border-primary-medium"]),
-      children: /*#__PURE__*/jsx(Button, {
-        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 || isInstalled
-      })
-    })]
-  });
-};
-
 function _createForOfIteratorHelper$2(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$2(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$2(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$2(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$2(r, a) : void 0; } }
 function _arrayLikeToArray$2(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; }
@@ -50782,5 +50999,5 @@ var WorkspaceMenu = function WorkspaceMenu(_ref) {
 
 ComponentManager.registerContainerTypes(LayoutContainer, LayoutGridContainer);
 
-export { ALGOLIA_ANALYTICS_FOR_QUERY, ALGOLIA_ANALYTICS_FOR_QUERY_COMPLETE, ALGOLIA_ANALYTICS_FOR_QUERY_ERROR, ALGOLIA_LIST_INDICES, ALGOLIA_LIST_INDICES_COMPLETE, ALGOLIA_LIST_INDICES_ERROR, AVAILABLE_COLORS, AddMenuItemModal, AdvancedMcpConfig, AppContext, AppSettingsModal, AppThemeScope, AppWrapper, CHOOSE_FILE, CHOOSE_FILE_COMPLETE, CHOOSE_FILE_ERROR, ColorModel, ComponentConfigModel, ComponentManager, ContextModel, DATA_JSON_TO_CSV_FILE, DATA_JSON_TO_CSV_FILE_COMPLETE, DATA_JSON_TO_CSV_FILE_ERROR, DATA_JSON_TO_CSV_STRING, DATA_JSON_TO_CSV_STRING_COMPLETE, DATA_JSON_TO_CSV_STRING_ERROR, DATA_READ_FROM_FILE, DATA_READ_FROM_FILE_COMPLETE, DATA_READ_FROM_FILE_ERROR, DATA_SAVE_TO_FILE, DATA_SAVE_TO_FILE_COMPLETE, DATA_SAVE_TO_FILE_ERROR, DashCommandPalette, DashNavbar, DashSidebar, DashTabBar, DashboardStage as Dashboard, DashboardApi, DashboardContext, DashboardFooter, DashboardHeader, DashboardMenuItem, DashboardModel, DashboardMonitor, DashboardPublisher, DashboardStage, DashboardThemeProvider, DashboardWizardModal, DashboardWrapper, ElectronDashboardApi, ErrorBoundary, ExternalWidget, GRID_CELL_WIDGET_TYPE, HARMONY_STRATEGIES, LAYOUT_LIST, LAYOUT_LIST_COMPLETE, LAYOUT_LIST_ERROR, LAYOUT_SAVE, LAYOUT_SAVE_COMPLETE, LAYOUT_SAVE_ERROR, Layout, LayoutBuilder, LayoutBuilderAddItemModal, LayoutBuilderConfigContainerMenuItem, LayoutBuilderConfigMenuItem, LayoutBuilderConfigModal, LayoutBuilderEditItemModal, LayoutBuilderEventModal, LayoutBuilderGridItem, LayoutContainer, LayoutDragBuilder, LayoutDragBuilderEdit, LayoutGridContainer, LayoutManagerModal, LayoutModel, LayoutQuickAddMenu, MCP_CALL_TOOL_COMPLETE, MCP_CALL_TOOL_ERROR, MCP_GET_CATALOG_COMPLETE, MCP_GET_CATALOG_ERROR, MCP_LIST_RESOURCES_COMPLETE, MCP_LIST_RESOURCES_ERROR, MCP_LIST_TOOLS_COMPLETE, MCP_LIST_TOOLS_ERROR, MCP_READ_RESOURCE_COMPLETE, MCP_READ_RESOURCE_ERROR, MCP_RUN_AUTH_COMPLETE, MCP_RUN_AUTH_ERROR, MCP_SERVER_STATUS_COMPLETE, MCP_SERVER_STATUS_ERROR, MCP_START_SERVER_COMPLETE, MCP_START_SERVER_ERROR, MCP_STOP_SERVER_COMPLETE, MCP_STOP_SERVER_ERROR, MENU_ITEMS_DELETE, MENU_ITEMS_DELETE_COMPLETE, MENU_ITEMS_DELETE_ERROR, MENU_ITEMS_LIST, MENU_ITEMS_LIST_COMPLETE, MENU_ITEMS_LIST_ERROR, MENU_ITEMS_SAVE, MENU_ITEMS_SAVE_COMPLETE, MENU_ITEMS_SAVE_ERROR, MainMenu, MainMenuItem, MainMenuSection, McpServerPicker, MenuItemModel, MenuSlideOverlay, MergeCellsModal, MissingProviderPrompt, MockDashboardApi, PROVIDER_DELETE_COMPLETE, PROVIDER_DELETE_ERROR, PROVIDER_GET_COMPLETE, PROVIDER_GET_ERROR, PROVIDER_LIST_COMPLETE, PROVIDER_LIST_ERROR, PROVIDER_SAVE_COMPLETE, PROVIDER_SAVE_ERROR, PanelCode, PanelEditItem, PanelEditItemHandlers, PanelEditItemNotifications, ProviderContext, ProviderErrorBoundary, ProviderForm, ProviderSelector, SECURE_STORAGE_ENCRYPT_STRING, SECURE_STORAGE_ENCRYPT_STRING_COMPLETE, SECURE_STORAGE_ENCRYPT_STRING_ERROR, SECURE_STORE_ENCRYPTION_CHECK, SECURE_STORE_ENCRYPTION_CHECK_COMPLETE, SECURE_STORE_ENCRYPTION_CHECK_ERROR, SECURE_STORE_GET_DATA, SECURE_STORE_GET_DATA_COMPLETE, SECURE_STORE_GET_DATA_ERROR, SECURE_STORE_SET_DATA, SECURE_STORE_SET_DATA_COMPLETE, SECURE_STORE_SET_DATA_ERROR, SETTINGS_GET, SETTINGS_GET_COMPLETE, SETTINGS_GET_ERROR, SETTINGS_SAVE, SETTINGS_SAVE_COMPLETE, SETTINGS_SAVE_ERROR, SIDEBAR_WIDGET_TYPE, SettingsModel, SideMenu, SplitCellModal, THEME_DELETE, THEME_DELETE_COMPLETE, THEME_DELETE_ERROR, THEME_EXTRACT_FROM_URL, THEME_EXTRACT_FROM_URL_COMPLETE, THEME_EXTRACT_FROM_URL_ERROR, THEME_LIST, THEME_LIST_COMPLETE, THEME_LIST_ERROR, THEME_MAP_PALETTE, THEME_MAP_PALETTE_COMPLETE, THEME_MAP_PALETTE_ERROR, THEME_SAVE, THEME_SAVE_COMPLETE, THEME_SAVE_ERROR, ThemeApi, ThemeColorDots, ThemeManagerModal, ThemeModel, ThemeWrapper, WELCOME_STORAGE_KEY, WORKSPACE_DELETE, WORKSPACE_DELETE_COMPLETE, WORKSPACE_DELETE_ERROR, WORKSPACE_LIST, WORKSPACE_LIST_COMPLETE, WORKSPACE_LIST_ERROR, WORKSPACE_SAVE, WORKSPACE_SAVE_COMPLETE, WORKSPACE_SAVE_ERROR, WebDashboardApi, WelcomePrompt, Widget, WidgetApi, WidgetConfigPanel, WidgetContext, WidgetFactory, WidgetPopoutStage, WidgetProviderWrapper, WidgetSidebar, WizardCustomizeStep, WizardDiscoverStep, Workspace, WorkspaceContext, WorkspaceFooter, WorkspaceMenu, WorkspaceModel, addChildToLayoutItem, addItemToItemLayout, buildMcpConfigFromOverrides, canHaveChildren, changeDirectionForLayoutItem, createProviderRegistry, deriveFormFields, envMappingToRows, evaluateBundle, extractWidgetConfigs, formStateToMcpJson, formatFieldName, generateCustomTheme, generateHarmonyTheme, generateRandomTheme, generateThemeName, getBorderStyle, getChildrenForLayoutItem, getComponentInLayout, getContainerBorderColor, getContainerColor, getIndexOfLayoutChildrenForItem, getIndexOfLayoutItem, getLayoutItemById, getLayoutItemForWorkspace, getNearestParentWorkspace, getNextHighestId, getNextHighestItemInLayout, getNextHighestOrder, getNextHighestParentId, getNextLowestItemInLayout, getParentForLayoutItem, getParentWorkspaceForItem, getThemePresets, getUserConfigurableProviders, getWidgetsForWorkspace, getWorkspacesForWorkspace, headerTemplateToRows, isContainer, isLikelySecret, isMaxOrderForItem, isMinOrderForItem, isWidget, isWidgetResolvable, isWorkspace, layoutItemHasWorkspaceAsChild, loadWidgetBundle, mcpJsonToFormState, numChildrenForLayout, removeItemFromLayout, renderComponent, renderGridLayout, renderGridLayoutFlow, _renderLayout as renderLayout, renderLayoutMenu, replaceItemInLayout, resolveIcon, setHostModules, traverseParentTree, updateLayoutItem, updateParentForItem, useDashboard, useMcpDashServer, useMcpProvider, useNotifications, useProvider, useProviderClient, useScheduler, useWebSocketProvider, useWidgetEvents, useWidgetProviders, useWidgetSchedulerStatus, useWizardState, validateCellMerge, validateGridCell, validateGridPlacement, validateWidgetPlacement, widgetCountToTemplate, withProviderDetection };
+export { ALGOLIA_ANALYTICS_FOR_QUERY, ALGOLIA_ANALYTICS_FOR_QUERY_COMPLETE, ALGOLIA_ANALYTICS_FOR_QUERY_ERROR, ALGOLIA_LIST_INDICES, ALGOLIA_LIST_INDICES_COMPLETE, ALGOLIA_LIST_INDICES_ERROR, AVAILABLE_COLORS, AddMenuItemModal, AdvancedMcpConfig, AppContext, AppSettingsModal, AppThemeScope, AppWrapper, CHOOSE_FILE, CHOOSE_FILE_COMPLETE, CHOOSE_FILE_ERROR, ColorModel, ComponentConfigModel, ComponentManager, ContextModel, DATA_JSON_TO_CSV_FILE, DATA_JSON_TO_CSV_FILE_COMPLETE, DATA_JSON_TO_CSV_FILE_ERROR, DATA_JSON_TO_CSV_STRING, DATA_JSON_TO_CSV_STRING_COMPLETE, DATA_JSON_TO_CSV_STRING_ERROR, DATA_READ_FROM_FILE, DATA_READ_FROM_FILE_COMPLETE, DATA_READ_FROM_FILE_ERROR, DATA_SAVE_TO_FILE, DATA_SAVE_TO_FILE_COMPLETE, DATA_SAVE_TO_FILE_ERROR, DashCommandPalette, DashNavbar, DashSidebar, DashTabBar, DashboardStage as Dashboard, DashboardApi, DashboardContext, DashboardFooter, DashboardHeader, DashboardMenuItem, DashboardModel, DashboardMonitor, DashboardPublisher, DashboardStage, DashboardThemeProvider, DashboardWizardModal, DashboardWrapper, ElectronDashboardApi, ErrorBoundary, ExternalWidget, GRID_CELL_WIDGET_TYPE, HARMONY_STRATEGIES, LAYOUT_LIST, LAYOUT_LIST_COMPLETE, LAYOUT_LIST_ERROR, LAYOUT_SAVE, LAYOUT_SAVE_COMPLETE, LAYOUT_SAVE_ERROR, Layout, LayoutBuilder, LayoutBuilderAddItemModal, LayoutBuilderConfigContainerMenuItem, LayoutBuilderConfigMenuItem, LayoutBuilderConfigModal, LayoutBuilderEditItemModal, LayoutBuilderEventModal, LayoutBuilderGridItem, LayoutContainer, LayoutDragBuilder, LayoutDragBuilderEdit, LayoutGridContainer, LayoutManagerModal, LayoutModel, LayoutQuickAddMenu, MCP_CALL_TOOL_COMPLETE, MCP_CALL_TOOL_ERROR, MCP_GET_CATALOG_COMPLETE, MCP_GET_CATALOG_ERROR, MCP_LIST_RESOURCES_COMPLETE, MCP_LIST_RESOURCES_ERROR, MCP_LIST_TOOLS_COMPLETE, MCP_LIST_TOOLS_ERROR, MCP_READ_RESOURCE_COMPLETE, MCP_READ_RESOURCE_ERROR, MCP_RUN_AUTH_COMPLETE, MCP_RUN_AUTH_ERROR, MCP_SERVER_STATUS_COMPLETE, MCP_SERVER_STATUS_ERROR, MCP_START_SERVER_COMPLETE, MCP_START_SERVER_ERROR, MCP_STOP_SERVER_COMPLETE, MCP_STOP_SERVER_ERROR, MENU_ITEMS_DELETE, MENU_ITEMS_DELETE_COMPLETE, MENU_ITEMS_DELETE_ERROR, MENU_ITEMS_LIST, MENU_ITEMS_LIST_COMPLETE, MENU_ITEMS_LIST_ERROR, MENU_ITEMS_SAVE, MENU_ITEMS_SAVE_COMPLETE, MENU_ITEMS_SAVE_ERROR, MainMenu, MainMenuItem, MainMenuSection, McpServerPicker, MenuItemModel, MenuSlideOverlay, MergeCellsModal, MissingProviderPrompt, MockDashboardApi, PROVIDER_DELETE_COMPLETE, PROVIDER_DELETE_ERROR, PROVIDER_GET_COMPLETE, PROVIDER_GET_ERROR, PROVIDER_LIST_COMPLETE, PROVIDER_LIST_ERROR, PROVIDER_SAVE_COMPLETE, PROVIDER_SAVE_ERROR, PanelCode, PanelEditItem, PanelEditItemHandlers, PanelEditItemNotifications, ProviderContext, ProviderErrorBoundary, ProviderForm, ProviderSelector, SECURE_STORAGE_ENCRYPT_STRING, SECURE_STORAGE_ENCRYPT_STRING_COMPLETE, SECURE_STORAGE_ENCRYPT_STRING_ERROR, SECURE_STORE_ENCRYPTION_CHECK, SECURE_STORE_ENCRYPTION_CHECK_COMPLETE, SECURE_STORE_ENCRYPTION_CHECK_ERROR, SECURE_STORE_GET_DATA, SECURE_STORE_GET_DATA_COMPLETE, SECURE_STORE_GET_DATA_ERROR, SECURE_STORE_SET_DATA, SECURE_STORE_SET_DATA_COMPLETE, SECURE_STORE_SET_DATA_ERROR, SETTINGS_GET, SETTINGS_GET_COMPLETE, SETTINGS_GET_ERROR, SETTINGS_SAVE, SETTINGS_SAVE_COMPLETE, SETTINGS_SAVE_ERROR, SIDEBAR_WIDGET_TYPE, SettingsModel, SideMenu, SplitCellModal, THEME_DELETE, THEME_DELETE_COMPLETE, THEME_DELETE_ERROR, THEME_EXTRACT_FROM_URL, THEME_EXTRACT_FROM_URL_COMPLETE, THEME_EXTRACT_FROM_URL_ERROR, THEME_LIST, THEME_LIST_COMPLETE, THEME_LIST_ERROR, THEME_MAP_PALETTE, THEME_MAP_PALETTE_COMPLETE, THEME_MAP_PALETTE_ERROR, THEME_SAVE, THEME_SAVE_COMPLETE, THEME_SAVE_ERROR, ThemeApi, ThemeColorDots, ThemeManagerModal, ThemeModel, ThemeWrapper, WELCOME_STORAGE_KEY, WORKSPACE_DELETE, WORKSPACE_DELETE_COMPLETE, WORKSPACE_DELETE_ERROR, WORKSPACE_LIST, WORKSPACE_LIST_COMPLETE, WORKSPACE_LIST_ERROR, WORKSPACE_SAVE, WORKSPACE_SAVE_COMPLETE, WORKSPACE_SAVE_ERROR, WebDashboardApi, WelcomePrompt, Widget, WidgetApi, WidgetConfigPanel, WidgetContext, WidgetFactory, WidgetNotFound, WidgetPopoutStage, WidgetProviderWrapper, WidgetSidebar, WizardCustomizeStep, WizardDiscoverStep, Workspace, WorkspaceContext, WorkspaceFooter, WorkspaceMenu, WorkspaceModel, addChildToLayoutItem, addItemToItemLayout, buildMcpConfigFromOverrides, canHaveChildren, changeDirectionForLayoutItem, createProviderRegistry, deriveFormFields, envMappingToRows, evaluateBundle, extractWidgetConfigs, formStateToMcpJson, formatFieldName, generateCustomTheme, generateHarmonyTheme, generateRandomTheme, generateThemeName, getBorderStyle, getChildrenForLayoutItem, getComponentInLayout, getContainerBorderColor, getContainerColor, getIndexOfLayoutChildrenForItem, getIndexOfLayoutItem, getLayoutItemById, getLayoutItemForWorkspace, getNearestParentWorkspace, getNextHighestId, getNextHighestItemInLayout, getNextHighestOrder, getNextHighestParentId, getNextLowestItemInLayout, getParentForLayoutItem, getParentWorkspaceForItem, getThemePresets, getUserConfigurableProviders, getWidgetsForWorkspace, getWorkspacesForWorkspace, headerTemplateToRows, isContainer, isLikelySecret, isMaxOrderForItem, isMinOrderForItem, isWidget, isWidgetResolvable, isWorkspace, layoutItemHasWorkspaceAsChild, loadWidgetBundle, mcpJsonToFormState, numChildrenForLayout, removeItemFromLayout, renderComponent, renderGridLayout, renderGridLayoutFlow, _renderLayout as renderLayout, renderLayoutMenu, replaceItemInLayout, resolveIcon, setHostModules, traverseParentTree, updateLayoutItem, updateParentForItem, useDashboard, useMcpDashServer, useMcpProvider, useNotifications, useProvider, useProviderClient, useScheduler, useWebSocketProvider, useWidgetEvents, useWidgetProviders, useWidgetSchedulerStatus, useWizardState, validateCellMerge, validateGridCell, validateGridPlacement, validateWidgetPlacement, widgetCountToTemplate, withProviderDetection };
 //# sourceMappingURL=index.esm.js.map