fix(ui): avoid file search cache key collisions (#1343)

Co-authored-by: Isaac Sanchez <isanchez-hawkins@arize.com>

packages/ui/src/stores/useFileSearchStore.ts

@@ -34,7 +34,16 @@ const buildCacheKey = (
 ) => {
   const normalizedDirectory = directory.trim();
   const normalizedQuery = query.trim().toLowerCase();
-  return `${normalizedDirectory}::${normalizedQuery}::${limit}::${includeHidden ? '1' : '0'}::${respectGitignore ? '1' : '0'}::${type}`;
+  return JSON.stringify([normalizedDirectory, normalizedQuery, limit, includeHidden, respectGitignore, type]);
+};
+
+const cacheKeyMatchesDirectory = (cacheKey: string, directory: string) => {
+  try {
+    const value: unknown = JSON.parse(cacheKey);
+    return Array.isArray(value) && value[0] === directory;
+  } catch {
+    return false;
+  }
 };
 
 export const useFileSearchStore = create<FileSearchStoreState>()(
@@ -127,12 +136,11 @@ export const useFileSearchStore = create<FileSearchStoreState>()(
         }
 
         const normalizedDirectory = directory.trim();
-        const prefix = `${normalizedDirectory}::`;
 
         set((state) => {
           const nextCache = { ...state.cache };
           const nextKeys = state.cacheKeys.filter((cacheKey) => {
-            if (cacheKey.startsWith(prefix)) {
+            if (cacheKeyMatchesDirectory(cacheKey, normalizedDirectory)) {
               delete nextCache[cacheKey];
               return false;
             }
@@ -140,7 +148,7 @@ export const useFileSearchStore = create<FileSearchStoreState>()(
           });
 
           const nextInFlightEntries = Object.entries(state.inFlight).filter(
-            ([key]) => !key.startsWith(prefix)
+            ([key]) => !cacheKeyMatchesDirectory(key, normalizedDirectory)
           );
           const nextInFlight = Object.fromEntries(nextInFlightEntries);