@trops/dash-core 0.1.456 → 0.1.457

package/dist/index.esm.js

@@ -9294,7 +9294,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;
@@ -9327,7 +9327,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) {
@@ -9393,11 +9393,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] */
@@ -9446,10 +9446,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; }
@@ -9753,7 +9753,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();
@@ -9771,7 +9771,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,
@@ -9802,10 +9802,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,
@@ -9819,11 +9819,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,
@@ -10176,12 +10176,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) {
@@ -10195,7 +10195,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) {
@@ -10492,14 +10492,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 hasToStringTag$7 = shams();
+	var hasSymbols = requireShams$1();
+
+	/** @type {import('.')} */
+	shams = function hasToStringTagShams() {
+		return hasSymbols() && !!Symbol.toStringTag;
+	};
+	return shams;
+}
+
+var hasToStringTag$7 = requireShams()();
 var callBound$f = callBound$i;
 
 var $toString$7 = callBound$f('Object.prototype.toString');
@@ -11536,7 +11545,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) {
@@ -11652,7 +11661,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:
@@ -11941,7 +11950,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) {
@@ -11952,7 +11961,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;
 
@@ -12057,7 +12066,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) {
@@ -12084,7 +12093,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) {
@@ -12126,7 +12135,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) {
@@ -12572,7 +12581,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();
@@ -47209,71 +47218,75 @@ var ProvidersSection = function ProvidersSection(_ref) {
       if (result !== null && result !== void 0 && result.catalog) setCatalog(result.catalog);
     }, function () {});
   }, [dashApi]);
-  var _useState3 = useState("credentials"),
+  var _useState3 = useState("all"),
     _useState4 = _slicedToArray(_useState3, 2),
     providerTab = _useState4[0],
     setProviderTab = _useState4[1];
-  var _useState5 = useState(null),
+  var _useState5 = useState(""),
     _useState6 = _slicedToArray(_useState5, 2),
-    selectedName = _useState6[0],
-    setSelectedName = _useState6[1];
-  var _useState7 = useState(false),
+    searchQuery = _useState6[0],
+    setSearchQuery = _useState6[1];
+  var _useState7 = useState(null),
     _useState8 = _slicedToArray(_useState7, 2),
-    isCreating = _useState8[0],
-    setIsCreating = _useState8[1];
+    selectedName = _useState8[0],
+    setSelectedName = _useState8[1];
+  var _useState9 = useState(false),
+    _useState0 = _slicedToArray(_useState9, 2),
+    isCreating = _useState0[0],
+    setIsCreating = _useState0[1];
   // When the user clicks "+ New Provider" without a pre-selected
   // class (Settings header button), show the class chooser
   // (Credential / MCP / WebSocket) instead of defaulting to the
   // credential form. Widget Builder's deep-link path passes a class
   // explicitly and bypasses this chooser.
-  var _useState9 = useState(false),
-    _useState0 = _slicedToArray(_useState9, 2),
-    isShowingClassChooser = _useState0[0],
-    setIsShowingClassChooser = _useState0[1];
+  var _useState1 = useState(false),
+    _useState10 = _slicedToArray(_useState1, 2),
+    isShowingClassChooser = _useState10[0],
+    setIsShowingClassChooser = _useState10[1];
   // Tracks whether the current create-flow detail was reached via the
   // chooser (vs. the Widget Builder deep-link or list-edit). Only the
   // chooser-entry path renders the "← Back" affordance, since that's
   // the only path that has somewhere to go back to.
-  var _useState1 = useState(false),
-    _useState10 = _slicedToArray(_useState1, 2),
-    cameFromClassChooser = _useState10[0],
-    setCameFromClassChooser = _useState10[1];
   var _useState11 = useState(false),
     _useState12 = _slicedToArray(_useState11, 2),
-    isEditing = _useState12[0],
-    setIsEditing = _useState12[1];
-  var _useState13 = useState(""),
+    cameFromClassChooser = _useState12[0],
+    setCameFromClassChooser = _useState12[1];
+  var _useState13 = useState(false),
     _useState14 = _slicedToArray(_useState13, 2),
-    formName = _useState14[0],
-    setFormName = _useState14[1];
+    isEditing = _useState14[0],
+    setIsEditing = _useState14[1];
   var _useState15 = useState(""),
     _useState16 = _slicedToArray(_useState15, 2),
-    formType = _useState16[0],
-    setFormType = _useState16[1];
-  var _useState17 = useState({}),
+    formName = _useState16[0],
+    setFormName = _useState16[1];
+  var _useState17 = useState(""),
     _useState18 = _slicedToArray(_useState17, 2),
