@buoy-gg/react-query 7.0.40 → 7.0.42

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

@@ -1,270 +1 @@
-"use strict";
-
-import { View, Text, StyleSheet, ScrollView } from "react-native";
-import { useSafeAreaInsets, night, monoFont } from "@buoy-gg/shared-ui";
-import Explorer from "./query-browser/Explorer";
-import MutationDetails from "./query-browser/MutationDetails";
-import ActionButton from "./query-browser/ActionButton";
-import { useMutationActionButtons } from "../hooks/useMutationActionButtons";
-import { DataViewer } from "@buoy-gg/shared-ui/dataViewer";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/**
- * Mutation-focused editing experience mirroring the query editor layout. Provides mutation detail
- * panels, data inspector, and action buttons for the selected mutation entry.
- */
-export function MutationEditorMode({
-  selectedMutation,
-  isFloatingMode,
-  disableInternalFooter = false
-}) {
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsxs(ScrollView, {
-      testID: "buoy-rq-mutation-detail-scroll",
-      accessibilityLabel: "Mutation editor mode",
-      accessibilityHint: "View mutation editor mode",
-      "sentry-label": "ignore mutation editor mode",
-      style: styles.explorerScrollContainer,
-      contentContainerStyle: styles.explorerScrollContent,
-      children: [/*#__PURE__*/_jsxs(View, {
-        style: styles.section,
-        children: [/*#__PURE__*/_jsx(DataExplorer, {
-          visible: !!selectedMutation.state.data,
-          selectedMutation: selectedMutation
-        }), /*#__PURE__*/_jsx(DataEmptyState, {
-          visible: !selectedMutation.state.data,
-          selectedMutation: selectedMutation
-        })]
-      }), /*#__PURE__*/_jsx(View, {
-        style: styles.section,
-        children: /*#__PURE__*/_jsx(MutationDetails, {
-          selectedMutation: selectedMutation
-        })
-      }), /*#__PURE__*/_jsx(View, {
-        style: styles.section,
-        children: /*#__PURE__*/_jsxs(View, {
-          style: styles.mutationExplorerContainer,
-          children: [/*#__PURE__*/_jsx(Text, {
-            style: styles.mutationExplorerHeader,
-            children: "Mutation Explorer"
-          }), /*#__PURE__*/_jsx(View, {
-            style: styles.mutationExplorerContent,
-            children: /*#__PURE__*/_jsx(DataViewer, {
-              title: "",
-              data: selectedMutation,
-              maxDepth: 10,
-              rawMode: true,
-              showTypeFilter: true,
-              initialExpanded: false
-            })
-          })]
-        })
-      })]
-    }), !disableInternalFooter && /*#__PURE__*/_jsx(MutationEditorActionsFooter, {
-      selectedMutation: selectedMutation,
-      isFloatingMode: isFloatingMode
-    })]
-  });
-}
-
-/**
- * Standalone action footer for the mutation editor, so modal wrappers can pin it through
- * JsModal's footer prop (mirrors DataEditorActionsFooter).
- */
-export function MutationEditorActionsFooter({
-  selectedMutation,
-  isFloatingMode
-}) {
-  const insets = useSafeAreaInsets({
-    minBottom: 16
-  });
-  const actionButtons = useMutationActionButtons(selectedMutation);
-  return /*#__PURE__*/_jsx(View, {
-    style: [styles.actionFooter, {
-      paddingBottom: isFloatingMode ? 0 : insets.bottom + 8
-    }],
-    children: /*#__PURE__*/_jsx(View, {
-      style: styles.actionsGrid,
-      children: actionButtons.map((action, index) => /*#__PURE__*/_jsx(ActionButton, {
-        testID: `buoy-rq-action-${action.variant}`,
-        onClick: action.onPress,
-        text: action.label,
-        variant: action.variant,
-        disabled: action.disabled
-      }, index))
-    })
-  });
-}
-function DataExplorer({
-  visible,
-  selectedMutation
-}) {
-  if (!visible) return null;
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.dataContainer,
-    children: [/*#__PURE__*/_jsx(Text, {
-      style: styles.dataHeader,
-      children: "Data Editor"
-    }), /*#__PURE__*/_jsx(View, {
-      style: styles.dataContent,
-      children: /*#__PURE__*/_jsx(Explorer, {
-        editable: true,
-        label: "Data",
-        value: selectedMutation.state.data,
-        defaultExpanded: ["Data"]
-      }, selectedMutation.mutationId)
-    })]
-  });
-}
-function DataEmptyState({
-  visible,
-  selectedMutation
-}) {
-  if (!visible) return null;
-  const getEmptyStateContent = () => {
-    if (selectedMutation.state.status === "pending") {
-      return {
-        title: "Pending...",
-        description: "The mutation is in progress."
-      };
-    }
-    if (selectedMutation.state.status === "error") {
-      return {
-        title: "Mutation Error",
-        description: selectedMutation.state.error?.message || "An error occurred."
-      };
-    }
-    return {
-      title: "No Data Available",
-      description: "This mutation has no data."
-    };
-  };
-  const {
-    title,
-    description
-  } = getEmptyStateContent();
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.emptyState,
-    children: [/*#__PURE__*/_jsx(Text, {
-      testID: "buoy-rq-mutation-detail-empty-title",
-      style: styles.emptyTitle,
-      children: title
-    }), /*#__PURE__*/_jsx(Text, {
-      testID: "buoy-rq-mutation-detail-empty-description",
-      style: styles.emptyDescription,
-      children: description
-    })]
-  });
-}
-const styles = StyleSheet.create({
-  explorerScrollContainer: {
-    flex: 1
-  },
-  explorerScrollContent: {
-    paddingBottom: 16,
-    paddingHorizontal: 8,
-    flexGrow: 1
-  },
-  section: {
-    marginBottom: 16
-  },
-  emptyState: {
-    flex: 1,
-    justifyContent: "center",
-    alignItems: "center",
-    padding: 32
-  },
-  emptyTitle: {
-    color: night.color.text,
-    fontSize: 18,
-    fontWeight: "600",
-    marginBottom: 8,
-    textAlign: "center"
-  },
-  emptyDescription: {
-    color: night.color.textSecondary,
-    fontSize: 14,
-    textAlign: "center",
-    lineHeight: 20,
-    maxWidth: 280
-  },
-  actionFooter: {
-    borderTopWidth: 1,
-    borderTopColor: night.color.border,
-    paddingVertical: 8,
-    paddingHorizontal: 12,
-    // Transparent so the night sheet's star field shows through.
-    backgroundColor: "transparent",
-    borderBottomLeftRadius: 14,
-    borderBottomRightRadius: 14
-  },
-  actionsGrid: {
-    flexDirection: "row",
-    flexWrap: "wrap",
-    gap: 6,
-    justifyContent: "space-between"
-  },
-  // Mutation Explorer styled container matching QueryDetails
-  mutationExplorerContainer: {
-    minWidth: 200,
-    backgroundColor: night.color.surface,
-    borderRadius: 6,
-    borderWidth: 1,
-    borderColor: night.color.accent + "4D",
-    overflow: "hidden",
-    shadowColor: night.color.accent,
-    shadowOffset: {
-      width: 0,
-      height: 0
-    },
-    shadowOpacity: 0.1,
-    shadowRadius: 6
-  },
-  mutationExplorerHeader: {
-    backgroundColor: night.color.accent + "1A",
-    paddingHorizontal: 12,
-    paddingVertical: 10,
-    fontWeight: "600",
-    fontSize: 12,
-    color: night.color.accent,
-    borderBottomWidth: 1,
-    borderBottomColor: night.color.accent + "33",
-    letterSpacing: 0.5,
-    textTransform: "uppercase",
-    fontFamily: monoFont
-  },
-  mutationExplorerContent: {
-    padding: 8
-  },
-  // Data section matching query editor theme for consistency
-  dataContainer: {
-    minWidth: 200,
-    backgroundColor: night.color.surface,
-    borderRadius: 6,
-    borderWidth: 1,
-    borderColor: night.color.accent + "4D",
-    overflow: "hidden",
-    shadowColor: night.color.accent,
-    shadowOffset: {
-      width: 0,
-      height: 0
-    },
-    shadowOpacity: 0.1,
-    shadowRadius: 6
-  },
-  dataHeader: {
-    backgroundColor: night.color.accent + "1A",
-    paddingHorizontal: 12,
-    paddingVertical: 10,
-    fontWeight: "600",
-    fontSize: 12,
-    color: night.color.accent,
-    borderBottomWidth: 1,
-    borderBottomColor: night.color.accent + "33",
-    letterSpacing: 0.5,
-    textTransform: "uppercase",
-    fontFamily: monoFont
-  },
-  dataContent: {
-    padding: 8
-  }
-});
+"use strict";import{View as n,Text as s,StyleSheet as u,ScrollView as h}from"react-native";import{useSafeAreaInsets as f,night as e,monoFont as p}from"@buoy-gg/shared-ui";import y from"./query-browser/Explorer";import g from"./query-browser/MutationDetails";import b from"./query-browser/ActionButton";import{useMutationActionButtons as x}from"../hooks/useMutationActionButtons";import{DataViewer as C}from"@buoy-gg/shared-ui/dataViewer";import{jsx as t,jsxs as l,Fragment as w}from"react/jsx-runtime";export function MutationEditorMode({selectedMutation:r,isFloatingMode:i,disableInternalFooter:d=false}){return l(w,{children:[l(h,{testID:"buoy-rq-mutation-detail-scroll",accessibilityLabel:"Mutation editor mode",accessibilityHint:"View mutation editor mode","sentry-label":"ignore mutation editor mode",style:o.explorerScrollContainer,contentContainerStyle:o.explorerScrollContent,children:[l(n,{style:o.section,children:[t(S,{visible:!!r.state.data,selectedMutation:r}),t(D,{visible:!r.state.data,selectedMutation:r})]}),t(n,{style:o.section,children:t(g,{selectedMutation:r})}),t(n,{style:o.section,children:l(n,{style:o.mutationExplorerContainer,children:[t(s,{style:o.mutationExplorerHeader,children:"Mutation Explorer"}),t(n,{style:o.mutationExplorerContent,children:t(C,{title:"",data:r,maxDepth:10,rawMode:true,showTypeFilter:true,initialExpanded:false})})]})})]}),!d&&t(MutationEditorActionsFooter,{selectedMutation:r,isFloatingMode:i})]})}export function MutationEditorActionsFooter({selectedMutation:r,isFloatingMode:i}){const d=f({minBottom:16});const c=x(r);return t(n,{style:[o.actionFooter,{paddingBottom:i?0:d.bottom+8}],children:t(n,{style:o.actionsGrid,children:c.map((a,m)=>t(b,{testID:`buoy-rq-action-${a.variant}`,onClick:a.onPress,text:a.label,variant:a.variant,disabled:a.disabled},m))})})}function S({visible:r,selectedMutation:i}){if(!r)return null;return l(n,{style:o.dataContainer,children:[t(s,{style:o.dataHeader,children:"Data Editor"}),t(n,{style:o.dataContent,children:t(y,{editable:true,label:"Data",value:i.state.data,defaultExpanded:["Data"]},i.mutationId)})]})}function D({visible:r,selectedMutation:i}){if(!r)return null;const d=()=>{if(i.state.status==="pending"){return{title:"Pending...",description:"The mutation is in progress."}}if(i.state.status==="error"){return{title:"Mutation Error",description:i.state.error?.message||"An error occurred."}}return{title:"No Data Available",description:"This mutation has no data."}};const{title:c,description:a}=d();return l(n,{style:o.emptyState,children:[t(s,{testID:"buoy-rq-mutation-detail-empty-title",style:o.emptyTitle,children:c}),t(s,{testID:"buoy-rq-mutation-detail-empty-description",style:o.emptyDescription,children:a})]})}const o=u.create({explorerScrollContainer:{flex:1},explorerScrollContent:{paddingBottom:16,paddingHorizontal:8,flexGrow:1},section:{marginBottom:16},emptyState:{flex:1,justifyContent:"center",alignItems:"center",padding:32},emptyTitle:{color:e.color.text,fontSize:18,fontWeight:"600",marginBottom:8,textAlign:"center"},emptyDescription:{color:e.color.textSecondary,fontSize:14,textAlign:"center",lineHeight:20,maxWidth:280},actionFooter:{borderTopWidth:1,borderTopColor:e.color.border,paddingVertical:8,paddingHorizontal:12,backgroundColor:"transparent",borderBottomLeftRadius:14,borderBottomRightRadius:14},actionsGrid:{flexDirection:"row",flexWrap:"wrap",gap:6,justifyContent:"space-between"},mutationExplorerContainer:{minWidth:200,backgroundColor:e.color.surface,borderRadius:6,borderWidth:1,borderColor:e.color.accent+"4D",overflow:"hidden",shadowColor:e.color.accent,shadowOffset:{width:0,height:0},shadowOpacity:.1,shadowRadius:6},mutationExplorerHeader:{backgroundColor:e.color.accent+"1A",paddingHorizontal:12,paddingVertical:10,fontWeight:"600",fontSize:12,color:e.color.accent,borderBottomWidth:1,borderBottomColor:e.color.accent+"33",letterSpacing:.5,textTransform:"uppercase",fontFamily:p},mutationExplorerContent:{padding:8},dataContainer:{minWidth:200,backgroundColor:e.color.surface,borderRadius:6,borderWidth:1,borderColor:e.color.accent+"4D",overflow:"hidden",shadowColor:e.color.accent,shadowOffset:{width:0,height:0},shadowOpacity:.1,shadowRadius:6},dataHeader:{backgroundColor:e.color.accent+"1A",paddingHorizontal:12,paddingVertical:10,fontWeight:"600",fontSize:12,color:e.color.accent,borderBottomWidth:1,borderBottomColor:e.color.accent+"33",letterSpacing:.5,textTransform:"uppercase",fontFamily:p},dataContent:{padding:8}});

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

