@parca/profile 0.19.62 → 0.19.64

package/src/SimpleMatchers/index.tsx

@@ -172,6 +172,7 @@ const SimpleMatchers = ({
               },
               {meta: metadata}
             ).response;
+            console.log('Fetched label values:', response.labelValues);
             const sanitizedValues = sanitizeLabelValue(response.labelValues);
             return sanitizedValues;
           }
@@ -203,7 +204,12 @@ const SimpleMatchers = ({
     [setMatchersString]
   );
 
-  const {labelNameOptions, isLoading: labelNamesLoading, refetchLabelValues} = useLabels();
+  const {
+    labelNameOptions,
+    isLoading: labelNamesLoading,
+    refetchLabelValues,
+    refetchLabelNames,
+  } = useLabels();
 
   // Helper to ensure selected label name is in the options (for page load before API returns)
   const getLabelNameOptionsWithSelected = useCallback(
@@ -451,6 +457,7 @@ const SimpleMatchers = ({
             loading={labelNamesLoading}
             searchable={true}
             {...testId(TEST_IDS.LABEL_NAME_SELECT)}
+            refetchValues={refetchLabelNames}
           />
           <Select
             items={operatorOptions}
@@ -478,9 +485,8 @@ const SimpleMatchers = ({
             onButtonClick={() => handleLabelValueClick(index)}
             editable={isRowRegex(row)}
             {...testId(TEST_IDS.LABEL_VALUE_SELECT)}
-            refetchLabelValues={refetchLabelValues}
+            refetchValues={() => refetchLabelValues(row.labelName)}
             showLoadingInButton={true}
-            hasRefreshButton={true}
           />
           <button
             onClick={() => removeRow(index)}

package/src/contexts/MatchersInputLabelsContext.tsx

@@ -33,6 +33,7 @@ interface LabelsContextType {
   setCurrentLabelName: (name: string | null) => void;
   shouldHandlePrefixes: boolean;
   refetchLabelValues: () => void;
+  refetchLabelNames: () => void;
 }
 
 const LabelsContext = createContext<LabelsContextType | null>(null);
@@ -57,12 +58,11 @@ export function LabelsProvider({
   const [currentLabelName, setCurrentLabelName] = React.useState<string | null>(null);
   const utilizationLabels = useUtilizationLabels();
 
-  const {result: labelNamesResponse, loading: isLabelNamesLoading} = useLabelNames(
-    queryClient,
-    profileType,
-    start,
-    end
-  );
+  const {
+    result: labelNamesResponse,
+    loading: isLabelNamesLoading,
+    refetch: refetchLabelNames,
+  } = useLabelNames(queryClient, profileType, start, end);
 
   const labelNamesFromAPI = useMemo(() => {
     return (labelNamesResponse.error === undefined || labelNamesResponse.error == null) &&
@@ -114,6 +114,7 @@ export function LabelsProvider({
       setCurrentLabelName,
       shouldHandlePrefixes,
       refetchLabelValues,
+      refetchLabelNames,
     }),
     [
       labelNames,
@@ -124,6 +125,7 @@ export function LabelsProvider({
       currentLabelName,
       shouldHandlePrefixes,
       refetchLabelValues,
+      refetchLabelNames,
     ]
   );
 

package/src/contexts/SimpleMatchersLabelContext.tsx

@@ -31,7 +31,8 @@ interface LabelContextValue {
   labelNameOptions: LabelNameSection[];
   isLoading: boolean;
   error: Error | null;
-  refetchLabelValues: () => void;
+  refetchLabelValues: (labelName?: string) => void;
+  refetchLabelNames: () => void;
 }
 
 const LabelContext = createContext<LabelContextValue | null>(null);
@@ -58,7 +59,11 @@ export function LabelProvider({
 }: LabelProviderProps): JSX.Element {
   const reactQueryClient = useQueryClient();
   const utilizationLabelResponse = useUtilizationLabels();
-  const {loading, result} = useLabelNames(queryClient, profileType, start, end);
+  const {
+    loading,
+    result,
+    refetch: refetchLabelNamesQuery,
+  } = useLabelNames(queryClient, profileType, start, end);
 
   const profileValues = useMemo(() => {
     const profileLabelNames =
@@ -135,26 +140,41 @@ export function LabelProvider({
     };
   }, [profileValues, utilizationValues, labelNameFromMatchers]);
 
-  const refetchLabelValues = useCallback(() => {
-    void reactQueryClient.refetchQueries({
-      predicate: query => {
-        const key = query.queryKey;
-        return (
-          Array.isArray(key) &&
-          key.length === 4 &&
-          typeof key[0] === 'string' &&
-          key[1] === profileType
-        );
-      },
-    });
-  }, [reactQueryClient, profileType]);
+  const refetchLabelValues = useCallback(
+    (labelName?: string) => {
+      void reactQueryClient.refetchQueries({
+        predicate: query => {
+          const key = query.queryKey;
+          const matchesStructure =
+            Array.isArray(key) &&
+            key.length === 4 &&
+            typeof key[0] === 'string' &&
+            key[1] === profileType;
+
+          if (!matchesStructure) return false;
+
+          if (labelName !== undefined && labelName !== '') {
+            return key[0] === labelName;
+          }
+
+          return true;
+        },
+      });
+    },
+    [reactQueryClient, profileType]
+  );
+
+  const refetchLabelNames = useCallback(() => {
+    refetchLabelNamesQuery();
+  }, [refetchLabelNamesQuery]);
 
   const contextValue = useMemo(
     () => ({
       ...value,
       refetchLabelValues,
+      refetchLabelNames,
     }),
-    [value, refetchLabelValues]
+    [value, refetchLabelValues, refetchLabelNames]
   );
 
   return <LabelContext.Provider value={contextValue}>{children}</LabelContext.Provider>;