-    formCredentials = _useState18[0],
-    setFormCredentials = _useState18[1];
-  var _useState19 = useState(null),
+    formType = _useState18[0],
+    setFormType = _useState18[1];
+  var _useState19 = useState({}),
     _useState20 = _slicedToArray(_useState19, 2),
-    deleteTarget = _useState20[0],
-    setDeleteTarget = _useState20[1];
-  var _useState21 = useState(false),
+    formCredentials = _useState20[0],
+    setFormCredentials = _useState20[1];
+  var _useState21 = useState(null),
     _useState22 = _slicedToArray(_useState21, 2),
-    isAddingMcp = _useState22[0],
-    setIsAddingMcp = _useState22[1];
+    deleteTarget = _useState22[0],
+    setDeleteTarget = _useState22[1];
   var _useState23 = useState(false),
     _useState24 = _slicedToArray(_useState23, 2),
-    isEditingMcp = _useState24[0],
-    setIsEditingMcp = _useState24[1];
+    isAddingMcp = _useState24[0],
+    setIsAddingMcp = _useState24[1];
   var _useState25 = useState(false),
     _useState26 = _slicedToArray(_useState25, 2),
-    isAddingWs = _useState26[0],
-    setIsAddingWs = _useState26[1];
+    isEditingMcp = _useState26[0],
+    setIsEditingMcp = _useState26[1];
   var _useState27 = useState(false),
     _useState28 = _slicedToArray(_useState27, 2),
-    isEditingWs = _useState28[0],
-    setIsEditingWs = _useState28[1];
+    isAddingWs = _useState28[0],
+    setIsAddingWs = _useState28[1];
+  var _useState29 = useState(false),
+    _useState30 = _slicedToArray(_useState29, 2),
+    isEditingWs = _useState30[0],
+    setIsEditingWs = _useState30[1];
 
   // Row ID counter for env/header rows in MCP edit mode
   var nextRowIdRef = useRef(0);
@@ -47597,11 +47610,42 @@ var ProvidersSection = function ProvidersSection(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [createRequested]);
   var selectedProvider = selectedName && providers[selectedName] ? providers[selectedName] : null;
