@trops/dash-core 0.1.215 → 0.1.217

package/dist/index.js

@@ -5979,13 +5979,13 @@ var WizardDiscoverStep = function WizardDiscoverStep(_ref) {
             className: "text-sm font-semibold text-gray-300 flex items-center gap-2",
             children: ["Dashboards (", filteredDashboards.length, " result", filteredDashboards.length !== 1 ? "s" : "", ")"]
           }), /*#__PURE__*/jsxRuntime.jsx("div", {
-            className: "grid grid-cols-2 lg:grid-cols-3 gap-3",
+            className: "grid grid-cols-3 gap-3",
             children: filteredDashboards.map(function (dash) {
               var isSelected = state.selectedDashboard && state.selectedDashboard.name === dash.name;
               var widgetCount = (dash.widgets || []).length;
-              var providerNames = (dash.providers || []).map(function (p) {
+              var providerTags = (dash.providers || []).map(function (p) {
                 return p.name || p.type;
-              }).join(", ");
+              }).filter(Boolean);
               return /*#__PURE__*/jsxRuntime.jsxs(DashReact.Card2, {
                 hover: true,
                 selected: isSelected,
@@ -5996,27 +5996,40 @@ var WizardDiscoverStep = function WizardDiscoverStep(_ref) {
                   return handleSelectDashboard(dash);
                 },
                 children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-                  className: "flex items-center gap-2",
-                  children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
-                    icon: resolveIcon(dash.icon || "grid-2"),
-                    fixedWidth: true,
-                    className: "text-gray-400"
+                  className: "flex flex-col items-center text-center gap-2",
+                  children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+                    className: "relative",
+                    children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+                      className: "text-2xl",
+                      children: /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+                        icon: resolveIcon(dash.icon || "grid-2"),
+                        fixedWidth: true,
+                        className: "text-gray-400"
+                      })
+                    }), isSelected && /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+                      icon: "circle-check",
+                      className: "absolute -top-1 -right-3 text-blue-400 text-xs"
+                    })]
                   }), /*#__PURE__*/jsxRuntime.jsx("span", {
-                    className: "text-sm font-medium text-gray-200",
+                    className: "text-sm font-semibold text-gray-200",
                     children: dash.displayName || dash.name
-                  }), isSelected && /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
-                    icon: "circle-check",
-                    className: "ml-auto text-blue-400"
                   })]
                 }), dash.description && /*#__PURE__*/jsxRuntime.jsx("p", {
-                  className: "text-xs text-gray-400 mt-1 line-clamp-2",
+                  className: "text-xs text-gray-400 mt-2 line-clamp-2 text-center",
                   children: dash.description
                 }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-                  className: "flex items-center gap-3 mt-2 text-xs text-gray-500",
+                  className: "flex items-center justify-between mt-3 pt-2 border-t border-gray-700/50",
                   children: [/*#__PURE__*/jsxRuntime.jsxs("span", {
+                    className: "text-xs text-gray-500",
                     children: [widgetCount, " widget", widgetCount !== 1 ? "s" : ""]
-                  }), providerNames && /*#__PURE__*/jsxRuntime.jsx("span", {
-                    children: providerNames
+                  }), providerTags.length > 0 && /*#__PURE__*/jsxRuntime.jsx("div", {
+                    className: "flex flex-wrap gap-1 justify-end",
+                    children: providerTags.slice(0, 3).map(function (tag) {
+                      return /*#__PURE__*/jsxRuntime.jsx("span", {
+                        className: "text-xs px-1.5 py-0.5 rounded bg-gray-800 text-gray-400",
+                        children: tag
+                      }, tag);
+                    })
                   })]
                 })]
               }, dash.name);
