feat(ai-summary): added ai summary

app/components/ReportCard/index.tsx

@@ -7,8 +7,12 @@ import {
     InlineLayout,
     ListView,
 } from '@ifrc-go/ui';
+import { isDefined } from '@togglecorp/fujs';
 
-import type { ReportsQuery } from '#generated/types/graphql';
+import {
+    ReportContentType,
+    type ReportsQuery,
+} from '#generated/types/graphql';
 
 import styles from './styles.module.css';
 
@@ -21,12 +25,13 @@ function ReportCard({ report }: ReportCardProps) {
         coverImage,
         title,
         description,
+        contentType,
     } = report;
 
     return (
         <InlineLayout
             before={
-                coverImage?.url ? (
+                isDefined(coverImage?.url) ? (
                     <Image
                         src={coverImage.url}
                         alt="Report"
@@ -52,6 +57,19 @@ function ReportCard({ report }: ReportCardProps) {
                 layout="block"
                 spacing="3xs"
             >
+                {contentType === ReportContentType.Iframe && (
+                    <Description
+                        withLightText
+                    >
+                        <InlineLayout
+                            spacing="3xs"
+                            before={<DashboardLineIcon />}
+                        >
+                            External Dashboard
+                        </InlineLayout>
+                    </Description>
+                )}
+
                 <Heading
                     level={4}
                 >

app/views/CapacityAndResources/index.tsx

@@ -76,7 +76,7 @@ function CapacityAndResourcesList() {
     const [{ data, fetching }] = useCapacityAndResourcesQuery({
         variables: {
             filters: {
-                regions: [regionId ?? ''],
+                regions: regionId ? [regionId] : null,
                 isActive: true,
                 search: filter.searchText,
             },

app/views/DataAndReport/AIsummary/index.tsx

@@ -1,5 +1,6 @@
 import { StarLineIcon } from '@ifrc-go/icons';
 import {
+    BlockLoading,
     Description,
     Heading,
     InlineView,
@@ -8,8 +9,13 @@ import {
 
 import styles from './styles.module.css';
 
-function AIsummary() {
-    // TODO: fetch ai summary data from backend and display here
+interface AISummaryProps {
+    loading? : boolean,
+    summary: string
+}
+
+function AIsummary(props: AISummaryProps) {
+    const { loading, summary } = props;
     return (
         <ListView
             layout="block"
@@ -24,37 +30,16 @@ function AIsummary() {
             >
                 <Heading level={2}>AI Summary</Heading>
             </InlineView>
-            <Description textSize="lg">
-                A cholera outbreak was declared in Arsi Zone,
-                Ethiopia on 17 May 2025 and is spreading to nearby areas.
-                By mid-June, 201 cases (92% severe) and 2 deaths were reported.
-                The outbreak is rapidly increasing, with over 62,000 people in need of assistance.
-            </Description>
-            <Description textSize="lg">
-                A cholera outbreak was declared in Arsi Zone,
-                Ethiopia on 17 May 2025 and is spreading to nearby areas.
-                By mid-June, 201 cases (92% severe) and 2 deaths were reported.
-                The outbreak is rapidly increasing, with over 62,000 people in need of assistance.
-            </Description>
-            <Description textSize="lg">
-                A cholera outbreak was declared in Arsi Zone,
-                Ethiopia on 17 May 2025 and is spreading to nearby areas.
-                By mid-June, 201 cases (92% severe) and 2 deaths were reported.
-                The outbreak is rapidly increasing, with over 62,000 people in need of assistance.
-            </Description>
-            <Description textSize="lg">
-                A cholera outbreak was declared in Arsi Zone,
-                Ethiopia on 17 May 2025 and is spreading to nearby areas.
-                By mid-June, 201 cases (92% severe) and 2 deaths were reported.
-                The outbreak is rapidly increasing, with over 62,000 people in need of assistance.
-            </Description>
-            <Description textSize="lg">
-                A cholera outbreak was declared in Arsi Zone,
-                Ethiopia on 17 May 2025 and is spreading to nearby areas.
-                By mid-June, 201 cases (92% severe) and 2 deaths were reported.
-                The outbreak is rapidly increasing, with over 62,000 people in need of assistance.
-            </Description>
-
+            {loading ? (
+                <BlockLoading
+                    withoutBorder
+                    message="Generating...."
+                />
+            ) : (
+                <Description textSize="lg">
+                    {summary}
+                </Description>
+            ) }
         </ListView>
     );
 }

app/views/DataAndReport/AIsummary/styles.module.css

@@ -2,5 +2,7 @@
     background: var(--go-ui-color-primary-red) ;
     padding-top: var(--go-ui-spacing-4xl) !important;
     height: 100%;
+    white-space: pre-line;
     color: var(--go-ui-color-white);
+
 }

app/views/DataAndReport/ReportDetail/index.tsx

@@ -7,12 +7,21 @@ import {
     ListView,
     PageContainer,
 } from '@ifrc-go/ui';
-import { encodeDate } from '@togglecorp/fujs';
+import {
+    encodeDate,
+    isDefined,
+} from '@togglecorp/fujs';
 import { gql } from 'urql';
 
 import PdfViewer from '#components/PdfViewer';
 import PowerBIEmbed from '#components/PowerBiEmbed';
-import { useReportQuery } from '#generated/types/graphql';
+import {
+    DocumentExtractionStatus,
+    ExtractionType,
+    ReportContentType,
+    useReportQuery,
+    useReportSummaryQuery,
+} from '#generated/types/graphql';
 import AIsummary from '#views/DataAndReport/AIsummary';
 
 import styles from './styles.module.css';
@@ -39,18 +48,56 @@ const REPORT_QUERY = gql`
     }
 `;
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const REPORT_SUMMARY_QUERY = gql`
+    query ReportSummary(
+        $pagination: OffsetPaginationInput,
+        $filters: ReportSummaryFilter
+    ) {
+        reportSummaries(
+            filters: $filters
+            pagination: $pagination
+        ) {
+            totalCount
+            results {
+                id
+                chunkType
+                text
+                pageNumber
+                status
+            }
+            totalCount
+            pageInfo {
+                offset
+                limit
+            }
+        }
+    }
+`;
+
 function ReportDetail() {
     const { id } = useParams<{ id: string }>();
 
     const [{ fetching, data }] = useReportQuery({
         variables: { id: id! },
         pause: !id,
     });
-
     const reportData = data?.report;
 
-    // TODO: add condition or ai summary
-    const aiSummaryAvailable = !reportData?.iframeUrl;
+    const [{ fetching: summaryLoading, data: summaryData }] = useReportSummaryQuery({
+        variables: {
+            filters: {
+                report: id,
+                status: DocumentExtractionStatus.Success,
+                chunkType: ExtractionType.DocumentSummary,
+            },
+        },
+        pause: !id || !reportData || reportData.contentType === ReportContentType.Iframe,
+    });
+
+    const aiSummary = summaryData?.reportSummaries.results
+        .map((summary) => summary.text)
+        .join('\n \n');
     const publishedDate = new Date(reportData?.publishedAt);
     const encodedPublishedDate = encodeDate(publishedDate);
 
@@ -63,13 +110,13 @@ function ReportDetail() {
             >
                 <ListView
                     // eslint-disable-next-line react/jsx-props-no-spreading
-                    {...(aiSummaryAvailable
+                    {...(isDefined(aiSummary)
                         ? { layout: 'grid', withSidebar: true }
                         : { layout: 'block' })}
                 >
                     <ListView
                         layout="block"
-                        spacing={aiSummaryAvailable ? 'md' : 'xs'}
+                        spacing={aiSummary ? 'md' : 'xs'}
                         className={styles.content}
                     >
                         <ListView
@@ -117,18 +164,21 @@ function ReportDetail() {
                                 </Description>
                             </ListView>
                         </ListView>
-                        {reportData?.file?.url
+                        {isDefined(reportData?.file?.url)
                             ? <PdfViewer file={reportData?.file?.url ?? ''} />
                             : (
                                 <PowerBIEmbed
                                     embedUrl={reportData?.iframeUrl ?? ''}
                                 />
                             ) }
                     </ListView>
-                    {aiSummaryAvailable && (
+                    {isDefined(aiSummary) && (
                         <div className={styles.details}>
                             <div className={styles.stickyDetails}>
-                                <AIsummary />
+                                <AIsummary
+                                    summary={aiSummary}
+                                    loading={summaryLoading}
+                                />
                             </div>
                         </div>
                     )}

app/views/DataAndReport/index.tsx

@@ -52,6 +52,7 @@ const Reports_QUERY = gql`
                 contentType
                 visibility
                 publishedAt
+                contentType
                 createdAt
                 owner
                 iframeUrl
@@ -91,6 +92,7 @@ function DataAndReport() {
         rawFilter,
         setFilterField,
         setPage,
+        filter,
         offset,
     } = useFilterState<{
         thematicAreaId?: string,
@@ -105,9 +107,8 @@ function DataAndReport() {
             filters: {
                 thematicAreaId: rawFilter.thematicAreaId,
                 reportType: ReportTypeEnum.Report,
-                // TODO: add search filter in backend and uncomment below line
-                // search: rawFilter.search,
-                regions: [regionId ?? ''],
+                search: filter.searchText ?? '',
+                regions: regionId ? [regionId] : null,
             },
             pagination: {
                 limit,

app/views/OurWork/EmergencyResponse/index.tsx

@@ -22,7 +22,7 @@ function EmergencyResponse() {
             filters: {
                 page: DashboardPage.EmergencyResponse,
                 isActive: true,
-                regions: [regionId ?? ''],
+                regions: regionId ? [regionId] : null,
             },
         },
     });

app/views/Preparedness/DisasterResponse/index.tsx

@@ -21,7 +21,7 @@ function DisasterResponse() {
             filters: {
                 page: DashboardPage.DisasterResponse,
                 isActive: true,
-                regions: [regionId ?? ''],
+                regions: regionId ? [regionId] : null,
             },
         },
     });

app/views/Preparedness/EmergencyAlert/index.tsx

@@ -22,7 +22,7 @@ function EmergencyAlert() {
             filters: {
                 page: DashboardPage.EmergencyAlerts,
                 isActive: true,
-                regions: [regionId ?? ''],
+                regions: regionId ? [regionId] : null,
             },
         },
     });

app/views/TeamList/Members/index.tsx

@@ -47,12 +47,12 @@ const TEAM_MEMBERS_QUERY = gql`
         ) {
             totalCount
             results {
-                woredaId
+                woreda
                 updatedAt
                 training
                 teamId
                 sex
-                regionId
+                region
                 position
                 phoneNumber
                 order