@buoy-gg/react-query 5.0.0 → 6.0.1

package/README.md

@@ -1,389 +1,63 @@
-# @buoy/react-query
+# @buoy-gg/react-query
 
-[![npm](https://img.shields.io/npm/v/@buoy%2Freact-query)](https://www.npmjs.com/package/@buoy/react-query)
+[![npm version](https://img.shields.io/npm/v/@buoy-gg/react-query?style=flat-square&labelColor=1c1c1c&color=10B981)](https://www.npmjs.com/package/@buoy-gg/react-query) [![npm downloads](https://img.shields.io/npm/dm/@buoy-gg/react-query?style=flat-square&labelColor=1c1c1c&color=10B981)](https://www.npmjs.com/package/@buoy-gg/react-query)
 
-React Query (TanStack Query) devtools modal for React Native development.
+**Full TanStack Query devtools on the device — inspect the cache, simulate loading and error states, and flip your app offline with one tap.**
 
-## Features
+Part of [Buoy](https://github.com/Buoy-gg/buoy) — devtools that live inside your React Native app. Install it and it auto-appears in the floating menu from [`@buoy-gg/core`](https://www.npmjs.com/package/@buoy-gg/core).
 
-- **Query Inspector**: Browse and inspect all queries in your app
-- **Mutation Tracking**: Monitor mutations and their states
-- **Cache Inspection**: View and manipulate the React Query cache
-- **Query Invalidation**: Invalidate queries directly from the UI
-- **Refetch Control**: Manually trigger query refetches
-- **Filter & Search**: Filter queries by status, search by key
-- **WiFi Toggle**: Simulate offline mode to test query behavior
-- **Performance Monitoring**: Track query timings and performance
-- **Beautiful UI**: Modern, game-themed interface matching other React Buoy tools
+![React Query DevTools demo](https://github.com/user-attachments/assets/258e892d-3eaf-41f8-9fae-d7d2dcd6c39d)
 
-## Installation
-
-This package is part of the React Buoy monorepo and is automatically available to other packages and the example app.
-
-For external projects:
+## Install
 
 ```bash
-npm install @buoy/react-query @tanstack/react-query
-# or
-pnpm add @buoy/react-query @tanstack/react-query
-# or
-yarn add @buoy/react-query @tanstack/react-query
+npm install @buoy-gg/core @buoy-gg/react-query
 ```
 
-## Quick Start
+Requires `@tanstack/react-query` as a peer — you already have it if you use React Query.
 
-### Simplest Setup - Just 1 Line!
+## Quick start
 
-**Import the preset and add it to your tools array. Done!**
+Render `FloatingDevTools` inside your `QueryClientProvider`. The tool picks up your `QueryClient` from context and connects automatically — no extra call needed.
 
-```typescript
-import { reactQueryToolPreset } from '@buoy/react-query';
-import { FloatingDevTools } from '@buoy/core';
+```tsx
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { FloatingDevTools } from '@buoy-gg/core';
 
 const queryClient = new QueryClient();
 
-const installedApps = [
-  reactQueryToolPreset, // That's it! One line.
-  // ...your other tools
-];
-
-function App() {
+export default function App() {
   return (
     <QueryClientProvider client={queryClient}>
-      <FloatingDevTools
-        apps={installedApps}
-        environment="local"
-        userRole="admin"
-      />
-      <YourAppContent />
+      <YourApp />
+      <FloatingDevTools />
     </QueryClientProvider>
   );
 }
 ```
 
-**Done!** The preset automatically:
-- ✅ Inspects all queries and mutations
-- ✅ Provides cache manipulation tools
-- ✅ Includes WiFi toggle for offline testing
-- ✅ No configuration required
-
-### Custom Configuration
-
-If you want to customize the appearance:
-
-```typescript
-import { createReactQueryTool } from '@buoy/react-query';
-
-const myQueryTool = createReactQueryTool({
-  name: "TANSTACK",
-  colorPreset: "purple",
-  enableSharedModalDimensions: true,
-});
-
-const installedApps = [
-  myQueryTool,
-  // ...other tools
-];
-```
-
-### Alternative: Manual Setup
-
-If you're not using FloatingDevTools or want more control:
-
-```typescript
-import { ReactQueryDevToolsModal } from '@buoy/react-query';
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-
-const queryClient = new QueryClient();
-
-function App() {
-  const [showQuery, setShowQuery] = useState(false);
-
-  return (
-    <QueryClientProvider client={queryClient}>
-      <Button onPress={() => setShowQuery(true)}>
-        Open Query Inspector
-      </Button>
-
-      <ReactQueryDevToolsModal
-        visible={showQuery}
-        onClose={() => setShowQuery(false)}
-      />
-      
-      <YourAppContent />
-    </QueryClientProvider>
-  );
-}
-```
-
-## API Reference
-
-### Presets
-
-#### `reactQueryToolPreset`
-
-Pre-configured React Query devtools ready to use with FloatingDevTools.
-
-**Example:**
-```typescript
-import { reactQueryToolPreset } from '@buoy/react-query';
-
-const installedApps = [reactQueryToolPreset];
-```
-
-#### `createReactQueryTool(options?)`
-
-Create a custom React Query devtools configuration.
-
-**Options:**
-```typescript
-{
-  /** Tool name (default: "QUERY") */
-  name?: string;
-  /** Tool description */
-  description?: string;
-  /** Icon color preset (default: "red") */
-  colorPreset?: "orange" | "cyan" | "purple" | "pink" | "yellow" | "green" | "red";
-  /** Custom tool ID (default: "query") */
-  id?: string;
-  /** Enable shared modal dimensions (default: true) */
-  enableSharedModalDimensions?: boolean;
-}
-```
-
-**Example:**
-```typescript
-import { createReactQueryTool } from '@buoy/react-query';
-
-const myQueryTool = createReactQueryTool({
-  name: "RQ DEVTOOLS",
-  colorPreset: "cyan",
-  enableSharedModalDimensions: true,
-});
-```
-
-### Components
-
-#### `ReactQueryDevToolsModal`
-
-Main modal component for React Query devtools.
-
-**Props:**
-```typescript
-interface ReactQueryDevToolsModalProps {
-  /** Whether the modal is visible */
-  visible: boolean;
-  /** Callback when modal is closed */
-  onClose: () => void;
-  /** Whether to use shared modal dimensions (default: true) */
-  enableSharedModalDimensions?: boolean;
-}
-```
-
-**Example:**
-```typescript
-<ReactQueryDevToolsModal
-  visible={isVisible}
-  onClose={handleClose}
-  enableSharedModalDimensions={true}
-/>
-```
-
-#### `WifiToggle`
-
-Small WiFi toggle component for simulating offline mode.
-
-**Props:**
-```typescript
-interface WifiToggleProps {
-  /** Icon size (default: 16) */
-  size?: number;
-}
-```
-
-**Example:**
-```typescript
-import { WifiToggle } from '@buoy/react-query';
-
-<WifiToggle size={20} />
-```
-
-### Hooks
-
-#### `useWifiState()`
-
-Hook to manage and access WiFi/online state.
-
-**Returns:**
-```typescript
-{
-  /** Whether the app is online */
-  isOnline: boolean;
-  /** Toggle WiFi state */
-  handleWifiToggle: () => void;
-  /** Set online state directly */
-  setIsOnline: (online: boolean) => void;
-}
-```
-
-**Example:**
-```typescript
-import { useWifiState } from '@buoy/react-query';
-
-function MyComponent() {
-  const { isOnline, handleWifiToggle } = useWifiState();
-
-  return (
-    <View>
-      <Text>Status: {isOnline ? 'Online' : 'Offline'}</Text>
-      <Button onPress={handleWifiToggle}>
-        Toggle WiFi
-      </Button>
-    </View>
-  );
-}
-```
-
-## Use Cases
+That's it. The React Query tool (and a WiFi toggle) appear in the floating menu.
 
-### Query Debugging
+## What you get
 
-Inspect and debug queries in real-time:
+- **Cache inspection** — browse every query, drill into cached data with an interactive JSON tree, and edit values in place
+- **Refetch & invalidate** — trigger refetches or invalidate queries straight from the UI
+- **Simulate loading & error states** — test spinners and error boundaries without waiting on real network conditions
+- **One-tap offline toggle** — the WiFi switch drives React Query's `onlineManager` to pause all queries, perfect for offline-first testing
+- **Live mutation tracking** — status, variables, response or error, and timing for every mutation as it runs
+- **Query states at a glance** — fresh, stale, fetching, paused, and inactive across your whole cache
+- **Filter & search** — narrow by status or search by query key
 
-```typescript
-import { reactQueryToolPreset } from '@buoy/react-query';
-
-// Add to your dev tools
-const installedApps = [reactQueryToolPreset];
-
-// Now you can:
-// - See all active queries
-// - View query data and status
-// - Inspect stale/fresh/loading states
-// - Manually refetch queries
-// - Invalidate queries to trigger refetch
-```
-
-### Offline Testing
-
-Test your app's behavior in offline mode:
-
-```typescript
-import { WifiToggle } from '@buoy/react-query';
-
-// Add WiFi toggle to your header
-<WifiToggle size={18} />
-
-// Or use the hook directly
-const { isOnline, handleWifiToggle } = useWifiState();
-```
-
-### Cache Manipulation
-
-Inspect and manipulate the query cache:
-
-```typescript
-// In the React Query devtools modal:
-// - View all cached queries
-// - See cache sizes and data
-// - Manually invalidate cache entries
-// - Trigger refetches
-// - Remove queries from cache
-```
-
-### Mutation Monitoring
-
-Track mutations and their states:
-
-```typescript
-// In the React Query devtools modal:
-// - View all active mutations
-// - See mutation status (idle, loading, success, error)
-// - Inspect mutation data and variables
-// - Track mutation timing
-```
-
-## Features in Detail
-
-### Query Browser
-
-- **View All Queries**: See all queries registered with React Query
-- **Filter by Status**: Filter by fresh, fetching, stale, or inactive
-- **Search**: Search queries by key
-- **Query Details**: View full query data, status, and metadata
-- **Refetch**: Manually trigger query refetches
-- **Invalidate**: Invalidate queries to trigger automatic refetch
-- **Remove**: Remove queries from cache
-
-### Mutation Tracking
-
-- **View Mutations**: See all registered mutations
-- **Mutation Status**: Track mutation states (idle, loading, success, error)
-- **Variables**: Inspect mutation variables
-- **Results**: View mutation results and errors
-- **Reset**: Reset mutation states
-
-### WiFi Toggle
-
-- **Offline Mode**: Simulate offline state
-- **Query Behavior**: Test how queries behave without network
-- **Retry Logic**: Verify retry and error handling
-- **Cache Fallbacks**: Test cache-first strategies
-
-### Performance Monitoring
-
-- **Query Timing**: See how long queries take
-- **Cache Hits**: Track cache hit rates
-- **Stale Time**: Monitor query freshness
-- **Background Updates**: See when queries update in background
-
-## React Query Integration
-
-This package integrates with React Query's online manager to provide WiFi toggle functionality. When you toggle WiFi off:
-
-- React Query treats the app as offline
-- Queries won't refetch automatically
-- New queries will be paused
-- Mutations will be paused until online
-- Background refetches are disabled
-
-This is perfect for testing offline scenarios without actually disconnecting your device.
-
-## Dependencies
-
-- `@buoy/shared-ui` - Common UI components and utilities
-- `@tanstack/react-query` - React Query library (peer dependency)
-- React and React Native (peer dependencies)
-
-## Development
-
-### Building
-
-```bash
-pnpm build
-```
-
-### Type Checking
-
-```bash
-pnpm typecheck
-```
-
-### Clean Build
-
-```bash
-pnpm clean
-```
+## Desktop & AI
 
-## License
+The same live session streams to [Buoy Desktop](https://github.com/Buoy-gg/Buoy-Desktop) (free, macOS/Windows/Linux) and to Claude Code or Cursor via the [Buoy MCP server](https://buoy.gg/buoy/latest/docs/mcp).
 
-MIT
+## Free vs Pro
 
-## Contributing
+Every tool is free. [Pro](https://buoy.gg/pricing) unlocks production builds, the MCP server, and unlimited capture. Every weekend, Pro features unlock free for everyone.
 
-See the main repository [CONTRIBUTING.md](../../CONTRIBUTING.md) for contribution guidelines.
+---
 
-## Support
+📚 [Full docs](https://buoy.gg/buoy/latest/docs/tools/react-query) · [All Buoy tools](https://github.com/Buoy-gg/buoy)
 
-For issues and feature requests, please visit the [GitHub repository](https://github.com/LovesWorking/react-native-buoy/issues).
+Proprietary software. © Buoy LLC. [Terms](https://buoy.gg/terms)

package/lib/commonjs/react-query/components/modals/QueryBrowserModal.js

@@ -199,7 +199,11 @@ function QueryBrowserModal({
     onModeChange: handleModeChange,
     enablePersistence: true,
     initialMode: "bottomSheet",
-    enableGlitchEffects: true,
+    enableGlitchEffects: true
+    // The query list virtualizes itself (see QueryBrowser) — it must own
+    // scrolling. The filter view keeps the wrapper.
+    ,
+    disableScrollWrapper: !showFilterView,
     styles: {},
     footer: !showFilterView ? footerNode : undefined,
     footerHeight: !showFilterView ? 56 : undefined,

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

@@ -106,16 +106,51 @@ function QueryBrowser({
       })
     });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
-    style: styles.listWrapper,
-    contentContainerStyle: contentContainerStyle || styles.listContent,
-    showsVerticalScrollIndicator: true,
-    children: filteredQueries.map(query => /*#__PURE__*/(0, _jsxRuntime.jsx)(_QueryRow.default, {
-      query: query,
-      isSelected: selectedQuery?.queryHash === query.queryHash,
-      onSelect: handleQuerySelect
-    }, `${query.queryHash}-${query.state.dataUpdatedAt}-${query.state.fetchStatus}`))
-  });
+  return (
+    /*#__PURE__*/
+    // Virtualized list with STABLE keys (queryHash). The previous
+    // ScrollView + map mounted every row, and its key included
+    // dataUpdatedAt/fetchStatus so rows REMOUNTED on each update — at 300
+    // seeded queries that measured 168% CPU with 546 row renders during a
+    // 5s idle dwell (tool-bench 2026-07-06). TanStack Query objects are
+    // mutable with stable identity, so `stateSig` carries the changing
+    // fields for the row's memo comparison.
+    (0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+      style: styles.listWrapper,
+      contentContainerStyle: contentContainerStyle || styles.listContent,
+      data: filteredQueries,
+      keyExtractor: queryKeyExtractor,
+      renderItem: ({
+        item: query
+      }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_QueryRow.default, {
+        query: query,
+        stateSig: computeQueryStateSig(query),
+        isSelected: selectedQuery?.queryHash === query.queryHash,
+        onSelect: handleQuerySelect
+      }),
+      showsVerticalScrollIndicator: true,
+      removeClippedSubviews: true,
+      initialNumToRender: 12,
+      maxToRenderPerBatch: 8,
+      windowSize: 5,
+      updateCellsBatchingPeriod: 50
+    })
+  );
+}
+const queryKeyExtractor = q => q.queryHash;
+
+/** The row-visible slice of a query's mutable state, as a comparable
+ * string — drives QueryRow's memo (see comment above). */
+function computeQueryStateSig(q) {
+  let observers = 0;
+  let stale = false;
+  try {
+    observers = q.getObserversCount();
+    stale = q.isStale();
+  } catch {
+    // defensive: state reads on a disposed query must not break the list
+  }
+  return `${q.state.dataUpdatedAt}|${q.state.fetchStatus}|${q.state.status}|${observers}|${stale}`;
 }
 const styles = _reactNative.StyleSheet.create({
   listWrapper: {

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

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _react = require("react");
 var _getQueryStatusLabel = require("../../utils/getQueryStatusLabel");
 var _sharedUi = require("@buoy-gg/shared-ui");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -15,11 +16,15 @@ const getQueryText = query => {
 /**
  * Single row representation of a query for the list view, showing status and observer count.
  */
-const QueryRow = ({
+// Memo justified by profiling (tool-bench 2026-07-06): 546 row renders in
+// a 5s idle dwell at 300 queries. `stateSig` exists ONLY for this memo —
+// Query objects are mutable with stable identity, so shallow-comparing
+// `query` alone would never re-render (see QueryBrowser).
+const QueryRow = /*#__PURE__*/(0, _react.memo)(function QueryRow({
   query,
   isSelected,
   onSelect
-}) => {
+}) {
   // Buoy theme status color mapping
   const getStatusHexColor = status => {
     switch (status) {
@@ -76,5 +81,5 @@ const QueryRow = ({
     isSelected: isSelected,
     onPress: () => onSelect(query)
   });
-};
+});
 var _default = exports.default = QueryRow;

package/lib/module/react-query/components/modals/QueryBrowserModal.js

@@ -195,7 +195,11 @@ export function QueryBrowserModal({
     onModeChange: handleModeChange,
     enablePersistence: true,
     initialMode: "bottomSheet",
-    enableGlitchEffects: true,
+    enableGlitchEffects: true
+    // The query list virtualizes itself (see QueryBrowser) — it must own
+    // scrolling. The filter view keeps the wrapper.
+    ,
+    disableScrollWrapper: !showFilterView,
     styles: {},
     footer: !showFilterView ? footerNode : undefined,
     footerHeight: !showFilterView ? 56 : undefined,

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

@@ -1,7 +1,7 @@
 "use strict";
 
 import { useMemo, useCallback } from "react";
-import { View, StyleSheet, Text, ScrollView } from "react-native";
+import { View, StyleSheet, Text, FlatList } from "react-native";
 import QueryRow from "./QueryRow";
 import useAllQueries from "../../hooks/useAllQueries";
 import { getQueryStatusLabel } from "../../utils/getQueryStatusLabel";
@@ -101,16 +101,51 @@ export default function QueryBrowser({
       })
     });
   }
-  return /*#__PURE__*/_jsx(ScrollView, {
-    style: styles.listWrapper,
-    contentContainerStyle: contentContainerStyle || styles.listContent,
-    showsVerticalScrollIndicator: true,
-    children: filteredQueries.map(query => /*#__PURE__*/_jsx(QueryRow, {
-      query: query,
-      isSelected: selectedQuery?.queryHash === query.queryHash,
-      onSelect: handleQuerySelect
-    }, `${query.queryHash}-${query.state.dataUpdatedAt}-${query.state.fetchStatus}`))
-  });
+  return (
+    /*#__PURE__*/
+    // Virtualized list with STABLE keys (queryHash). The previous
+    // ScrollView + map mounted every row, and its key included
+    // dataUpdatedAt/fetchStatus so rows REMOUNTED on each update — at 300
+    // seeded queries that measured 168% CPU with 546 row renders during a
+    // 5s idle dwell (tool-bench 2026-07-06). TanStack Query objects are
+    // mutable with stable identity, so `stateSig` carries the changing
+    // fields for the row's memo comparison.
+    _jsx(FlatList, {
+      style: styles.listWrapper,
+      contentContainerStyle: contentContainerStyle || styles.listContent,
+      data: filteredQueries,
+      keyExtractor: queryKeyExtractor,
+      renderItem: ({
+        item: query
+      }) => /*#__PURE__*/_jsx(QueryRow, {
+        query: query,
+        stateSig: computeQueryStateSig(query),
+        isSelected: selectedQuery?.queryHash === query.queryHash,
+        onSelect: handleQuerySelect
+      }),
+      showsVerticalScrollIndicator: true,
+      removeClippedSubviews: true,
+      initialNumToRender: 12,
+      maxToRenderPerBatch: 8,
+      windowSize: 5,
+      updateCellsBatchingPeriod: 50
+    })
+  );
+}
+const queryKeyExtractor = q => q.queryHash;
+
+/** The row-visible slice of a query's mutable state, as a comparable
+ * string — drives QueryRow's memo (see comment above). */
+function computeQueryStateSig(q) {
+  let observers = 0;
+  let stale = false;
+  try {
+    observers = q.getObserversCount();
+    stale = q.isStale();
+  } catch {
+    // defensive: state reads on a disposed query must not break the list
+  }
+  return `${q.state.dataUpdatedAt}|${q.state.fetchStatus}|${q.state.status}|${observers}|${stale}`;
 }
 const styles = StyleSheet.create({
   listWrapper: {

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

@@ -1,5 +1,6 @@
 "use strict";
 
+import { memo } from "react";
 import { getQueryStatusLabel } from "../../utils/getQueryStatusLabel";
 import { CompactRow, buoyColors, useRelativeTime } from "@buoy-gg/shared-ui";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -11,11 +12,15 @@ const getQueryText = query => {
 /**
  * Single row representation of a query for the list view, showing status and observer count.
  */
-const QueryRow = ({
+// Memo justified by profiling (tool-bench 2026-07-06): 546 row renders in
+// a 5s idle dwell at 300 queries. `stateSig` exists ONLY for this memo —
+// Query objects are mutable with stable identity, so shallow-comparing
+// `query` alone would never re-render (see QueryBrowser).
+const QueryRow = /*#__PURE__*/memo(function QueryRow({
   query,
   isSelected,
   onSelect
-}) => {
+}) {
   // Buoy theme status color mapping
   const getStatusHexColor = status => {
     switch (status) {
@@ -72,5 +77,5 @@ const QueryRow = ({
     isSelected: isSelected,
     onPress: () => onSelect(query)
   });
-};
+});
 export default QueryRow;

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

@@ -1 +1 @@
-{"version":3,"file":"QueryBrowserModal.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/modals/QueryBrowserModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAkB,MAAM,uBAAuB,CAAC;AAiBxE,UAAU,sBAAsB;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,QAAQ,CAAC;IAC5B,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,SAAS,KAAK,IAAI,CAAC;IAClD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,WAAW,EAAE,CAAC,GAAG,EAAE,SAAS,GAAG,WAAW,KAAK,IAAI,CAAC;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,gBAAgB,EAChB,aAAa,EACb,OAAO,EACP,UAAU,EACV,YAAY,EAAE,oBAAoB,EAClC,cAAc,EAAE,sBAAsB,EACtC,2BAAmC,EACnC,WAAW,EACX,UAAe,EACf,cAAc,GACf,EAAE,sBAAsB,sCA4NxB"}
+{"version":3,"file":"QueryBrowserModal.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/modals/QueryBrowserModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAkB,MAAM,uBAAuB,CAAC;AAiBxE,UAAU,sBAAsB;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,QAAQ,CAAC;IAC5B,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,SAAS,KAAK,IAAI,CAAC;IAClD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,WAAW,EAAE,CAAC,GAAG,EAAE,SAAS,GAAG,WAAW,KAAK,IAAI,CAAC;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,gBAAgB,EAChB,aAAa,EACb,OAAO,EACP,UAAU,EACV,YAAY,EAAE,oBAAoB,EAClC,cAAc,EAAE,sBAAsB,EACtC,2BAAmC,EACnC,WAAW,EACX,UAAe,EACf,cAAc,GACf,EAAE,sBAAsB,sCA+NxB"}

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

@@ -1 +1 @@
-{"version":3,"file":"QueryBrowser.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/query-browser/QueryBrowser.tsx"],"names":[],"mappings":"AACA,OAAO,EAAsC,SAAS,EAAE,MAAM,cAAc,CAAC;AAC7E,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAM9C,UAAU,KAAK;IACb,aAAa,EAAE,KAAK,GAAG,SAAS,CAAC;IACjC,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,SAAS,KAAK,IAAI,CAAC;IAClD,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC9B,gBAAgB,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CAChC;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,aAAa,EACb,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,qBAAqB,EACrB,OAAO,EAAE,eAAe,EACxB,UAAe,EACf,eAA2B,EAC3B,gBAA4B,GAC7B,EAAE,KAAK,+BAiIP"}
+{"version":3,"file":"QueryBrowser.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/query-browser/QueryBrowser.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoC,SAAS,EAAE,MAAM,cAAc,CAAC;AAC3E,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAM9C,UAAU,KAAK;IACb,aAAa,EAAE,KAAK,GAAG,SAAS,CAAC;IACjC,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,SAAS,KAAK,IAAI,CAAC;IAClD,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC9B,gBAAgB,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CAChC;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,aAAa,EACb,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,qBAAqB,EACrB,OAAO,EAAE,eAAe,EACxB,UAAe,EACf,eAA2B,EAC3B,gBAA4B,GAC7B,EAAE,KAAK,+BA8IP"}

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

@@ -1,12 +1,14 @@
 import { Query } from "@tanstack/react-query";
 interface QueryRowProps {
     query: Query;
+    /** Changing state slice for the memo comparison — not read directly. */
+    stateSig: string;
     isSelected: boolean;
     onSelect: (query: Query) => void;
 }
 /**
  * Single row representation of a query for the list view, showing status and observer count.
  */
-declare const QueryRow: React.FC<QueryRowProps>;
+declare const QueryRow: import("react").NamedExoticComponent<QueryRowProps>;
 export default QueryRow;
 //# sourceMappingURL=QueryRow.d.ts.map

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,CA6DrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"QueryRow.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/query-browser/QueryRow.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAiB9C,UAAU,aAAa;IACrB,KAAK,EAAE,KAAK,CAAC;IACb,wEAAwE;IACxE,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED;;GAEG;AAKH,QAAA,MAAM,QAAQ,qDA6DZ,CAAC;AAEH,eAAe,QAAQ,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@buoy-gg/react-query",
-  "version": "5.0.0",
-  "description": "react-query package",
+  "version": "6.0.1",
+  "description": "TanStack Query devtools inside your React Native app — cache inspection, refetch & invalidate, offline toggle. Part of Buoy devtools.",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
   "types": "lib/typescript/index.d.ts",
@@ -26,8 +26,8 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@buoy-gg/shared-ui": "5.0.0",
-    "@buoy-gg/floating-tools-core": "5.0.0"
+    "@buoy-gg/shared-ui": "6.0.1",
+    "@buoy-gg/floating-tools-core": "6.0.1"
   },
   "peerDependencies": {
     "@tanstack/react-query": ">=5.0.0",