added report level ai analysis

Author: Warren

frontend/src/cards/CardWrapper.tsx

@@ -9,7 +9,7 @@ import type { Fips } from '../data/utils/Fips'
 import { SHOW_INSIGHT_GENERATION } from '../featureFlags'
 import type { ScrollableHashId } from '../utils/hooks/useStepObserver'
 import CardOptionsMenu from './ui/CardOptionsMenu'
-import InsightDisplay from './ui/InsightDisplay'
+import InsightCard from './ui/InsightCard'
 import { Sources } from './ui/Sources'
 
 function CardWrapper(props: {
@@ -63,7 +63,7 @@ function CardWrapper(props: {
             className={`relative m-2 rounded-sm bg-white p-3 shadow-raised ${props.className}`}
           >
             {shouldShowInsightDisplay && (
-              <InsightDisplay
+              <InsightCard
                 demographicType={props.demographicType}
                 metricIds={props.metricIds}
                 queryResponses={queryResponses}

frontend/src/cards/generateInsightsUtils.tsx

@@ -12,10 +12,10 @@ import type { MetricQueryResponse } from '../../data/query/MetricQuery'
 import { splitIntoKnownsAndUnknowns } from '../../data/utils/datasetutils'
 import type { Fips } from '../../data/utils/Fips'
 import { SHOW_INSIGHT_GENERATION } from '../../featureFlags'
+import { generateCardInsight } from '../../utils/generateCardInsight'
 import type { ScrollableHashId } from '../../utils/hooks/useStepObserver'
-import { generateInsight } from '../generateInsights'
 
-type InsightDisplayProps = {
+type InsightCardProps = {
   demographicType: DemographicType
   metricIds: MetricId[]
   queryResponses: MetricQueryResponse[]
@@ -24,7 +24,7 @@ type InsightDisplayProps = {
   fips?: Fips
 }
 
-const InsightDisplay: React.FC<InsightDisplayProps> = ({
+const InsightCard: React.FC<InsightCardProps> = ({
   queryResponses,
   shareConfig,
   demographicType,
@@ -46,7 +46,7 @@ const InsightDisplay: React.FC<InsightDisplayProps> = ({
 
     setIsGeneratingInsight(true)
     try {
-      const result = await generateInsight(
+      const result = await generateCardInsight(
         { knownData, metricIds },
         hashId,
         fips
@@ -92,4 +92,4 @@ const InsightDisplay: React.FC<InsightDisplayProps> = ({
   )
 }
 
-export default InsightDisplay
+export default InsightCard

frontend/src/cards/ui/InsightDisplay.tsx frontend/src/cards/ui/InsightCard.tsxfrontend/src/cards/ui/InsightDisplay.tsx renamed to frontend/src/cards/ui/InsightCard.tsx

@@ -1,37 +1,36 @@
-import { useAtomValue } from 'jotai'
-import { lazy, useCallback, useEffect, useState } from 'react'
-import { STATUS } from 'react-joyride-react-19' // TODO: ideally revert back to react-joyride and not this temporary fork
-import { useLocation } from 'react-router'
+import { useAtomValue } from 'jotai';
+import { lazy, useCallback, useEffect, useState } from 'react';
+import { STATUS } from 'react-joyride-react-19'; // TODO: ideally revert back to react-joyride and not this temporary fork
+import { useLocation } from 'react-router';
 import {
-  type DropdownVarId,
-  isDropdownVarId,
-} from '../../data/config/DropDownIds'
-import { METRIC_CONFIG } from '../../data/config/MetricConfig'
+  isDropdownVarId, type DropdownVarId
+} from '../../data/config/DropDownIds';
+import { METRIC_CONFIG } from '../../data/config/MetricConfig';
 import type {
   DataTypeConfig,
-  DataTypeId,
-} from '../../data/config/MetricConfigTypes'
-import { INCARCERATION_IDS } from '../../data/providers/IncarcerationProvider'
-import { ALL } from '../../data/utils/Constants'
-import ReportProvider from '../../reports/ReportProvider'
-import { LIFELINE_IDS } from '../../reports/ui/LifelineAlert'
-import { srSpeak } from '../../utils/a11yutils'
-import { urlMap } from '../../utils/externalUrls'
-import useDeprecatedParamRedirects from '../../utils/hooks/useDeprecatedParamRedirects'
-import { useHeaderScrollMargin } from '../../utils/hooks/useHeaderScrollMargin'
+  DataTypeId
+} from '../../data/config/MetricConfigTypes';
+import { INCARCERATION_IDS } from '../../data/providers/IncarcerationProvider';
+import { ALL } from '../../data/utils/Constants';
+import ReportProvider from '../../reports/ReportProvider';
+import { LIFELINE_IDS } from '../../reports/ui/LifelineAlert';
+import { srSpeak } from '../../utils/a11yutils';
+import { urlMap } from '../../utils/externalUrls';
+import useDeprecatedParamRedirects from '../../utils/hooks/useDeprecatedParamRedirects';
+import { useHeaderScrollMargin } from '../../utils/hooks/useHeaderScrollMargin';
 import {
   getMadLibPhraseText,
   getSelectedConditions,
   MADLIB_LIST,
   type MadLib,
   type MadLibId,
   type PhraseSegment,
-  type PhraseSelections,
-} from '../../utils/MadLibs'
+  type PhraseSelections
+} from '../../utils/MadLibs';
 import {
   selectedDataTypeConfig1Atom,
-  selectedDataTypeConfig2Atom,
-} from '../../utils/sharedSettingsState'
+  selectedDataTypeConfig2Atom
+} from '../../utils/sharedSettingsState';
 import {
   DATA_TYPE_1_PARAM,
   DATA_TYPE_2_PARAM,
@@ -41,17 +40,15 @@ import {
   MAP1_GROUP_PARAM,
   MAP2_GROUP_PARAM,
   parseMls,
-  psSubscribe,
-  SHOW_ONBOARDING_PARAM,
-  setParameter,
-  setParameters,
-  stringifyMls,
-} from '../../utils/urlutils'
-import CHLPMapsModal from './CHLPMapsModal'
-import DefaultHelperBox from './DefaultHelperBox'
-import MadLibUI from './MadLibUI'
-import TopicInfoModal from './TopicInfoModal'
-import VoteDotOrgModal from './VoteDotOrgModal'
+  psSubscribe, setParameter,
+  setParameters, SHOW_ONBOARDING_PARAM, stringifyMls
+} from '../../utils/urlutils';
+import CHLPMapsModal from './CHLPMapsModal';
+import DefaultHelperBox from './DefaultHelperBox';
+import InsightReportModal from './InsightReportModal';
+import MadLibUI from './MadLibUI';
+import TopicInfoModal from './TopicInfoModal';
+import VoteDotOrgModal from './VoteDotOrgModal';
 
 const Onboarding = lazy(async () => await import('./Onboarding'))
 
@@ -330,6 +327,7 @@ function ExploreDataPage(props: ExploreDataPageProps) {
       <TopicInfoModal />
       <VoteDotOrgModal />
       <CHLPMapsModal />
+      <InsightReportModal/>
       <Onboarding
         callback={onboardingCallback}
         activelyOnboarding={activelyOnboarding}