Merge remote-tracking branch 'origin/master' into colonelpanic/allow-transient-homography-ids

Reviewed-on: #293

src/index.tsx

@@ -260,6 +260,15 @@ export type ClusterAssignmentInput = {
   userId?: InputMaybe<Scalars["Int"]["input"]>;
 };
 
+export type CohortStatsGql = {
+  __typename?: "CohortStatsGQL";
+  activated7d: Scalars["Int"]["output"];
+  activatedNotPaid7d: Scalars["Int"]["output"];
+  paid7d: Scalars["Int"]["output"];
+  signups: Scalars["Int"]["output"];
+  weekStart: Scalars["Date"]["output"];
+};
+
 export type CommentGql = {
   __typename?: "CommentGQL";
   id: Scalars["Int"]["output"];
@@ -2299,6 +2308,20 @@ export type FloatRangeFilter = {
   lessThanInclusive?: Scalars["Boolean"]["input"];
 };
 
+export type FunnelStatsGql = {
+  __typename?: "FunnelStatsGQL";
+  activationActivated: Scalars["Int"]["output"];
+  activationCohort: Scalars["Int"]["output"];
+  eraPaying: Scalars["Int"]["output"];
+  eraSignups: Scalars["Int"]["output"];
+  freemiumEpoch: Scalars["Date"]["output"];
+  newPaid7d: Scalars["Int"]["output"];
+  newPaid30d: Scalars["Int"]["output"];
+  payingUsers: Scalars["Int"]["output"];
+  retentionPrevActive: Scalars["Int"]["output"];
+  retentionReturned: Scalars["Int"]["output"];
+};
+
 export type GameTypeTagMetric = {
   __typename?: "GameTypeTagMetric";
   madeShots: Scalars["Int"]["output"];
@@ -2386,7 +2409,7 @@ export type HomographyInfoGql = {
   crop: BoundingBoxGql;
   destPoints: PocketPointsGql;
   frameIndex: Scalars["Int"]["output"];
-  id: Scalars["Int"]["output"];
+  id?: Maybe<Scalars["Int"]["output"]>;
   pockets: Array<BoundingBoxGql>;
   sourcePoints: PocketPointsGql;
 };
@@ -2431,6 +2454,13 @@ export type IntPoint2DInput = {
   y: Scalars["Int"]["input"];
 };
 
+export type LiveTableStateGql = {
+  __typename?: "LiveTableStateGQL";
+  frameIndex: Scalars["Int"]["output"];
+  tableState: TableStateGql;
+  videoId: Scalars["Int"]["output"];
+};
+
 export type MakePercentageIntervalGql = {
   __typename?: "MakePercentageIntervalGQL";
   elapsedTime: Scalars["Float"]["output"];
@@ -3011,6 +3041,12 @@ export type ProcessingFailedErr = {
   processing: VideoProcessingGql;
 };
 
+export type ProcessingStatusCountGql = {
+  __typename?: "ProcessingStatusCountGQL";
+  count: Scalars["Int"]["output"];
+  status: Scalars["String"]["output"];
+};
+
 export enum ProcessingStatusEnum {
   Created = "CREATED",
   Failed = "FAILED",
@@ -3041,6 +3077,7 @@ export type Query = {
   getDrillRunLeaderboard: DrillRunLeaderboardGql;
   getFeedVideos: VideoHistoryGql;
   getGameTypeTagMetrics: Array<GameTypeTagMetric>;
+  getLiveTableState: LiveTableStateGql;
   getLoggedInUser?: Maybe<UserGql>;
   getLongestRunsLeaderboard: RunLeaderboardGql;
   getMakesLeaderboard: CountLeaderboardGql;
@@ -3052,11 +3089,13 @@ export type Query = {
   getResolvedTier: ResolvedTierGql;
   getRuns: GetRunsResult;
   getShotAnnotationTypes: Array<ShotAnnotationTypeGql>;
+  getShotTableState: ShotTableStateGql;
   getShots: Array<ShotGql>;
   getShotsByIds: Array<ShotGql>;
   getShotsWithMetadata: GetShotsResult;
   getStorageStatus?: Maybe<StorageStatusGql>;
   getTableState: TableStateGql;
+  getUsageStats: UsageStatsGql;
   getUser?: Maybe<UserGql>;
   getUserRelationshipsMatching: UserRelationshipsResult;
   getUserSubscriptionStatus: UserSubscriptionStatusGql;
@@ -3145,6 +3184,10 @@ export type QueryGetGameTypeTagMetricsArgs = {
   input: GameTypeTagMetricsInput;
 };
 
+export type QueryGetLiveTableStateArgs = {
+  videoId: Scalars["Int"]["input"];
+};
+
 export type QueryGetLongestRunsLeaderboardArgs = {
   interval?: InputMaybe<TimeInterval>;
   limit?: Scalars["Int"]["input"];
@@ -3192,6 +3235,10 @@ export type QueryGetShotAnnotationTypesArgs = {
   errorTypes?: InputMaybe<Scalars["Boolean"]["input"]>;
 };
 
+export type QueryGetShotTableStateArgs = {
+  shotId: Scalars["Int"]["input"];
+};
+
 export type QueryGetShotsArgs = {
   countRespectsLimit?: Scalars["Boolean"]["input"];
   filterInput: FilterInput;
@@ -3217,6 +3264,10 @@ export type QueryGetTableStateArgs = {
   useHomography?: InputMaybe<HomographyInputGql>;
 };
 
+export type QueryGetUsageStatsArgs = {
+  days?: Scalars["Int"]["input"];
+};
+
 export type QueryGetUserArgs = {
   userId: Scalars["Int"]["input"];
 };
@@ -3326,6 +3377,14 @@ export type QuotaStatusGql = {
   tierName: Scalars["String"]["output"];
 };
 
+export type RgbColorGql = {
+  __typename?: "RGBColorGQL";
+  b: Scalars["Int"]["output"];
+  g: Scalars["Int"]["output"];
+  hex: Scalars["String"]["output"];
+  r: Scalars["Int"]["output"];
+};
+
 export enum ReactionEnum {
   Bullseye = "BULLSEYE",
   Heart = "HEART",
@@ -3559,6 +3618,14 @@ export type ShotProjectionGql = {
   trajectories: Array<BallTrajectoryGql>;
 };
 
+export type ShotTableStateGql = {
+  __typename?: "ShotTableStateGQL";
+  frameIndex: Scalars["Int"]["output"];
+  shotId: Scalars["Int"]["output"];
+  tableState: TableStateGql;
+  videoId: Scalars["Int"]["output"];
+};
+
 export type ShotsOrderingComponent =
   | {
       difficulty: FloatOrdering;
@@ -3791,6 +3858,7 @@ export type SyncAppleSubscriptionResultGql = {
 export type TableStateGql = {
   __typename?: "TableStateGQL";
   homography?: Maybe<HomographyInfoGql>;
+  identifierToColor: Array<Maybe<RgbColorGql>>;
   identifierToPosition: Array<Array<Scalars["Float"]["output"]>>;
 };
 
@@ -3923,6 +3991,37 @@ export type UploadStreamGql = {
   uploadsCompleted: Scalars["Int"]["output"];
 };
 
+export type UsageStatsDailyGql = {
+  __typename?: "UsageStatsDailyGQL";
+  activeUsers: Scalars["Int"]["output"];
+  day: Scalars["Date"]["output"];
+  newUsers: Scalars["Int"]["output"];
+  sessions: Scalars["Int"]["output"];
+  shots: Scalars["Int"]["output"];
+};
+
+export type UsageStatsGql = {
+  __typename?: "UsageStatsGQL";
+  cohorts: Array<CohortStatsGql>;
+  daily: Array<UsageStatsDailyGql>;
+  funnel: FunnelStatsGql;
+  processingLast24h: Array<ProcessingStatusCountGql>;
+  totalRuns: Scalars["Int"]["output"];
+  totalShots: Scalars["Int"]["output"];
+  totalUsers: Scalars["Int"]["output"];
+  totalVideos: Scalars["Int"]["output"];
+  windows: Array<UsageStatsWindowGql>;
+};
+
+export type UsageStatsWindowGql = {
+  __typename?: "UsageStatsWindowGQL";
+  activeUsers: Scalars["Int"]["output"];
+  label: Scalars["String"]["output"];
+  newUsers: Scalars["Int"]["output"];
+  sessions: Scalars["Int"]["output"];
+  shots: Scalars["Int"]["output"];
+};
+
 export type UserGql = {
   __typename?: "UserGQL";
   activeVideoId?: Maybe<Scalars["Int"]["output"]>;
@@ -4688,6 +4787,7 @@ export type GetFeedQuery = {
         streamSegmentType: StreamSegmentTypeEnum;
         isCompleted: boolean;
         lastSegmentUploadedAt?: any | null;
+        clientUploadStatus?: ClientUploadStatusEnum | null;
       } | null;
       tags: Array<{
         __typename?: "VideoTag";
@@ -4801,6 +4901,7 @@ export type VideoCardFieldsFragment = {
     streamSegmentType: StreamSegmentTypeEnum;
     isCompleted: boolean;
     lastSegmentUploadedAt?: any | null;
+    clientUploadStatus?: ClientUploadStatusEnum | null;
   } | null;
   tags: Array<{
     __typename?: "VideoTag";
@@ -4947,6 +5048,7 @@ export type GetVideoFeedQuery = {
         streamSegmentType: StreamSegmentTypeEnum;
         isCompleted: boolean;
         lastSegmentUploadedAt?: any | null;
+        clientUploadStatus?: ClientUploadStatusEnum | null;
       } | null;
       tags: Array<{
         __typename?: "VideoTag";
@@ -5136,6 +5238,43 @@ export type GetMyDrillRunsQuery = {
   }>;
 };
 
+export type GetLiveStreamsQueryVariables = Exact<{
+  limit?: Scalars["Int"]["input"];
+}>;
+
+export type GetLiveStreamsQuery = {
+  __typename?: "Query";
+  getFeedVideos: {
+    __typename?: "VideoHistoryGQL";
+    videos: Array<{
+      __typename?: "VideoGQL";
+      id: number;
+      name?: string | null;
+      startTime?: any | null;
+      createdAt?: any | null;
+      screenshotUri?: string | null;
+      elapsedTime?: number | null;
+      owner?: {
+        __typename?: "UserGQL";
+        id: number;
+        username: string;
+        profileImageUri?: string | null;
+      } | null;
+      stream?: {
+        __typename?: "UploadStreamGQL";
+        id: string;
+        isCompleted: boolean;
+        lastSegmentUploadedAt?: any | null;
+      } | null;
+    }>;
+    pageInfo: {
+      __typename?: "PageInfoGQL";
+      hasNextPage: boolean;
+      endCursor?: string | null;
+    };
+  };
+};
+
 export type GetVideoMakePercentageIntervalsQueryVariables = Exact<{
   videoId: Scalars["ID"]["input"];
   intervalDuration: Scalars["Int"]["input"];
@@ -6684,6 +6823,59 @@ export type GetTableStateQuery = {
   getTableState: {
     __typename?: "TableStateGQL";
     identifierToPosition: Array<Array<number>>;
+    identifierToColor: Array<{
+      __typename?: "RGBColorGQL";
+      hex: string;
+    } | null>;
+  };
+};
+
+export type GetLiveTableStateQueryVariables = Exact<{
+  videoId: Scalars["Int"]["input"];
+}>;
+
+export type GetLiveTableStateQuery = {
+  __typename?: "Query";
+  getLiveTableState: {
+    __typename?: "LiveTableStateGQL";
+    videoId: number;
+    frameIndex: number;
+    tableState: {
+      __typename?: "TableStateGQL";
+      identifierToPosition: Array<Array<number>>;
+      identifierToColor: Array<{
+        __typename?: "RGBColorGQL";
+        hex: string;
+      } | null>;
+      homography?: {
+        __typename?: "HomographyInfoGQL";
+        id?: number | null;
+        frameIndex: number;
+        crop: {
+          __typename?: "BoundingBoxGQL";
+          left: number;
+          top: number;
+          width: number;
+          height: number;
+        };
+        pockets: Array<{
+          __typename?: "BoundingBoxGQL";
+          left: number;
+          top: number;
+          width: number;
+          height: number;
+        }>;
+        sourcePoints: {
+          __typename?: "PocketPointsGQL";
+          topLeft: { __typename?: "IntPoint2D"; x: number; y: number };
+          topSide: { __typename?: "IntPoint2D"; x: number; y: number };
+          topRight: { __typename?: "IntPoint2D"; x: number; y: number };
+          bottomLeft: { __typename?: "IntPoint2D"; x: number; y: number };
+          bottomSide: { __typename?: "IntPoint2D"; x: number; y: number };
+          bottomRight: { __typename?: "IntPoint2D"; x: number; y: number };
+        };
+      } | null;
+    };
   };
 };
 
@@ -7281,6 +7473,63 @@ export type DeleteTagsMutation = {
   deleteTags: boolean;
 };
 
+export type GetUsageStatsQueryVariables = Exact<{
+  days?: Scalars["Int"]["input"];
+}>;
+
+export type GetUsageStatsQuery = {
+  __typename?: "Query";
+  getUsageStats: {
+    __typename?: "UsageStatsGQL";
+    totalUsers: number;
+    totalVideos: number;
+    totalShots: number;
+    totalRuns: number;
+    funnel: {
+      __typename?: "FunnelStatsGQL";
+      freemiumEpoch: any;
+      eraSignups: number;
+      eraPaying: number;
+      activationCohort: number;
+      activationActivated: number;
+      payingUsers: number;
+      newPaid7d: number;
+      newPaid30d: number;
+      retentionPrevActive: number;
+      retentionReturned: number;
+    };
+    cohorts: Array<{
+      __typename?: "CohortStatsGQL";
+      weekStart: any;
+      signups: number;
+      activated7d: number;
+      paid7d: number;
+      activatedNotPaid7d: number;
+    }>;
+    windows: Array<{
+      __typename?: "UsageStatsWindowGQL";
+      label: string;
+      newUsers: number;
+      activeUsers: number;
+      sessions: number;
+      shots: number;
+    }>;
+    daily: Array<{
+      __typename?: "UsageStatsDailyGQL";
+      day: any;
+      newUsers: number;
+      activeUsers: number;
+      sessions: number;
+      shots: number;
+    }>;
+    processingLast24h: Array<{
+      __typename?: "ProcessingStatusCountGQL";
+      status: string;
+      count: number;
+    }>;
+  };
+};
+
 export type GetProfileImageUploadLinkMutationVariables = Exact<{
   fileExt?: InputMaybe<Scalars["String"]["input"]>;
 }>;
@@ -7637,7 +7886,7 @@ export type GetStreamMonitoringDetailsQuery = {
     elapsedTime?: number | null;
     currentHomography?: {
       __typename?: "HomographyInfoGQL";
-      id: number;
+      id?: number | null;
       frameIndex: number;
       crop: {
         __typename?: "BoundingBoxGQL";
@@ -7880,6 +8129,7 @@ export type GetVideoCardQuery = {
       streamSegmentType: StreamSegmentTypeEnum;
       isCompleted: boolean;
       lastSegmentUploadedAt?: any | null;
+      clientUploadStatus?: ClientUploadStatusEnum | null;
     } | null;
     tags: Array<{
       __typename?: "VideoTag";
@@ -8050,7 +8300,7 @@ export type GetVideoQuery = {
     } | null;
     homographyHistory: Array<{
       __typename?: "HomographyInfoGQL";
-      id: number;
+      id?: number | null;
       frameIndex: number;
       crop: {
         __typename?: "BoundingBoxGQL";
@@ -8298,7 +8548,7 @@ export type FindPrerecordTableLayoutMutation = {
   __typename?: "Mutation";
   findPrerecordTableLayout?: {
     __typename?: "HomographyInfoGQL";
-    id: number;
+    id?: number | null;
     frameIndex: number;
     crop: {
       __typename?: "BoundingBoxGQL";
@@ -8328,7 +8578,7 @@ export type FindPrerecordTableLayoutMutation = {
 
 export type HomographyInfoFragment = {
   __typename?: "HomographyInfoGQL";
-  id: number;
+  id?: number | null;
   frameIndex: number;
   crop: {
     __typename?: "BoundingBoxGQL";
@@ -8706,6 +8956,7 @@ export const VideoCardFieldsFragmentDoc = gql`
       streamSegmentType
       isCompleted
       lastSegmentUploadedAt
+      clientUploadStatus
     }
     tableSize
     pocketSize
@@ -11584,6 +11835,105 @@ export type GetMyDrillRunsQueryResult = Apollo.QueryResult<
   GetMyDrillRunsQuery,
   GetMyDrillRunsQueryVariables
 >;
+export const GetLiveStreamsDocument = gql`
+  query GetLiveStreams($limit: Int! = 25) {
+    getFeedVideos(
+      limit: $limit
+      filters: { isStreamCompleted: false, requireCursorCompletion: false }
+      includePrivate: MINE
+      feedInput: { allUsers: true }
+    ) {
+      videos {
+        id
+        name
+        startTime
+        createdAt
+        screenshotUri
+        elapsedTime
+        owner {
+          id
+          username
+          profileImageUri
+        }
+        stream {
+          id
+          isCompleted
+          lastSegmentUploadedAt
+        }
+      }
+      pageInfo {
+        hasNextPage
+        endCursor
+      }
+    }
+  }
+`;
+
+/**
+ * __useGetLiveStreamsQuery__
+ *
+ * To run a query within a React component, call `useGetLiveStreamsQuery` and pass it any options that fit your needs.
+ * When your component renders, `useGetLiveStreamsQuery` 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 } = useGetLiveStreamsQuery({
+ *   variables: {
+ *      limit: // value for 'limit'
+ *   },
+ * });
+ */
+export function useGetLiveStreamsQuery(
+  baseOptions?: Apollo.QueryHookOptions<
+    GetLiveStreamsQuery,
+    GetLiveStreamsQueryVariables
+  >,
+) {
+  const options = { ...defaultOptions, ...baseOptions };
+  return Apollo.useQuery<GetLiveStreamsQuery, GetLiveStreamsQueryVariables>(
+    GetLiveStreamsDocument,
+    options,
+  );
+}
+export function useGetLiveStreamsLazyQuery(
+  baseOptions?: Apollo.LazyQueryHookOptions<
+    GetLiveStreamsQuery,
+    GetLiveStreamsQueryVariables
+  >,
+) {
+  const options = { ...defaultOptions, ...baseOptions };
+  return Apollo.useLazyQuery<GetLiveStreamsQuery, GetLiveStreamsQueryVariables>(
+    GetLiveStreamsDocument,
+    options,
+  );
+}
+export function useGetLiveStreamsSuspenseQuery(
+  baseOptions?: Apollo.SuspenseQueryHookOptions<
+    GetLiveStreamsQuery,
+    GetLiveStreamsQueryVariables
+  >,
+) {
+  const options = { ...defaultOptions, ...baseOptions };
+  return Apollo.useSuspenseQuery<
+    GetLiveStreamsQuery,
+    GetLiveStreamsQueryVariables
+  >(GetLiveStreamsDocument, options);
+}
+export type GetLiveStreamsQueryHookResult = ReturnType<
+  typeof useGetLiveStreamsQuery
+>;
+export type GetLiveStreamsLazyQueryHookResult = ReturnType<
+  typeof useGetLiveStreamsLazyQuery
+>;
+export type GetLiveStreamsSuspenseQueryHookResult = ReturnType<
+  typeof useGetLiveStreamsSuspenseQuery
+>;
+export type GetLiveStreamsQueryResult = Apollo.QueryResult<
+  GetLiveStreamsQuery,
+  GetLiveStreamsQueryVariables
+>;
 export const GetVideoMakePercentageIntervalsDocument = gql`
   query GetVideoMakePercentageIntervals(
     $videoId: ID!
@@ -14219,6 +14569,9 @@ export const GetTableStateDocument = gql`
       useHomography: $useHomography
     ) {
       identifierToPosition
+      identifierToColor {
+        hex
+      }
     }
   }
 `;
@@ -14290,6 +14643,90 @@ export type GetTableStateQueryResult = Apollo.QueryResult<
   GetTableStateQuery,
   GetTableStateQueryVariables
 >;
+export const GetLiveTableStateDocument = gql`
+  query GetLiveTableState($videoId: Int!) {
+    getLiveTableState(videoId: $videoId) {
+      videoId
+      frameIndex
+      tableState {
+        identifierToPosition
+        identifierToColor {
+          hex
+        }
+        homography {
+          ...HomographyInfo
+        }
+      }
+    }
+  }
+  ${HomographyInfoFragmentDoc}
+`;
+
+/**
+ * __useGetLiveTableStateQuery__
+ *
+ * To run a query within a React component, call `useGetLiveTableStateQuery` and pass it any options that fit your needs.
+ * When your component renders, `useGetLiveTableStateQuery` 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 } = useGetLiveTableStateQuery({
+ *   variables: {
+ *      videoId: // value for 'videoId'
+ *   },
+ * });
+ */
+export function useGetLiveTableStateQuery(
+  baseOptions: Apollo.QueryHookOptions<
+    GetLiveTableStateQuery,
+    GetLiveTableStateQueryVariables
+  >,
+) {
+  const options = { ...defaultOptions, ...baseOptions };
+  return Apollo.useQuery<
+    GetLiveTableStateQuery,
+    GetLiveTableStateQueryVariables
+  >(GetLiveTableStateDocument, options);
+}
+export function useGetLiveTableStateLazyQuery(
+  baseOptions?: Apollo.LazyQueryHookOptions<
+    GetLiveTableStateQuery,
+    GetLiveTableStateQueryVariables
+  >,
+) {
+  const options = { ...defaultOptions, ...baseOptions };
+  return Apollo.useLazyQuery<
+    GetLiveTableStateQuery,
+    GetLiveTableStateQueryVariables
+  >(GetLiveTableStateDocument, options);
+}
+export function useGetLiveTableStateSuspenseQuery(
+  baseOptions?: Apollo.SuspenseQueryHookOptions<
+    GetLiveTableStateQuery,
+    GetLiveTableStateQueryVariables
+  >,
+) {
+  const options = { ...defaultOptions, ...baseOptions };
+  return Apollo.useSuspenseQuery<
+    GetLiveTableStateQuery,
+    GetLiveTableStateQueryVariables
+  >(GetLiveTableStateDocument, options);
+}
+export type GetLiveTableStateQueryHookResult = ReturnType<
+  typeof useGetLiveTableStateQuery
+>;
+export type GetLiveTableStateLazyQueryHookResult = ReturnType<
+  typeof useGetLiveTableStateLazyQuery
+>;
+export type GetLiveTableStateSuspenseQueryHookResult = ReturnType<
+  typeof useGetLiveTableStateSuspenseQuery
+>;
+export type GetLiveTableStateQueryResult = Apollo.QueryResult<
+  GetLiveTableStateQuery,
+  GetLiveTableStateQueryVariables
+>;
 export const SimulateShotDocument = gql`
   query SimulateShot($simulationInput: SimulateShotInputGQL!) {
     simulateShot(simulationInput: $simulationInput) {
@@ -15367,6 +15804,119 @@ export type DeleteTagsMutationOptions = Apollo.BaseMutationOptions<
   DeleteTagsMutation,
   DeleteTagsMutationVariables
 >;
+export const GetUsageStatsDocument = gql`
+  query getUsageStats($days: Int! = 30) {
+    getUsageStats(days: $days) {
+      funnel {
+        freemiumEpoch
+        eraSignups
+        eraPaying
+        activationCohort
+        activationActivated
+        payingUsers
+        newPaid7d
+        newPaid30d
+        retentionPrevActive
+        retentionReturned
+      }
+      cohorts {
+        weekStart
+        signups
+        activated7d
+        paid7d
+        activatedNotPaid7d
+      }
+      totalUsers
+      totalVideos
+      totalShots
+      totalRuns
+      windows {
+        label
+        newUsers
+        activeUsers
+        sessions
+        shots
+      }
+      daily {
+        day
+        newUsers
+        activeUsers
+        sessions
+        shots
+      }
+      processingLast24h {
+        status
+        count
+      }
+    }
+  }
+`;
+
+/**
+ * __useGetUsageStatsQuery__
+ *
+ * To run a query within a React component, call `useGetUsageStatsQuery` and pass it any options that fit your needs.
+ * When your component renders, `useGetUsageStatsQuery` 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 } = useGetUsageStatsQuery({
+ *   variables: {
+ *      days: // value for 'days'
+ *   },
+ * });
+ */
+export function useGetUsageStatsQuery(
+  baseOptions?: Apollo.QueryHookOptions<
+    GetUsageStatsQuery,
+    GetUsageStatsQueryVariables
+  >,
+) {
+  const options = { ...defaultOptions, ...baseOptions };
+  return Apollo.useQuery<GetUsageStatsQuery, GetUsageStatsQueryVariables>(
+    GetUsageStatsDocument,
+    options,
+  );
+}
+export function useGetUsageStatsLazyQuery(
+  baseOptions?: Apollo.LazyQueryHookOptions<
+    GetUsageStatsQuery,
+    GetUsageStatsQueryVariables
+  >,
+) {
+  const options = { ...defaultOptions, ...baseOptions };
+  return Apollo.useLazyQuery<GetUsageStatsQuery, GetUsageStatsQueryVariables>(
+    GetUsageStatsDocument,
+    options,
+  );
+}
+export function useGetUsageStatsSuspenseQuery(
+  baseOptions?: Apollo.SuspenseQueryHookOptions<
+    GetUsageStatsQuery,
+    GetUsageStatsQueryVariables
+  >,
+) {
+  const options = { ...defaultOptions, ...baseOptions };
+  return Apollo.useSuspenseQuery<
+    GetUsageStatsQuery,
+    GetUsageStatsQueryVariables
+  >(GetUsageStatsDocument, options);
+}
+export type GetUsageStatsQueryHookResult = ReturnType<
+  typeof useGetUsageStatsQuery
+>;
+export type GetUsageStatsLazyQueryHookResult = ReturnType<
+  typeof useGetUsageStatsLazyQuery
+>;
+export type GetUsageStatsSuspenseQueryHookResult = ReturnType<
+  typeof useGetUsageStatsSuspenseQuery
+>;
+export type GetUsageStatsQueryResult = Apollo.QueryResult<
+  GetUsageStatsQuery,
+  GetUsageStatsQueryVariables
+>;
 export const GetProfileImageUploadLinkDocument = gql`
   mutation getProfileImageUploadLink($fileExt: String = ".png") {
     getProfileImageUploadLink(fileExt: $fileExt) {

src/operations/feed.gql

@@ -44,6 +44,7 @@ fragment VideoCardFields on VideoGQL {
     streamSegmentType
     isCompleted
     lastSegmentUploadedAt
+    clientUploadStatus
   }
   tableSize
   pocketSize

src/operations/live_streams.gql

@@ -0,0 +1,34 @@
+# Lightweight listing of live (in-progress) streams for pickers like the
+# Shot Lab "follow a live stream" flow. Selects only what a picker card
+# needs; intentionally avoids the heavy VideoCardFields fragment.
+query GetLiveStreams($limit: Int! = 25) {
+  getFeedVideos(
+    limit: $limit
+    filters: { isStreamCompleted: false, requireCursorCompletion: false }
+    includePrivate: MINE
+    feedInput: { allUsers: true }
+  ) {
+    videos {
+      id
+      name
+      startTime
+      createdAt
+      screenshotUri
+      elapsedTime
+      owner {
+        id
+        username
+        profileImageUri
+      }
+      stream {
+        id
+        isCompleted
+        lastSegmentUploadedAt
+      }
+    }
+    pageInfo {
+      hasNextPage
+      endCursor
+    }
+  }
+}

src/operations/shot_simulation.gql

@@ -9,6 +9,25 @@ query GetTableState(
     useHomography: $useHomography
   ) {
     identifierToPosition
+    identifierToColor {
+      hex
+    }
+  }
+}
+
+query GetLiveTableState($videoId: Int!) {
+  getLiveTableState(videoId: $videoId) {
+    videoId
+    frameIndex
+    tableState {
+      identifierToPosition
+      identifierToColor {
+        hex
+      }
+      homography {
+        ...HomographyInfo
+      }
+    }
   }
 }
 

src/operations/usage_stats.gql

@@ -0,0 +1,45 @@
+query getUsageStats($days: Int! = 30) {
+  getUsageStats(days: $days) {
+    funnel {
+      freemiumEpoch
+      eraSignups
+      eraPaying
+      activationCohort
+      activationActivated
+      payingUsers
+      newPaid7d
+      newPaid30d
+      retentionPrevActive
+      retentionReturned
+    }
+    cohorts {
+      weekStart
+      signups
+      activated7d
+      paid7d
+      activatedNotPaid7d
+    }
+    totalUsers
+    totalVideos
+    totalShots
+    totalRuns
+    windows {
+      label
+      newUsers
+      activeUsers
+      sessions
+      shots
+    }
+    daily {
+      day
+      newUsers
+      activeUsers
+      sessions
+      shots
+    }
+    processingLast24h {
+      status
+      count
+    }
+  }
+}

src/schema.gql

@@ -72,6 +72,8 @@ type Query {
     tableSize: Float = 100
     useHomography: HomographyInputGQL = null
   ): TableStateGQL!
+  getLiveTableState(videoId: Int!): LiveTableStateGQL!
+  getShotTableState(shotId: Int!): ShotTableStateGQL!
   simulateShot(simulationInput: SimulateShotInputGQL!): ShotProjectionGQL!
   computePotAim(
     simulationInput: SimulateShotInputGQL!
@@ -99,6 +101,7 @@ type Query {
     countRespectsLimit: Boolean! = false
   ): [ShotGQL!]!
   getShotsByIds(ids: [Int!]!): [ShotGQL!]!
+  getUsageStats(days: Int! = 30): UsageStatsGQL!
   getUser(userId: Int!): UserGQL
   doesUsernameExist(candidateUsername: String!): Boolean!
   getLoggedInUser: UserGQL
@@ -607,7 +610,7 @@ type VideoTagClass {
 }
 
 type HomographyInfoGQL {
-  id: Int!
+  id: Int
   frameIndex: Int!
   crop: BoundingBoxGQL!
   pockets: [BoundingBoxGQL!]!
@@ -1019,6 +1022,14 @@ type PlayerClusterShotGQL {
 type TableStateGQL {
   identifierToPosition: [[Float!]!]!
   homography: HomographyInfoGQL
+  identifierToColor: [RGBColorGQL]!
+}
+
+type RGBColorGQL {
+  r: Int!
+  g: Int!
+  b: Int!
+  hex: String!
 }
 
 input HomographyInputGQL {
@@ -1049,6 +1060,19 @@ input IntPoint2DInput {
   y: Int!
 }
 
+type LiveTableStateGQL {
+  videoId: Int!
+  frameIndex: Int!
+  tableState: TableStateGQL!
+}
+
+type ShotTableStateGQL {
+  shotId: Int!
+  videoId: Int!
+  frameIndex: Int!
+  tableState: TableStateGQL!
+}
+
 type ShotProjectionGQL {
   trajectories: [BallTrajectoryGQL!]!
   events: [SimulationEventGQL!]!
@@ -1153,6 +1177,60 @@ input CreatedAfter @oneOf {
   createdAt: DateTime
 }
 
+type UsageStatsGQL {
+  funnel: FunnelStatsGQL!
+  totalUsers: Int!
+  totalVideos: Int!
+  totalShots: Int!
+  totalRuns: Int!
+  cohorts: [CohortStatsGQL!]!
+  windows: [UsageStatsWindowGQL!]!
+  daily: [UsageStatsDailyGQL!]!
+  processingLast24h: [ProcessingStatusCountGQL!]!
+}
+
+type FunnelStatsGQL {
+  freemiumEpoch: Date!
+  eraSignups: Int!
+  eraPaying: Int!
+  activationCohort: Int!
+  activationActivated: Int!
+  payingUsers: Int!
+  newPaid7d: Int!
+  newPaid30d: Int!
+  retentionPrevActive: Int!
+  retentionReturned: Int!
+}
+
+type CohortStatsGQL {
+  weekStart: Date!
+  signups: Int!
+  activated7d: Int!
+  paid7d: Int!
+  activatedNotPaid7d: Int!
+}
+
+type UsageStatsWindowGQL {
+  label: String!
+  newUsers: Int!
+  activeUsers: Int!
+  sessions: Int!
+  shots: Int!
+}
+
+type UsageStatsDailyGQL {
+  day: Date!
+  newUsers: Int!
+  activeUsers: Int!
+  sessions: Int!
+  shots: Int!
+}
+
+type ProcessingStatusCountGQL {
+  status: String!
+  count: Int!
+}
+
 type UserRelationshipsResult {
   inquiringUser: UserGQL!
   relationships: [UserRelationship!]!