@@ -6030,45 +6043,42 @@ var WizardDiscoverStep = function WizardDiscoverStep(_ref) {
               text: "".concat(state.selectedWidgets.length, " selected")
             })]
           }), /*#__PURE__*/jsxRuntime.jsx("div", {
-            className: "grid grid-cols-2 lg:grid-cols-3 gap-3",
+            className: "grid grid-cols-3 gap-3",
             children: filteredWidgets.map(function (widget) {
               var checked = isWidgetSelected(widget);
-              return /*#__PURE__*/jsxRuntime.jsx(DashReact.Card2, {
+              return /*#__PURE__*/jsxRuntime.jsxs(DashReact.Card2, {
                 hover: true,
                 selected: checked,
-                padding: "p-5",
+                padding: "p-4",
                 rounded: "rounded-lg",
-                className: "hover:shadow-lg",
+                className: "hover:shadow-lg flex flex-col",
                 onClick: function onClick() {
                   return handleToggleWidget(widget);
                 },
-                children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-                  className: "flex items-start gap-2",
-                  children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+                children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+                  className: "flex items-start justify-between gap-2",
+                  children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+                    className: "flex items-center gap-1.5",
+                    children: [widget.icon && /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+                      icon: resolveIcon(widget.icon),
+                      fixedWidth: true,
+                      className: "text-gray-400 text-sm"
+                    }), /*#__PURE__*/jsxRuntime.jsx("span", {
+                      className: "text-sm font-medium text-gray-200 truncate",
+                      children: widget.name
+                    })]
+                  }), /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
                     icon: checked ? "square-check" : "square",
                     fixedWidth: true,
-                    className: checked ? "text-blue-400 mt-0.5" : "text-gray-500 mt-0.5"
-                  }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-                    className: "flex flex-col gap-0.5 min-w-0",
-                    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-                      className: "flex items-center gap-1.5",
-                      children: [widget.icon && /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
-                        icon: resolveIcon(widget.icon),
-                        fixedWidth: true,
-                        className: "text-gray-400 text-xs"
-                      }), /*#__PURE__*/jsxRuntime.jsx("span", {
-                        className: "text-sm font-medium text-gray-200 truncate",
-                        children: widget.name
-                      })]
-                    }), widget.description && /*#__PURE__*/jsxRuntime.jsx("p", {
-                      className: "text-xs text-gray-400 line-clamp-2",
-                      children: widget.description
-                    }), widget.packageDisplayName && /*#__PURE__*/jsxRuntime.jsx("span", {
-                      className: "text-xs text-gray-500",
-                      children: widget.packageDisplayName
-                    })]
+                    className: checked ? "text-blue-400 flex-shrink-0" : "text-gray-500 flex-shrink-0"
                   })]
-                })
+                }), widget.description && /*#__PURE__*/jsxRuntime.jsx("p", {
+                  className: "text-xs text-gray-400 line-clamp-2 mt-1.5 flex-1",
+                  children: widget.description
+                }), widget.packageDisplayName && /*#__PURE__*/jsxRuntime.jsx("span", {
+                  className: "text-xs text-gray-500 mt-2 pt-1.5 border-t border-gray-700/50 truncate",
+                  children: widget.packageDisplayName
+                })]
               }, widget.key);
             })
           })]
@@ -7942,7 +7952,7 @@ hasPropertyDescriptors.hasArrayLengthDefineBug = function hasArrayLengthDefineBu
 var hasPropertyDescriptors_1 = hasPropertyDescriptors;
 
 var keys = objectKeys$2;
-var hasSymbols$5 = typeof Symbol === 'function' && typeof Symbol('foo') === 'symbol';
+var hasSymbols$4 = typeof Symbol === 'function' && typeof Symbol('foo') === 'symbol';
 
 var toStr$4 = Object.prototype.toString;
 var concat = Array.prototype.concat;
