@buoy-gg/react-query 3.0.2 → 4.0.1

package/lib/commonjs/react-query/components/QueryFilterViewV3.js

@@ -34,9 +34,12 @@ function QueryFilterViewV3({
       error: 0
     };
     queries.forEach(query => {
+      // Count by the status LABEL (single source of truth) so the Error chip's
+      // count matches exactly what the cards show and what the Error filter
+      // returns. (Previously error was counted off `state.error`, a different
+      // axis than the label, so the count, cards, and filter could disagree.)
       const status = (0, _getQueryStatusLabel.getQueryStatusLabel)(query);
-      if (status === "disabled") counts.disabled++;else if (status === "fresh") counts.fresh++;else if (status === "stale") counts.stale++;else if (status === "fetching") counts.fetching++;else if (status === "paused") counts.paused++;else if (status === "inactive") counts.inactive++;
-      if (query.state.error) counts.error++;
+      if (status === "disabled") counts.disabled++;else if (status === "error") counts.error++;else if (status === "fresh") counts.fresh++;else if (status === "stale") counts.stale++;else if (status === "fetching") counts.fetching++;else if (status === "paused") counts.paused++;else if (status === "inactive") counts.inactive++;
     });
     return counts;
   }, [queries]);

package/lib/commonjs/react-query/components/QuerySelector.js