@@ -1,94 +1 @@
-"use strict";
-
-import { resolveListEmptyState } from "@buoy-gg/shared-ui";
-import { View, StyleSheet } from "react-native";
-import { useMemo } from "react";
-import { QueryBrowser } from "./query-browser/index";
-import { FilterStatusBadge } from "./FilterStatusBadge";
-import useAllQueries from "../hooks/useAllQueries";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/** Wrapper around the query list experience used inside the modal view. */
-export function QueryBrowserMode({
-  selectedQuery,
-  onQuerySelect,
-  activeFilter,
-  searchText = "",
-  ignoredPatterns = new Set(),
-  includedPatterns = new Set(),
-  onFilterPress
-}) {
-  const hasIncludeFilters = includedPatterns.size > 0;
-  const hasExcludeFilters = ignoredPatterns.size > 0;
-  const allQueries = useAllQueries();
-
-  // Calculate filtered count for the badge
-  const filteredCount = useMemo(() => {
-    let filtered = allQueries;
-
-    // Apply included patterns filter
-    if (includedPatterns.size > 0) {
-      filtered = filtered.filter(query => {
-        if (!query?.queryKey) return false;
-        const keys = Array.isArray(query.queryKey) ? query.queryKey : [query.queryKey];
-        const keyString = keys.filter(k => k != null).map(k => String(k)).join(" ").toLowerCase();
-        return Array.from(includedPatterns).some(pattern => keyString.includes(pattern.toLowerCase()));
-      });
-    }
-
-    // Apply ignored patterns filter
-    if (ignoredPatterns.size > 0) {
-      filtered = filtered.filter(query => {
-        if (!query?.queryKey) return true;
-        const keys = Array.isArray(query.queryKey) ? query.queryKey : [query.queryKey];
-        const keyString = keys.filter(k => k != null).map(k => String(k)).join(" ").toLowerCase();
-        return !Array.from(ignoredPatterns).some(pattern => keyString.includes(pattern.toLowerCase()));
-      });
-    }
-    return filtered.length;
-  }, [allQueries, includedPatterns, ignoredPatterns]);
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.queryListContainer,
-    children: [(hasIncludeFilters || hasExcludeFilters) && /*#__PURE__*/_jsx(FilterStatusBadge, {
-      totalCount: allQueries.length,
-      filteredCount: filteredCount,
-      onPress: onFilterPress
-    }), /*#__PURE__*/_jsx(QueryBrowser, {
-      selectedQuery: selectedQuery,
-      onQuerySelect: onQuerySelect,
-      activeFilter: activeFilter,
-      searchText: searchText,
-      ignoredPatterns: ignoredPatterns,
-      includedPatterns: includedPatterns,
-      emptyState: resolveListEmptyState({
-        subject: "queries",
-        verb: "active",
-        search: searchText,
-        total: allQueries.length,
-        // Include/exclude patterns and the status filter are all "your
-        // filters hid it", but each names the control that undoes it.
-        blocked: activeFilter ? `No ${activeFilter} queries. Pick another status to see the rest.` : hasIncludeFilters ? `No queries match your "include only" filters. ${includedPatterns.size} pattern(s) active.` : hasExcludeFilters ? `No queries match the current filters. ${ignoredPatterns.size} pattern(s) excluded.` : undefined,
-        waiting: {
-          // scanning = the cache was inspected and came back empty; this is
-          // a setup problem, not a stream that has not started.
-          otto: "scanning",
-          title: "No queries found",
-          message: "No React Query queries are currently active.\n\nTo see queries here:\n• Make API calls using useQuery\n• Ensure queries are within QueryClientProvider\n• Check console for debugging info"
-        }
-      }),
-      contentContainerStyle: styles.queryListContent
-    })]
-  });
-}
-const styles = StyleSheet.create({
-  queryListContainer: {
-    flex: 1,
-    // Transparent so JsModal's ToolBackground shows through (the modal paints opaque base beneath it).
-    backgroundColor: "transparent"
-  },
-  queryListContent: {
-    padding: 8,
-    // Transparent so JsModal's ToolBackground shows through (the modal paints opaque base beneath it).
-    backgroundColor: "transparent",
-    flexGrow: 1
-  }
-});
+"use strict";import{resolveListEmptyState as q}from"@buoy-gg/shared-ui";import{View as S,StyleSheet as d}from"react-native";import{useMemo as w}from"react";import{QueryBrowser as k}from"./query-browser/index";import{FilterStatusBadge as x}from"./FilterStatusBadge";import L from"../hooks/useAllQueries";import{jsx as f,jsxs as Q}from"react/jsx-runtime";export function QueryBrowserMode({selectedQuery:p,onQuerySelect:h,activeFilter:n,searchText:a="",ignoredPatterns:t=new Set,includedPatterns:s=new Set,onFilterPress:C}){const y=s.size>0;const c=t.size>0;const i=L();const g=w(()=>{let o=i;if(s.size>0){o=o.filter(r=>{if(!r?.queryKey)return false;const u=Array.isArray(r.queryKey)?r.queryKey:[r.queryKey];const l=u.filter(e=>e!=null).map(e=>String(e)).join(" ").toLowerCase();return Array.from(s).some(e=>l.includes(e.toLowerCase()))})}if(t.size>0){o=o.filter(r=>{if(!r?.queryKey)return true;const u=Array.isArray(r.queryKey)?r.queryKey:[r.queryKey];const l=u.filter(e=>e!=null).map(e=>String(e)).join(" ").toLowerCase();return!Array.from(t).some(e=>l.includes(e.toLowerCase()))})}return o.length},[i,s,t]);return Q(S,{style:m.queryListContainer,children:[(y||c)&&f(x,{totalCount:i.length,filteredCount:g,onPress:C}),f(k,{selectedQuery:p,onQuerySelect:h,activeFilter:n,searchText:a,ignoredPatterns:t,includedPatterns:s,emptyState:q({subject:"queries",verb:"active",search:a,total:i.length,blocked:n?`No ${n} queries. Pick another status to see the rest.`:y?`No queries match your "include only" filters. ${s.size} pattern(s) active.`:c?`No queries match the current filters. ${t.size} pattern(s) excluded.`:void 0,waiting:{otto:"scanning",title:"No queries found",message:"No React Query queries are currently active.\n\nTo see queries here:\n\u2022 Make API calls using useQuery\n\u2022 Ensure queries are within QueryClientProvider\n\u2022 Check console for debugging info"}}),contentContainerStyle:m.queryListContent})]})}const m=d.create({queryListContainer:{flex:1,backgroundColor:"transparent"},queryListContent:{padding:8,backgroundColor:"transparent",flexGrow:1}});

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