@@ -7975,7 +7985,7 @@ var defineProperty$1 = function (object, name, value, predicate) {
 var defineProperties$1 = function (object, map) {
 	var predicates = arguments.length > 2 ? arguments[2] : {};
 	var props = keys(map);
-	if (hasSymbols$5) {
+	if (hasSymbols$4) {
 		props = concat.call(props, Object.getOwnPropertySymbols(map));
 	}
 	for (var i = 0; i < props.length; i += 1) {
@@ -8041,11 +8051,11 @@ var sign$1 = function sign(number) {
 };
 
 var shams$1;
-var hasRequiredShams;
+var hasRequiredShams$1;
 
-function requireShams () {
-	if (hasRequiredShams) return shams$1;
-	hasRequiredShams = 1;
+function requireShams$1 () {
+	if (hasRequiredShams$1) return shams$1;
+	hasRequiredShams$1 = 1;
 
 	/** @type {import('./shams')} */
 	/* eslint complexity: [2, 18], max-statements: [2, 33] */
@@ -8094,10 +8104,10 @@ function requireShams () {
 }
 
 var origSymbol = typeof Symbol !== 'undefined' && Symbol;
-var hasSymbolSham = requireShams();
+var hasSymbolSham = requireShams$1();
 
 /** @type {import('.')} */
-var hasSymbols$4 = function hasNativeSymbols() {
+var hasSymbols$3 = function hasNativeSymbols() {
 	if (typeof origSymbol !== 'function') { return false; }
 	if (typeof Symbol !== 'function') { return false; }
 	if (typeof origSymbol('foo') !== 'symbol') { return false; }
@@ -8401,7 +8411,7 @@ var ThrowTypeError = $gOPD$1
 	}())
 	: throwTypeError;
 
-var hasSymbols$3 = hasSymbols$4();
+var hasSymbols$2 = hasSymbols$3();
 
 var getProto$2 = getProto$3;
 var $ObjectGPO = requireObject_getPrototypeOf();
@@ -8419,7 +8429,7 @@ var INTRINSICS = {
 	'%AggregateError%': typeof AggregateError === 'undefined' ? undefined$1 : AggregateError,
 	'%Array%': Array,
 	'%ArrayBuffer%': typeof ArrayBuffer === 'undefined' ? undefined$1 : ArrayBuffer,
-	'%ArrayIteratorPrototype%': hasSymbols$3 && getProto$2 ? getProto$2([][Symbol.iterator]()) : undefined$1,
+	'%ArrayIteratorPrototype%': hasSymbols$2 && getProto$2 ? getProto$2([][Symbol.iterator]()) : undefined$1,
 	'%AsyncFromSyncIteratorPrototype%': undefined$1,
 	'%AsyncFunction%': needsEval,
 	'%AsyncGenerator%': needsEval,
@@ -8450,10 +8460,10 @@ var INTRINSICS = {
 	'%Int32Array%': typeof Int32Array === 'undefined' ? undefined$1 : Int32Array,
 	'%isFinite%': isFinite,
 	'%isNaN%': isNaN,
-	'%IteratorPrototype%': hasSymbols$3 && getProto$2 ? getProto$2(getProto$2([][Symbol.iterator]())) : undefined$1,
+	'%IteratorPrototype%': hasSymbols$2 && getProto$2 ? getProto$2(getProto$2([][Symbol.iterator]())) : undefined$1,
 	'%JSON%': typeof JSON === 'object' ? JSON : undefined$1,
 	'%Map%': typeof Map === 'undefined' ? undefined$1 : Map,
-	'%MapIteratorPrototype%': typeof Map === 'undefined' || !hasSymbols$3 || !getProto$2 ? undefined$1 : getProto$2(new Map()[Symbol.iterator]()),
+	'%MapIteratorPrototype%': typeof Map === 'undefined' || !hasSymbols$2 || !getProto$2 ? undefined$1 : getProto$2(new Map()[Symbol.iterator]()),
 	'%Math%': Math,
 	'%Number%': Number,
 	'%Object%': $Object$2,
@@ -8467,11 +8477,11 @@ var INTRINSICS = {
 	'%Reflect%': typeof Reflect === 'undefined' ? undefined$1 : Reflect,
 	'%RegExp%': RegExp,
 	'%Set%': typeof Set === 'undefined' ? undefined$1 : Set,
-	'%SetIteratorPrototype%': typeof Set === 'undefined' || !hasSymbols$3 || !getProto$2 ? undefined$1 : getProto$2(new Set()[Symbol.iterator]()),
+	'%SetIteratorPrototype%': typeof Set === 'undefined' || !hasSymbols$2 || !getProto$2 ? undefined$1 : getProto$2(new Set()[Symbol.iterator]()),
 	'%SharedArrayBuffer%': typeof SharedArrayBuffer === 'undefined' ? undefined$1 : SharedArrayBuffer,
 	'%String%': String,
-	'%StringIteratorPrototype%': hasSymbols$3 && getProto$2 ? getProto$2(''[Symbol.iterator]()) : undefined$1,
-	'%Symbol%': hasSymbols$3 ? Symbol : undefined$1,
+	'%StringIteratorPrototype%': hasSymbols$2 && getProto$2 ? getProto$2(''[Symbol.iterator]()) : undefined$1,
+	'%Symbol%': hasSymbols$2 ? Symbol : undefined$1,
 	'%SyntaxError%': $SyntaxError$1,
 	'%ThrowTypeError%': ThrowTypeError,
 	'%TypedArray%': TypedArray,
@@ -8824,12 +8834,12 @@ var callBound$i = function callBoundIntrinsic(name, allowMissing) {
 
 // modified from https://github.com/es-shims/es6-shim
 var objectKeys$1 = objectKeys$2;
-var hasSymbols$2 = requireShams()();
+var hasSymbols$1 = requireShams$1()();
 var callBound$h = callBound$i;
 var $Object$1 = esObjectAtoms;
 var $push = callBound$h('Array.prototype.push');
 var $propIsEnumerable = callBound$h('Object.prototype.propertyIsEnumerable');
-var originalGetSymbols = hasSymbols$2 ? $Object$1.getOwnPropertySymbols : null;
+var originalGetSymbols = hasSymbols$1 ? $Object$1.getOwnPropertySymbols : null;
 
 // eslint-disable-next-line no-unused-vars
 var implementation$8 = function assign(target, source1) {
@@ -8843,7 +8853,7 @@ var implementation$8 = function assign(target, source1) {
 
 		// step 3.a.ii:
 		var keys = objectKeys$1(from);
-		var getSymbols = hasSymbols$2 && ($Object$1.getOwnPropertySymbols || originalGetSymbols);
+		var getSymbols = hasSymbols$1 && ($Object$1.getOwnPropertySymbols || originalGetSymbols);
 		if (getSymbols) {
 			var syms = getSymbols(from);
 			for (var j = 0; j < syms.length; ++j) {
@@ -9140,14 +9150,23 @@ var regexp_prototype_flags = flagsBound;
 
 var esGetIterator = {exports: {}};
 
-var hasSymbols$1 = requireShams();
+var shams;
+var hasRequiredShams;
 
-/** @type {import('.')} */
-var shams = function hasToStringTagShams() {
-	return hasSymbols$1() && !!Symbol.toStringTag;
-};
+function requireShams () {
+	if (hasRequiredShams) return shams;
+	hasRequiredShams = 1;
+
+	var hasSymbols = requireShams$1();
+
+	/** @type {import('.')} */
+	shams = function hasToStringTagShams() {
+		return hasSymbols() && !!Symbol.toStringTag;
+	};
+	return shams;
+}
 
-var hasToStringTag$7 = shams();
+var hasToStringTag$7 = requireShams()();
 var callBound$f = callBound$i;
 
 var $toString$7 = callBound$f('Object.prototype.toString');
@@ -10184,7 +10203,7 @@ var tryStringObject = function tryStringObject(value) {
 /** @type {(receiver: ThisParameterType<typeof Object.prototype.toString>, ...args: Parameters<typeof Object.prototype.toString>) => ReturnType<typeof Object.prototype.toString>} */
 var $toString$6 = callBound$c('Object.prototype.toString');
 var strClass = '[object String]';
-var hasToStringTag$6 = shams();
+var hasToStringTag$6 = requireShams()();
 
 /** @type {import('.')} */
 var isString$2 = function isString(value) {
@@ -10300,7 +10319,7 @@ var isSet$2 = exported$1 || function isSet(x) {
 var isArguments$1 = isArguments$2;
 var getStopIterationIterator = stopIterationIterator;
 
-if (hasSymbols$4() || requireShams()()) {
+if (hasSymbols$3() || requireShams$1()()) {
 	var $iterator = Symbol.iterator;
 	// Symbol is available natively or shammed
 	// natively:
@@ -10589,7 +10608,7 @@ var tryDateObject = function tryDateGetDayCall(value) {
 /** @type {(value: unknown) => string} */
 var toStr$2 = callBound$9('Object.prototype.toString');
 var dateClass = '[object Date]';
-var hasToStringTag$5 = shams();
+var hasToStringTag$5 = requireShams()();
 
 /** @type {import('.')} */
 var isDateObject = function isDateObject(value) {
@@ -10600,7 +10619,7 @@ var isDateObject = function isDateObject(value) {
 };
 
 var callBound$8 = callBound$i;
-var hasToStringTag$4 = shams();
+var hasToStringTag$4 = requireShams()();
 var hasOwn = hasown;
 var gOPD$1 = gopd$1;
 
@@ -10705,7 +10724,7 @@ var tryNumberObject = function tryNumberObject(value) {
 };
 var $toString$3 = callBound$6('Object.prototype.toString');
 var numClass = '[object Number]';
-var hasToStringTag$3 = shams();
+var hasToStringTag$3 = requireShams()();
 
 /** @type {import('.')} */
 var isNumberObject = function isNumberObject(value) {
@@ -10732,7 +10751,7 @@ var tryBooleanObject = function booleanBrandCheck(value) {
 	}
 };
 var boolClass = '[object Boolean]';
-var hasToStringTag$2 = shams();
+var hasToStringTag$2 = requireShams()();
 
 /** @type {import('.')} */
 var isBooleanObject = function isBoolean(value) {
@@ -10774,7 +10793,7 @@ function requireSafeRegexTest () {
 
 var callBound$4 = callBound$i;
 var $toString$1 = callBound$4('Object.prototype.toString');
-var hasSymbols = hasSymbols$4();
+var hasSymbols = hasSymbols$3();
 var safeRegexTest = requireSafeRegexTest();
 
 if (hasSymbols) {
@@ -11220,7 +11239,7 @@ var gOPD = gopd$1;
 var getProto = getProto$3;
 
 var $toString = callBound$2('Object.prototype.toString');
-var hasToStringTag = shams();
+var hasToStringTag = requireShams()();
 
 var g = typeof globalThis === 'undefined' ? commonjsGlobal : globalThis;
 var typedArrays = availableTypedArrays();