-  var activeProviders = providerTab === "credentials" ? credentialProviders : providerTab === "mcp" ? mcpProviders : wsProviders;
-  var activeIcon = providerTab === "credentials" ? "key" : providerTab === "mcp" ? "server" : "plug";
+
+  // Class filter (All + 3 classes). "All" merges every group so the
+  // user gets one alphabetized list by default — mirrors the Widgets
+  // sidebar pattern.
+  var tabFilteredProviders = providerTab === "all" ? [].concat(_toConsumableArray(credentialProviders), _toConsumableArray(mcpProviders), _toConsumableArray(wsProviders)) : providerTab === "credentials" ? credentialProviders : providerTab === "mcp" ? mcpProviders : wsProviders;
+  var trimmedQuery = searchQuery.trim().toLowerCase();
+  var visibleProviders = tabFilteredProviders.filter(function (_ref0) {
+    var _ref1 = _slicedToArray(_ref0, 2),
+      name = _ref1[0],
+      provider = _ref1[1];
+    if (!trimmedQuery) return true;
+    return name.toLowerCase().includes(trimmedQuery) || (provider.type || "").toLowerCase().includes(trimmedQuery);
+  }).slice().sort(function (_ref10, _ref11) {
+    var _ref12 = _slicedToArray(_ref10, 1),
+      a = _ref12[0];
+    var _ref13 = _slicedToArray(_ref11, 1),
+      b = _ref13[0];
+    return a.localeCompare(b, undefined, {
+      sensitivity: "base"
+    });
+  });
+  var iconForClass = function iconForClass(cls) {
+    return cls === "mcp" ? "server" : cls === "websocket" ? "plug" : "key";
+  };
   var listContent = /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx("div", {
-      className: "px-2 pt-2",
+      className: "px-2 pt-2 pb-2",
+      children: /*#__PURE__*/jsx(InputText, {
+        value: searchQuery,
+        onChange: function onChange(value) {
+          return setSearchQuery(value);
+        },
+        placeholder: "Search providers..."
+      })
+    }), /*#__PURE__*/jsx("div", {
+      className: "px-2",
       children: /*#__PURE__*/jsx(Tabs3, {
         value: providerTab,
         onValueChange: setProviderTab,
@@ -47611,6 +47655,10 @@ var ProvidersSection = function ProvidersSection(_ref) {
           className: "w-full flex",
           spacing: "p-0.5",
           children: [/*#__PURE__*/jsx(Tabs3.Trigger, {
+            value: "all",
+            className: "flex-1",
+            children: "All"
+          }), /*#__PURE__*/jsx(Tabs3.Trigger, {
             value: "credentials",
             className: "flex-1",
             children: "Credentials"
@@ -47625,15 +47673,22 @@ var ProvidersSection = function ProvidersSection(_ref) {
           })]
         })
       })
+    }), /*#__PURE__*/jsx("div", {
+      className: "px-3 pt-2 pb-1",
+      children: /*#__PURE__*/jsxs("span", {
+        className: "text-xs opacity-40",
+        children: [visibleProviders.length, " provider", visibleProviders.length === 1 ? "" : "s"]
+      })
     }), /*#__PURE__*/jsxs(Sidebar.Content, {
-      children: [activeProviders.map(function (_ref0) {
-        var _ref1 = _slicedToArray(_ref0, 2),
-          name = _ref1[0],
-          provider = _ref1[1];
+      children: [visibleProviders.map(function (_ref14) {
+        var _ref15 = _slicedToArray(_ref14, 2),
+          name = _ref15[0],
+          provider = _ref15[1];
         var isSelected = selectedName === name && !isCreating;
+        var cls = provider.providerClass || "credential";
         return /*#__PURE__*/jsx(Sidebar.Item, {
           icon: /*#__PURE__*/jsx(FontAwesomeIcon, {
-            icon: activeIcon,
+            icon: iconForClass(cls),
             className: "h-3.5 w-3.5"
           }),
           active: isSelected,
@@ -47655,40 +47710,9 @@ var ProvidersSection = function ProvidersSection(_ref) {
           className: isSelected ? "bg-white/10 opacity-100" : "",
           children: name
         }, name);
-      }), activeProviders.length === 0 && /*#__PURE__*/jsx("span", {
+      }), visibleProviders.length === 0 && /*#__PURE__*/jsx("span", {
         className: "text-sm opacity-40 py-8 text-center",
-        children: providerTab === "credentials" ? "No API credentials configured" : providerTab === "mcp" ? "No MCP servers configured" : "No WebSocket providers configured"
-      }), providerTab === "mcp" && /*#__PURE__*/jsx("div", {
-        className: "px-3 py-3 mt-2 border-t border-white/10",
-        children: /*#__PURE__*/jsxs("button", {
-          onClick: function onClick() {
-            setIsAddingMcp(true);
-            setSelectedName(null);
-            setIsCreating(false);
-            setIsEditing(false);
-          },
-          className: "flex items-center gap-2 text-sm text-blue-400 hover:text-blue-300 transition-colors w-full",
-          children: [/*#__PURE__*/jsx(FontAwesomeIcon, {
-            icon: "plus",
-            className: "h-3 w-3"
-          }), "Add MCP Server"]
-        })
-      }), providerTab === "websocket" && /*#__PURE__*/jsx("div", {
-        className: "px-3 py-3 mt-2 border-t border-white/10",
-        children: /*#__PURE__*/jsxs("button", {
-          onClick: function onClick() {
-            setIsAddingWs(true);
-            setSelectedName(null);
-            setIsCreating(false);
-            setIsEditing(false);
-            setIsAddingMcp(false);
-          },
-          className: "flex items-center gap-2 text-sm text-blue-400 hover:text-blue-300 transition-colors w-full",
-          children: [/*#__PURE__*/jsx(FontAwesomeIcon, {
-            icon: "plus",
-            className: "h-3 w-3"
-          }), "Add WebSocket Provider"]
-        })
+        children: trimmedQuery ? "No providers match \"".concat(searchQuery.trim(), "\"") : providerTab === "all" ? "No providers configured" : providerTab === "credentials" ? "No API credentials configured" : providerTab === "mcp" ? "No MCP servers configured" : "No WebSocket providers configured"
       })]
     })]
   });
@@ -47715,10 +47739,10 @@ var ProvidersSection = function ProvidersSection(_ref) {
     });
   } else if (isEditingWs && selectedName && selectedProvider) {
     var wc = selectedProvider.wsConfig || {};
-    var editHeaderRows = wc.headers ? Object.entries(wc.headers).map(function (_ref10, i) {
-      var _ref11 = _slicedToArray(_ref10, 2),
-        key = _ref11[0],
-        value = _ref11[1];
+    var editHeaderRows = wc.headers ? Object.entries(wc.headers).map(function (_ref16, i) {
+      var _ref17 = _slicedToArray(_ref16, 2),
+        key = _ref17[0],
+        value = _ref17[1];
       return {
         id: "ws_edit_".concat(i),
         key: key,