@@ -1,104 +1 @@
-"use strict";
-
-import { View, Text, StyleSheet } from "react-native";
-import { useQueryClient } from "@tanstack/react-query";
-
-/**
- * Lightweight debug panel that surfaces high-level QueryClient information and recently seen
- * query keys. Intended primarily for the React Query dev tools modal.
- */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function QueryDebugInfo() {
-  try {
-    const queryClient = useQueryClient();
-    const queries = queryClient.getQueryCache().getAll();
-    const mutations = queryClient.getMutationCache().getAll();
-    return /*#__PURE__*/_jsxs(View, {
-      style: styles.container,
-      children: [/*#__PURE__*/_jsx(Text, {
-        style: styles.title,
-        children: "Debug Info"
-      }), /*#__PURE__*/_jsx(Text, {
-        style: styles.info,
-        children: "QueryClient: \u2705 Available"
-      }), /*#__PURE__*/_jsxs(Text, {
-        style: styles.info,
-        children: ["Queries: ", queries.length]
-      }), /*#__PURE__*/_jsxs(Text, {
-        style: styles.info,
-        children: ["Mutations: ", mutations.length]
-      }), queries.length > 0 && /*#__PURE__*/_jsxs(View, {
-        style: styles.queriesList,
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: styles.subtitle,
-          children: "Query Keys:"
-        }), queries.slice(0, 3).map((query, index) => /*#__PURE__*/_jsxs(Text, {
-          style: styles.queryKey,
-          children: ["\u2022", " ", Array.isArray(query.queryKey) ? query.queryKey.join(" - ") : String(query.queryKey)]
-        }, index)), queries.length > 3 && /*#__PURE__*/_jsxs(Text, {
-          style: styles.more,
-          children: ["... and ", queries.length - 3, " more"]
-        })]
-      })]
-    });
-  } catch (error) {
-    return /*#__PURE__*/_jsxs(View, {
-      style: styles.container,
-      children: [/*#__PURE__*/_jsx(Text, {
-        style: styles.title,
-        children: "Debug Info"
-      }), /*#__PURE__*/_jsxs(Text, {
-        style: styles.error,
-        children: ["\u274C QueryClient Error: ", String(error)]
-      })]
-    });
-  }
-}
-const styles = StyleSheet.create({
-  container: {
-    padding: 16,
-    backgroundColor: "rgba(0, 0, 0, 0.3)",
-    borderRadius: 8,
-    margin: 16,
-    borderWidth: 1,
-    borderColor: "rgba(255, 255, 255, 0.1)"
-  },
-  title: {
-    color: "#FFFFFF",
-    fontSize: 14,
-    fontWeight: "600",
-    marginBottom: 8
-  },
-  subtitle: {
-    color: "#E5E7EB",
-    fontSize: 12,
-    fontWeight: "500",
-    marginTop: 8,
-    marginBottom: 4
-  },
-  info: {
-    color: "#9CA3AF",
-    fontSize: 12,
-    marginBottom: 4
-  },
-  error: {
-    color: "#EF4444",
-    fontSize: 12,
-    marginBottom: 4
-  },
-  queriesList: {
-    marginTop: 4
-  },
-  queryKey: {
-    color: "#60A5FA",
-    fontSize: 11,
-    marginLeft: 8,
-    marginBottom: 2
-  },
-  more: {
-    color: "#9CA3AF",
-    fontSize: 11,
-    fontStyle: "italic",
-    marginLeft: 8
-  }
-});
+"use strict";import{View as s,Text as t,StyleSheet as y}from"react-native";import{useQueryClient as u}from"@tanstack/react-query";import{jsx as n,jsxs as r}from"react/jsx-runtime";export function QueryDebugInfo(){try{const i=u();const o=i.getQueryCache().getAll();const c=i.getMutationCache().getAll();return r(s,{style:e.container,children:[n(t,{style:e.title,children:"Debug Info"}),n(t,{style:e.info,children:"QueryClient: \u2705 Available"}),r(t,{style:e.info,children:["Queries: ",o.length]}),r(t,{style:e.info,children:["Mutations: ",c.length]}),o.length>0&&r(s,{style:e.queriesList,children:[n(t,{style:e.subtitle,children:"Query Keys:"}),o.slice(0,3).map((l,a)=>r(t,{style:e.queryKey,children:["\u2022"," ",Array.isArray(l.queryKey)?l.queryKey.join(" - "):String(l.queryKey)]},a)),o.length>3&&r(t,{style:e.more,children:["... and ",o.length-3," more"]})]})]})}catch(i){return r(s,{style:e.container,children:[n(t,{style:e.title,children:"Debug Info"}),r(t,{style:e.error,children:["\u274C QueryClient Error: ",String(i)]})]})}}const e=y.create({container:{padding:16,backgroundColor:"rgba(0, 0, 0, 0.3)",borderRadius:8,margin:16,borderWidth:1,borderColor:"rgba(255, 255, 255, 0.1)"},title:{color:"#FFFFFF",fontSize:14,fontWeight:"600",marginBottom:8},subtitle:{color:"#E5E7EB",fontSize:12,fontWeight:"500",marginTop:8,marginBottom:4},info:{color:"#9CA3AF",fontSize:12,marginBottom:4},error:{color:"#EF4444",fontSize:12,marginBottom:4},queriesList:{marginTop:4},queryKey:{color:"#60A5FA",fontSize:11,marginLeft:8,marginBottom:2},more:{color:"#9CA3AF",fontSize:11,fontStyle:"italic",marginLeft:8}});