Add username + profileImageUri to PlayerClusterGQL

The labeling UI was falling back to "user N" for any assigned cluster
whose user wasn't the video owner — e.g. an admin re-labels a video
they don't own. With the resolver now resolving usernames for every
confirmed cluster, the FE can render real names regardless of who's
viewing.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/index.tsx

@@ -205,6 +205,12 @@ export enum ClientUploadStatusEnum {
   UploadEnabled = "UPLOAD_ENABLED",
 }
 
+export type ClusterAssignmentInput = {
+  clusterId: Scalars["Int"]["input"];
+  score?: InputMaybe<Scalars["Int"]["input"]>;
+  userId?: InputMaybe<Scalars["Int"]["input"]>;
+};
+
 export type CommentGql = {
   __typename?: "CommentGQL";
   id: Scalars["Int"]["output"];
@@ -224,6 +230,11 @@ export type CreateBucketSetInput = {
   keyName: Scalars["String"]["input"];
 };
 
+export type CreateCustomerPortalSessionResultGql = {
+  __typename?: "CreateCustomerPortalSessionResultGQL";
+  portalUrl: Scalars["String"]["output"];
+};
+
 export type CreateSubscriptionResultGql = {
   __typename?: "CreateSubscriptionResultGQL";
   checkoutUrl: Scalars["String"]["output"];
@@ -2177,6 +2188,12 @@ export type FilterInput =
       videoId: Array<Scalars["Int"]["input"]>;
     };
 
+export type FinalizePlayerAssignmentsInput = {
+  clusterAssignments?: Array<ClusterAssignmentInput>;
+  shotMoves?: Array<ShotMoveInput>;
+  videoId: Scalars["Int"]["input"];
+};
+
 export type FloatOrdering = {
   descending?: Scalars["Boolean"]["input"];
   startingAt?: InputMaybe<Scalars["Float"]["input"]>;
@@ -2373,6 +2390,7 @@ export type Mutation = {
   commentOnVideo: Scalars["Boolean"]["output"];
   createBucketSet: BucketSetGql;
   createChallenge: Challenge;
+  createCustomerPortalSession: CreateCustomerPortalSessionResultGql;
   createRuleSet: RuleSet;
   createSubscription: CreateSubscriptionResultGql;
   createUploadStream: CreateUploadStreamReturn;
@@ -2388,6 +2406,7 @@ export type Mutation = {
   editUploadStream: Scalars["Boolean"]["output"];
   editUser: UserGql;
   ensureStripeCustomerExists: UserGql;
+  finalizePlayerAssignments: Array<PlayerClusterGql>;
   findPrerecordTableLayout?: Maybe<HomographyInfoGql>;
   followUser: UserGql;
   getHlsInitUploadLink: GetUploadLinkReturn;
@@ -2511,6 +2530,10 @@ export type MutationEditUserArgs = {
   input: EditUserInputGql;
 };
 
+export type MutationFinalizePlayerAssignmentsArgs = {
+  input: FinalizePlayerAssignmentsInput;
+};
+
 export type MutationFindPrerecordTableLayoutArgs = {
   b64Image: Scalars["String"]["input"];
   videoId: Scalars["Int"]["input"];
@@ -2673,6 +2696,48 @@ export type PageInfoGql = {
   hasNextPage: Scalars["Boolean"]["output"];
 };
 
+export type PlayerClusterGql = {
+  __typename?: "PlayerClusterGQL";
+  clusterId: Scalars["Int"]["output"];
+  confirmed: Scalars["Boolean"]["output"];
+  nShots: Scalars["Int"]["output"];
+  profileImageUri?: Maybe<Scalars["String"]["output"]>;
+  score?: Maybe<Scalars["Int"]["output"]>;
+  shots: Array<PlayerClusterShotGql>;
+  userId?: Maybe<Scalars["Int"]["output"]>;
+  username?: Maybe<Scalars["String"]["output"]>;
+  videoId: Scalars["Int"]["output"];
+};
+
+export type PlayerClusterShotGql = {
+  __typename?: "PlayerClusterShotGQL";
+  bboxX1: Scalars["Int"]["output"];
+  bboxX2: Scalars["Int"]["output"];
+  bboxY1: Scalars["Int"]["output"];
+  bboxY2: Scalars["Int"]["output"];
+  confidence: Scalars["Float"]["output"];
+  cropUrl?: Maybe<Scalars["String"]["output"]>;
+  fullFrameUrl?: Maybe<Scalars["String"]["output"]>;
+  isConfirmed: Scalars["Boolean"]["output"];
+  shotId: Scalars["Int"]["output"];
+};
+
+export type PlayerSummaryGql = {
+  __typename?: "PlayerSummaryGQL";
+  averageDifficulty?: Maybe<Scalars["Float"]["output"]>;
+  averageTimeBetweenShots?: Maybe<Scalars["Float"]["output"]>;
+  clusterId: Scalars["Int"]["output"];
+  longestRun: Scalars["Int"]["output"];
+  makePercentage: Scalars["Float"]["output"];
+  profileImageUri?: Maybe<Scalars["String"]["output"]>;
+  representativeFullFrameUrl?: Maybe<Scalars["String"]["output"]>;
+  score?: Maybe<Scalars["Int"]["output"]>;
+  totalShots: Scalars["Int"]["output"];
+  totalShotsMade: Scalars["Int"]["output"];
+  userId?: Maybe<Scalars["Int"]["output"]>;
+  username?: Maybe<Scalars["String"]["output"]>;
+};
+
 export enum PocketEnum {
   Corner = "CORNER",
   Side = "SIDE",
@@ -2783,6 +2848,7 @@ export type Query = {
   notifications: NotificationConnection;
   ruleSets: Array<RuleSet>;
   unreadNotificationCount: Scalars["Int"]["output"];
+  videoPlayerClusters: Array<PlayerClusterGql>;
   waitFor: Scalars["Float"]["output"];
 };
 
@@ -2949,6 +3015,10 @@ export type QueryNotificationsArgs = {
   offset?: Scalars["Int"]["input"];
 };
 
+export type QueryVideoPlayerClustersArgs = {
+  videoId: Scalars["Int"]["input"];
+};
+
 export type QueryWaitForArgs = {
   duration: Scalars["Float"]["input"];
 };
@@ -3166,6 +3236,11 @@ export type ShotGql = {
   videoId: Scalars["Int"]["output"];
 };
 
+export type ShotMoveInput = {
+  newClusterId: Scalars["Int"]["input"];
+  shotId: Scalars["Int"]["input"];
+};
+
 export type ShotsOrderingComponent =
   | {
       difficulty: FloatOrdering;
@@ -3264,6 +3339,7 @@ export type StripeProductGql = {
 export type StripeSubscriptionOptionsGql = {
   __typename?: "StripeSubscriptionOptionsGQL";
   products: Array<StripeProductGql>;
+  trialPeriodDays?: Maybe<Scalars["Int"]["output"]>;
 };
 
 export enum StripeSubscriptionStatusEnum {
@@ -3501,6 +3577,7 @@ export type VideoGql = {
   medianRun?: Maybe<Scalars["Float"]["output"]>;
   name?: Maybe<Scalars["String"]["output"]>;
   owner?: Maybe<UserGql>;
+  playerSummaries: Array<PlayerSummaryGql>;
   playlist?: Maybe<HlsPlaylistGql>;
   pocketSize?: Maybe<Scalars["Float"]["output"]>;
   private: Scalars["Boolean"]["output"];
@@ -4097,15 +4174,11 @@ export type GetFeedQuery = {
       id: number;
       name?: string | null;
       screenshotUri?: string | null;
-      totalShotsMade: number;
       totalShots: number;
       makePercentage: number;
       averageTimeBetweenShots?: number | null;
       averageDifficulty?: number | null;
-      createdAt?: any | null;
-      updatedAt?: any | null;
       startTime?: any | null;
-      endTime?: any | null;
       private: boolean;
       elapsedTime?: number | null;
       tableSize: number;
@@ -4120,7 +4193,6 @@ export type GetFeedQuery = {
         __typename?: "UploadStreamGQL";
         id: string;
         lastIntendedSegmentBound?: number | null;
-        isCompleted: boolean;
         streamSegmentType: StreamSegmentTypeEnum;
       } | null;
       tags: Array<{
@@ -4128,18 +4200,25 @@ export type GetFeedQuery = {
         name: string;
         tagClasses: Array<{ __typename?: "VideoTagClass"; name: string }>;
       }>;
+      playerSummaries: Array<{
+        __typename?: "PlayerSummaryGQL";
+        clusterId: number;
+        userId?: number | null;
+        username?: string | null;
+        profileImageUri?: string | null;
+        representativeFullFrameUrl?: string | null;
+        totalShots: number;
+        totalShotsMade: number;
+        makePercentage: number;
+        score?: number | null;
+        longestRun: number;
+        averageDifficulty?: number | null;
+        averageTimeBetweenShots?: number | null;
+      }>;
       currentProcessing?: {
         __typename?: "VideoProcessingGQL";
         id: number;
         status: ProcessingStatusEnum;
-        errors: Array<{
-          __typename?: "VideoProcessingErrorGQL";
-          message: string;
-        }>;
-        statuses: Array<{
-          __typename?: "VideoProcessingStatusGQL";
-          status: ProcessingStatusEnum;
-        }>;
       } | null;
       reactions: Array<{
         __typename?: "ReactionGQL";
@@ -4199,15 +4278,11 @@ export type VideoCardFieldsFragment = {
   id: number;
   name?: string | null;
   screenshotUri?: string | null;
-  totalShotsMade: number;
   totalShots: number;
   makePercentage: number;
   averageTimeBetweenShots?: number | null;
   averageDifficulty?: number | null;
-  createdAt?: any | null;
-  updatedAt?: any | null;
   startTime?: any | null;
-  endTime?: any | null;
   private: boolean;
   elapsedTime?: number | null;
   tableSize: number;
@@ -4222,7 +4297,6 @@ export type VideoCardFieldsFragment = {
     __typename?: "UploadStreamGQL";
     id: string;
     lastIntendedSegmentBound?: number | null;
-    isCompleted: boolean;
     streamSegmentType: StreamSegmentTypeEnum;
   } | null;
   tags: Array<{
@@ -4230,15 +4304,25 @@ export type VideoCardFieldsFragment = {
     name: string;
     tagClasses: Array<{ __typename?: "VideoTagClass"; name: string }>;
   }>;
+  playerSummaries: Array<{
+    __typename?: "PlayerSummaryGQL";
+    clusterId: number;
+    userId?: number | null;
+    username?: string | null;
+    profileImageUri?: string | null;
+    representativeFullFrameUrl?: string | null;
+    totalShots: number;
+    totalShotsMade: number;
+    makePercentage: number;
+    score?: number | null;
+    longestRun: number;
+    averageDifficulty?: number | null;
+    averageTimeBetweenShots?: number | null;
+  }>;
   currentProcessing?: {
     __typename?: "VideoProcessingGQL";
     id: number;
     status: ProcessingStatusEnum;
-    errors: Array<{ __typename?: "VideoProcessingErrorGQL"; message: string }>;
-    statuses: Array<{
-      __typename?: "VideoProcessingStatusGQL";
-      status: ProcessingStatusEnum;
-    }>;
   } | null;
   reactions: Array<{
     __typename?: "ReactionGQL";
@@ -4312,15 +4396,11 @@ export type GetVideoFeedQuery = {
       id: number;
       name?: string | null;
       screenshotUri?: string | null;
-      totalShotsMade: number;
       totalShots: number;
       makePercentage: number;
       averageTimeBetweenShots?: number | null;
       averageDifficulty?: number | null;
-      createdAt?: any | null;
-      updatedAt?: any | null;
       startTime?: any | null;
-      endTime?: any | null;
       private: boolean;
       elapsedTime?: number | null;
       tableSize: number;
@@ -4335,7 +4415,6 @@ export type GetVideoFeedQuery = {
         __typename?: "UploadStreamGQL";
         id: string;
         lastIntendedSegmentBound?: number | null;
-        isCompleted: boolean;
         streamSegmentType: StreamSegmentTypeEnum;
       } | null;
       tags: Array<{
@@ -4343,18 +4422,25 @@ export type GetVideoFeedQuery = {
         name: string;
         tagClasses: Array<{ __typename?: "VideoTagClass"; name: string }>;
       }>;
+      playerSummaries: Array<{
+        __typename?: "PlayerSummaryGQL";
+        clusterId: number;
+        userId?: number | null;
+        username?: string | null;
+        profileImageUri?: string | null;
+        representativeFullFrameUrl?: string | null;
+        totalShots: number;
+        totalShotsMade: number;
+        makePercentage: number;
+        score?: number | null;
+        longestRun: number;
+        averageDifficulty?: number | null;
+        averageTimeBetweenShots?: number | null;
+      }>;
       currentProcessing?: {
         __typename?: "VideoProcessingGQL";
         id: number;
         status: ProcessingStatusEnum;
-        errors: Array<{
-          __typename?: "VideoProcessingErrorGQL";
-          message: string;
-        }>;
-        statuses: Array<{
-          __typename?: "VideoProcessingStatusGQL";
-          status: ProcessingStatusEnum;
-        }>;
       } | null;
       reactions: Array<{
         __typename?: "ReactionGQL";
@@ -4749,6 +4835,18 @@ export type CreateSubscriptionMutation = {
   };
 };
 
+export type CreateCustomerPortalSessionMutationVariables = Exact<{
+  [key: string]: never;
+}>;
+
+export type CreateCustomerPortalSessionMutation = {
+  __typename?: "Mutation";
+  createCustomerPortalSession: {
+    __typename?: "CreateCustomerPortalSessionResultGQL";
+    portalUrl: string;
+  };
+};
+
 export type GetAvailableSubscriptionOptionsQueryVariables = Exact<{
   [key: string]: never;
 }>;
@@ -4757,6 +4855,7 @@ export type GetAvailableSubscriptionOptionsQuery = {
   __typename?: "Query";
   getAvailableSubscriptionOptions: {
     __typename?: "StripeSubscriptionOptionsGQL";
+    trialPeriodDays?: number | null;
     products: Array<{
       __typename?: "StripeProductGQL";
       id: string;
@@ -4908,6 +5007,121 @@ export type GetRunsWithTimestampsQuery = {
   };
 };
 
+export type PlayerSummaryFieldsFragment = {
+  __typename?: "PlayerSummaryGQL";
+  clusterId: number;
+  userId?: number | null;
+  username?: string | null;
+  profileImageUri?: string | null;
+  representativeFullFrameUrl?: string | null;
+  totalShots: number;
+  totalShotsMade: number;
+  makePercentage: number;
+  score?: number | null;
+  longestRun: number;
+  averageDifficulty?: number | null;
+  averageTimeBetweenShots?: number | null;
+};
+
+export type PlayerClusterShotFieldsFragment = {
+  __typename?: "PlayerClusterShotGQL";
+  shotId: number;
+  bboxX1: number;
+  bboxY1: number;
+  bboxX2: number;
+  bboxY2: number;
+  confidence: number;
+  isConfirmed: boolean;
+  cropUrl?: string | null;
+  fullFrameUrl?: string | null;
+};
+
+export type PlayerClusterFieldsFragment = {
+  __typename?: "PlayerClusterGQL";
+  videoId: number;
+  clusterId: number;
+  nShots: number;
+  userId?: number | null;
+  username?: string | null;
+  profileImageUri?: string | null;
+  confirmed: boolean;
+  score?: number | null;
+  shots: Array<{
+    __typename?: "PlayerClusterShotGQL";
+    shotId: number;
+    bboxX1: number;
+    bboxY1: number;
+    bboxX2: number;
+    bboxY2: number;
+    confidence: number;
+    isConfirmed: boolean;
+    cropUrl?: string | null;
+    fullFrameUrl?: string | null;
+  }>;
+};
+
+export type VideoPlayerClustersQueryVariables = Exact<{
+  videoId: Scalars["Int"]["input"];
+}>;
+
+export type VideoPlayerClustersQuery = {
+  __typename?: "Query";
+  videoPlayerClusters: Array<{
+    __typename?: "PlayerClusterGQL";
+    videoId: number;
+    clusterId: number;
+    nShots: number;
+    userId?: number | null;
+    username?: string | null;
+    profileImageUri?: string | null;
+    confirmed: boolean;
+    score?: number | null;
+    shots: Array<{
+      __typename?: "PlayerClusterShotGQL";
+      shotId: number;
+      bboxX1: number;
+      bboxY1: number;
+      bboxX2: number;
+      bboxY2: number;
+      confidence: number;
+      isConfirmed: boolean;
+      cropUrl?: string | null;
+      fullFrameUrl?: string | null;
+    }>;
+  }>;
+};
+
+export type FinalizePlayerAssignmentsMutationVariables = Exact<{
+  input: FinalizePlayerAssignmentsInput;
+}>;
+
+export type FinalizePlayerAssignmentsMutation = {
+  __typename?: "Mutation";
+  finalizePlayerAssignments: Array<{
+    __typename?: "PlayerClusterGQL";
+    videoId: number;
+    clusterId: number;
+    nShots: number;
+    userId?: number | null;
+    username?: string | null;
+    profileImageUri?: string | null;
+    confirmed: boolean;
+    score?: number | null;
+    shots: Array<{
+      __typename?: "PlayerClusterShotGQL";
+      shotId: number;
+      bboxX1: number;
+      bboxY1: number;
+      bboxX2: number;
+      bboxY2: number;
+      confidence: number;
+      isConfirmed: boolean;
+      cropUrl?: string | null;
+      fullFrameUrl?: string | null;
+    }>;
+  }>;
+};
+
 export type GetSerializedShotPathsQueryVariables = Exact<{
   filterInput: FilterInput;
 }>;
@@ -5844,6 +6058,21 @@ export type GetVideoDetailsQuery = {
       name: string;
       tagClasses: Array<{ __typename?: "VideoTagClass"; name: string }>;
     }>;
+    playerSummaries: Array<{
+      __typename?: "PlayerSummaryGQL";
+      clusterId: number;
+      userId?: number | null;
+      username?: string | null;
+      profileImageUri?: string | null;
+      representativeFullFrameUrl?: string | null;
+      totalShots: number;
+      totalShotsMade: number;
+      makePercentage: number;
+      score?: number | null;
+      longestRun: number;
+      averageDifficulty?: number | null;
+      averageTimeBetweenShots?: number | null;
+    }>;
   };
 };
 
@@ -6501,6 +6730,22 @@ export type GetUploadStreamsWithDetailsQuery = {
   };
 };
 
+export const PlayerSummaryFieldsFragmentDoc = gql`
+  fragment PlayerSummaryFields on PlayerSummaryGQL {
+    clusterId
+    userId
+    username
+    profileImageUri
+    representativeFullFrameUrl
+    totalShots
+    totalShotsMade
+    makePercentage
+    score
+    longestRun
+    averageDifficulty
+    averageTimeBetweenShots
+  }
+`;
 export const UserSocialsFieldsFragmentDoc = gql`
   fragment UserSocialsFields on UserGQL {
     id
@@ -6519,41 +6764,32 @@ export const VideoCardFieldsFragmentDoc = gql`
     }
     name
     screenshotUri
-    totalShotsMade
     totalShots
     makePercentage
     averageTimeBetweenShots
     averageDifficulty
-    createdAt
-    updatedAt
     startTime
-    endTime
     private
     elapsedTime
-    screenshotUri
     stream {
       id
       lastIntendedSegmentBound
-      isCompleted
       streamSegmentType
     }
     tableSize
     pocketSize
     tags {
+      name
       tagClasses {
         name
       }
-      name
+    }
+    playerSummaries {
+      ...PlayerSummaryFields
     }
     currentProcessing {
       id
-      errors {
-        message
-      }
       status
-      statuses {
-        status
-      }
     }
     reactions {
       videoId
@@ -6577,6 +6813,7 @@ export const VideoCardFieldsFragmentDoc = gql`
       }
     }
   }
+  ${PlayerSummaryFieldsFragmentDoc}
   ${UserSocialsFieldsFragmentDoc}
 `;
 export const MedalFieldsFragmentDoc = gql`
@@ -6626,6 +6863,35 @@ export const PocketingIntentionFragmentFragmentDoc = gql`
     difficulty
   }
 `;
+export const PlayerClusterShotFieldsFragmentDoc = gql`
+  fragment PlayerClusterShotFields on PlayerClusterShotGQL {
+    shotId
+    bboxX1
+    bboxY1
+    bboxX2
+    bboxY2
+    confidence
+    isConfirmed
+    cropUrl
+    fullFrameUrl
+  }
+`;
+export const PlayerClusterFieldsFragmentDoc = gql`
+  fragment PlayerClusterFields on PlayerClusterGQL {
+    videoId
+    clusterId
+    nShots
+    userId
+    username
+    profileImageUri
+    confirmed
+    score
+    shots {
+      ...PlayerClusterShotFields
+    }
+  }
+  ${PlayerClusterShotFieldsFragmentDoc}
+`;
 export const ShotWithAllFeaturesFragmentDoc = gql`
   fragment ShotWithAllFeatures on ShotGQL {
     id
@@ -9652,9 +9918,60 @@ export type CreateSubscriptionMutationOptions = Apollo.BaseMutationOptions<
   CreateSubscriptionMutation,
   CreateSubscriptionMutationVariables
 >;
+export const CreateCustomerPortalSessionDocument = gql`
+  mutation CreateCustomerPortalSession {
+    createCustomerPortalSession {
+      portalUrl
+    }
+  }
+`;
+export type CreateCustomerPortalSessionMutationFn = Apollo.MutationFunction<
+  CreateCustomerPortalSessionMutation,
+  CreateCustomerPortalSessionMutationVariables
+>;
+
+/**
+ * __useCreateCustomerPortalSessionMutation__
+ *
+ * To run a mutation, you first call `useCreateCustomerPortalSessionMutation` within a React component and pass it any options that fit your needs.
+ * When your component renders, `useCreateCustomerPortalSessionMutation` returns a tuple that includes:
+ * - A mutate function that you can call at any time to execute the mutation
+ * - An object with fields that represent the current status of the mutation's execution
+ *
+ * @param baseOptions options that will be passed into the mutation, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options-2;
+ *
+ * @example
+ * const [createCustomerPortalSessionMutation, { data, loading, error }] = useCreateCustomerPortalSessionMutation({
+ *   variables: {
+ *   },
+ * });
+ */
+export function useCreateCustomerPortalSessionMutation(
+  baseOptions?: Apollo.MutationHookOptions<
+    CreateCustomerPortalSessionMutation,
+    CreateCustomerPortalSessionMutationVariables
+  >,
+) {
+  const options = { ...defaultOptions, ...baseOptions };
+  return Apollo.useMutation<
+    CreateCustomerPortalSessionMutation,
+    CreateCustomerPortalSessionMutationVariables
+  >(CreateCustomerPortalSessionDocument, options);
+}
+export type CreateCustomerPortalSessionMutationHookResult = ReturnType<
+  typeof useCreateCustomerPortalSessionMutation
+>;
+export type CreateCustomerPortalSessionMutationResult =
+  Apollo.MutationResult<CreateCustomerPortalSessionMutation>;
+export type CreateCustomerPortalSessionMutationOptions =
+  Apollo.BaseMutationOptions<
+    CreateCustomerPortalSessionMutation,
+    CreateCustomerPortalSessionMutationVariables
+  >;
 export const GetAvailableSubscriptionOptionsDocument = gql`
   query GetAvailableSubscriptionOptions {
     getAvailableSubscriptionOptions {
+      trialPeriodDays
       products {
         id
         name
@@ -10178,6 +10495,132 @@ export type GetRunsWithTimestampsQueryResult = Apollo.QueryResult<
   GetRunsWithTimestampsQuery,
   GetRunsWithTimestampsQueryVariables
 >;
+export const VideoPlayerClustersDocument = gql`
+  query VideoPlayerClusters($videoId: Int!) {
+    videoPlayerClusters(videoId: $videoId) {
+      ...PlayerClusterFields
+    }
+  }
+  ${PlayerClusterFieldsFragmentDoc}
+`;
+
+/**
+ * __useVideoPlayerClustersQuery__
+ *
+ * To run a query within a React component, call `useVideoPlayerClustersQuery` and pass it any options that fit your needs.
+ * When your component renders, `useVideoPlayerClustersQuery` returns an object from Apollo Client that contains loading, error, and data properties
+ * you can use to render your UI.
+ *
+ * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
+ *
+ * @example
+ * const { data, loading, error } = useVideoPlayerClustersQuery({
+ *   variables: {
+ *      videoId: // value for 'videoId'
+ *   },
+ * });
+ */
+export function useVideoPlayerClustersQuery(
+  baseOptions: Apollo.QueryHookOptions<
+    VideoPlayerClustersQuery,
+    VideoPlayerClustersQueryVariables
+  >,
+) {
+  const options = { ...defaultOptions, ...baseOptions };
+  return Apollo.useQuery<
+    VideoPlayerClustersQuery,
+    VideoPlayerClustersQueryVariables
+  >(VideoPlayerClustersDocument, options);
+}
+export function useVideoPlayerClustersLazyQuery(
+  baseOptions?: Apollo.LazyQueryHookOptions<
+    VideoPlayerClustersQuery,
+    VideoPlayerClustersQueryVariables
+  >,
+) {
+  const options = { ...defaultOptions, ...baseOptions };
+  return Apollo.useLazyQuery<
+    VideoPlayerClustersQuery,
+    VideoPlayerClustersQueryVariables
+  >(VideoPlayerClustersDocument, options);
+}
+export function useVideoPlayerClustersSuspenseQuery(
+  baseOptions?: Apollo.SuspenseQueryHookOptions<
+    VideoPlayerClustersQuery,
+    VideoPlayerClustersQueryVariables
+  >,
+) {
+  const options = { ...defaultOptions, ...baseOptions };
+  return Apollo.useSuspenseQuery<
+    VideoPlayerClustersQuery,
+    VideoPlayerClustersQueryVariables
+  >(VideoPlayerClustersDocument, options);
+}
+export type VideoPlayerClustersQueryHookResult = ReturnType<
+  typeof useVideoPlayerClustersQuery
+>;
+export type VideoPlayerClustersLazyQueryHookResult = ReturnType<
+  typeof useVideoPlayerClustersLazyQuery
+>;
+export type VideoPlayerClustersSuspenseQueryHookResult = ReturnType<
+  typeof useVideoPlayerClustersSuspenseQuery
+>;
+export type VideoPlayerClustersQueryResult = Apollo.QueryResult<
+  VideoPlayerClustersQuery,
+  VideoPlayerClustersQueryVariables
+>;
+export const FinalizePlayerAssignmentsDocument = gql`
+  mutation FinalizePlayerAssignments($input: FinalizePlayerAssignmentsInput!) {
+    finalizePlayerAssignments(input: $input) {
+      ...PlayerClusterFields
+    }
+  }
+  ${PlayerClusterFieldsFragmentDoc}
+`;
+export type FinalizePlayerAssignmentsMutationFn = Apollo.MutationFunction<
+  FinalizePlayerAssignmentsMutation,
+  FinalizePlayerAssignmentsMutationVariables
+>;
+
+/**
+ * __useFinalizePlayerAssignmentsMutation__
+ *
+ * To run a mutation, you first call `useFinalizePlayerAssignmentsMutation` within a React component and pass it any options that fit your needs.
+ * When your component renders, `useFinalizePlayerAssignmentsMutation` returns a tuple that includes:
+ * - A mutate function that you can call at any time to execute the mutation
+ * - An object with fields that represent the current status of the mutation's execution
+ *
+ * @param baseOptions options that will be passed into the mutation, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options-2;
+ *
+ * @example
+ * const [finalizePlayerAssignmentsMutation, { data, loading, error }] = useFinalizePlayerAssignmentsMutation({
+ *   variables: {
+ *      input: // value for 'input'
+ *   },
+ * });
+ */
+export function useFinalizePlayerAssignmentsMutation(
+  baseOptions?: Apollo.MutationHookOptions<
+    FinalizePlayerAssignmentsMutation,
+    FinalizePlayerAssignmentsMutationVariables
+  >,
+) {
+  const options = { ...defaultOptions, ...baseOptions };
+  return Apollo.useMutation<
+    FinalizePlayerAssignmentsMutation,
+    FinalizePlayerAssignmentsMutationVariables
+  >(FinalizePlayerAssignmentsDocument, options);
+}
+export type FinalizePlayerAssignmentsMutationHookResult = ReturnType<
+  typeof useFinalizePlayerAssignmentsMutation
+>;
+export type FinalizePlayerAssignmentsMutationResult =
+  Apollo.MutationResult<FinalizePlayerAssignmentsMutation>;
+export type FinalizePlayerAssignmentsMutationOptions =
+  Apollo.BaseMutationOptions<
+    FinalizePlayerAssignmentsMutation,
+    FinalizePlayerAssignmentsMutationVariables
+  >;
 export const GetSerializedShotPathsDocument = gql`
   query GetSerializedShotPaths($filterInput: FilterInput!) {
     getShots(filterInput: $filterInput) {
@@ -12367,8 +12810,12 @@ export const GetVideoDetailsDocument = gql`
         }
         name
       }
+      playerSummaries {
+        ...PlayerSummaryFields
+      }
     }
   }
+  ${PlayerSummaryFieldsFragmentDoc}
 `;
 
 /**

src/operations/feed.gql

@@ -31,41 +31,32 @@ fragment VideoCardFields on VideoGQL {
   }
   name
   screenshotUri
-  totalShotsMade
   totalShots
   makePercentage
   averageTimeBetweenShots
   averageDifficulty
-  createdAt
-  updatedAt
   startTime
-  endTime
   private
   elapsedTime
-  screenshotUri
   stream {
     id
     lastIntendedSegmentBound
-    isCompleted
     streamSegmentType
   }
   tableSize
   pocketSize
   tags {
+    name
     tagClasses {
       name
     }
-    name
+  }
+  playerSummaries {
+    ...PlayerSummaryFields
   }
   currentProcessing {
     id
-    errors {
-      message
-    }
     status
-    statuses {
-      status
-    }
   }
   reactions {
     videoId

src/operations/payments.gql

@@ -20,8 +20,15 @@ mutation CreateSubscription($priceId: String!) {
   }
 }
 
+mutation CreateCustomerPortalSession {
+  createCustomerPortalSession {
+    portalUrl
+  }
+}
+
 query GetAvailableSubscriptionOptions {
   getAvailableSubscriptionOptions {
+    trialPeriodDays
     products {
       id
       name

src/operations/shooter.gql

@@ -0,0 +1,52 @@
+fragment PlayerSummaryFields on PlayerSummaryGQL {
+  clusterId
+  userId
+  username
+  profileImageUri
+  representativeFullFrameUrl
+  totalShots
+  totalShotsMade
+  makePercentage
+  score
+  longestRun
+  averageDifficulty
+  averageTimeBetweenShots
+}
+
+fragment PlayerClusterShotFields on PlayerClusterShotGQL {
+  shotId
+  bboxX1
+  bboxY1
+  bboxX2
+  bboxY2
+  confidence
+  isConfirmed
+  cropUrl
+  fullFrameUrl
+}
+
+fragment PlayerClusterFields on PlayerClusterGQL {
+  videoId
+  clusterId
+  nShots
+  userId
+  username
+  profileImageUri
+  confirmed
+  score
+  shots {
+    ...PlayerClusterShotFields
+  }
+}
+
+query VideoPlayerClusters($videoId: Int!) {
+  videoPlayerClusters(videoId: $videoId) {
+    ...PlayerClusterFields
+  }
+}
+
+mutation FinalizePlayerAssignments($input: FinalizePlayerAssignmentsInput!) {
+  finalizePlayerAssignments(input: $input) {
+    ...PlayerClusterFields
+  }
+}

src/operations/video.gql

@@ -83,6 +83,9 @@ query GetVideoDetails($videoId: Int!) {
       }
       name
     }
+    playerSummaries {
+      ...PlayerSummaryFields
+    }
   }
 }
 

src/schema.gql

@@ -28,7 +28,7 @@ type Query {
   getLongestRunsLeaderboard(
     interval: TimeInterval = null
     when: DateTime = null
-    limit: Int! = 100
+    limit: Int! = 50
     requiredTags: [String!] = null
   ): RunLeaderboardGQL!
   getMakesLeaderboard(
@@ -49,6 +49,7 @@ type Query {
     limit: Int! = 500
     countRespectsLimit: Boolean! = false
   ): GetRunsResult!
+  videoPlayerClusters(videoId: Int!): [PlayerClusterGQL!]!
   getShotAnnotationTypes(errorTypes: Boolean = false): [ShotAnnotationTypeGQL!]!
   getTableState(
     b64Image: String!
@@ -405,6 +406,7 @@ type VideoGQL {
   currentProcessing: VideoProcessingGQL
   reactions: [ReactionGQL!]!
   comments: [CommentGQL!]!
+  playerSummaries: [PlayerSummaryGQL!]!
 }
 
 type ShotGQL {
@@ -664,6 +666,21 @@ type CommentGQL {
   replies: [CommentGQL!]!
 }
 
+type PlayerSummaryGQL {
+  clusterId: Int!
+  userId: Int
+  username: String
+  profileImageUri: String
+  representativeFullFrameUrl: String
+  totalShots: Int!
+  totalShotsMade: Int!
+  makePercentage: Float!
+  score: Int
+  longestRun: Int!
+  averageDifficulty: Float
+  averageTimeBetweenShots: Float
+}
+
 type DeployedConfigGQL {
   allowNewUsers: Boolean!
   firebase: Boolean!
@@ -860,6 +877,30 @@ input DatetimeOrdering {
   startingAt: DateTime = null
 }
 
+type PlayerClusterGQL {
+  videoId: Int!
+  clusterId: Int!
+  nShots: Int!
+  userId: Int
+  username: String
+  profileImageUri: String
+  confirmed: Boolean!
+  score: Int
+  shots: [PlayerClusterShotGQL!]!
+}
+
+type PlayerClusterShotGQL {
+  shotId: Int!
+  bboxX1: Int!
+  bboxY1: Int!
+  bboxX2: Int!
+  bboxY2: Int!
+  confidence: Float!
+  isConfirmed: Boolean!
+  cropUrl: String
+  fullFrameUrl: String
+}
+
 type TableStateGQL {
   identifierToPosition: [[Float!]!]!
   homography: HomographyInfoGQL
@@ -940,6 +981,7 @@ type UserRelationship {
 
 type StripeSubscriptionOptionsGQL {
   products: [StripeProductGQL!]!
+  trialPeriodDays: Int
 }
 
 type StripeProductGQL {
@@ -1093,6 +1135,9 @@ type Mutation {
   markAllNotificationsAsRead: Boolean!
   markNotificationsAsRead(notificationIds: [Int!]!): Boolean!
   deleteNotification(notificationId: Int!): Boolean!
+  finalizePlayerAssignments(
+    input: FinalizePlayerAssignmentsInput!
+  ): [PlayerClusterGQL!]!
   addAnnotationToShot(
     shotId: Int!
     annotationName: String!
@@ -1117,6 +1162,7 @@ type Mutation {
   ensureStripeCustomerExists: UserGQL!
   deleteUser: Boolean!
   createSubscription(priceId: String!): CreateSubscriptionResultGQL!
+  createCustomerPortalSession: CreateCustomerPortalSessionResultGQL!
   cancelSubscription: UserSubscriptionStatusGQL!
   grantManualEntitlement(
     userId: Int!
@@ -1163,6 +1209,23 @@ enum ReportReasonEnum {
   OTHER
 }
 
+input FinalizePlayerAssignmentsInput {
+  videoId: Int!
+  clusterAssignments: [ClusterAssignmentInput!]! = []
+  shotMoves: [ShotMoveInput!]! = []
+}
+
+input ClusterAssignmentInput {
+  clusterId: Int!
+  userId: Int = null
+  score: Int = null
+}
+
+input ShotMoveInput {
+  shotId: Int!
+  newClusterId: Int!
+}
+
 type AddShotAnnotationReturn {
   value: SuccessfulAddAddShotAnnotationErrors!
 }
@@ -1256,6 +1319,10 @@ type CreateSubscriptionResultGQL {
   sessionId: String!
 }
 
+type CreateCustomerPortalSessionResultGQL {
+  portalUrl: String!
+}
+
 enum CancellationReasonEnum {
   DONT_PLAY_ENOUGH
   TOO_EXPENSIVE