@@ -80,7 +80,8 @@ function QuerySelector({
               gray: "#6B7280",
               purple: "#8B5CF6",
               yellow: "#F59E0B",
-              green: "#10B981"
+              green: "#10B981",
+              red: "#EF4444"
             };
             const statusColor = colorMap[statusColorName] || "#6B7280";
             const isSelected = query === selectedQuery;

package/lib/commonjs/react-query/components/query-browser/QueryRow.js

@@ -26,6 +26,9 @@ const QueryRow = ({
       case "disabled":
         return _sharedUi.buoyColors.textMuted + "80";
       // More muted for disabled
+      case "error":
+        return _sharedUi.buoyColors.error;
+      // red — failed with no cached data
       case "fresh":
         return _sharedUi.buoyColors.success;
       case "stale":

package/lib/commonjs/react-query/components/query-browser/QueryStatus.js

@@ -106,11 +106,11 @@ const styles = _reactNative.StyleSheet.create({
     borderColor: _sharedUi.buoyColors.textMuted + "20"
   },
   queryStatusTagLarge: {
-    borderRadius: 18,
-    paddingHorizontal: 16,
-    paddingVertical: 9,
-    height: 40,
-    gap: 9
+    borderRadius: 16,
+    paddingHorizontal: 13,
+    paddingVertical: 6,
+    height: 32,
+    gap: 7
   },
   dot: {
     width: 6,
@@ -118,9 +118,9 @@ const styles = _reactNative.StyleSheet.create({
     borderRadius: 3
   },
   dotLarge: {
-    width: 9,
-    height: 9,
-    borderRadius: 4.5
+    width: 8,
+    height: 8,
+    borderRadius: 4
   },
   label: {
     fontSize: 11,
@@ -129,7 +129,10 @@ const styles = _reactNative.StyleSheet.create({
     fontFamily: "system"
   },
   labelLarge: {
-    fontSize: 15
+    fontSize: 13,
+    fontWeight: "600",
+    letterSpacing: 0.2,
+    fontFamily: '"SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'
   },
   count: {
     fontSize: 11,
@@ -139,7 +142,9 @@ const styles = _reactNative.StyleSheet.create({
     fontFamily: "system"
   },
   countLarge: {
-    fontSize: 15
+    fontSize: 13,
+    fontWeight: "700",
+    fontFamily: '"SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'
   }
 });
 var _default = exports.default = QueryStatus;

package/lib/commonjs/react-query/hooks/useQueryStatusCounts.js

@@ -19,7 +19,9 @@ function useQueryStatusCounts() {
     stale: 0,
     fetching: 0,
     paused: 0,
-    inactive: 0
+    inactive: 0,
+    error: 0,
+    disabled: 0
   });
   (0, _react.useEffect)(() => {
     const updateCounts = () => {
@@ -33,7 +35,9 @@ function useQueryStatusCounts() {
         stale: 0,
         fetching: 0,
         paused: 0,
-        inactive: 0
+        inactive: 0,
+        error: 0,
+        disabled: 0
       });
       setTimeout(() => setCounts(newCounts), 0);
     };

package/lib/commonjs/react-query/utils/getQueryStatusColor.js

@@ -12,5 +12,5 @@ function getQueryStatusColor({
   observerCount,
   isStale
 }) {
-  return queryState.fetchStatus === "fetching" ? "blue" : !observerCount ? "gray" : queryState.fetchStatus === "paused" ? "purple" : isStale ? "yellow" : "green";
+  return queryState.fetchStatus === "fetching" ? "blue" : queryState.status === "error" ? "red" : !observerCount ? "gray" : queryState.fetchStatus === "paused" ? "purple" : isStale ? "yellow" : "green";
 }

package/lib/commonjs/react-query/utils/getQueryStatusLabel.js

@@ -6,12 +6,18 @@ Object.defineProperty(exports, "__esModule", {
 exports.getQueryStatusLabel = getQueryStatusLabel;
 /**
  * Converts a query object into a human-friendly status string for badge rendering.
- * Priority order: disabled > fetching > inactive > paused > stale > fresh
+ * Priority order: disabled > fetching > error > inactive > paused > stale > fresh
+ *
+ * "error" sits just below "fetching" so a hard-failed query (status === "error",
+ * i.e. failed with no cached data) surfaces as an error instead of hiding under
+ * "inactive"/"stale", while an in-flight retry still reads as "fetching". This
+ * is the single source of truth every consumer (cards, dots, counts, the Error
+ * filter) reads, and it matches the dashboard sidebar's error dot exactly.
  */
 function getQueryStatusLabel(query) {
   // Check disabled first - disabled queries won't automatically fetch
   if (query.isDisabled()) {
     return "disabled";
   }
-  return query.state.fetchStatus === "fetching" ? "fetching" : !query.getObserversCount() ? "inactive" : query.state.fetchStatus === "paused" ? "paused" : query.isStale() ? "stale" : "fresh";
+  return query.state.fetchStatus === "fetching" ? "fetching" : query.state.status === "error" ? "error" : !query.getObserversCount() ? "inactive" : query.state.fetchStatus === "paused" ? "paused" : query.isStale() ? "stale" : "fresh";
 }

package/lib/module/react-query/components/QueryFilterViewV3.js

@@ -31,9 +31,12 @@ export function QueryFilterViewV3({
       error: 0
     };
     queries.forEach(query => {
+      // Count by the status LABEL (single source of truth) so the Error chip's
+      // count matches exactly what the cards show and what the Error filter
+      // returns. (Previously error was counted off `state.error`, a different
+      // axis than the label, so the count, cards, and filter could disagree.)
       const status = getQueryStatusLabel(query);
-      if (status === "disabled") counts.disabled++;else if (status === "fresh") counts.fresh++;else if (status === "stale") counts.stale++;else if (status === "fetching") counts.fetching++;else if (status === "paused") counts.paused++;else if (status === "inactive") counts.inactive++;
-      if (query.state.error) counts.error++;
+      if (status === "disabled") counts.disabled++;else if (status === "error") counts.error++;else if (status === "fresh") counts.fresh++;else if (status === "stale") counts.stale++;else if (status === "fetching") counts.fetching++;else if (status === "paused") counts.paused++;else if (status === "inactive") counts.inactive++;
     });
     return counts;
   }, [queries]);

package/lib/module/react-query/components/QuerySelector.js

@@ -76,7 +76,8 @@ export function QuerySelector({
               gray: "#6B7280",
               purple: "#8B5CF6",
               yellow: "#F59E0B",
-              green: "#10B981"
+              green: "#10B981",
+              red: "#EF4444"
             };
             const statusColor = colorMap[statusColorName] || "#6B7280";
             const isSelected = query === selectedQuery;

package/lib/module/react-query/components/query-browser/QueryRow.js

@@ -22,6 +22,9 @@ const QueryRow = ({
       case "disabled":
         return buoyColors.textMuted + "80";
       // More muted for disabled
+      case "error":
+        return buoyColors.error;
+      // red — failed with no cached data
       case "fresh":
         return buoyColors.success;
       case "stale":

package/lib/module/react-query/components/query-browser/QueryStatus.js

@@ -102,11 +102,11 @@ const styles = StyleSheet.create({
     borderColor: buoyColors.textMuted + "20"
   },
   queryStatusTagLarge: {
-    borderRadius: 18,
-    paddingHorizontal: 16,
-    paddingVertical: 9,
-    height: 40,
-    gap: 9
+    borderRadius: 16,
+    paddingHorizontal: 13,
+    paddingVertical: 6,
+    height: 32,
+    gap: 7
   },
   dot: {
     width: 6,
@@ -114,9 +114,9 @@ const styles = StyleSheet.create({
     borderRadius: 3
   },
   dotLarge: {
-    width: 9,
-    height: 9,
-    borderRadius: 4.5
+    width: 8,
+    height: 8,
+    borderRadius: 4
   },
   label: {
     fontSize: 11,
@@ -125,7 +125,10 @@ const styles = StyleSheet.create({
     fontFamily: "system"
   },
   labelLarge: {
-    fontSize: 15
+    fontSize: 13,
+    fontWeight: "600",
+    letterSpacing: 0.2,
+    fontFamily: '"SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'
   },
   count: {
     fontSize: 11,
@@ -135,7 +138,9 @@ const styles = StyleSheet.create({
     fontFamily: "system"
   },
   countLarge: {
-    fontSize: 15
+    fontSize: 13,
+    fontWeight: "700",
+    fontFamily: '"SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'
   }
 });
 export default QueryStatus;

package/lib/module/react-query/hooks/useQueryStatusCounts.js

@@ -14,7 +14,9 @@ function useQueryStatusCounts() {
     stale: 0,
     fetching: 0,
     paused: 0,
-    inactive: 0
+    inactive: 0,
+    error: 0,
+    disabled: 0
   });
   useEffect(() => {
     const updateCounts = () => {
@@ -28,7 +30,9 @@ function useQueryStatusCounts() {
         stale: 0,
         fetching: 0,
         paused: 0,
-        inactive: 0
+        inactive: 0,
+        error: 0,
+        disabled: 0
       });
       setTimeout(() => setCounts(newCounts), 0);
     };

package/lib/module/react-query/utils/getQueryStatusColor.js

@@ -8,5 +8,5 @@ export function getQueryStatusColor({
   observerCount,
   isStale
 }) {
-  return queryState.fetchStatus === "fetching" ? "blue" : !observerCount ? "gray" : queryState.fetchStatus === "paused" ? "purple" : isStale ? "yellow" : "green";
+  return queryState.fetchStatus === "fetching" ? "blue" : queryState.status === "error" ? "red" : !observerCount ? "gray" : queryState.fetchStatus === "paused" ? "purple" : isStale ? "yellow" : "green";
 }

package/lib/module/react-query/utils/getQueryStatusLabel.js

@@ -2,12 +2,18 @@
 
 /**
  * Converts a query object into a human-friendly status string for badge rendering.
- * Priority order: disabled > fetching > inactive > paused > stale > fresh
+ * Priority order: disabled > fetching > error > inactive > paused > stale > fresh
+ *
+ * "error" sits just below "fetching" so a hard-failed query (status === "error",
+ * i.e. failed with no cached data) surfaces as an error instead of hiding under
+ * "inactive"/"stale", while an in-flight retry still reads as "fetching". This
+ * is the single source of truth every consumer (cards, dots, counts, the Error
+ * filter) reads, and it matches the dashboard sidebar's error dot exactly.
  */
 export function getQueryStatusLabel(query) {
   // Check disabled first - disabled queries won't automatically fetch
   if (query.isDisabled()) {
     return "disabled";
   }
-  return query.state.fetchStatus === "fetching" ? "fetching" : !query.getObserversCount() ? "inactive" : query.state.fetchStatus === "paused" ? "paused" : query.isStale() ? "stale" : "fresh";
+  return query.state.fetchStatus === "fetching" ? "fetching" : query.state.status === "error" ? "error" : !query.getObserversCount() ? "inactive" : query.state.fetchStatus === "paused" ? "paused" : query.isStale() ? "stale" : "fresh";
 }

package/lib/typescript/react-query/components/QueryFilterViewV3.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QueryFilterViewV3.d.ts","sourceRoot":"","sources":["../../../../src/react-query/components/QueryFilterViewV3.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAkB9C,UAAU,sBAAsB;IAC9B,OAAO,EAAE,KAAK,EAAE,CAAC;IACjB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC7B,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,gBAAgB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC9B,uBAAuB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACpD;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,YAAY,EACZ,cAAc,EACd,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,uBAAuB,GACxB,EAAE,sBAAsB,+BAgPxB"}
+{"version":3,"file":"QueryFilterViewV3.d.ts","sourceRoot":"","sources":["../../../../src/react-query/components/QueryFilterViewV3.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAkB9C,UAAU,sBAAsB;IAC9B,OAAO,EAAE,KAAK,EAAE,CAAC;IACjB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC7B,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,gBAAgB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC9B,uBAAuB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACpD;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,YAAY,EACZ,cAAc,EACd,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,uBAAuB,GACxB,EAAE,sBAAsB,+BAmPxB"}

package/lib/typescript/react-query/components/QuerySelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QuerySelector.d.ts","sourceRoot":"","sources":["../../../../src/react-query/components/QuerySelector.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAM9C,UAAU,kBAAkB;IAC1B,OAAO,EAAE,KAAK,EAAE,CAAC;IACjB,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,aAAa,EACb,MAAM,EACN,OAAO,EACP,QAAQ,GACT,EAAE,kBAAkB,+BAmHpB"}
+{"version":3,"file":"QuerySelector.d.ts","sourceRoot":"","sources":["../../../../src/react-query/components/QuerySelector.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAM9C,UAAU,kBAAkB;IAC1B,OAAO,EAAE,KAAK,EAAE,CAAC;IACjB,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,aAAa,EACb,MAAM,EACN,OAAO,EACP,QAAQ,GACT,EAAE,kBAAkB,+BAoHpB"}

package/lib/typescript/react-query/components/query-browser/QueryRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QueryRow.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/query-browser/QueryRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAiB9C,UAAU,aAAa;IACrB,KAAK,EAAE,KAAK,CAAC;IACb,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED;;GAEG;AACH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA2DrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"QueryRow.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/query-browser/QueryRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAiB9C,UAAU,aAAa;IACrB,KAAK,EAAE,KAAK,CAAC;IACb,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED;;GAEG;AACH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA6DrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/typescript/react-query/components/query-browser/QueryStatus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QueryStatus.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/query-browser/QueryStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAKL,qBAAqB,EACtB,MAAM,cAAc,CAAC;AAGtB,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC/D,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACtD;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC5B;AAID;;GAEG;AACH,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAuGrC,CAAC;AAqDF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"QueryStatus.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/query-browser/QueryStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAKL,qBAAqB,EACtB,MAAM,cAAc,CAAC;AAGtB,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC/D,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACtD;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC5B;AAID;;GAEG;AACH,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAuGrC,CAAC;AA4DF,eAAe,WAAW,CAAC"}

package/lib/typescript/react-query/hooks/useQueryStatusCounts.d.ts

@@ -4,6 +4,8 @@ interface QueryStatusCounts {
     fetching: number;
     paused: number;
     inactive: number;
+    error: number;
+    disabled: number;
 }
 /**
  * Tracks how many queries fall into each status bucket (fresh, stale, fetching, etc.). Uses

package/lib/typescript/react-query/hooks/useQueryStatusCounts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useQueryStatusCounts.d.ts","sourceRoot":"","sources":["../../../../src/react-query/hooks/useQueryStatusCounts.ts"],"names":[],"mappings":"AAIA,UAAU,iBAAiB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;GAGG;AACH,iBAAS,oBAAoB,IAAI,iBAAiB,CAsCjD;AAED,eAAe,oBAAoB,CAAC;AAGpC,UAAU,oBAAoB;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,oBAAoB,CAwD9D"}
+{"version":3,"file":"useQueryStatusCounts.d.ts","sourceRoot":"","sources":["../../../../src/react-query/hooks/useQueryStatusCounts.ts"],"names":[],"mappings":"AAIA,UAAU,iBAAiB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;GAGG;AACH,iBAAS,oBAAoB,IAAI,iBAAiB,CAwCjD;AAED,eAAe,oBAAoB,CAAC;AAGpC,UAAU,oBAAoB;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,oBAAoB,CAwD9D"}

package/lib/typescript/react-query/utils/getQueryStatusColor.d.ts

@@ -6,5 +6,5 @@ export declare function getQueryStatusColor({ queryState, observerCount, isStale
     queryState: Query["state"];
     observerCount: number;
     isStale: boolean;
-}): "blue" | "green" | "gray" | "yellow" | "purple";
+}): "blue" | "green" | "gray" | "yellow" | "purple" | "red";
 //# sourceMappingURL=getQueryStatusColor.d.ts.map

package/lib/typescript/react-query/utils/getQueryStatusColor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getQueryStatusColor.d.ts","sourceRoot":"","sources":["../../../../src/react-query/utils/getQueryStatusColor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAEnD;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,UAAU,EACV,aAAa,EACb,OAAO,GACR,EAAE;IACD,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAC3B,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;CAClB,mDAUA"}
+{"version":3,"file":"getQueryStatusColor.d.ts","sourceRoot":"","sources":["../../../../src/react-query/utils/getQueryStatusColor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAEnD;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,UAAU,EACV,aAAa,EACb,OAAO,GACR,EAAE;IACD,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAC3B,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;CAClB,2DAYA"}

package/lib/typescript/react-query/utils/getQueryStatusLabel.d.ts

@@ -2,7 +2,13 @@ import { Query } from "@tanstack/react-query";
 type QueryStatus = "disabled" | "fetching" | "inactive" | "paused" | "stale" | "fresh" | "error";
 /**
  * Converts a query object into a human-friendly status string for badge rendering.
- * Priority order: disabled > fetching > inactive > paused > stale > fresh
+ * Priority order: disabled > fetching > error > inactive > paused > stale > fresh
+ *
+ * "error" sits just below "fetching" so a hard-failed query (status === "error",
+ * i.e. failed with no cached data) surfaces as an error instead of hiding under
+ * "inactive"/"stale", while an in-flight retry still reads as "fetching". This
+ * is the single source of truth every consumer (cards, dots, counts, the Error
+ * filter) reads, and it matches the dashboard sidebar's error dot exactly.
  */
 export declare function getQueryStatusLabel(query: Query): QueryStatus;
 export {};

package/lib/typescript/react-query/utils/getQueryStatusLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getQueryStatusLabel.d.ts","sourceRoot":"","sources":["../../../../src/react-query/utils/getQueryStatusLabel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,KAAK,WAAW,GACZ,UAAU,GACV,UAAU,GACV,UAAU,GACV,QAAQ,GACR,OAAO,GACP,OAAO,GACP,OAAO,CAAC;AAEZ;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,KAAK,GAAG,WAAW,CAe7D"}
+{"version":3,"file":"getQueryStatusLabel.d.ts","sourceRoot":"","sources":["../../../../src/react-query/utils/getQueryStatusLabel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,KAAK,WAAW,GACZ,UAAU,GACV,UAAU,GACV,UAAU,GACV,QAAQ,GACR,OAAO,GACP,OAAO,GACP,OAAO,CAAC;AAEZ;;;;;;;;;GASG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,KAAK,GAAG,WAAW,CAiB7D"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buoy-gg/react-query",
-  "version": "3.0.2",
+  "version": "4.0.1",
   "description": "react-query package",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -26,8 +26,8 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@buoy-gg/shared-ui": "3.0.2",
-    "@buoy-gg/floating-tools-core": "3.0.2"
+    "@buoy-gg/floating-tools-core": "4.0.1",
+    "@buoy-gg/shared-ui": "4.0.1"
   },
   "peerDependencies": {
     "@tanstack/react-query": ">=5.0.0",