From c5c4beabc823da8345f722394e7fe0d122e1e155 Mon Sep 17 00:00:00 2001
From: Rosanna Milner <rosanna.milner@sheffield.ac.uk>
Date: Tue, 3 Feb 2026 13:43:22 +0000
Subject: [PATCH 01/36] add icons for the different result sections

---
 .../AssistantCheckResults/AssistantNEResult.jsx          | 9 ++++++++-
 .../AssistantScrapeResults/AssistantCommentResult.jsx    | 8 +++++++-
 .../AssistantScrapeResults/AssistantLinkResult.jsx       | 8 +++++++-
 .../AssistantScrapeResults/AssistantMediaResult.jsx      | 8 +++++++-
 .../AssistantScrapeResults/AssistantTextResult.jsx       | 8 +++++++-
 5 files changed, 36 insertions(+), 5 deletions(-)

diff --git a/src/components/NavItems/Assistant/AssistantCheckResults/AssistantNEResult.jsx b/src/components/NavItems/Assistant/AssistantCheckResults/AssistantNEResult.jsx
index 4d698edfd..7d29c7d24 100644
--- a/src/components/NavItems/Assistant/AssistantCheckResults/AssistantNEResult.jsx
+++ b/src/components/NavItems/Assistant/AssistantCheckResults/AssistantNEResult.jsx
@@ -3,6 +3,7 @@ import { Trans } from "react-i18next";
 import { useSelector } from "react-redux";
 import { TagCloud } from "react-tagcloud";
 
+import Box from "@mui/material/Box";
 import Button from "@mui/material/Button";
 import ButtonGroup from "@mui/material/ButtonGroup";
 import Card from "@mui/material/Card";
@@ -15,6 +16,7 @@ import Tooltip from "@mui/material/Tooltip";
 import Typography from "@mui/material/Typography";
 
 import HelpOutlineOutlinedIcon from "@mui/icons-material/HelpOutlineOutlined";
+import LabelIcon from "@mui/icons-material/Label";
 
 import { i18nLoadNamespace } from "@/components/Shared/Languages/i18nLoadNamespace";
 import useMyStyles from "@/components/Shared/MaterialUiStyles/useMyStyles";
@@ -131,7 +133,12 @@ const AssistantNEResult = () => {
       <Card variant="outlined">
         <CardHeader
           className={classes.assistantCardHeader}
-          title={keyword("named_entity_title")}
+          title={
+            <Box sx={{ display: "flex", alignItems: "center", gap: 1 }}>
+              <LabelIcon color="primary" />
+              {keyword("named_entity_title")}
+            </Box>
+          }
           action={
             <Tooltip
               interactive={"true"}
diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantCommentResult.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantCommentResult.jsx
index 7c9133f65..8feef69eb 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantCommentResult.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantCommentResult.jsx
@@ -28,6 +28,7 @@ import TableRow from "@mui/material/TableRow";
 import Tooltip from "@mui/material/Tooltip";
 import Typography from "@mui/material/Typography";
 
+import CommentIcon from "@mui/icons-material/Comment";
 import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
 import HelpOutlineOutlinedIcon from "@mui/icons-material/HelpOutlineOutlined";
 import KeyboardArrowDownIcon from "@mui/icons-material/KeyboardArrowDown";
@@ -589,7 +590,12 @@ const AssistantCommentResult = ({ collectedComments }) => {
     <Card data-testid="assistant-collected-comments">
       <CardHeader
         className={classes.assistantCardHeader}
-        title={keyword("collected_comments_title")}
+        title={
+          <Box sx={{ display: "flex", alignItems: "center", gap: 1 }}>
+            <CommentIcon color="primary" />
+            {keyword("collected_comments_title")}
+          </Box>
+        }
         action={
           <Tooltip
             interactive={"true"}
diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantLinkResult.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantLinkResult.jsx
index cb30b7f9f..4f416bcce 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantLinkResult.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantLinkResult.jsx
@@ -14,6 +14,7 @@ import Tooltip from "@mui/material/Tooltip";
 import Typography from "@mui/material/Typography";
 
 import HelpOutlineOutlinedIcon from "@mui/icons-material/HelpOutlineOutlined";
+import LinkIcon from "@mui/icons-material/Link";
 
 import ExtractedUrlDomainAnalysisResults from "@/components/NavItems/Assistant/AssistantCheckResults/ExtractedUrlDomainAnalysisResults";
 import CopyButton from "@/components/Shared/CopyButton";
@@ -461,7 +462,12 @@ const AssistantLinkResult = () => {
     <Card variant="outlined">
       <CardHeader
         className={classes.assistantCardHeader}
-        title={keyword("extracted_urls_url_domain_analysis")}
+        title={
+          <Box sx={{ display: "flex", alignItems: "center", gap: 1 }}>
+            <LinkIcon color="primary" />
+            {keyword("extracted_urls_url_domain_analysis")}
+          </Box>
+        }
         action={
           <Tooltip
             interactive={"true"}
diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantMediaResult.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantMediaResult.jsx
index fea47f686..7d1409f5d 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantMediaResult.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantMediaResult.jsx
@@ -20,6 +20,7 @@ import Typography from "@mui/material/Typography";
 import { WarningAmber } from "@mui/icons-material";
 import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
 import HelpOutlineOutlinedIcon from "@mui/icons-material/HelpOutlineOutlined";
+import PermMediaIcon from "@mui/icons-material/PermMedia";
 
 import ImageGridList from "@/components/Shared/ImageGridList/ImageGridList";
 import { i18nLoadNamespace } from "@/components/Shared/Languages/i18nLoadNamespace";
@@ -129,7 +130,12 @@ const AssistantMediaResult = ({ title = null }) => {
     >
       <CardHeader
         className={classes.assistantCardHeader}
-        title={title ? keyword(title) : keyword("media_title")}
+        title={
+          <Box sx={{ display: "flex", alignItems: "center", gap: 1 }}>
+            <PermMediaIcon color="primary" />
+            {title ? keyword(title) : keyword("media_title")}
+          </Box>
+        }
         subheader={keyword("media_below")}
         action={
           <div style={{ display: "flex" }}>
diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantTextResult.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantTextResult.jsx
index 401d3e442..bbd77887f 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantTextResult.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantTextResult.jsx
@@ -13,6 +13,7 @@ import Tooltip from "@mui/material/Tooltip";
 import Typography from "@mui/material/Typography";
 
 import { WarningAmber } from "@mui/icons-material";
+import ArticleIcon from "@mui/icons-material/Article";
 import HelpOutlineOutlinedIcon from "@mui/icons-material/HelpOutlineOutlined";
 
 import AssistantTextClassification from "@/components/NavItems/Assistant/AssistantScrapeResults/AssistantTextClassification";
@@ -236,7 +237,12 @@ const AssistantTextResult = () => {
     >
       <CardHeader
         className={classes.assistantCardHeader}
-        title={keyword("text_title")}
+        title={
+          <Box sx={{ display: "flex", alignItems: "center", gap: 1 }}>
+            <ArticleIcon color="primary" />
+            {keyword("text_title")}
+          </Box>
+        }
         action={
           // top right warning and tooltip
           <div style={{ display: "flex" }}>

From dabbeaa294e31c5367b88e36b6806b4587553d35 Mon Sep 17 00:00:00 2001
From: Rosanna Milner <rosanna.milner@sheffield.ac.uk>
Date: Tue, 3 Feb 2026 15:26:30 +0000
Subject: [PATCH 02/36] add AssistantSummary with icons navigating to correct
 sections

---
 .../NavItems/Assistant/Assistant.jsx          |   6 +
 .../AssistantNEResult.jsx                     |   2 +-
 .../AssistantCommentResult.jsx                |   5 +-
 .../AssistantLinkResult.jsx                   |   2 +-
 .../AssistantMediaResult.jsx                  |   1 +
 .../AssistantSummary.jsx                      | 227 ++++++++++++++++++
 .../AssistantUrlDomainAnalysisResults.jsx     |   1 +
 7 files changed, 241 insertions(+), 3 deletions(-)
 create mode 100644 src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx

diff --git a/src/components/NavItems/Assistant/Assistant.jsx b/src/components/NavItems/Assistant/Assistant.jsx
index 18fdb6e65..69a001358 100644
--- a/src/components/NavItems/Assistant/Assistant.jsx
+++ b/src/components/NavItems/Assistant/Assistant.jsx
@@ -47,6 +47,7 @@ import {
 } from "@/redux/actions/tools/assistantActions";
 import { setError } from "@/redux/reducers/errorReducer";
 
+import AssistantSummary from "./AssistantScrapeResults/AssistantSummary";
 import {
   TransAssistantHelpFourTooltip,
   TransAssistantHelpThreeTooltip,
@@ -483,6 +484,11 @@ const Assistant = () => {
 
           <CardContent>
             <Grid container spacing={4}>
+              {/* assistant result summary */}
+              <Grid size={{ xs: 12 }}>
+                <AssistantSummary />
+              </Grid>
+
               {/* warnings and api status checks */}
               {dbkfTextMatch ||
               dbkfImageResult ||
diff --git a/src/components/NavItems/Assistant/AssistantCheckResults/AssistantNEResult.jsx b/src/components/NavItems/Assistant/AssistantCheckResults/AssistantNEResult.jsx
index 7d29c7d24..27ac344ec 100644
--- a/src/components/NavItems/Assistant/AssistantCheckResults/AssistantNEResult.jsx
+++ b/src/components/NavItems/Assistant/AssistantCheckResults/AssistantNEResult.jsx
@@ -130,7 +130,7 @@ const AssistantNEResult = () => {
 
   return (
     <Grid size={{ xs: 12 }}>
-      <Card variant="outlined">
+      <Card id="named-entity-results" variant="outlined">
         <CardHeader
           className={classes.assistantCardHeader}
           title={
diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantCommentResult.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantCommentResult.jsx
index 8feef69eb..d617d00e1 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantCommentResult.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantCommentResult.jsx
@@ -587,7 +587,10 @@ const AssistantCommentResult = ({ collectedComments }) => {
   }
 
   return (
-    <Card data-testid="assistant-collected-comments">
+    <Card
+      id="assistant-collected-comments"
+      data-testid="assistant-collected-comments"
+    >
       <CardHeader
         className={classes.assistantCardHeader}
         title={
diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantLinkResult.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantLinkResult.jsx
index 4f416bcce..9eb3bd318 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantLinkResult.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantLinkResult.jsx
@@ -459,7 +459,7 @@ const AssistantLinkResult = () => {
   }
 
   return (
-    <Card variant="outlined">
+    <Card id="extracted-urls" variant="outlined">
       <CardHeader
         className={classes.assistantCardHeader}
         title={
diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantMediaResult.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantMediaResult.jsx
index 7d1409f5d..78a054265 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantMediaResult.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantMediaResult.jsx
@@ -124,6 +124,7 @@ const AssistantMediaResult = ({ title = null }) => {
 
   return (
     <Card
+      id="url-media-results"
       variant="outlined"
       data-testid="url-media-results"
       hidden={!filteredImageList.length && !videoList.length}
diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
new file mode 100644
index 000000000..8bedc8b36
--- /dev/null
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
@@ -0,0 +1,227 @@
+import React from "react";
+import { useDispatch, useSelector } from "react-redux";
+
+import Box from "@mui/material/Box";
+import Card from "@mui/material/Card";
+import CardContent from "@mui/material/CardContent";
+import CardHeader from "@mui/material/CardHeader";
+import IconButton from "@mui/material/IconButton";
+import Stack from "@mui/material/Stack";
+import Tooltip from "@mui/material/Tooltip";
+import Typography from "@mui/material/Typography";
+
+import ArticleIcon from "@mui/icons-material/Article";
+import CommentIcon from "@mui/icons-material/Comment";
+import FindInPageIcon from "@mui/icons-material/FindInPage";
+import LabelIcon from "@mui/icons-material/Label";
+import LinkIcon from "@mui/icons-material/Link";
+import PermMediaIcon from "@mui/icons-material/PermMedia";
+import WarningAmberIcon from "@mui/icons-material/WarningAmber";
+
+import { scrollToElement } from "@/components/NavItems/Assistant/AssistantScrapeResults/assistantUtils";
+import { i18nLoadNamespace } from "@/components/Shared/Languages/i18nLoadNamespace";
+import useMyStyles from "@/components/Shared/MaterialUiStyles/useMyStyles";
+import {
+  setAssuranceExpanded,
+  setWarningExpanded,
+} from "@/redux/actions/tools/assistantActions";
+
+const SummaryIcon = ({
+  icon: Icon,
+  label,
+  value,
+  targetId,
+  keyword,
+  onClick,
+}) => {
+  const handleClick = () => {
+    if (onClick) {
+      onClick();
+    }
+    scrollToElement(targetId, 100);
+  };
+
+  return (
+    <Tooltip title={keyword(label)}>
+      <Box
+        sx={{
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
+          minWidth: 80,
+        }}
+      >
+        <IconButton onClick={handleClick} color="primary">
+          <Icon fontSize="large" />
+        </IconButton>
+        <Typography variant="body2" color="text.secondary">
+          {value}
+        </Typography>
+      </Box>
+    </Tooltip>
+  );
+};
+
+const AssistantSummary = () => {
+  const keyword = i18nLoadNamespace("components/NavItems/tools/Assistant");
+  const classes = useMyStyles();
+  const dispatch = useDispatch();
+
+  // warnings state
+  const dbkfTextMatch = useSelector((state) => state.assistant.dbkfTextMatch);
+  const dbkfImageMatch = useSelector((state) => state.assistant.dbkfImageMatch);
+  const dbkfVideoMatch = useSelector((state) => state.assistant.dbkfVideoMatch);
+  const prevFactChecksResult = useSelector(
+    (state) => state.assistant.prevFactChecksResult,
+  );
+
+  // source credibility state
+  const positiveSourceCred = useSelector(
+    (state) => state.assistant.positiveSourceCred,
+  );
+  const cautionSourceCred = useSelector(
+    (state) => state.assistant.cautionSourceCred,
+  );
+  const mixedSourceCred = useSelector(
+    (state) => state.assistant.mixedSourceCred,
+  );
+
+  // media state
+  const imageList = useSelector((state) => state.assistant.imageList);
+  const videoList = useSelector((state) => state.assistant.videoList);
+
+  // comments state
+  const collectedComments = useSelector(
+    (state) => state.assistant.collectedComments,
+  );
+
+  // text state
+  const text = useSelector((state) => state.assistant.urlText);
+
+  // named entity state
+  const neResult = useSelector((state) => state.assistant.neResultCategory);
+
+  // links state
+  const linkList = useSelector((state) => state.assistant.linkList);
+
+  // determine which sections have results
+  const hasWarnings =
+    dbkfTextMatch || dbkfImageMatch || dbkfVideoMatch || prevFactChecksResult;
+  const hasDomainAnalysis =
+    positiveSourceCred || cautionSourceCred || mixedSourceCred;
+  const hasMedia = imageList?.length > 0 || videoList?.length > 0;
+  const hasComments = collectedComments?.length > 0;
+  const hasText = !!text;
+  const hasNamedEntity = text && neResult;
+  const hasLinks = text && linkList?.length > 0;
+
+  // placeholder values - will be replaced with actual counts later
+  const warningsCount = "x";
+  const domainAnalysisCount = "x";
+  const mediaCount = "x";
+  const commentsCount = "x";
+  const textCount = "x";
+  const namedEntityCount = "x";
+  const linksCount = "x";
+
+  // check if any results exist
+  const hasAnyResults =
+    hasWarnings ||
+    hasDomainAnalysis ||
+    hasMedia ||
+    hasComments ||
+    hasText ||
+    hasNamedEntity ||
+    hasLinks;
+
+  if (!hasAnyResults) {
+    return null;
+  }
+
+  return (
+    <Card variant="outlined">
+      <CardHeader
+        className={classes.assistantCardHeader}
+        title={<Typography>{keyword("results_summary")}</Typography>}
+      />
+      <CardContent>
+        <Stack
+          direction="row"
+          spacing={2}
+          sx={{
+            justifyContent: "center",
+            flexWrap: "wrap",
+            gap: 2,
+          }}
+        >
+          {hasWarnings && (
+            <SummaryIcon
+              icon={WarningAmberIcon}
+              label="warnings_title"
+              value={warningsCount}
+              targetId="warnings"
+              keyword={keyword}
+              onClick={() => dispatch(setWarningExpanded(true))}
+            />
+          )}
+          {hasDomainAnalysis && (
+            <SummaryIcon
+              icon={FindInPageIcon}
+              label="url_domain_analysis"
+              value={domainAnalysisCount}
+              targetId="url-domain-analysis"
+              keyword={keyword}
+              onClick={() => dispatch(setAssuranceExpanded(true))}
+            />
+          )}
+          {hasMedia && (
+            <SummaryIcon
+              icon={PermMediaIcon}
+              label="media_title"
+              value={mediaCount}
+              targetId="url-media-results"
+              keyword={keyword}
+            />
+          )}
+          {hasComments && (
+            <SummaryIcon
+              icon={CommentIcon}
+              label="collected_comments_title"
+              value={commentsCount}
+              targetId="assistant-collected-comments"
+              keyword={keyword}
+            />
+          )}
+          {hasText && (
+            <SummaryIcon
+              icon={ArticleIcon}
+              label="text_title"
+              value={textCount}
+              targetId="credibility-signals"
+              keyword={keyword}
+            />
+          )}
+          {hasNamedEntity && (
+            <SummaryIcon
+              icon={LabelIcon}
+              label="named_entity_title"
+              value={namedEntityCount}
+              targetId="named-entity-results"
+              keyword={keyword}
+            />
+          )}
+          {hasLinks && (
+            <SummaryIcon
+              icon={LinkIcon}
+              label="extracted_urls_url_domain_analysis"
+              value={linksCount}
+              targetId="extracted-urls"
+              keyword={keyword}
+            />
+          )}
+        </Stack>
+      </CardContent>
+    </Card>
+  );
+};
+export default AssistantSummary;
diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantUrlDomainAnalysisResults.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantUrlDomainAnalysisResults.jsx
index 99cb39c9d..e2f140ec9 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantUrlDomainAnalysisResults.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantUrlDomainAnalysisResults.jsx
@@ -55,6 +55,7 @@ const AssistantSCResults = () => {
 
   return (
     <Card
+      id="url-domain-analysis"
       variant={"outlined"}
       className={classes.sourceCredibilityBorder}
       height="400"

From 8c13706dfc8c431c3142b6332672ef6d93c5e940 Mon Sep 17 00:00:00 2001
From: Rosanna Milner <rosanna.milner@sheffield.ac.uk>
Date: Wed, 4 Feb 2026 11:53:23 +0000
Subject: [PATCH 03/36] changed to look like buttons, with loading circle
 progress before service has ocmpleted

---
 .../AssistantSummary.jsx                      | 270 ++++++++++--------
 1 file changed, 158 insertions(+), 112 deletions(-)

diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
index 8bedc8b36..c7862ae0d 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
@@ -3,8 +3,7 @@ import { useDispatch, useSelector } from "react-redux";
 
 import Box from "@mui/material/Box";
 import Card from "@mui/material/Card";
-import CardContent from "@mui/material/CardContent";
-import CardHeader from "@mui/material/CardHeader";
+import CircularProgress from "@mui/material/CircularProgress";
 import IconButton from "@mui/material/IconButton";
 import Stack from "@mui/material/Stack";
 import Tooltip from "@mui/material/Tooltip";
@@ -20,7 +19,6 @@ import WarningAmberIcon from "@mui/icons-material/WarningAmber";
 
 import { scrollToElement } from "@/components/NavItems/Assistant/AssistantScrapeResults/assistantUtils";
 import { i18nLoadNamespace } from "@/components/Shared/Languages/i18nLoadNamespace";
-import useMyStyles from "@/components/Shared/MaterialUiStyles/useMyStyles";
 import {
   setAssuranceExpanded,
   setWarningExpanded,
@@ -33,6 +31,7 @@ const SummaryIcon = ({
   targetId,
   keyword,
   onClick,
+  loading,
 }) => {
   const handleClick = () => {
     if (onClick) {
@@ -42,29 +41,51 @@ const SummaryIcon = ({
   };
 
   return (
-    <Tooltip title={keyword(label)}>
-      <Box
-        sx={{
-          display: "flex",
-          flexDirection: "column",
-          alignItems: "center",
-          minWidth: 80,
-        }}
-      >
-        <IconButton onClick={handleClick} color="primary">
-          <Icon fontSize="large" />
-        </IconButton>
-        <Typography variant="body2" color="text.secondary">
-          {value}
-        </Typography>
-      </Box>
-    </Tooltip>
+    <Card
+      variant="outlined"
+      sx={{
+        "&:hover": {
+          borderColor: "primary.main",
+        },
+      }}
+    >
+      <Tooltip title={keyword(label)}>
+        <Box
+          sx={{
+            display: "flex",
+            flexDirection: "row",
+            alignItems: "center",
+            gap: 1,
+            p: 1,
+          }}
+        >
+          <IconButton onClick={handleClick} color="primary" sx={{ gap: 1 }}>
+            <Icon fontSize="large" />
+            <Box
+              sx={{
+                minWidth: 40,
+                display: "flex",
+                justifyContent: "center",
+                alignItems: "center",
+              }}
+            >
+              {loading ? (
+                <CircularProgress size={24} />
+              ) : (
+                <Typography variant="h6" color="primary">
+                  {value}
+                </Typography>
+              )}
+            </Box>
+          </IconButton>
+        </Box>
+      </Tooltip>
+    </Card>
   );
 };
 
 const AssistantSummary = () => {
   const keyword = i18nLoadNamespace("components/NavItems/tools/Assistant");
-  const classes = useMyStyles();
   const dispatch = useDispatch();
 
   // warnings state
@@ -100,10 +121,24 @@ const AssistantSummary = () => {
 
   // named entity state
   const neResult = useSelector((state) => state.assistant.neResultCategory);
+  const neResultCount = useSelector((state) => state.assistant.neResultCount);
 
   // links state
   const linkList = useSelector((state) => state.assistant.linkList);
 
+  // loading states
+  const inputSCLoading = useSelector((state) => state.assistant.inputSCLoading);
+  const dbkfTextMatchLoading = useSelector(
+    (state) => state.assistant.dbkfTextMatchLoading,
+  );
+  const dbkfMediaMatchLoading = useSelector(
+    (state) => state.assistant.dbkfMediaMatchLoading,
+  );
+  const neLoading = useSelector((state) => state.assistant.neLoading);
+  const prevFactChecksLoading = useSelector(
+    (state) => state.assistant.prevFactChecksLoading,
+  );
+
   // determine which sections have results
   const hasWarnings =
     dbkfTextMatch || dbkfImageMatch || dbkfVideoMatch || prevFactChecksResult;
@@ -115,14 +150,23 @@ const AssistantSummary = () => {
   const hasNamedEntity = text && neResult;
   const hasLinks = text && linkList?.length > 0;
 
-  // placeholder values - will be replaced with actual counts later
-  const warningsCount = "x";
-  const domainAnalysisCount = "x";
-  const mediaCount = "x";
-  const commentsCount = "x";
-  const textCount = "x";
-  const namedEntityCount = "x";
-  const linksCount = "x";
+  // calculate counts for each section
+  const warningsCount =
+    (dbkfTextMatch?.length || 0) +
+    (dbkfImageMatch ? 1 : 0) +
+    (dbkfVideoMatch ? 1 : 0) +
+    (prevFactChecksResult?.length || 0);
+  const domainAnalysisCount =
+    (positiveSourceCred?.length || 0) +
+    (cautionSourceCred?.length || 0) +
+    (mixedSourceCred?.length || 0);
+  const imageCount = imageList?.length || 0;
+  const videoCount = videoList?.length || 0;
+  const mediaCount = imageCount + videoCount;
+  const commentsCount = collectedComments?.length || 0;
+  const textCount = "✓";
+  const namedEntityCount = neResultCount?.length || 0;
+  const linksCount = linkList?.length || 0;
 
   // check if any results exist
   const hasAnyResults =
@@ -139,89 +183,91 @@ const AssistantSummary = () => {
   }
 
   return (
-    <Card variant="outlined">
-      <CardHeader
-        className={classes.assistantCardHeader}
-        title={<Typography>{keyword("results_summary")}</Typography>}
-      />
-      <CardContent>
-        <Stack
-          direction="row"
-          spacing={2}
-          sx={{
-            justifyContent: "center",
-            flexWrap: "wrap",
-            gap: 2,
-          }}
-        >
-          {hasWarnings && (
-            <SummaryIcon
-              icon={WarningAmberIcon}
-              label="warnings_title"
-              value={warningsCount}
-              targetId="warnings"
-              keyword={keyword}
-              onClick={() => dispatch(setWarningExpanded(true))}
-            />
-          )}
-          {hasDomainAnalysis && (
-            <SummaryIcon
-              icon={FindInPageIcon}
-              label="url_domain_analysis"
-              value={domainAnalysisCount}
-              targetId="url-domain-analysis"
-              keyword={keyword}
-              onClick={() => dispatch(setAssuranceExpanded(true))}
-            />
-          )}
-          {hasMedia && (
-            <SummaryIcon
-              icon={PermMediaIcon}
-              label="media_title"
-              value={mediaCount}
-              targetId="url-media-results"
-              keyword={keyword}
-            />
-          )}
-          {hasComments && (
-            <SummaryIcon
-              icon={CommentIcon}
-              label="collected_comments_title"
-              value={commentsCount}
-              targetId="assistant-collected-comments"
-              keyword={keyword}
-            />
-          )}
-          {hasText && (
-            <SummaryIcon
-              icon={ArticleIcon}
-              label="text_title"
-              value={textCount}
-              targetId="credibility-signals"
-              keyword={keyword}
-            />
-          )}
-          {hasNamedEntity && (
-            <SummaryIcon
-              icon={LabelIcon}
-              label="named_entity_title"
-              value={namedEntityCount}
-              targetId="named-entity-results"
-              keyword={keyword}
-            />
-          )}
-          {hasLinks && (
-            <SummaryIcon
-              icon={LinkIcon}
-              label="extracted_urls_url_domain_analysis"
-              value={linksCount}
-              targetId="extracted-urls"
-              keyword={keyword}
-            />
-          )}
-        </Stack>
-      </CardContent>
-    </Card>
+    <Stack
+      direction="row"
+      spacing={2}
+      sx={{
+        justifyContent: "center",
+        flexWrap: "wrap",
+        gap: 2,
+      }}
+    >
+      {(hasWarnings ||
+        dbkfTextMatchLoading ||
+        dbkfMediaMatchLoading ||
+        prevFactChecksLoading) && (
+        <SummaryIcon
+          icon={WarningAmberIcon}
+          label="warnings_title"
+          value={warningsCount}
+          targetId="warnings"
+          keyword={keyword}
+          onClick={() => dispatch(setWarningExpanded(true))}
+          loading={
+            dbkfTextMatchLoading ||
+            dbkfMediaMatchLoading ||
+            prevFactChecksLoading
+          }
+        />
+      )}
+      {(hasDomainAnalysis || inputSCLoading) && (
+        <SummaryIcon
+          icon={FindInPageIcon}
+          label="url_domain_analysis"
+          value={domainAnalysisCount}
+          targetId="url-domain-analysis"
+          keyword={keyword}
+          onClick={() => dispatch(setAssuranceExpanded(true))}
+          loading={inputSCLoading}
+        />
+      )}
+      {hasMedia && (
+        <SummaryIcon
+          icon={PermMediaIcon}
+          label="media_title"
+          value={mediaCount}
+          targetId="url-media-results"
+          keyword={keyword}
+        />
+      )}
+      {hasComments && (
+        <SummaryIcon
+          icon={CommentIcon}
+          label="collected_comments_title"
+          value={commentsCount}
+          targetId="assistant-collected-comments"
+          keyword={keyword}
+        />
+      )}
+      {hasText && (
+        <SummaryIcon
+          icon={ArticleIcon}
+          label="text_title"
+          value={textCount}
+          targetId="credibility-signals"
+          keyword={keyword}
+        />
+      )}
+      {(hasNamedEntity || neLoading) && (
+        <SummaryIcon
+          icon={LabelIcon}
+          label="named_entity_title"
+          value={namedEntityCount}
+          targetId="named-entity-results"
+          keyword={keyword}
+          loading={neLoading}
+        />
+      )}
+      {hasLinks && (
+        <SummaryIcon
+          icon={LinkIcon}
+          label="extracted_urls_url_domain_analysis"
+          value={linksCount}
+          targetId="extracted-urls"
+          keyword={keyword}
+        />
+      )}
+    </Stack>
   );
 };
 export default AssistantSummary;

From 087c0dd7ff75dff6a468c3eb745a195f3c75b927 Mon Sep 17 00:00:00 2001
From: Rosanna Milner <rosanna.milner@sheffield.ac.uk>
Date: Wed, 4 Feb 2026 13:30:50 +0000
Subject: [PATCH 04/36] icons always display and are greyed out when count is 0

---
 .../AssistantSummary.jsx                      | 146 +++++++++---------
 1 file changed, 70 insertions(+), 76 deletions(-)

diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
index c7862ae0d..666516286 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
@@ -27,25 +27,32 @@ import {
 const SummaryIcon = ({
   icon: Icon,
   label,
+  color,
   value,
   targetId,
   keyword,
   onClick,
   loading,
 }) => {
+  const disabled = !loading && (value === 0 || value === "0");
+
   const handleClick = () => {
+    if (disabled) return;
     if (onClick) {
       onClick();
     }
     scrollToElement(targetId, 100);
   };
 
+  const displayColor = disabled ? "disabled" : color || "primary";
+
   return (
     <Card
       variant="outlined"
       sx={{
+        opacity: disabled ? 0.5 : 1,
         "&:hover": {
-          borderColor: "primary.main",
+          borderColor: disabled ? "divider" : "primary.main",
         },
       }}
     >
@@ -59,8 +66,13 @@ const SummaryIcon = ({
             p: 1,
           }}
         >
-          <IconButton onClick={handleClick} color="primary" sx={{ gap: 1 }}>
-            <Icon fontSize="large" />
+          <IconButton
+            onClick={handleClick}
+            disabled={disabled}
+            color="primary"
+            sx={{ gap: 1 }}
+          >
+            <Icon fontSize="large" color={displayColor} />
             <Box
               sx={{
                 minWidth: 40,
@@ -72,7 +84,7 @@ const SummaryIcon = ({
               {loading ? (
                 <CircularProgress size={24} />
               ) : (
-                <Typography variant="h6" color="primary">
+                <Typography variant="h6" color={displayColor}>
                   {value}
                 </Typography>
               )}
@@ -160,11 +172,9 @@ const AssistantSummary = () => {
     (positiveSourceCred?.length || 0) +
     (cautionSourceCred?.length || 0) +
     (mixedSourceCred?.length || 0);
-  const imageCount = imageList?.length || 0;
-  const videoCount = videoList?.length || 0;
-  const mediaCount = imageCount + videoCount;
+  const mediaCount = (imageList?.length || 0) + (videoList?.length || 0);
   const commentsCount = collectedComments?.length || 0;
-  const textCount = "✓";
+  const textCount = text ? "✓" : 0;
   const namedEntityCount = neResultCount?.length || 0;
   const linksCount = linkList?.length || 0;
 
@@ -192,45 +202,35 @@ const AssistantSummary = () => {
         gap: 2,
       }}
     >
-      {(hasWarnings ||
-        dbkfTextMatchLoading ||
-        dbkfMediaMatchLoading ||
-        prevFactChecksLoading) && (
-        <SummaryIcon
-          icon={WarningAmberIcon}
-          label="warnings_title"
-          value={warningsCount}
-          targetId="warnings"
-          keyword={keyword}
-          onClick={() => dispatch(setWarningExpanded(true))}
-          loading={
-            dbkfTextMatchLoading ||
-            dbkfMediaMatchLoading ||
-            prevFactChecksLoading
-          }
-        />
-      )}
-      {(hasDomainAnalysis || inputSCLoading) && (
-        <SummaryIcon
-          icon={FindInPageIcon}
-          label="url_domain_analysis"
-          value={domainAnalysisCount}
-          targetId="url-domain-analysis"
-          keyword={keyword}
-          onClick={() => dispatch(setAssuranceExpanded(true))}
-          loading={inputSCLoading}
-        />
-      )}
-      {hasMedia && (
-        <SummaryIcon
-          icon={PermMediaIcon}
-          label="media_title"
-          value={mediaCount}
-          targetId="url-media-results"
-          keyword={keyword}
-        />
-      )}
-      {hasComments && (
+      <SummaryIcon
+        icon={WarningAmberIcon}
+        label="warnings_title"
+        color={"warning"}
+        value={warningsCount}
+        targetId="warnings"
+        keyword={keyword}
+        onClick={() => dispatch(setWarningExpanded(true))}
+        loading={
+          dbkfTextMatchLoading || dbkfMediaMatchLoading || prevFactChecksLoading
+        }
+      />
+      <SummaryIcon
+        icon={FindInPageIcon}
+        label="url_domain_analysis"
+        value={domainAnalysisCount}
+        targetId="url-domain-analysis"
+        keyword={keyword}
+        onClick={() => dispatch(setAssuranceExpanded(true))}
+        loading={inputSCLoading}
+      />
+      <SummaryIcon
+        icon={PermMediaIcon}
+        label="media_title"
+        value={mediaCount}
+        targetId="url-media-results"
+        keyword={keyword}
+      />
+      {
         <SummaryIcon
           icon={CommentIcon}
           label="collected_comments_title"
@@ -238,35 +238,29 @@ const AssistantSummary = () => {
           targetId="assistant-collected-comments"
           keyword={keyword}
         />
-      )}
-      {hasText && (
-        <SummaryIcon
-          icon={ArticleIcon}
-          label="text_title"
-          value={textCount}
-          targetId="credibility-signals"
-          keyword={keyword}
-        />
-      )}
-      {(hasNamedEntity || neLoading) && (
-        <SummaryIcon
-          icon={LabelIcon}
-          label="named_entity_title"
-          value={namedEntityCount}
-          targetId="named-entity-results"
-          keyword={keyword}
-          loading={neLoading}
-        />
-      )}
-      {hasLinks && (
-        <SummaryIcon
-          icon={LinkIcon}
-          label="extracted_urls_url_domain_analysis"
-          value={linksCount}
-          targetId="extracted-urls"
-          keyword={keyword}
-        />
-      )}
+      }
+      <SummaryIcon
+        icon={ArticleIcon}
+        label="text_title"
+        value={textCount}
+        targetId="credibility-signals"
+        keyword={keyword}
+      />
+      <SummaryIcon
+        icon={LabelIcon}
+        label="named_entity_title"
+        value={namedEntityCount}
+        targetId="named-entity-results"
+        keyword={keyword}
+        loading={neLoading}
+      />
+      <SummaryIcon
+        icon={LinkIcon}
+        label="extracted_urls_url_domain_analysis"
+        value={linksCount}
+        targetId="extracted-urls"
+        keyword={keyword}
+      />
     </Stack>
   );
 };

From ade5cd2b5dd0d7a8ab9fbc54b6e6a8435cdc98a1 Mon Sep 17 00:00:00 2001
From: Rosanna Milner <rosanna.milner@sheffield.ac.uk>
Date: Wed, 4 Feb 2026 13:31:29 +0000
Subject: [PATCH 05/36] only show youtube comment results when link is youtube

---
 .../AssistantSummary.jsx                      | 36 ++++---------------
 1 file changed, 7 insertions(+), 29 deletions(-)

diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
index 666516286..e33456834 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
@@ -19,6 +19,7 @@ import WarningAmberIcon from "@mui/icons-material/WarningAmber";
 
 import { scrollToElement } from "@/components/NavItems/Assistant/AssistantScrapeResults/assistantUtils";
 import { i18nLoadNamespace } from "@/components/Shared/Languages/i18nLoadNamespace";
+import { KNOWN_LINKS } from "@/constants/tools";
 import {
   setAssuranceExpanded,
   setWarningExpanded,
@@ -132,12 +133,14 @@ const AssistantSummary = () => {
   const text = useSelector((state) => state.assistant.urlText);
 
   // named entity state
-  const neResult = useSelector((state) => state.assistant.neResultCategory);
   const neResultCount = useSelector((state) => state.assistant.neResultCount);
 
   // links state
   const linkList = useSelector((state) => state.assistant.linkList);
 
+  // url type state
+  const inputUrlType = useSelector((state) => state.assistant.inputUrlType);
+
   // loading states
   const inputSCLoading = useSelector((state) => state.assistant.inputSCLoading);
   const dbkfTextMatchLoading = useSelector(
@@ -151,17 +154,6 @@ const AssistantSummary = () => {
     (state) => state.assistant.prevFactChecksLoading,
   );
 
-  // determine which sections have results
-  const hasWarnings =
-    dbkfTextMatch || dbkfImageMatch || dbkfVideoMatch || prevFactChecksResult;
-  const hasDomainAnalysis =
-    positiveSourceCred || cautionSourceCred || mixedSourceCred;
-  const hasMedia = imageList?.length > 0 || videoList?.length > 0;
-  const hasComments = collectedComments?.length > 0;
-  const hasText = !!text;
-  const hasNamedEntity = text && neResult;
-  const hasLinks = text && linkList?.length > 0;
-
   // calculate counts for each section
   const warningsCount =
     (dbkfTextMatch?.length || 0) +
@@ -178,24 +170,9 @@ const AssistantSummary = () => {
   const namedEntityCount = neResultCount?.length || 0;
   const linksCount = linkList?.length || 0;
 
-  // check if any results exist
-  const hasAnyResults =
-    hasWarnings ||
-    hasDomainAnalysis ||
-    hasMedia ||
-    hasComments ||
-    hasText ||
-    hasNamedEntity ||
-    hasLinks;
-
-  if (!hasAnyResults) {
-    return null;
-  }
-
   return (
     <Stack
       direction="row"
-      spacing={2}
       sx={{
         justifyContent: "center",
         flexWrap: "wrap",
@@ -230,7 +207,8 @@ const AssistantSummary = () => {
         targetId="url-media-results"
         keyword={keyword}
       />
-      {
+      {(inputUrlType === KNOWN_LINKS.YOUTUBE ||
+        inputUrlType === KNOWN_LINKS.YOUTUBESHORTS) && (
         <SummaryIcon
           icon={CommentIcon}
           label="collected_comments_title"
@@ -238,7 +216,7 @@ const AssistantSummary = () => {
           targetId="assistant-collected-comments"
           keyword={keyword}
         />
-      }
+      )}
       <SummaryIcon
         icon={ArticleIcon}
         label="text_title"

From d368992982848b73f490c03bd0146c67daa532ec Mon Sep 17 00:00:00 2001
From: Rosanna Milner <rosanna.milner@sheffield.ac.uk>
Date: Wed, 4 Feb 2026 14:30:48 +0000
Subject: [PATCH 06/36] split media icon into two separate ones (image and
 video) and use plugin's svg icons

---
 .../AssistantSummary.jsx                      | 100 ++++++++++++++++--
 1 file changed, 94 insertions(+), 6 deletions(-)

diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
index e33456834..b34b0745f 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
@@ -6,6 +6,7 @@ import Card from "@mui/material/Card";
 import CircularProgress from "@mui/material/CircularProgress";
 import IconButton from "@mui/material/IconButton";
 import Stack from "@mui/material/Stack";
+import SvgIcon from "@mui/material/SvgIcon";
 import Tooltip from "@mui/material/Tooltip";
 import Typography from "@mui/material/Typography";
 
@@ -17,6 +18,8 @@ import LinkIcon from "@mui/icons-material/Link";
 import PermMediaIcon from "@mui/icons-material/PermMedia";
 import WarningAmberIcon from "@mui/icons-material/WarningAmber";
 
+import ImageIcon from "@/components/NavBar/images/SVG/Image/Images.svg";
+import VideoIcon from "@/components/NavBar/images/SVG/Video/Video.svg";
 import { scrollToElement } from "@/components/NavItems/Assistant/AssistantScrapeResults/assistantUtils";
 import { i18nLoadNamespace } from "@/components/Shared/Languages/i18nLoadNamespace";
 import { KNOWN_LINKS } from "@/constants/tools";
@@ -97,6 +100,83 @@ const SummaryIcon = ({
   );
 };
 
+const SvgSummaryIcon = ({
+  svgIcon,
+  label,
+  color,
+  value,
+  targetId,
+  keyword,
+  onClick,
+  loading,
+}) => {
+  const disabled = loading || value === 0 || value === "0";
+
+  const handleClick = () => {
+    if (disabled) return;
+    if (onClick) {
+      onClick();
+    }
+    scrollToElement(targetId, 100);
+  };
+
+  const displayColor = disabled ? "disabled" : color || "primary";
+
+  return (
+    <Card
+      variant="outlined"
+      sx={{
+        opacity: disabled ? 0.5 : 1,
+        "&:hover": {
+          borderColor: disabled ? "divider" : "primary.main",
+        },
+      }}
+    >
+      <Tooltip title={keyword(label)}>
+        <Box
+          sx={{
+            display: "flex",
+            flexDirection: "row",
+            alignItems: "center",
+            gap: 1,
+            p: 1,
+          }}
+        >
+          <IconButton
+            onClick={handleClick}
+            disabled={disabled}
+            color="primary"
+            sx={{ gap: 1 }}
+          >
+            <SvgIcon
+              component={svgIcon}
+              fontSize="large"
+              color={displayColor}
+              inheritViewBox
+            />
+            <Box
+              sx={{
+                minWidth: 40,
+                display: "flex",
+                justifyContent: "center",
+                alignItems: "center",
+              }}
+            >
+              {loading ? (
+                <CircularProgress size={24} />
+              ) : (
+                <Typography variant="h6" color={displayColor}>
+                  {value}
+                </Typography>
+              )}
+            </Box>
+          </IconButton>
+        </Box>
+      </Tooltip>
+    </Card>
+  );
+};
+
 const AssistantSummary = () => {
   const keyword = i18nLoadNamespace("components/NavItems/tools/Assistant");
   const dispatch = useDispatch();
@@ -164,7 +244,8 @@ const AssistantSummary = () => {
     (positiveSourceCred?.length || 0) +
     (cautionSourceCred?.length || 0) +
     (mixedSourceCred?.length || 0);
-  const mediaCount = (imageList?.length || 0) + (videoList?.length || 0);
+  const imageCount = imageList?.length || 0;
+  const videoCount = videoList?.length || 0;
   const commentsCount = collectedComments?.length || 0;
   const textCount = text ? "✓" : 0;
   const namedEntityCount = neResultCount?.length || 0;
@@ -200,11 +281,18 @@ const AssistantSummary = () => {
         onClick={() => dispatch(setAssuranceExpanded(true))}
         loading={inputSCLoading}
       />
-      <SummaryIcon
-        icon={PermMediaIcon}
-        label="media_title"
-        value={mediaCount}
-        targetId="url-media-results"
+      <SvgSummaryIcon
+        svgIcon={ImageIcon}
+        label="images_label"
+        value={imageCount}
+        targetId="assistant-image-results"
+        keyword={keyword}
+      />
+      <SvgSummaryIcon
+        svgIcon={VideoIcon}
+        label="videos_label"
+        value={videoCount}
+        targetId="assistant-video-results"
         keyword={keyword}
       />
       {(inputUrlType === KNOWN_LINKS.YOUTUBE ||

From d806fa1192242106b6be580c1ebaa31344555c0f Mon Sep 17 00:00:00 2001
From: Rosanna Milner <rosanna.milner@sheffield.ac.uk>
Date: Wed, 4 Feb 2026 14:31:43 +0000
Subject: [PATCH 07/36] change icons to outlined versions

---
 .../AssistantCommentResult.jsx                |  4 +-
 .../AssistantLinkResult.jsx                   |  4 +-
 .../AssistantMediaResult.jsx                  | 41 +++++++++++++------
 .../AssistantSummary.jsx                      | 27 ++++++------
 .../AssistantTextResult.jsx                   |  8 ++--
 .../AssistantUrlDomainAnalysisResults.jsx     |  4 +-
 6 files changed, 52 insertions(+), 36 deletions(-)

diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantCommentResult.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantCommentResult.jsx
index d617d00e1..279b94a0c 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantCommentResult.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantCommentResult.jsx
@@ -28,7 +28,7 @@ import TableRow from "@mui/material/TableRow";
 import Tooltip from "@mui/material/Tooltip";
 import Typography from "@mui/material/Typography";
 
-import CommentIcon from "@mui/icons-material/Comment";
+import CommentOutlinedIcon from "@mui/icons-material/CommentOutlined";
 import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
 import HelpOutlineOutlinedIcon from "@mui/icons-material/HelpOutlineOutlined";
 import KeyboardArrowDownIcon from "@mui/icons-material/KeyboardArrowDown";
@@ -595,7 +595,7 @@ const AssistantCommentResult = ({ collectedComments }) => {
         className={classes.assistantCardHeader}
         title={
           <Box sx={{ display: "flex", alignItems: "center", gap: 1 }}>
-            <CommentIcon color="primary" />
+            <CommentOutlinedIcon color="primary" />
             {keyword("collected_comments_title")}
           </Box>
         }
diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantLinkResult.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantLinkResult.jsx
index 9eb3bd318..053715ad8 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantLinkResult.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantLinkResult.jsx
@@ -14,7 +14,7 @@ import Tooltip from "@mui/material/Tooltip";
 import Typography from "@mui/material/Typography";
 
 import HelpOutlineOutlinedIcon from "@mui/icons-material/HelpOutlineOutlined";
-import LinkIcon from "@mui/icons-material/Link";
+import LinkOutlinedIcon from "@mui/icons-material/LinkOutlined";
 
 import ExtractedUrlDomainAnalysisResults from "@/components/NavItems/Assistant/AssistantCheckResults/ExtractedUrlDomainAnalysisResults";
 import CopyButton from "@/components/Shared/CopyButton";
@@ -464,7 +464,7 @@ const AssistantLinkResult = () => {
         className={classes.assistantCardHeader}
         title={
           <Box sx={{ display: "flex", alignItems: "center", gap: 1 }}>
-            <LinkIcon color="primary" />
+            <LinkOutlinedIcon color="primary" />
             {keyword("extracted_urls_url_domain_analysis")}
           </Box>
         }
diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantMediaResult.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantMediaResult.jsx
index 78a054265..b6c53db3f 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantMediaResult.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantMediaResult.jsx
@@ -14,14 +14,17 @@ import Collapse from "@mui/material/Collapse";
 import Grid from "@mui/material/Grid";
 import IconButton from "@mui/material/IconButton";
 import LinearProgress from "@mui/material/LinearProgress";
+import SvgIcon from "@mui/material/SvgIcon";
 import Tooltip from "@mui/material/Tooltip";
 import Typography from "@mui/material/Typography";
 
-import { WarningAmber } from "@mui/icons-material";
+import { WarningAmberOutlined } from "@mui/icons-material";
+import CollectionsOutlinedIcon from "@mui/icons-material/CollectionsOutlined";
 import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
 import HelpOutlineOutlinedIcon from "@mui/icons-material/HelpOutlineOutlined";
-import PermMediaIcon from "@mui/icons-material/PermMedia";
 
+import ImageIcon from "@/components/NavBar/images/SVG/Image/Images.svg";
+import VideoIcon from "@/components/NavBar/images/SVG/Video/Video.svg";
 import ImageGridList from "@/components/Shared/ImageGridList/ImageGridList";
 import { i18nLoadNamespace } from "@/components/Shared/Languages/i18nLoadNamespace";
 import useMyStyles from "@/components/Shared/MaterialUiStyles/useMyStyles";
@@ -133,7 +136,7 @@ const AssistantMediaResult = ({ title = null }) => {
         className={classes.assistantCardHeader}
         title={
           <Box sx={{ display: "flex", alignItems: "center", gap: 1 }}>
-            <PermMediaIcon color="primary" />
+            <CollectionsOutlinedIcon color="primary" />
             {title ? keyword(title) : keyword("media_title")}
           </Box>
         }
@@ -143,7 +146,7 @@ const AssistantMediaResult = ({ title = null }) => {
             <div>
               {(dbkfImageMatch || dbkfVideoMatch) && (
                 <Tooltip title={keyword("image_warning")}>
-                  <WarningAmber
+                  <WarningAmberOutlined
                     color={"warning"}
                     className={classes.toolTipWarning}
                     onClick={() => {
@@ -243,11 +246,18 @@ const AssistantMediaResult = ({ title = null }) => {
           <CardContent style={{ wordBreak: "break-word" }}>
             {/* image list */}
             {filteredImageList.length > 0 ? (
-              <Accordion defaultExpanded>
+              <Accordion defaultExpanded id="assistant-image-results">
                 <AccordionSummary expandIcon={<ExpandMoreIcon />}>
-                  <Typography variant="h6">
-                    {keyword("images_label")}
-                  </Typography>
+                  <Box sx={{ display: "flex", alignItems: "center", gap: 1 }}>
+                    <SvgIcon
+                      component={ImageIcon}
+                      color="primary"
+                      inheritViewBox
+                    />
+                    <Typography variant="h6">
+                      {keyword("images_label")}
+                    </Typography>
+                  </Box>
                 </AccordionSummary>
                 <AccordionDetails>
                   <ImageGridList
@@ -264,11 +274,18 @@ const AssistantMediaResult = ({ title = null }) => {
 
             {/* video list */}
             {videoList.length > 0 ? (
-              <Accordion defaultExpanded>
+              <Accordion defaultExpanded id="assistant-video-results">
                 <AccordionSummary expandIcon={<ExpandMoreIcon />}>
-                  <Typography variant="h6">
-                    {keyword("videos_label")}
-                  </Typography>
+                  <Box sx={{ display: "flex", alignItems: "center", gap: 1 }}>
+                    <SvgIcon
+                      component={VideoIcon}
+                      color="primary"
+                      inheritViewBox
+                    />
+                    <Typography variant="h6">
+                      {keyword("videos_label")}
+                    </Typography>
+                  </Box>
                 </AccordionSummary>
                 <AccordionDetails style={{ paddingTop: 0 }}>
                   <VideoGridList
diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
index b34b0745f..c8a66721d 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
@@ -10,13 +10,12 @@ import SvgIcon from "@mui/material/SvgIcon";
 import Tooltip from "@mui/material/Tooltip";
 import Typography from "@mui/material/Typography";
 
-import ArticleIcon from "@mui/icons-material/Article";
-import CommentIcon from "@mui/icons-material/Comment";
-import FindInPageIcon from "@mui/icons-material/FindInPage";
-import LabelIcon from "@mui/icons-material/Label";
-import LinkIcon from "@mui/icons-material/Link";
-import PermMediaIcon from "@mui/icons-material/PermMedia";
-import WarningAmberIcon from "@mui/icons-material/WarningAmber";
+import ArticleOutlinedIcon from "@mui/icons-material/ArticleOutlined";
+import CommentOutlinedIcon from "@mui/icons-material/CommentOutlined";
+import FindInPageOutlinedIcon from "@mui/icons-material/FindInPageOutlined";
+import LabelOutlinedIcon from "@mui/icons-material/LabelOutlined";
+import LinkOutlinedIcon from "@mui/icons-material/LinkOutlined";
+import WarningAmberOutlinedIcon from "@mui/icons-material/WarningAmberOutlined";
 
 import ImageIcon from "@/components/NavBar/images/SVG/Image/Images.svg";
 import VideoIcon from "@/components/NavBar/images/SVG/Video/Video.svg";
@@ -38,7 +37,7 @@ const SummaryIcon = ({
   onClick,
   loading,
 }) => {
-  const disabled = !loading && (value === 0 || value === "0");
+  const disabled = loading || value === 0 || value === "0";
 
   const handleClick = () => {
     if (disabled) return;
@@ -261,7 +260,7 @@ const AssistantSummary = () => {
       }}
     >
       <SummaryIcon
-        icon={WarningAmberIcon}
+        icon={WarningAmberOutlinedIcon}
         label="warnings_title"
         color={"warning"}
         value={warningsCount}
@@ -273,7 +272,7 @@ const AssistantSummary = () => {
         }
       />
       <SummaryIcon
-        icon={FindInPageIcon}
+        icon={FindInPageOutlinedIcon}
         label="url_domain_analysis"
         value={domainAnalysisCount}
         targetId="url-domain-analysis"
@@ -298,7 +297,7 @@ const AssistantSummary = () => {
       {(inputUrlType === KNOWN_LINKS.YOUTUBE ||
         inputUrlType === KNOWN_LINKS.YOUTUBESHORTS) && (
         <SummaryIcon
-          icon={CommentIcon}
+          icon={CommentOutlinedIcon}
           label="collected_comments_title"
           value={commentsCount}
           targetId="assistant-collected-comments"
@@ -306,14 +305,14 @@ const AssistantSummary = () => {
         />
       )}
       <SummaryIcon
-        icon={ArticleIcon}
+        icon={ArticleOutlinedIcon}
         label="text_title"
         value={textCount}
         targetId="credibility-signals"
         keyword={keyword}
       />
       <SummaryIcon
-        icon={LabelIcon}
+        icon={LabelOutlinedIcon}
         label="named_entity_title"
         value={namedEntityCount}
         targetId="named-entity-results"
@@ -321,7 +320,7 @@ const AssistantSummary = () => {
         loading={neLoading}
       />
       <SummaryIcon
-        icon={LinkIcon}
+        icon={LinkOutlinedIcon}
         label="extracted_urls_url_domain_analysis"
         value={linksCount}
         targetId="extracted-urls"
diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantTextResult.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantTextResult.jsx
index bbd77887f..ebab1e76a 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantTextResult.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantTextResult.jsx
@@ -12,8 +12,8 @@ import Tabs from "@mui/material/Tabs";
 import Tooltip from "@mui/material/Tooltip";
 import Typography from "@mui/material/Typography";
 
-import { WarningAmber } from "@mui/icons-material";
-import ArticleIcon from "@mui/icons-material/Article";
+import { WarningAmberOutlined } from "@mui/icons-material";
+import ArticleOutlinedIcon from "@mui/icons-material/ArticleOutlined";
 import HelpOutlineOutlinedIcon from "@mui/icons-material/HelpOutlineOutlined";
 
 import AssistantTextClassification from "@/components/NavItems/Assistant/AssistantScrapeResults/AssistantTextClassification";
@@ -239,7 +239,7 @@ const AssistantTextResult = () => {
         className={classes.assistantCardHeader}
         title={
           <Box sx={{ display: "flex", alignItems: "center", gap: 1 }}>
-            <ArticleIcon color="primary" />
+            <ArticleOutlinedIcon color="primary" />
             {keyword("text_title")}
           </Box>
         }
@@ -258,7 +258,7 @@ const AssistantTextResult = () => {
                   />
                 }
               >
-                <WarningAmber
+                <WarningAmberOutlined
                   color={"warning"}
                   className={classes.toolTipWarning}
                   sx={{ cursor: "pointer" }}
diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantUrlDomainAnalysisResults.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantUrlDomainAnalysisResults.jsx
index e2f140ec9..01ccf5f64 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantUrlDomainAnalysisResults.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantUrlDomainAnalysisResults.jsx
@@ -11,7 +11,7 @@ import Tooltip from "@mui/material/Tooltip";
 import Typography from "@mui/material/Typography";
 
 import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
-import FindInPageIcon from "@mui/icons-material/FindInPage";
+import FindInPageOutlinedIcon from "@mui/icons-material/FindInPageOutlined";
 import HelpOutlineOutlinedIcon from "@mui/icons-material/HelpOutlineOutlined";
 
 import {
@@ -69,7 +69,7 @@ const AssistantSCResults = () => {
                 m: 1,
               }}
             >
-              <FindInPageIcon fontSize={"large"} color={"primary"} />
+              <FindInPageOutlinedIcon fontSize={"large"} color={"primary"} />
             </Box>
           </CardMedia>
 

From c71b448229576e918d9695b6d6bb297e0760ec3d Mon Sep 17 00:00:00 2001
From: Rosanna Milner <rosanna.milner@sheffield.ac.uk>
Date: Wed, 4 Feb 2026 14:40:51 +0000
Subject: [PATCH 08/36] merged SummaryIcon and SvgSummaryIcon

---
 .../AssistantSummary.jsx                      | 91 +++----------------
 1 file changed, 12 insertions(+), 79 deletions(-)

diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
index c8a66721d..95d72a6b7 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
@@ -29,77 +29,6 @@ import {
 
 const SummaryIcon = ({
   icon: Icon,
-  label,
-  color,
-  value,
-  targetId,
-  keyword,
-  onClick,
-  loading,
-}) => {
-  const disabled = loading || value === 0 || value === "0";
-
-  const handleClick = () => {
-    if (disabled) return;
-    if (onClick) {
-      onClick();
-    }
-    scrollToElement(targetId, 100);
-  };
-
-  const displayColor = disabled ? "disabled" : color || "primary";
-
-  return (
-    <Card
-      variant="outlined"
-      sx={{
-        opacity: disabled ? 0.5 : 1,
-        "&:hover": {
-          borderColor: disabled ? "divider" : "primary.main",
-        },
-      }}
-    >
-      <Tooltip title={keyword(label)}>
-        <Box
-          sx={{
-            display: "flex",
-            flexDirection: "row",
-            alignItems: "center",
-            gap: 1,
-            p: 1,
-          }}
-        >
-          <IconButton
-            onClick={handleClick}
-            disabled={disabled}
-            color="primary"
-            sx={{ gap: 1 }}
-          >
-            <Icon fontSize="large" color={displayColor} />
-            <Box
-              sx={{
-                minWidth: 40,
-                display: "flex",
-                justifyContent: "center",
-                alignItems: "center",
-              }}
-            >
-              {loading ? (
-                <CircularProgress size={24} />
-              ) : (
-                <Typography variant="h6" color={displayColor}>
-                  {value}
-                </Typography>
-              )}
-            </Box>
-          </IconButton>
-        </Box>
-      </Tooltip>
-    </Card>
-  );
-};
-
-const SvgSummaryIcon = ({
   svgIcon,
   label,
   color,
@@ -147,12 +76,16 @@ const SvgSummaryIcon = ({
             color="primary"
             sx={{ gap: 1 }}
           >
-            <SvgIcon
-              component={svgIcon}
-              fontSize="large"
-              color={displayColor}
-              inheritViewBox
-            />
+            {svgIcon ? (
+              <SvgIcon
+                component={svgIcon}
+                fontSize="large"
+                color={displayColor}
+                inheritViewBox
+              />
+            ) : (
+              <Icon fontSize="large" color={displayColor} />
+            )}
             <Box
               sx={{
                 minWidth: 40,
@@ -280,14 +213,14 @@ const AssistantSummary = () => {
         onClick={() => dispatch(setAssuranceExpanded(true))}
         loading={inputSCLoading}
       />
-      <SvgSummaryIcon
+      <SummaryIcon
         svgIcon={ImageIcon}
         label="images_label"
         value={imageCount}
         targetId="assistant-image-results"
         keyword={keyword}
       />
-      <SvgSummaryIcon
+      <SummaryIcon
         svgIcon={VideoIcon}
         label="videos_label"
         value={videoCount}

From bf70ca1cec657d8835c97b98a96cf0e8f0643e2b Mon Sep 17 00:00:00 2001
From: Rosanna Milner <rosanna.milner@sheffield.ac.uk>
Date: Wed, 4 Feb 2026 14:44:18 +0000
Subject: [PATCH 09/36] if single media present, clicking on summary icon for
 image and video click takes user to extracted media files card

---
 .../AssistantScrapeResults/AssistantSummary.jsx       | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
index 95d72a6b7..9ed213248 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
@@ -135,6 +135,9 @@ const AssistantSummary = () => {
   // media state
   const imageList = useSelector((state) => state.assistant.imageList);
   const videoList = useSelector((state) => state.assistant.videoList);
+  const singleMediaPresent = useSelector(
+    (state) => state.assistant.singleMediaPresent,
+  );
 
   // comments state
   const collectedComments = useSelector(
@@ -217,14 +220,18 @@ const AssistantSummary = () => {
         svgIcon={ImageIcon}
         label="images_label"
         value={imageCount}
-        targetId="assistant-image-results"
+        targetId={
+          singleMediaPresent ? "url-media-results" : "assistant-image-results"
+        }
         keyword={keyword}
       />
       <SummaryIcon
         svgIcon={VideoIcon}
         label="videos_label"
         value={videoCount}
-        targetId="assistant-video-results"
+        targetId={
+          singleMediaPresent ? "url-media-results" : "assistant-video-results"
+        }
         keyword={keyword}
       />
       {(inputUrlType === KNOWN_LINKS.YOUTUBE ||

From 58836336fb802064485c717e3135b6514bc32551 Mon Sep 17 00:00:00 2001
From: Rosanna Milner <rosanna.milner@sheffield.ac.uk>
Date: Wed, 4 Feb 2026 14:53:21 +0000
Subject: [PATCH 10/36] for text exists or not, change from a checkmark and 0
 to a dot indicator

---
 .../AssistantScrapeResults/AssistantSummary.jsx | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
index 9ed213248..427b87377 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
@@ -37,8 +37,9 @@ const SummaryIcon = ({
   keyword,
   onClick,
   loading,
+  useDotIndicator,
 }) => {
-  const disabled = loading || value === 0 || value === "0";
+  const disabled = loading || value === 0 || value === false;
 
   const handleClick = () => {
     if (disabled) return;
@@ -96,6 +97,15 @@ const SummaryIcon = ({
             >
               {loading ? (
                 <CircularProgress size={24} />
+              ) : useDotIndicator ? (
+                <Box
+                  sx={{
+                    width: 12,
+                    height: 12,
+                    borderRadius: "50%",
+                    bgcolor: disabled ? "action.disabled" : "primary.main",
+                  }}
+                />
               ) : (
                 <Typography variant="h6" color={displayColor}>
                   {value}
@@ -182,7 +192,7 @@ const AssistantSummary = () => {
   const imageCount = imageList?.length || 0;
   const videoCount = videoList?.length || 0;
   const commentsCount = collectedComments?.length || 0;
-  const textCount = text ? "✓" : 0;
+  const hasText = !!text;
   const namedEntityCount = neResultCount?.length || 0;
   const linksCount = linkList?.length || 0;
 
@@ -247,9 +257,10 @@ const AssistantSummary = () => {
       <SummaryIcon
         icon={ArticleOutlinedIcon}
         label="text_title"
-        value={textCount}
+        value={hasText}
         targetId="credibility-signals"
         keyword={keyword}
+        useDotIndicator
       />
       <SummaryIcon
         icon={LabelOutlinedIcon}

From 34980cd4022e8da30a13ad86ee31ee1726515aa1 Mon Sep 17 00:00:00 2001
From: Rosanna Milner <rosanna.milner@sheffield.ac.uk>
Date: Wed, 4 Feb 2026 15:05:16 +0000
Subject: [PATCH 11/36] changed from iconbutton to buttonbase

---
 .../AssistantSummary.jsx                      | 110 +++++++++---------
 1 file changed, 53 insertions(+), 57 deletions(-)

diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
index 427b87377..80a7cc93b 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
@@ -2,9 +2,8 @@ import React from "react";
 import { useDispatch, useSelector } from "react-redux";
 
 import Box from "@mui/material/Box";
-import Card from "@mui/material/Card";
+import ButtonBase from "@mui/material/ButtonBase";
 import CircularProgress from "@mui/material/CircularProgress";
-import IconButton from "@mui/material/IconButton";
 import Stack from "@mui/material/Stack";
 import SvgIcon from "@mui/material/SvgIcon";
 import Tooltip from "@mui/material/Tooltip";
@@ -42,7 +41,6 @@ const SummaryIcon = ({
   const disabled = loading || value === 0 || value === false;
 
   const handleClick = () => {
-    if (disabled) return;
     if (onClick) {
       onClick();
     }
@@ -52,70 +50,68 @@ const SummaryIcon = ({
   const displayColor = disabled ? "disabled" : color || "primary";
 
   return (
-    <Card
-      variant="outlined"
-      sx={{
-        opacity: disabled ? 0.5 : 1,
-        "&:hover": {
-          borderColor: disabled ? "divider" : "primary.main",
-        },
-      }}
-    >
-      <Tooltip title={keyword(label)}>
+    <Tooltip title={keyword(label)}>
+      <ButtonBase
+        onClick={handleClick}
+        disabled={disabled}
+        sx={{
+          display: "flex",
+          flexDirection: "row",
+          alignItems: "center",
+          gap: 1,
+          px: 2,
+          py: 1,
+          borderRadius: 1,
+          bgcolor: "background.paper",
+          boxShadow: 1,
+          transition: "all 0.2s ease-in-out",
+          opacity: disabled ? 0.5 : 1,
+          "&:hover": {
+            bgcolor: "action.hover",
+            boxShadow: 3,
+          },
+          "&:active": {
+            bgcolor: "action.selected",
+          },
+        }}
+      >
+        {svgIcon ? (
+          <SvgIcon
+            component={svgIcon}
+            fontSize="large"
+            color={displayColor}
+            inheritViewBox
+          />
+        ) : (
+          <Icon fontSize="large" color={displayColor} />
+        )}
         <Box
           sx={{
+            minWidth: 40,
             display: "flex",
-            flexDirection: "row",
+            justifyContent: "center",
             alignItems: "center",
-            gap: 1,
-            p: 1,
           }}
         >
-          <IconButton
-            onClick={handleClick}
-            disabled={disabled}
-            color="primary"
-            sx={{ gap: 1 }}
-          >
-            {svgIcon ? (
-              <SvgIcon
-                component={svgIcon}
-                fontSize="large"
-                color={displayColor}
-                inheritViewBox
-              />
-            ) : (
-              <Icon fontSize="large" color={displayColor} />
-            )}
+          {loading ? (
+            <CircularProgress size={24} />
+          ) : useDotIndicator ? (
             <Box
               sx={{
-                minWidth: 40,
-                display: "flex",
-                justifyContent: "center",
-                alignItems: "center",
+                width: 12,
+                height: 12,
+                borderRadius: "50%",
+                bgcolor: disabled ? "action.disabled" : "primary.main",
               }}
-            >
-              {loading ? (
-                <CircularProgress size={24} />
-              ) : useDotIndicator ? (
-                <Box
-                  sx={{
-                    width: 12,
-                    height: 12,
-                    borderRadius: "50%",
-                    bgcolor: disabled ? "action.disabled" : "primary.main",
-                  }}
-                />
-              ) : (
-                <Typography variant="h6" color={displayColor}>
-                  {value}
-                </Typography>
-              )}
-            </Box>
-          </IconButton>
+            />
+          ) : (
+            <Typography variant="h6" color={displayColor}>
+              {value}
+            </Typography>
+          )}
         </Box>
-      </Tooltip>
-    </Card>
+      </ButtonBase>
+    </Tooltip>
   );
 };
 

From 933420b13b52068ca86372614addc59aa8b48316 Mon Sep 17 00:00:00 2001
From: Rosanna Milner <rosanna.milner@sheffield.ac.uk>
Date: Wed, 4 Mar 2026 13:09:42 +0000
Subject: [PATCH 12/36] ner labels match

---
 .../Assistant/AssistantCheckResults/AssistantNEResult.jsx     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/NavItems/Assistant/AssistantCheckResults/AssistantNEResult.jsx b/src/components/NavItems/Assistant/AssistantCheckResults/AssistantNEResult.jsx
index 27ac344ec..e01842a5a 100644
--- a/src/components/NavItems/Assistant/AssistantCheckResults/AssistantNEResult.jsx
+++ b/src/components/NavItems/Assistant/AssistantCheckResults/AssistantNEResult.jsx
@@ -16,7 +16,7 @@ import Tooltip from "@mui/material/Tooltip";
 import Typography from "@mui/material/Typography";
 
 import HelpOutlineOutlinedIcon from "@mui/icons-material/HelpOutlineOutlined";
-import LabelIcon from "@mui/icons-material/Label";
+import LabelOutlinedIcon from "@mui/icons-material/LabelOutlined";
 
 import { i18nLoadNamespace } from "@/components/Shared/Languages/i18nLoadNamespace";
 import useMyStyles from "@/components/Shared/MaterialUiStyles/useMyStyles";
@@ -135,7 +135,7 @@ const AssistantNEResult = () => {
           className={classes.assistantCardHeader}
           title={
             <Box sx={{ display: "flex", alignItems: "center", gap: 1 }}>
-              <LabelIcon color="primary" />
+              <LabelOutlinedIcon color="primary" />
               {keyword("named_entity_title")}
             </Box>
           }

From 340006a7c9bc8ba1375ed09fa273096c3647fe7f Mon Sep 17 00:00:00 2001
From: Rosanna Milner <rosanna.milner@sheffield.ac.uk>
Date: Wed, 4 Mar 2026 13:11:03 +0000
Subject: [PATCH 13/36] add tab index to redux to navigate to persuasion
 techniques and machine generated text

---
 .../AssistantScrapeResults/AssistantTextResult.jsx         | 5 +++--
 src/redux/actions/tools/assistantActions.jsx               | 7 +++++++
 src/redux/reducers/assistantReducer.jsx                    | 5 +++++
 3 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantTextResult.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantTextResult.jsx
index ebab1e76a..a0e209042 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantTextResult.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantTextResult.jsx
@@ -27,6 +27,7 @@ import { i18nLoadNamespace } from "@/components/Shared/Languages/i18nLoadNamespa
 import useMyStyles from "@/components/Shared/MaterialUiStyles/useMyStyles";
 import {
   setImportantSentenceThreshold,
+  setTextTabIndex,
   setWarningExpanded,
 } from "@/redux/actions/tools/assistantActions";
 
@@ -138,9 +139,9 @@ const AssistantTextResult = () => {
   const textBox = document.getElementById("element-to-check");
   const [expanded, setExpanded] = useState(false);
   const [displayOrigLang, setDisplayOrigLang] = useState(true);
-  const [textTabIndex, setTextTabIndex] = useState(0);
+  const textTabIndex = useSelector((state) => state.assistant.textTabIndex);
   const handleTabChange = (event, newValue) => {
-    setTextTabIndex(newValue);
+    dispatch(setTextTabIndex(newValue));
     // reset slider value on tab change to 80
     dispatch(setImportantSentenceThreshold(80));
   };
diff --git a/src/redux/actions/tools/assistantActions.jsx b/src/redux/actions/tools/assistantActions.jsx
index 887097e9b..15112b828 100644
--- a/src/redux/actions/tools/assistantActions.jsx
+++ b/src/redux/actions/tools/assistantActions.jsx
@@ -389,6 +389,13 @@ export const setImportantSentenceThreshold = (threshold) => {
   };
 };
 
+export const setTextTabIndex = (index) => {
+  return {
+    type: "SET_TEXT_TAB_INDEX",
+    payload: { textTabIndex: index },
+  };
+};
+
 export const setCurrentLabel = (currentLabel) => {
   return {
     type: "SET_CURRENT_LABEL",
diff --git a/src/redux/reducers/assistantReducer.jsx b/src/redux/reducers/assistantReducer.jsx
index 9f62845ab..0386c672f 100644
--- a/src/redux/reducers/assistantReducer.jsx
+++ b/src/redux/reducers/assistantReducer.jsx
@@ -92,6 +92,8 @@ const defaultState = {
 
   importantSentenceThreshold: 80,
 
+  textTabIndex: 0,
+
   currentLabel: null,
 };
 
@@ -123,6 +125,7 @@ const assistantReducer = (state = defaultState, action) => {
     case "SET_WARNING_EXPANDED":
     case "SET_ASSURANCE_EXPANDED":
     case "SET_STATE_EXPANDED":
+    case "SET_TEXT_TAB_INDEX":
     case "SUBMIT_UPLOAD":
       return Object.assign({}, state, action.payload);
 
@@ -234,6 +237,8 @@ const assistantReducer = (state = defaultState, action) => {
 
         importantSentenceThreshold: 80,
 
+        textTabIndex: 0,
+
         currentLabel: null,
       };
 

From ad1624ae5d8abb848c4db4e34782f83bbd69f6ff Mon Sep 17 00:00:00 2001
From: Rosanna Milner <rosanna.milner@sheffield.ac.uk>
Date: Wed, 4 Mar 2026 13:11:37 +0000
Subject: [PATCH 14/36] add arcsLength to configs for backend so the thresholds
 can be used in AssistantSummary easily

---
 .../AssistantScrapeResults/AssistantTextClassification.jsx    | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantTextClassification.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantTextClassification.jsx
index 87d328f2e..488a40680 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantTextClassification.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantTextClassification.jsx
@@ -57,6 +57,8 @@ export default function AssistantTextClassification({
       "likely_machine",
       "highly_likely_machine",
     ],
+    // machine generated text arc lengths: [highly_likely_human, likely_human, likely_machine, highly_likely_machine]
+    arcsLength: [0.05, 0.45, 0.45, 0.05],
     // news framing
     newsFramingConfidenceThreshold: 0.8,
     // news genre
@@ -241,7 +243,7 @@ export default function AssistantTextClassification({
                 }
                 resolvedMode={resolvedMode}
                 colours={resolvedMode === "dark" ? mgtColoursDark : mgtColours}
-                arcsLength={[0.05, 0.45, 0.45, 0.05]}
+                arcsLength={configs.arcsLength}
                 gaugeLabels={["gauge_no_detection", "gauge_detection"]}
                 orderedCategories={orderedCategories}
                 credibilitySignal={credibilitySignal}

From 4131b460d6f3c98699179899214ddf611faf0b79 Mon Sep 17 00:00:00 2001
From: Rosanna Milner <rosanna.milner@sheffield.ac.uk>
Date: Wed, 4 Mar 2026 13:14:59 +0000
Subject: [PATCH 15/36] reworked buttons to be in groups and change to orange
 when deemed to be a warning sign

---
 .../AssistantSummary.jsx                      | 453 ++++++++++++------
 1 file changed, 312 insertions(+), 141 deletions(-)

diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
index 80a7cc93b..ff5045a30 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
@@ -3,26 +3,31 @@ import { useDispatch, useSelector } from "react-redux";
 
 import Box from "@mui/material/Box";
 import ButtonBase from "@mui/material/ButtonBase";
+import Card from "@mui/material/Card";
+import CardContent from "@mui/material/CardContent";
+import CardHeader from "@mui/material/CardHeader";
 import CircularProgress from "@mui/material/CircularProgress";
 import Stack from "@mui/material/Stack";
 import SvgIcon from "@mui/material/SvgIcon";
 import Tooltip from "@mui/material/Tooltip";
 import Typography from "@mui/material/Typography";
 
-import ArticleOutlinedIcon from "@mui/icons-material/ArticleOutlined";
 import CommentOutlinedIcon from "@mui/icons-material/CommentOutlined";
 import FindInPageOutlinedIcon from "@mui/icons-material/FindInPageOutlined";
 import LabelOutlinedIcon from "@mui/icons-material/LabelOutlined";
 import LinkOutlinedIcon from "@mui/icons-material/LinkOutlined";
+import RecordVoiceOverOutlinedIcon from "@mui/icons-material/RecordVoiceOverOutlined";
+import SmartToyOutlinedIcon from "@mui/icons-material/SmartToyOutlined";
 import WarningAmberOutlinedIcon from "@mui/icons-material/WarningAmberOutlined";
 
 import ImageIcon from "@/components/NavBar/images/SVG/Image/Images.svg";
 import VideoIcon from "@/components/NavBar/images/SVG/Video/Video.svg";
 import { scrollToElement } from "@/components/NavItems/Assistant/AssistantScrapeResults/assistantUtils";
 import { i18nLoadNamespace } from "@/components/Shared/Languages/i18nLoadNamespace";
-import { KNOWN_LINKS } from "@/constants/tools";
+import useMyStyles from "@/components/Shared/MaterialUiStyles/useMyStyles";
 import {
   setAssuranceExpanded,
+  setTextTabIndex,
   setWarningExpanded,
 } from "@/redux/actions/tools/assistantActions";
 
@@ -37,6 +42,8 @@ const SummaryIcon = ({
   onClick,
   loading,
   useDotIndicator,
+  valueIcon: ValueIcon,
+  valueIconColor,
 }) => {
   const disabled = loading || value === 0 || value === false;
 
@@ -51,72 +58,80 @@ const SummaryIcon = ({
 
   return (
     <Tooltip title={keyword(label)}>
-      <ButtonBase
-        onClick={handleClick}
-        disabled={disabled}
-        sx={{
-          display: "flex",
-          flexDirection: "row",
-          alignItems: "center",
-          gap: 1,
-          px: 2,
-          py: 1,
-          borderRadius: 1,
-          bgcolor: "background.paper",
-          boxShadow: 1,
-          transition: "all 0.2s ease-in-out",
-          opacity: disabled ? 0.5 : 1,
-          "&:hover": {
-            bgcolor: "action.hover",
-            boxShadow: 3,
-          },
-          "&:active": {
-            bgcolor: "action.selected",
-          },
-        }}
-      >
-        {svgIcon ? (
-          <SvgIcon
-            component={svgIcon}
-            fontSize="large"
-            color={displayColor}
-            inheritViewBox
-          />
-        ) : (
-          <Icon fontSize="large" color={displayColor} />
-        )}
-        <Box
+      <span>
+        <ButtonBase
+          onClick={handleClick}
+          disabled={disabled}
           sx={{
-            minWidth: 40,
             display: "flex",
-            justifyContent: "center",
+            flexDirection: "row",
             alignItems: "center",
+            gap: 1,
+            px: 1.5,
+            py: 1,
+            borderRadius: 1,
+            bgcolor: "background.paper",
+            boxShadow: 1,
+            transition: "all 0.2s ease-in-out",
+            opacity: disabled ? 0.5 : 1,
+            "&:hover": {
+              bgcolor: "action.hover",
+              boxShadow: 3,
+            },
+            "&:active": {
+              bgcolor: "action.selected",
+            },
           }}
         >
-          {loading ? (
-            <CircularProgress size={24} />
-          ) : useDotIndicator ? (
-            <Box
-              sx={{
-                width: 12,
-                height: 12,
-                borderRadius: "50%",
-                bgcolor: disabled ? "action.disabled" : "primary.main",
-              }}
+          {svgIcon ? (
+            <SvgIcon
+              component={svgIcon}
+              fontSize="large"
+              color={displayColor}
+              inheritViewBox
             />
           ) : (
-            <Typography variant="h6" color={displayColor}>
-              {value}
-            </Typography>
+            <Icon fontSize="large" color={displayColor} />
           )}
-        </Box>
-      </ButtonBase>
+          <Box
+            sx={{
+              minWidth: 40,
+              display: "flex",
+              justifyContent: "center",
+              alignItems: "center",
+            }}
+          >
+            {loading ? (
+              <CircularProgress size={24} />
+            ) : ValueIcon ? (
+              <ValueIcon
+                fontSize="small"
+                color={valueIconColor || displayColor}
+              />
+            ) : useDotIndicator ? (
+              <Box
+                sx={{
+                  width: 12,
+                  height: 12,
+                  borderRadius: "50%",
+                  bgcolor: disabled ? "action.disabled" : "primary.main",
+                }}
+              />
+            ) : (
+              <Typography variant="h6" color={displayColor}>
+                {value}
+              </Typography>
+            )}
+          </Box>
+        </ButtonBase>
+      </span>
     </Tooltip>
   );
 };
 
 const AssistantSummary = () => {
   const keyword = i18nLoadNamespace("components/NavItems/tools/Assistant");
+  const classes = useMyStyles();
   const dispatch = useDispatch();
 
   // warnings state
@@ -149,18 +164,37 @@ const AssistantSummary = () => {
   const collectedComments = useSelector(
     (state) => state.assistant.collectedComments,
   );
-
-  // text state
-  const text = useSelector((state) => state.assistant.urlText);
+  const multilingualStanceResult = useSelector(
+    (state) => state.assistant.multilingualStanceResult,
+  );
+  const multilingualStanceLoading = useSelector(
+    (state) => state.assistant.multilingualStanceLoading,
+  );
 
   // named entity state
   const neResultCount = useSelector((state) => state.assistant.neResultCount);
 
   // links state
   const linkList = useSelector((state) => state.assistant.linkList);
+  const extractedSourceCred = useSelector(
+    (state) => state.assistant.extractedSourceCred,
+  );
 
-  // url type state
-  const inputUrlType = useSelector((state) => state.assistant.inputUrlType);
+  // persuasion state
+  const persuasionResult = useSelector(
+    (state) => state.assistant.persuasionResult,
+  );
+  const persuasionLoading = useSelector(
+    (state) => state.assistant.persuasionLoading,
+  );
+
+  // machine generated text state
+  const machineGeneratedTextChunksResult = useSelector(
+    (state) => state.assistant.machineGeneratedTextChunksResult,
+  );
+  const machineGeneratedTextChunksLoading = useSelector(
+    (state) => state.assistant.machineGeneratedTextChunksLoading,
+  );
 
   // loading states
   const inputSCLoading = useSelector((state) => state.assistant.inputSCLoading);
@@ -188,92 +222,229 @@ const AssistantSummary = () => {
   const imageCount = imageList?.length || 0;
   const videoCount = videoList?.length || 0;
   const commentsCount = collectedComments?.length || 0;
-  const hasText = !!text;
+  const denyCommentsCount = multilingualStanceResult
+    ? (collectedComments || []).filter(
+        (c) => multilingualStanceResult[c.id]?.stance === "deny",
+      ).length
+    : 0;
+  const queryCommentsCount = multilingualStanceResult
+    ? (collectedComments || []).filter(
+        (c) => multilingualStanceResult[c.id]?.stance === "query",
+      ).length
+    : 0;
   const namedEntityCount = neResultCount?.length || 0;
   const linksCount = linkList?.length || 0;
+  const credDomains = extractedSourceCred?.domain
+    ? Object.values(extractedSourceCred.domain)
+    : [];
+  const cautionOrMixedLinksCount = new Set(
+    credDomains.filter((d) => d.caution || d.mixed).flatMap((d) => d.url || []),
+  ).size;
+
+  // persuasion count: total spans belonging to Red_Herring or Manipulative_Wording categories
+  // technique keys follow the "Category__Technique" format
+  const persuasionCount = persuasionResult?.entities
+    ? Object.entries(persuasionResult.entities)
+        .filter(([label]) => {
+          const category = label.split("__")[0];
+          return (
+            category === "Red_Herring" || category === "Manipulative_Wording"
+          );
+        })
+        .reduce((total, [, spans]) => total + spans.length, 0)
+    : 0;
+
+  // MGT arc thresholds derived from backend configs (fallback matches default in AssistantTextClassification.jsx)
+  const mgtArcsLength = machineGeneratedTextChunksResult?.configs
+    ?.arcsLength ?? [0.05, 0.45, 0.45, 0.05];
+  const MGT_WARNING_THRESHOLD = mgtArcsLength[0] + mgtArcsLength[1];
+  const MGT_ERROR_THRESHOLD =
+    mgtArcsLength[0] + mgtArcsLength[1] + mgtArcsLength[2];
+
+  // MGT overall score (0 = human, 1 = machine); null when no result yet
+  const mgtScore =
+    machineGeneratedTextChunksResult?.entities?.mgt_overall_score?.[0]?.score ??
+    null;
+  // Represent as a percentage string so "0%" stays truthy (not disabled)
+  const mgtScoreValue =
+    mgtScore != null ? `${Math.round(mgtScore * 100)}%` : false;
 
   return (
-    <Stack
-      direction="row"
-      sx={{
-        justifyContent: "center",
-        flexWrap: "wrap",
-        gap: 2,
-      }}
-    >
-      <SummaryIcon
-        icon={WarningAmberOutlinedIcon}
-        label="warnings_title"
-        color={"warning"}
-        value={warningsCount}
-        targetId="warnings"
-        keyword={keyword}
-        onClick={() => dispatch(setWarningExpanded(true))}
-        loading={
-          dbkfTextMatchLoading || dbkfMediaMatchLoading || prevFactChecksLoading
-        }
-      />
-      <SummaryIcon
-        icon={FindInPageOutlinedIcon}
-        label="url_domain_analysis"
-        value={domainAnalysisCount}
-        targetId="url-domain-analysis"
-        keyword={keyword}
-        onClick={() => dispatch(setAssuranceExpanded(true))}
-        loading={inputSCLoading}
-      />
-      <SummaryIcon
-        svgIcon={ImageIcon}
-        label="images_label"
-        value={imageCount}
-        targetId={
-          singleMediaPresent ? "url-media-results" : "assistant-image-results"
-        }
-        keyword={keyword}
-      />
-      <SummaryIcon
-        svgIcon={VideoIcon}
-        label="videos_label"
-        value={videoCount}
-        targetId={
-          singleMediaPresent ? "url-media-results" : "assistant-video-results"
-        }
-        keyword={keyword}
-      />
-      {(inputUrlType === KNOWN_LINKS.YOUTUBE ||
-        inputUrlType === KNOWN_LINKS.YOUTUBESHORTS) && (
-        <SummaryIcon
-          icon={CommentOutlinedIcon}
-          label="collected_comments_title"
-          value={commentsCount}
-          targetId="assistant-collected-comments"
-          keyword={keyword}
-        />
-      )}
-      <SummaryIcon
-        icon={ArticleOutlinedIcon}
-        label="text_title"
-        value={hasText}
-        targetId="credibility-signals"
-        keyword={keyword}
-        useDotIndicator
-      />
-      <SummaryIcon
-        icon={LabelOutlinedIcon}
-        label="named_entity_title"
-        value={namedEntityCount}
-        targetId="named-entity-results"
-        keyword={keyword}
-        loading={neLoading}
-      />
-      <SummaryIcon
-        icon={LinkOutlinedIcon}
-        label="extracted_urls_url_domain_analysis"
-        value={linksCount}
-        targetId="extracted-urls"
-        keyword={keyword}
-      />
-    </Stack>
+    <Card variant="outlined">
+      <CardHeader className={classes.assistantCardHeader} title="Summary" />
+      <CardContent>
+        <Stack
+          direction="row"
+          gap={3}
+          alignItems="flex-start"
+          justifyContent="center"
+        >
+          {/* url domain analysis group */}
+          <Stack direction="column" gap={0.5}>
+            <Typography
+              variant="body1"
+              color="text.secondary"
+              textAlign="center"
+            >
+              {keyword("Domain")}
+            </Typography>
+            <Stack direction="row" gap={1} justifyContent="center">
+              <SummaryIcon
+                icon={FindInPageOutlinedIcon}
+                label="url_domain_analysis"
+                color={
+                  cautionSourceCred || mixedSourceCred ? "warning" : undefined
+                }
+                value={domainAnalysisCount}
+                targetId="url-domain-analysis"
+                keyword={keyword}
+                onClick={() => dispatch(setAssuranceExpanded(true))}
+                loading={inputSCLoading}
+              />
+            </Stack>
+          </Stack>
+
+          {/* warnings group */}
+          <Stack direction="column" gap={0.5}>
+            <Typography
+              variant="body1"
+              color="text.secondary"
+              textAlign="center"
+            >
+              {keyword("Fact-checks")}
+            </Typography>
+            <Stack direction="row" gap={1} justifyContent="center">
+              <SummaryIcon
+                icon={WarningAmberOutlinedIcon}
+                label="warnings_title"
+                color={"warning"}
+                value={warningsCount}
+                targetId="warnings"
+                keyword={keyword}
+                onClick={() => dispatch(setWarningExpanded(true))}
+                loading={
+                  dbkfTextMatchLoading ||
+                  dbkfMediaMatchLoading ||
+                  prevFactChecksLoading
+                }
+              />
+            </Stack>
+          </Stack>
+
+          {/* media group */}
+          <Stack direction="column" gap={0.5}>
+            <Typography
+              variant="body1"
+              color="text.secondary"
+              textAlign="center"
+            >
+              {keyword("Media")}
+            </Typography>
+            <Stack direction="row" gap={1} justifyContent="center">
+              <SummaryIcon
+                svgIcon={ImageIcon}
+                label="images_label"
+                value={imageCount}
+                targetId={
+                  singleMediaPresent
+                    ? "url-media-results"
+                    : "assistant-image-results"
+                }
+                keyword={keyword}
+              />
+              <SummaryIcon
+                svgIcon={VideoIcon}
+                label="videos_label"
+                value={videoCount}
+                targetId={
+                  singleMediaPresent
+                    ? "url-media-results"
+                    : "assistant-video-results"
+                }
+                keyword={keyword}
+              />
+            </Stack>
+          </Stack>
+
+          {/* text group */}
+          <Stack direction="column" gap={0.5}>
+            <Typography
+              variant="body1"
+              color="text.secondary"
+              textAlign="center"
+            >
+              {keyword("Text")}
+            </Typography>
+            <Stack direction="row" gap={1} justifyContent="center">
+              <SummaryIcon
+                icon={RecordVoiceOverOutlinedIcon}
+                label="persuasion_techniques_title"
+                color="warning"
+                value={persuasionCount}
+                targetId="credibility-signals"
+                keyword={keyword}
+                onClick={() => dispatch(setTextTabIndex(3))}
+                loading={persuasionLoading}
+              />
+              <SummaryIcon
+                icon={SmartToyOutlinedIcon}
+                label="machine_generated_text_title"
+                color={
+                  mgtScore != null && mgtScore >= MGT_ERROR_THRESHOLD
+                    ? "error"
+                    : mgtScore != null && mgtScore >= MGT_WARNING_THRESHOLD
+                      ? "warning"
+                      : undefined
+                }
+                value={mgtScoreValue}
+                targetId="credibility-signals"
+                keyword={keyword}
+                onClick={() => dispatch(setTextTabIndex(5))}
+                loading={machineGeneratedTextChunksLoading}
+              />
+              <SummaryIcon
+                icon={LabelOutlinedIcon}
+                label="named_entity_title"
+                value={namedEntityCount}
+                targetId="named-entity-results"
+                keyword={keyword}
+                loading={neLoading}
+              />
+              <SummaryIcon
+                icon={LinkOutlinedIcon}
+                label="extracted_urls_url_domain_analysis"
+                loading={inputSCLoading}
+                color={cautionOrMixedLinksCount > 0 ? "warning" : undefined}
+                value={
+                  cautionOrMixedLinksCount > 0
+                    ? cautionOrMixedLinksCount
+                    : linksCount
+                }
+                targetId="extracted-urls"
+                keyword={keyword}
+              />
+              <SummaryIcon
+                icon={CommentOutlinedIcon}
+                label="collected_comments_title"
+                loading={multilingualStanceLoading}
+                color={
+                  denyCommentsCount + queryCommentsCount > 0
+                    ? "warning"
+                    : undefined
+                }
+                value={
+                  denyCommentsCount + queryCommentsCount > 0
+                    ? denyCommentsCount + queryCommentsCount
+                    : commentsCount
+                }
+                targetId="assistant-collected-comments"
+                keyword={keyword}
+              />
+            </Stack>
+          </Stack>
+        </Stack>
+      </CardContent>
+    </Card>
   );
 };
 export default AssistantSummary;

From 3012bd61b5302aaabe35e31892b9a7d09a3086d1 Mon Sep 17 00:00:00 2001
From: Rosanna Milner <rosanna.milner@sheffield.ac.uk>
Date: Wed, 4 Mar 2026 13:29:56 +0000
Subject: [PATCH 16/36] if user clicks on image or video button, naviaget to
 correct section and open accordion

---
 .../AssistantMediaResult.jsx                  | 29 ++++++++++++++++---
 .../AssistantSummary.jsx                      | 20 ++++---------
 src/redux/actions/tools/assistantActions.jsx  | 18 ++++++++++++
 src/redux/reducers/assistantReducer.jsx       |  6 ++++
 4 files changed, 55 insertions(+), 18 deletions(-)

diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantMediaResult.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantMediaResult.jsx
index b6c53db3f..a3e78af61 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantMediaResult.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantMediaResult.jsx
@@ -31,8 +31,10 @@ import useMyStyles from "@/components/Shared/MaterialUiStyles/useMyStyles";
 import VideoGridList from "@/components/Shared/VideoGridList/VideoGridList";
 import { TOOLS_CATEGORIES } from "@/constants/tools";
 import {
+  setImageResultsExpanded,
   setProcessUrl,
   setStateExpanded,
+  setVideoResultsExpanded,
   setWarningExpanded,
 } from "@/redux/actions/tools/assistantActions";
 
@@ -70,6 +72,13 @@ const AssistantMediaResult = ({ title = null }) => {
   const dbkfImageMatch = useSelector((state) => state.assistant.dbkfImageMatch);
   const dbkfVideoMatch = useSelector((state) => state.assistant.dbkfVideoMatch);
 
+  const imageResultsExpanded = useSelector(
+    (state) => state.assistant.imageResultsExpanded,
+  );
+  const videoResultsExpanded = useSelector(
+    (state) => state.assistant.videoResultsExpanded,
+  );
+
   const warningExpanded = useSelector(
     (state) => state.assistant.warningExpanded,
   );
@@ -220,7 +229,7 @@ const AssistantMediaResult = ({ title = null }) => {
         ) : null}
         {processUrl !== null ? (
           resultIsImage ? (
-            <Grid container spacing={2}>
+            <Grid container spacing={2} id="assistant-image-results">
               <Grid size={6}>
                 <AssistantImageResult />
               </Grid>
@@ -229,7 +238,7 @@ const AssistantMediaResult = ({ title = null }) => {
               </Grid>
             </Grid>
           ) : (
-            <Grid container spacing={2}>
+            <Grid container spacing={2} id="assistant-video-results">
               <Grid size={6}>
                 <AssistantVideoResult />
               </Grid>
@@ -246,7 +255,13 @@ const AssistantMediaResult = ({ title = null }) => {
           <CardContent style={{ wordBreak: "break-word" }}>
             {/* image list */}
             {filteredImageList.length > 0 ? (
-              <Accordion defaultExpanded id="assistant-image-results">
+              <Accordion
+                expanded={imageResultsExpanded}
+                onChange={(_, expanded) =>
+                  dispatch(setImageResultsExpanded(expanded))
+                }
+                id="assistant-image-results"
+              >
                 <AccordionSummary expandIcon={<ExpandMoreIcon />}>
                   <Box sx={{ display: "flex", alignItems: "center", gap: 1 }}>
                     <SvgIcon
@@ -274,7 +289,13 @@ const AssistantMediaResult = ({ title = null }) => {
 
             {/* video list */}
             {videoList.length > 0 ? (
-              <Accordion defaultExpanded id="assistant-video-results">
+              <Accordion
+                expanded={videoResultsExpanded}
+                onChange={(_, expanded) =>
+                  dispatch(setVideoResultsExpanded(expanded))
+                }
+                id="assistant-video-results"
+              >
                 <AccordionSummary expandIcon={<ExpandMoreIcon />}>
                   <Box sx={{ display: "flex", alignItems: "center", gap: 1 }}>
                     <SvgIcon
diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
index ff5045a30..1ba7da0fc 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
@@ -27,7 +27,9 @@ import { i18nLoadNamespace } from "@/components/Shared/Languages/i18nLoadNamespa
 import useMyStyles from "@/components/Shared/MaterialUiStyles/useMyStyles";
 import {
   setAssuranceExpanded,
+  setImageResultsExpanded,
   setTextTabIndex,
+  setVideoResultsExpanded,
   setWarningExpanded,
 } from "@/redux/actions/tools/assistantActions";
 
@@ -156,10 +158,6 @@ const AssistantSummary = () => {
   // media state
   const imageList = useSelector((state) => state.assistant.imageList);
   const videoList = useSelector((state) => state.assistant.videoList);
-  const singleMediaPresent = useSelector(
-    (state) => state.assistant.singleMediaPresent,
-  );
-
   // comments state
   const collectedComments = useSelector(
     (state) => state.assistant.collectedComments,
@@ -345,23 +343,17 @@ const AssistantSummary = () => {
                 svgIcon={ImageIcon}
                 label="images_label"
                 value={imageCount}
-                targetId={
-                  singleMediaPresent
-                    ? "url-media-results"
-                    : "assistant-image-results"
-                }
+                targetId="assistant-image-results"
                 keyword={keyword}
+                onClick={() => dispatch(setImageResultsExpanded(true))}
               />
               <SummaryIcon
                 svgIcon={VideoIcon}
                 label="videos_label"
                 value={videoCount}
-                targetId={
-                  singleMediaPresent
-                    ? "url-media-results"
-                    : "assistant-video-results"
-                }
+                targetId="assistant-video-results"
                 keyword={keyword}
+                onClick={() => dispatch(setVideoResultsExpanded(true))}
               />
             </Stack>
           </Stack>
diff --git a/src/redux/actions/tools/assistantActions.jsx b/src/redux/actions/tools/assistantActions.jsx
index 15112b828..0a244e691 100644
--- a/src/redux/actions/tools/assistantActions.jsx
+++ b/src/redux/actions/tools/assistantActions.jsx
@@ -330,6 +330,24 @@ export const setSingleMediaPresent = (singleMediaPresent) => {
   };
 };
 
+export const setImageResultsExpanded = (imageResultsExpanded) => {
+  return {
+    type: "SET_IMAGE_RESULTS_EXPANDED",
+    payload: {
+      imageResultsExpanded: imageResultsExpanded,
+    },
+  };
+};
+
+export const setVideoResultsExpanded = (videoResultsExpanded) => {
+  return {
+    type: "SET_VIDEO_RESULTS_EXPANDED",
+    payload: {
+      videoResultsExpanded: videoResultsExpanded,
+    },
+  };
+};
+
 export const setWarningExpanded = (warningExpanded) => {
   return {
     type: "SET_WARNING_EXPANDED",
diff --git a/src/redux/reducers/assistantReducer.jsx b/src/redux/reducers/assistantReducer.jsx
index 0386c672f..7fae806c4 100644
--- a/src/redux/reducers/assistantReducer.jsx
+++ b/src/redux/reducers/assistantReducer.jsx
@@ -89,6 +89,8 @@ const defaultState = {
   warningExpanded: false,
   assuranceExpanded: false,
   stateExpanded: false,
+  imageResultsExpanded: true,
+  videoResultsExpanded: true,
 
   importantSentenceThreshold: 80,
 
@@ -125,6 +127,8 @@ const assistantReducer = (state = defaultState, action) => {
     case "SET_WARNING_EXPANDED":
     case "SET_ASSURANCE_EXPANDED":
     case "SET_STATE_EXPANDED":
+    case "SET_IMAGE_RESULTS_EXPANDED":
+    case "SET_VIDEO_RESULTS_EXPANDED":
     case "SET_TEXT_TAB_INDEX":
     case "SUBMIT_UPLOAD":
       return Object.assign({}, state, action.payload);
@@ -234,6 +238,8 @@ const assistantReducer = (state = defaultState, action) => {
         warningExpanded: false,
         assuranceExpanded: false,
         stateExpanded: false,
+        imageResultsExpanded: true,
+        videoResultsExpanded: true,
 
         importantSentenceThreshold: 80,
 

From 0fc12e837ae27f69091a7fc37df3406dd6748b88 Mon Sep 17 00:00:00 2001
From: Rosanna Milner <rosanna.milner@sheffield.ac.uk>
Date: Wed, 4 Mar 2026 13:30:51 +0000
Subject: [PATCH 17/36] remove unused icons and correctly check source cred
 length for falsy

---
 .../AssistantSummary.jsx                      | 21 +++----------------
 1 file changed, 3 insertions(+), 18 deletions(-)

diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
index 1ba7da0fc..3ca413d98 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
@@ -43,9 +43,6 @@ const SummaryIcon = ({
   keyword,
   onClick,
   loading,
-  useDotIndicator,
-  valueIcon: ValueIcon,
-  valueIconColor,
 }) => {
   const disabled = loading || value === 0 || value === false;
 
@@ -105,20 +102,6 @@ const SummaryIcon = ({
           >
             {loading ? (
               <CircularProgress size={24} />
-            ) : ValueIcon ? (
-              <ValueIcon
-                fontSize="small"
-                color={valueIconColor || displayColor}
-              />
-            ) : useDotIndicator ? (
-              <Box
-                sx={{
-                  width: 12,
-                  height: 12,
-                  borderRadius: "50%",
-                  bgcolor: disabled ? "action.disabled" : "primary.main",
-                }}
-              />
             ) : (
               <Typography variant="h6" color={displayColor}>
                 {value}
@@ -291,7 +274,9 @@ const AssistantSummary = () => {
                 icon={FindInPageOutlinedIcon}
                 label="url_domain_analysis"
                 color={
-                  cautionSourceCred || mixedSourceCred ? "warning" : undefined
+                  cautionSourceCred?.length || mixedSourceCred?.length
+                    ? "warning"
+                    : undefined
                 }
                 value={domainAnalysisCount}
                 targetId="url-domain-analysis"

From ac13c5be1f0d9acacca894eaa6ad742dc7f33892 Mon Sep 17 00:00:00 2001
From: Rosanna Milner <rosanna.milner@sheffield.ac.uk>
Date: Wed, 4 Mar 2026 13:51:07 +0000
Subject: [PATCH 18/36] set machine generated text to 0% when disabled

---
 .../Assistant/AssistantScrapeResults/AssistantSummary.jsx  | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
index 3ca413d98..7c2679f23 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
@@ -43,8 +43,9 @@ const SummaryIcon = ({
   keyword,
   onClick,
   loading,
+  disabled: disabledProp,
 }) => {
-  const disabled = loading || value === 0 || value === false;
+  const disabled = disabledProp || loading || value === 0 || value === false;
 
   const handleClick = () => {
     if (onClick) {
@@ -246,9 +247,8 @@ const AssistantSummary = () => {
   const mgtScore =
     machineGeneratedTextChunksResult?.entities?.mgt_overall_score?.[0]?.score ??
     null;
-  // Represent as a percentage string so "0%" stays truthy (not disabled)
   const mgtScoreValue =
-    mgtScore != null ? `${Math.round(mgtScore * 100)}%` : false;
+    mgtScore != null ? `${Math.round(mgtScore * 100)}%` : "0%";
 
   return (
     <Card variant="outlined">
@@ -374,6 +374,7 @@ const AssistantSummary = () => {
                       : undefined
                 }
                 value={mgtScoreValue}
+                disabled={mgtScore === null}
                 targetId="credibility-signals"
                 keyword={keyword}
                 onClick={() => dispatch(setTextTabIndex(5))}

From 5a581144eda154351522329073434f9c3ccc3fc2 Mon Sep 17 00:00:00 2001
From: Rosanna Milner <rosanna.milner@sheffield.ac.uk>
Date: Wed, 4 Mar 2026 13:51:54 +0000
Subject: [PATCH 19/36] match colour of text to that of subheader in
 AssistantMediaResult

---
 .../AssistantSummary.jsx                      | 24 ++++---------------
 1 file changed, 4 insertions(+), 20 deletions(-)

diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
index 7c2679f23..88a4327e1 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
@@ -262,11 +262,7 @@ const AssistantSummary = () => {
         >
           {/* url domain analysis group */}
           <Stack direction="column" gap={0.5}>
-            <Typography
-              variant="body1"
-              color="text.secondary"
-              textAlign="center"
-            >
+            <Typography variant="body2" color="text.primary" textAlign="center">
               {keyword("Domain")}
             </Typography>
             <Stack direction="row" gap={1} justifyContent="center">
@@ -289,11 +285,7 @@ const AssistantSummary = () => {
 
           {/* warnings group */}
           <Stack direction="column" gap={0.5}>
-            <Typography
-              variant="body1"
-              color="text.secondary"
-              textAlign="center"
-            >
+            <Typography variant="body2" color="text.primary" textAlign="center">
               {keyword("Fact-checks")}
             </Typography>
             <Stack direction="row" gap={1} justifyContent="center">
@@ -316,11 +308,7 @@ const AssistantSummary = () => {
 
           {/* media group */}
           <Stack direction="column" gap={0.5}>
-            <Typography
-              variant="body1"
-              color="text.secondary"
-              textAlign="center"
-            >
+            <Typography variant="body2" color="text.primary" textAlign="center">
               {keyword("Media")}
             </Typography>
             <Stack direction="row" gap={1} justifyContent="center">
@@ -345,11 +333,7 @@ const AssistantSummary = () => {
 
           {/* text group */}
           <Stack direction="column" gap={0.5}>
-            <Typography
-              variant="body1"
-              color="text.secondary"
-              textAlign="center"
-            >
+            <Typography variant="body2" color="text.primary" textAlign="center">
               {keyword("Text")}
             </Typography>
             <Stack direction="row" gap={1} justifyContent="center">

From 6b93ae811a8cc9af3ad8004c7cc3469904bafdfe Mon Sep 17 00:00:00 2001
From: Rosanna Milner <rosanna.milner@sheffield.ac.uk>
Date: Wed, 4 Mar 2026 13:57:46 +0000
Subject: [PATCH 20/36] all buttons move to next line when window resized

---
 .../AssistantSummary.jsx                      | 45 ++++++++++++++++---
 1 file changed, 40 insertions(+), 5 deletions(-)

diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
index 88a4327e1..478071669 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
@@ -37,6 +37,7 @@ const SummaryIcon = ({
   icon: Icon,
   svgIcon,
   label,
+  description,
   color,
   value,
   targetId,
@@ -57,7 +58,19 @@ const SummaryIcon = ({
   const displayColor = disabled ? "disabled" : color || "primary";
 
   return (
-    <Tooltip title={keyword(label)}>
+    <Tooltip
+      title={
+        description ? (
+          <>
+            {keyword(label)}
+            <br />
+            {keyword(description)}
+          </>
+        ) : (
+          keyword(label)
+        )
+      }
+    >
       <span>
         <ButtonBase
           onClick={handleClick}
@@ -259,13 +272,19 @@ const AssistantSummary = () => {
           gap={3}
           alignItems="flex-start"
           justifyContent="center"
+          flexWrap="wrap"
         >
           {/* url domain analysis group */}
           <Stack direction="column" gap={0.5}>
             <Typography variant="body2" color="text.primary" textAlign="center">
               {keyword("Domain")}
             </Typography>
-            <Stack direction="row" gap={1} justifyContent="center">
+            <Stack
+              direction="row"
+              gap={1}
+              justifyContent="center"
+              flexWrap="wrap"
+            >
               <SummaryIcon
                 icon={FindInPageOutlinedIcon}
                 label="url_domain_analysis"
@@ -288,7 +307,12 @@ const AssistantSummary = () => {
             <Typography variant="body2" color="text.primary" textAlign="center">
               {keyword("Fact-checks")}
             </Typography>
-            <Stack direction="row" gap={1} justifyContent="center">
+            <Stack
+              direction="row"
+              gap={1}
+              justifyContent="center"
+              flexWrap="wrap"
+            >
               <SummaryIcon
                 icon={WarningAmberOutlinedIcon}
                 label="warnings_title"
@@ -311,7 +335,12 @@ const AssistantSummary = () => {
             <Typography variant="body2" color="text.primary" textAlign="center">
               {keyword("Media")}
             </Typography>
-            <Stack direction="row" gap={1} justifyContent="center">
+            <Stack
+              direction="row"
+              gap={1}
+              justifyContent="center"
+              flexWrap="wrap"
+            >
               <SummaryIcon
                 svgIcon={ImageIcon}
                 label="images_label"
@@ -327,6 +356,7 @@ const AssistantSummary = () => {
                 targetId="assistant-video-results"
                 keyword={keyword}
                 onClick={() => dispatch(setVideoResultsExpanded(true))}
+                description="images_count_tooltip"
               />
             </Stack>
           </Stack>
@@ -336,7 +366,12 @@ const AssistantSummary = () => {
             <Typography variant="body2" color="text.primary" textAlign="center">
               {keyword("Text")}
             </Typography>
-            <Stack direction="row" gap={1} justifyContent="center">
+            <Stack
+              direction="row"
+              gap={1}
+              justifyContent="center"
+              flexWrap="wrap"
+            >
               <SummaryIcon
                 icon={RecordVoiceOverOutlinedIcon}
                 label="persuasion_techniques_title"

From 1039124e7275a9b9e17e1acf19ee1f7073795c12 Mon Sep 17 00:00:00 2001
From: Rosanna Milner <rosanna.milner@sheffield.ac.uk>
Date: Wed, 4 Mar 2026 15:49:33 +0000
Subject: [PATCH 21/36] added templates for the summary tooltips and moved
 persuasionTechniquesWarningCategories to backend config with list in tooltip

---
 .../AssistantSummary.jsx                      | 50 +++++++++++---
 .../NavItems/Assistant/TransComponents.jsx    | 69 +++++++++++++++++++
 2 files changed, 109 insertions(+), 10 deletions(-)

diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
index 478071669..87a14cb62 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
@@ -23,6 +23,12 @@ import WarningAmberOutlinedIcon from "@mui/icons-material/WarningAmberOutlined";
 import ImageIcon from "@/components/NavBar/images/SVG/Image/Images.svg";
 import VideoIcon from "@/components/NavBar/images/SVG/Video/Video.svg";
 import { scrollToElement } from "@/components/NavItems/Assistant/AssistantScrapeResults/assistantUtils";
+import {
+  TransSummaryCommentsTooltip,
+  TransSummaryDomainTooltip,
+  TransSummaryMgtTooltip,
+  TransSummaryPersuasionTooltip,
+} from "@/components/NavItems/Assistant/TransComponents";
 import { i18nLoadNamespace } from "@/components/Shared/Languages/i18nLoadNamespace";
 import useMyStyles from "@/components/Shared/MaterialUiStyles/useMyStyles";
 import {
@@ -38,6 +44,7 @@ const SummaryIcon = ({
   svgIcon,
   label,
   description,
+  descriptionNode,
   color,
   value,
   targetId,
@@ -57,14 +64,17 @@ const SummaryIcon = ({
 
   const displayColor = disabled ? "disabled" : color || "primary";
 
+  const tooltipDescription =
+    descriptionNode ?? (description ? keyword(description) : null);
+
   return (
     <Tooltip
       title={
-        description ? (
+        tooltipDescription ? (
           <>
             {keyword(label)}
             <br />
-            {keyword(description)}
+            {tooltipDescription}
           </>
         ) : (
           keyword(label)
@@ -236,16 +246,19 @@ const AssistantSummary = () => {
     credDomains.filter((d) => d.caution || d.mixed).flatMap((d) => d.url || []),
   ).size;
 
-  // persuasion count: total spans belonging to Red_Herring or Manipulative_Wording categories
+  // persuasion count: total spans belonging to warning categories
   // technique keys follow the "Category__Technique" format
+  // warningCategories is provided by the backend config; fallback to defaults if absent
+  const persuasionWarningCategories = persuasionResult?.configs
+    ?.persuasionTechniquesWarningCategories ?? [
+    "Red_Herring",
+    "Manipulative_Wording",
+  ];
   const persuasionCount = persuasionResult?.entities
     ? Object.entries(persuasionResult.entities)
-        .filter(([label]) => {
-          const category = label.split("__")[0];
-          return (
-            category === "Red_Herring" || category === "Manipulative_Wording"
-          );
-        })
+        .filter(([label]) =>
+          persuasionWarningCategories.includes(label.split("__")[0]),
+        )
         .reduce((total, [, spans]) => total + spans.length, 0)
     : 0;
 
@@ -288,6 +301,9 @@ const AssistantSummary = () => {
               <SummaryIcon
                 icon={FindInPageOutlinedIcon}
                 label="url_domain_analysis"
+                descriptionNode={
+                  <TransSummaryDomainTooltip keyword={keyword} />
+                }
                 color={
                   cautionSourceCred?.length || mixedSourceCred?.length
                     ? "warning"
@@ -316,6 +332,7 @@ const AssistantSummary = () => {
               <SummaryIcon
                 icon={WarningAmberOutlinedIcon}
                 label="warnings_title"
+                description="summary_factchecks_tooltip"
                 color={"warning"}
                 value={warningsCount}
                 targetId="warnings"
@@ -344,6 +361,7 @@ const AssistantSummary = () => {
               <SummaryIcon
                 svgIcon={ImageIcon}
                 label="images_label"
+                description="summary_images_tooltip"
                 value={imageCount}
                 targetId="assistant-image-results"
                 keyword={keyword}
@@ -352,11 +370,11 @@ const AssistantSummary = () => {
               <SummaryIcon
                 svgIcon={VideoIcon}
                 label="videos_label"
+                description="summary_videos_tooltip"
                 value={videoCount}
                 targetId="assistant-video-results"
                 keyword={keyword}
                 onClick={() => dispatch(setVideoResultsExpanded(true))}
-                description="images_count_tooltip"
               />
             </Stack>
           </Stack>
@@ -375,6 +393,12 @@ const AssistantSummary = () => {
               <SummaryIcon
                 icon={RecordVoiceOverOutlinedIcon}
                 label="persuasion_techniques_title"
+                descriptionNode={
+                  <TransSummaryPersuasionTooltip
+                    keyword={keyword}
+                    categories={persuasionWarningCategories}
+                  />
+                }
                 color="warning"
                 value={persuasionCount}
                 targetId="credibility-signals"
@@ -385,6 +409,7 @@ const AssistantSummary = () => {
               <SummaryIcon
                 icon={SmartToyOutlinedIcon}
                 label="machine_generated_text_title"
+                descriptionNode={<TransSummaryMgtTooltip keyword={keyword} />}
                 color={
                   mgtScore != null && mgtScore >= MGT_ERROR_THRESHOLD
                     ? "error"
@@ -402,6 +427,7 @@ const AssistantSummary = () => {
               <SummaryIcon
                 icon={LabelOutlinedIcon}
                 label="named_entity_title"
+                description="summary_named_entities_tooltip"
                 value={namedEntityCount}
                 targetId="named-entity-results"
                 keyword={keyword}
@@ -410,6 +436,7 @@ const AssistantSummary = () => {
               <SummaryIcon
                 icon={LinkOutlinedIcon}
                 label="extracted_urls_url_domain_analysis"
+                description="summary_links_tooltip"
                 loading={inputSCLoading}
                 color={cautionOrMixedLinksCount > 0 ? "warning" : undefined}
                 value={
@@ -423,6 +450,9 @@ const AssistantSummary = () => {
               <SummaryIcon
                 icon={CommentOutlinedIcon}
                 label="collected_comments_title"
+                descriptionNode={
+                  <TransSummaryCommentsTooltip keyword={keyword} />
+                }
                 loading={multilingualStanceLoading}
                 color={
                   denyCommentsCount + queryCommentsCount > 0
diff --git a/src/components/NavItems/Assistant/TransComponents.jsx b/src/components/NavItems/Assistant/TransComponents.jsx
index 269340b25..84ed243a3 100644
--- a/src/components/NavItems/Assistant/TransComponents.jsx
+++ b/src/components/NavItems/Assistant/TransComponents.jsx
@@ -509,6 +509,75 @@ export function TransMultilingualStanceTooltip({ keyword }) {
   );
 }
 
+// Summary tooltips
+
+export function TransSummaryDomainTooltip({ keyword }) {
+  return (
+    <Trans
+      t={keyword}
+      i18nKey="summary_domain_tooltip"
+      components={{
+        b: <b />,
+        ul: <ul style={UL_STYLE} />,
+        li: <li style={LI_STYLE} />,
+      }}
+    />
+  );
+}
+
+export function TransSummaryPersuasionTooltip({ keyword, categories }) {
+  return (
+    <>
+      <Trans
+        t={keyword}
+        i18nKey="summary_persuasion_tooltip"
+        components={{
+          b: <b />,
+          ul: <ul style={UL_STYLE} />,
+          li: <li style={LI_STYLE} />,
+        }}
+      />
+      {categories?.length > 0 && (
+        <ul style={UL_STYLE}>
+          {categories.map((cat) => (
+            <li key={cat} style={LI_STYLE}>
+              {keyword(cat)}
+            </li>
+          ))}
+        </ul>
+      )}
+    </>
+  );
+}
+
+export function TransSummaryMgtTooltip({ keyword }) {
+  return (
+    <Trans
+      t={keyword}
+      i18nKey="summary_mgt_tooltip"
+      components={{
+        b: <b />,
+        ul: <ul style={UL_STYLE} />,
+        li: <li style={LI_STYLE} />,
+      }}
+    />
+  );
+}
+
+export function TransSummaryCommentsTooltip({ keyword }) {
+  return (
+    <Trans
+      t={keyword}
+      i18nKey="summary_comments_tooltip"
+      components={{
+        b: <b />,
+        ul: <ul style={UL_STYLE} />,
+        li: <li style={LI_STYLE} />,
+      }}
+    />
+  );
+}
+
 // Whitespace
 
 export function TransHtmlDoubleLineBreak({ keyword }) {

From b360f11133f300956a16bcda9121714ecaf6cce2 Mon Sep 17 00:00:00 2001
From: Rosanna Milner <rosanna.milner@sheffield.ac.uk>
Date: Mon, 9 Mar 2026 14:47:20 +0000
Subject: [PATCH 22/36] added overall results to tooltips

---
 .../AssistantSummary.jsx                      | 101 ++++++++-
 .../NavItems/Assistant/TransComponents.jsx    | 209 +++++++++++++++---
 2 files changed, 266 insertions(+), 44 deletions(-)

diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
index 87a14cb62..049d684e0 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
@@ -26,6 +26,8 @@ import { scrollToElement } from "@/components/NavItems/Assistant/AssistantScrape
 import {
   TransSummaryCommentsTooltip,
   TransSummaryDomainTooltip,
+  TransSummaryFactChecksTooltip,
+  TransSummaryLinksTooltip,
   TransSummaryMgtTooltip,
   TransSummaryPersuasionTooltip,
 } from "@/components/NavItems/Assistant/TransComponents";
@@ -237,14 +239,33 @@ const AssistantSummary = () => {
         (c) => multilingualStanceResult[c.id]?.stance === "query",
       ).length
     : 0;
+  const supportCommentsCount = multilingualStanceResult
+    ? (collectedComments || []).filter(
+        (c) => multilingualStanceResult[c.id]?.stance === "support",
+      ).length
+    : 0;
+  const commentCommentsCount = multilingualStanceResult
+    ? (collectedComments || []).filter(
+        (c) => multilingualStanceResult[c.id]?.stance === "comment",
+      ).length
+    : 0;
   const namedEntityCount = neResultCount?.length || 0;
   const linksCount = linkList?.length || 0;
   const credDomains = extractedSourceCred?.domain
     ? Object.values(extractedSourceCred.domain)
     : [];
+  const warningLinksCount = new Set(
+    credDomains.filter((d) => d.caution).flatMap((d) => d.url || []),
+  ).size;
+  const mentionsLinksCount = new Set(
+    credDomains.filter((d) => d.mixed).flatMap((d) => d.url || []),
+  ).size;
   const cautionOrMixedLinksCount = new Set(
     credDomains.filter((d) => d.caution || d.mixed).flatMap((d) => d.url || []),
   ).size;
+  const factCheckerLinksCount = new Set(
+    credDomains.filter((d) => d.positive).flatMap((d) => d.url || []),
+  ).size;
 
   // persuasion count: total spans belonging to warning categories
   // technique keys follow the "Category__Technique" format
@@ -254,10 +275,23 @@ const AssistantSummary = () => {
     "Red_Herring",
     "Manipulative_Wording",
   ];
-  const persuasionCount = persuasionResult?.entities
+  const persuasionCategoryCounts = persuasionWarningCategories.map((cat) => ({
+    name: cat,
+    count: persuasionResult?.entities
+      ? Object.entries(persuasionResult.entities)
+          .filter(([label]) => label.split("__")[0] === cat)
+          .reduce((total, [, spans]) => total + spans.length, 0)
+      : 0,
+  }));
+  const persuasionCount = persuasionCategoryCounts.reduce(
+    (total, { count }) => total + count,
+    0,
+  );
+  const persuasionOtherCount = persuasionResult?.entities
     ? Object.entries(persuasionResult.entities)
-        .filter(([label]) =>
-          persuasionWarningCategories.includes(label.split("__")[0]),
+        .filter(
+          ([label]) =>
+            !persuasionWarningCategories.includes(label.split("__")[0]),
         )
         .reduce((total, [, spans]) => total + spans.length, 0)
     : 0;
@@ -302,7 +336,13 @@ const AssistantSummary = () => {
                 icon={FindInPageOutlinedIcon}
                 label="url_domain_analysis"
                 descriptionNode={
-                  <TransSummaryDomainTooltip keyword={keyword} />
+                  <TransSummaryDomainTooltip
+                    keyword={keyword}
+                    cautionCount={cautionSourceCred?.length || 0}
+                    mixedCount={mixedSourceCred?.length || 0}
+                    positiveCount={positiveSourceCred?.length || 0}
+                    loaded={!inputSCLoading}
+                  />
                 }
                 color={
                   cautionSourceCred?.length || mixedSourceCred?.length
@@ -332,7 +372,22 @@ const AssistantSummary = () => {
               <SummaryIcon
                 icon={WarningAmberOutlinedIcon}
                 label="warnings_title"
-                description="summary_factchecks_tooltip"
+                descriptionNode={
+                  <TransSummaryFactChecksTooltip
+                    keyword={keyword}
+                    dbkfCount={
+                      (dbkfTextMatch?.length || 0) +
+                      (dbkfImageMatch ? 1 : 0) +
+                      (dbkfVideoMatch ? 1 : 0)
+                    }
+                    fcssCount={prevFactChecksResult?.length || 0}
+                    loaded={
+                      !dbkfTextMatchLoading &&
+                      !dbkfMediaMatchLoading &&
+                      !prevFactChecksLoading
+                    }
+                  />
+                }
                 color={"warning"}
                 value={warningsCount}
                 targetId="warnings"
@@ -396,7 +451,9 @@ const AssistantSummary = () => {
                 descriptionNode={
                   <TransSummaryPersuasionTooltip
                     keyword={keyword}
-                    categories={persuasionWarningCategories}
+                    categoryCounts={persuasionCategoryCounts}
+                    otherCount={persuasionOtherCount}
+                    loaded={!persuasionLoading}
                   />
                 }
                 color="warning"
@@ -409,7 +466,17 @@ const AssistantSummary = () => {
               <SummaryIcon
                 icon={SmartToyOutlinedIcon}
                 label="machine_generated_text_title"
-                descriptionNode={<TransSummaryMgtTooltip keyword={keyword} />}
+                descriptionNode={
+                  <TransSummaryMgtTooltip
+                    keyword={keyword}
+                    mgtScoreValue={mgtScoreValue}
+                    mgtCategory={
+                      machineGeneratedTextChunksResult?.entities
+                        ?.mgt_overall_score?.[0]?.pred
+                    }
+                    loaded={!machineGeneratedTextChunksLoading}
+                  />
+                }
                 color={
                   mgtScore != null && mgtScore >= MGT_ERROR_THRESHOLD
                     ? "error"
@@ -436,7 +503,16 @@ const AssistantSummary = () => {
               <SummaryIcon
                 icon={LinkOutlinedIcon}
                 label="extracted_urls_url_domain_analysis"
-                description="summary_links_tooltip"
+                descriptionNode={
+                  <TransSummaryLinksTooltip
+                    keyword={keyword}
+                    warningLinksCount={warningLinksCount}
+                    mentionsLinksCount={mentionsLinksCount}
+                    factCheckerLinksCount={factCheckerLinksCount}
+                    linksCount={linksCount}
+                    loaded={!inputSCLoading}
+                  />
+                }
                 loading={inputSCLoading}
                 color={cautionOrMixedLinksCount > 0 ? "warning" : undefined}
                 value={
@@ -451,7 +527,14 @@ const AssistantSummary = () => {
                 icon={CommentOutlinedIcon}
                 label="collected_comments_title"
                 descriptionNode={
-                  <TransSummaryCommentsTooltip keyword={keyword} />
+                  <TransSummaryCommentsTooltip
+                    keyword={keyword}
+                    denyCount={denyCommentsCount}
+                    queryCount={queryCommentsCount}
+                    supportCount={supportCommentsCount}
+                    commentCount={commentCommentsCount}
+                    loaded={!multilingualStanceLoading}
+                  />
                 }
                 loading={multilingualStanceLoading}
                 color={
diff --git a/src/components/NavItems/Assistant/TransComponents.jsx b/src/components/NavItems/Assistant/TransComponents.jsx
index 84ed243a3..e6c51f22c 100644
--- a/src/components/NavItems/Assistant/TransComponents.jsx
+++ b/src/components/NavItems/Assistant/TransComponents.jsx
@@ -511,21 +511,78 @@ export function TransMultilingualStanceTooltip({ keyword }) {
 
 // Summary tooltips
 
-export function TransSummaryDomainTooltip({ keyword }) {
+export function TransSummaryDomainTooltip({
+  keyword,
+  cautionCount,
+  mixedCount,
+  positiveCount,
+  loaded,
+}) {
   return (
-    <Trans
-      t={keyword}
-      i18nKey="summary_domain_tooltip"
-      components={{
-        b: <b />,
-        ul: <ul style={UL_STYLE} />,
-        li: <li style={LI_STYLE} />,
-      }}
-    />
+    <>
+      <Trans
+        t={keyword}
+        i18nKey="summary_domain_tooltip"
+        components={{
+          b: <b />,
+          ul: <ul style={UL_STYLE} />,
+          li: <li style={LI_STYLE} />,
+        }}
+      />
+      {loaded && (
+        <ul style={UL_STYLE}>
+          <li style={LI_STYLE}>
+            {cautionCount} {keyword("summary_domain_tooltip_warning")}
+          </li>
+          <li style={LI_STYLE}>
+            {mixedCount} {keyword("summary_domain_tooltip_mentions")}
+          </li>
+          <li style={LI_STYLE}>
+            {positiveCount} {keyword("summary_domain_tooltip_fact_checker")}
+          </li>
+        </ul>
+      )}
+    </>
   );
 }
 
-export function TransSummaryPersuasionTooltip({ keyword, categories }) {
+export function TransSummaryFactChecksTooltip({
+  keyword,
+  dbkfCount,
+  fcssCount,
+  loaded,
+}) {
+  return (
+    <>
+      <Trans
+        t={keyword}
+        i18nKey="summary_factchecks_tooltip"
+        components={{
+          b: <b />,
+          ul: <ul style={UL_STYLE} />,
+          li: <li style={LI_STYLE} />,
+        }}
+      />
+      {loaded && (
+        <ul style={UL_STYLE}>
+          <li style={LI_STYLE}>
+            {dbkfCount} {keyword("summary_factchecks_tooltip_dbkf")}
+          </li>
+          <li style={LI_STYLE}>
+            {fcssCount} {keyword("summary_factchecks_tooltip_fcss")}
+          </li>
+        </ul>
+      )}
+    </>
+  );
+}
+
+export function TransSummaryPersuasionTooltip({
+  keyword,
+  categoryCounts,
+  otherCount,
+  loaded,
+}) {
   return (
     <>
       <Trans
@@ -537,44 +594,126 @@ export function TransSummaryPersuasionTooltip({ keyword, categories }) {
           li: <li style={LI_STYLE} />,
         }}
       />
-      {categories?.length > 0 && (
+      {loaded && categoryCounts?.length > 0 && (
         <ul style={UL_STYLE}>
-          {categories.map((cat) => (
-            <li key={cat} style={LI_STYLE}>
-              {keyword(cat)}
+          {categoryCounts.map(({ name, count }) => (
+            <li key={name} style={LI_STYLE}>
+              {count} {keyword(name)}
             </li>
           ))}
+          <li style={LI_STYLE}>
+            {otherCount} {keyword("summary_persuasion_tooltip_other")}
+          </li>
         </ul>
       )}
     </>
   );
 }
 
-export function TransSummaryMgtTooltip({ keyword }) {
+export function TransSummaryLinksTooltip({
+  keyword,
+  warningLinksCount,
+  mentionsLinksCount,
+  factCheckerLinksCount,
+  linksCount,
+  loaded,
+}) {
   return (
-    <Trans
-      t={keyword}
-      i18nKey="summary_mgt_tooltip"
-      components={{
-        b: <b />,
-        ul: <ul style={UL_STYLE} />,
-        li: <li style={LI_STYLE} />,
-      }}
-    />
+    <>
+      <Trans
+        t={keyword}
+        i18nKey="summary_links_tooltip"
+        components={{
+          b: <b />,
+          ul: <ul style={UL_STYLE} />,
+          li: <li style={LI_STYLE} />,
+        }}
+      />
+      {loaded && (
+        <ul style={UL_STYLE}>
+          <li style={LI_STYLE}>
+            {warningLinksCount} {keyword("summary_links_tooltip_warning")}
+          </li>
+          <li style={LI_STYLE}>
+            {mentionsLinksCount} {keyword("summary_links_tooltip_mentions")}
+          </li>
+          <li style={LI_STYLE}>
+            {factCheckerLinksCount}{" "}
+            {keyword("summary_links_tooltip_fact_checker")}
+          </li>
+          <li style={LI_STYLE}>
+            {linksCount} {keyword("summary_links_tooltip_total")}
+          </li>
+        </ul>
+      )}
+    </>
   );
 }
 
-export function TransSummaryCommentsTooltip({ keyword }) {
+export function TransSummaryMgtTooltip({
+  keyword,
+  mgtScoreValue,
+  mgtCategory,
+  loaded,
+}) {
   return (
-    <Trans
-      t={keyword}
-      i18nKey="summary_comments_tooltip"
-      components={{
-        b: <b />,
-        ul: <ul style={UL_STYLE} />,
-        li: <li style={LI_STYLE} />,
-      }}
-    />
+    <>
+      <Trans
+        t={keyword}
+        i18nKey="summary_mgt_tooltip"
+        components={{
+          b: <b />,
+          ul: <ul style={UL_STYLE} />,
+          li: <li style={LI_STYLE} />,
+        }}
+      />
+      {loaded && mgtScoreValue && mgtCategory && (
+        <ul style={UL_STYLE}>
+          <li style={LI_STYLE}>
+            {mgtScoreValue} {keyword(mgtCategory)}
+          </li>
+        </ul>
+      )}
+    </>
+  );
+}
+
+export function TransSummaryCommentsTooltip({
+  keyword,
+  denyCount,
+  queryCount,
+  supportCount,
+  commentCount,
+  loaded,
+}) {
+  return (
+    <>
+      <Trans
+        t={keyword}
+        i18nKey="summary_comments_tooltip"
+        components={{
+          b: <b />,
+          ul: <ul style={UL_STYLE} />,
+          li: <li style={LI_STYLE} />,
+        }}
+      />
+      {loaded && (
+        <ul style={UL_STYLE}>
+          <li style={LI_STYLE}>
+            {denyCount} {keyword("summary_comments_tooltip_deny")}
+          </li>
+          <li style={LI_STYLE}>
+            {queryCount} {keyword("summary_comments_tooltip_query")}
+          </li>
+          <li style={LI_STYLE}>
+            {supportCount} {keyword("summary_comments_tooltip_support")}
+          </li>
+          <li style={LI_STYLE}>
+            {commentCount} {keyword("summary_comments_tooltip_comment")}
+          </li>
+        </ul>
+      )}
+    </>
   );
 }
 

From 72194a7adddffdabb8a150a1570964787080f5ec Mon Sep 17 00:00:00 2001
From: Rosanna Milner <rosanna.milner@sheffield.ac.uk>
Date: Tue, 10 Mar 2026 09:51:58 +0000
Subject: [PATCH 23/36] remove leftover dbkfMedia varibales and make FCSS
 appear as beta-tester only

---
 .../AssistantSummary.jsx                      | 32 ++++++-------------
 .../NavItems/Assistant/TransComponents.jsx    |  9 ++++--
 2 files changed, 15 insertions(+), 26 deletions(-)

diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
index 049d684e0..e029ff50d 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
@@ -33,6 +33,7 @@ import {
 } from "@/components/NavItems/Assistant/TransComponents";
 import { i18nLoadNamespace } from "@/components/Shared/Languages/i18nLoadNamespace";
 import useMyStyles from "@/components/Shared/MaterialUiStyles/useMyStyles";
+import { ROLES } from "@/constants/roles";
 import {
   setAssuranceExpanded,
   setImageResultsExpanded,
@@ -145,10 +146,11 @@ const AssistantSummary = () => {
   const classes = useMyStyles();
   const dispatch = useDispatch();
 
+  const role = useSelector((state) => state.userSession.user.roles);
+  const isBetaTester = role.includes(ROLES.BETA_TESTER);
+
   // warnings state
   const dbkfTextMatch = useSelector((state) => state.assistant.dbkfTextMatch);
-  const dbkfImageMatch = useSelector((state) => state.assistant.dbkfImageMatch);
-  const dbkfVideoMatch = useSelector((state) => state.assistant.dbkfVideoMatch);
   const prevFactChecksResult = useSelector(
     (state) => state.assistant.prevFactChecksResult,
   );
@@ -208,9 +210,6 @@ const AssistantSummary = () => {
   const dbkfTextMatchLoading = useSelector(
     (state) => state.assistant.dbkfTextMatchLoading,
   );
-  const dbkfMediaMatchLoading = useSelector(
-    (state) => state.assistant.dbkfMediaMatchLoading,
-  );
   const neLoading = useSelector((state) => state.assistant.neLoading);
   const prevFactChecksLoading = useSelector(
     (state) => state.assistant.prevFactChecksLoading,
@@ -219,9 +218,7 @@ const AssistantSummary = () => {
   // calculate counts for each section
   const warningsCount =
     (dbkfTextMatch?.length || 0) +
-    (dbkfImageMatch ? 1 : 0) +
-    (dbkfVideoMatch ? 1 : 0) +
-    (prevFactChecksResult?.length || 0);
+    (isBetaTester ? prevFactChecksResult?.length || 0 : 0);
   const domainAnalysisCount =
     (positiveSourceCred?.length || 0) +
     (cautionSourceCred?.length || 0) +
@@ -375,17 +372,10 @@ const AssistantSummary = () => {
                 descriptionNode={
                   <TransSummaryFactChecksTooltip
                     keyword={keyword}
-                    dbkfCount={
-                      (dbkfTextMatch?.length || 0) +
-                      (dbkfImageMatch ? 1 : 0) +
-                      (dbkfVideoMatch ? 1 : 0)
-                    }
+                    dbkfCount={dbkfTextMatch?.length || 0}
                     fcssCount={prevFactChecksResult?.length || 0}
-                    loaded={
-                      !dbkfTextMatchLoading &&
-                      !dbkfMediaMatchLoading &&
-                      !prevFactChecksLoading
-                    }
+                    isBetaTester={isBetaTester}
+                    loaded={!dbkfTextMatchLoading && !prevFactChecksLoading}
                   />
                 }
                 color={"warning"}
@@ -393,11 +383,7 @@ const AssistantSummary = () => {
                 targetId="warnings"
                 keyword={keyword}
                 onClick={() => dispatch(setWarningExpanded(true))}
-                loading={
-                  dbkfTextMatchLoading ||
-                  dbkfMediaMatchLoading ||
-                  prevFactChecksLoading
-                }
+                loading={dbkfTextMatchLoading || prevFactChecksLoading}
               />
             </Stack>
           </Stack>
diff --git a/src/components/NavItems/Assistant/TransComponents.jsx b/src/components/NavItems/Assistant/TransComponents.jsx
index e6c51f22c..4660c87dc 100644
--- a/src/components/NavItems/Assistant/TransComponents.jsx
+++ b/src/components/NavItems/Assistant/TransComponents.jsx
@@ -550,6 +550,7 @@ export function TransSummaryFactChecksTooltip({
   keyword,
   dbkfCount,
   fcssCount,
+  isBetaTester,
   loaded,
 }) {
   return (
@@ -568,9 +569,11 @@ export function TransSummaryFactChecksTooltip({
           <li style={LI_STYLE}>
             {dbkfCount} {keyword("summary_factchecks_tooltip_dbkf")}
           </li>
-          <li style={LI_STYLE}>
-            {fcssCount} {keyword("summary_factchecks_tooltip_fcss")}
-          </li>
+          {isBetaTester && (
+            <li style={LI_STYLE}>
+              {fcssCount} {keyword("summary_factchecks_tooltip_fcss")}
+            </li>
+          )}
         </ul>
       )}
     </>

From 9339d75424c8b336f79ff55e121ae3dcc1046900 Mon Sep 17 00:00:00 2001
From: Rosanna Milner <rosanna.milner@sheffield.ac.uk>
Date: Tue, 10 Mar 2026 15:51:27 +0000
Subject: [PATCH 24/36] changed non warning colour from primary to info

---
 .../Assistant/AssistantScrapeResults/AssistantSummary.jsx     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
index e029ff50d..38fa9e43b 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
@@ -65,7 +65,7 @@ const SummaryIcon = ({
     scrollToElement(targetId, 100);
   };
 
-  const displayColor = disabled ? "disabled" : color || "primary";
+  const displayColor = disabled ? "disabled" : color || "info";
 
   const tooltipDescription =
     descriptionNode ?? (description ? keyword(description) : null);
@@ -128,7 +128,7 @@ const SummaryIcon = ({
             }}
           >
             {loading ? (
-              <CircularProgress size={24} />
+              <CircularProgress size={24} color="info" />
             ) : (
               <Typography variant="h6" color={displayColor}>
                 {value}

From c3c6b5a0f4695c4aa9a134204c633744f2898862 Mon Sep 17 00:00:00 2001
From: Rosanna Milner <rosanna.milner@sheffield.ac.uk>
Date: Tue, 10 Mar 2026 15:51:51 +0000
Subject: [PATCH 25/36] moved image, video and named entity counts into
 tooltips too

---
 .../AssistantSummary.jsx                      | 31 ++++++--
 .../NavItems/Assistant/TransComponents.jsx    | 73 +++++++++++++++++++
 2 files changed, 99 insertions(+), 5 deletions(-)

diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
index 38fa9e43b..661a315c9 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
@@ -16,7 +16,7 @@ import CommentOutlinedIcon from "@mui/icons-material/CommentOutlined";
 import FindInPageOutlinedIcon from "@mui/icons-material/FindInPageOutlined";
 import LabelOutlinedIcon from "@mui/icons-material/LabelOutlined";
 import LinkOutlinedIcon from "@mui/icons-material/LinkOutlined";
-import RecordVoiceOverOutlinedIcon from "@mui/icons-material/RecordVoiceOverOutlined";
+import PsychologyOutlinedIcon from "@mui/icons-material/PsychologyOutlined";
 import SmartToyOutlinedIcon from "@mui/icons-material/SmartToyOutlined";
 import WarningAmberOutlinedIcon from "@mui/icons-material/WarningAmberOutlined";
 
@@ -27,9 +27,12 @@ import {
   TransSummaryCommentsTooltip,
   TransSummaryDomainTooltip,
   TransSummaryFactChecksTooltip,
+  TransSummaryImagesTooltip,
   TransSummaryLinksTooltip,
   TransSummaryMgtTooltip,
+  TransSummaryNamedEntitiesTooltip,
   TransSummaryPersuasionTooltip,
+  TransSummaryVideosTooltip,
 } from "@/components/NavItems/Assistant/TransComponents";
 import { i18nLoadNamespace } from "@/components/Shared/Languages/i18nLoadNamespace";
 import useMyStyles from "@/components/Shared/MaterialUiStyles/useMyStyles";
@@ -402,7 +405,13 @@ const AssistantSummary = () => {
               <SummaryIcon
                 svgIcon={ImageIcon}
                 label="images_label"
-                description="summary_images_tooltip"
+                descriptionNode={
+                  <TransSummaryImagesTooltip
+                    keyword={keyword}
+                    imageCount={imageCount}
+                    loaded={true}
+                  />
+                }
                 value={imageCount}
                 targetId="assistant-image-results"
                 keyword={keyword}
@@ -411,7 +420,13 @@ const AssistantSummary = () => {
               <SummaryIcon
                 svgIcon={VideoIcon}
                 label="videos_label"
-                description="summary_videos_tooltip"
+                descriptionNode={
+                  <TransSummaryVideosTooltip
+                    keyword={keyword}
+                    videoCount={videoCount}
+                    loaded={true}
+                  />
+                }
                 value={videoCount}
                 targetId="assistant-video-results"
                 keyword={keyword}
@@ -432,7 +447,7 @@ const AssistantSummary = () => {
               flexWrap="wrap"
             >
               <SummaryIcon
-                icon={RecordVoiceOverOutlinedIcon}
+                icon={PsychologyOutlinedIcon}
                 label="persuasion_techniques_title"
                 descriptionNode={
                   <TransSummaryPersuasionTooltip
@@ -480,7 +495,13 @@ const AssistantSummary = () => {
               <SummaryIcon
                 icon={LabelOutlinedIcon}
                 label="named_entity_title"
-                description="summary_named_entities_tooltip"
+                descriptionNode={
+                  <TransSummaryNamedEntitiesTooltip
+                    keyword={keyword}
+                    namedEntityCount={namedEntityCount}
+                    loaded={!neLoading}
+                  />
+                }
                 value={namedEntityCount}
                 targetId="named-entity-results"
                 keyword={keyword}
diff --git a/src/components/NavItems/Assistant/TransComponents.jsx b/src/components/NavItems/Assistant/TransComponents.jsx
index 4660c87dc..160429727 100644
--- a/src/components/NavItems/Assistant/TransComponents.jsx
+++ b/src/components/NavItems/Assistant/TransComponents.jsx
@@ -720,6 +720,79 @@ export function TransSummaryCommentsTooltip({
   );
 }
 
+export function TransSummaryVideosTooltip({ keyword, videoCount, loaded }) {
+  return (
+    <>
+      <Trans
+        t={keyword}
+        i18nKey="summary_videos_tooltip"
+        components={{
+          b: <b />,
+          ul: <ul style={UL_STYLE} />,
+          li: <li style={LI_STYLE} />,
+        }}
+      />
+      {loaded && (
+        <ul style={UL_STYLE}>
+          <li style={LI_STYLE}>
+            {videoCount} {keyword("summary_videos_tooltip_count")}
+          </li>
+        </ul>
+      )}
+    </>
+  );
+}
+
+export function TransSummaryNamedEntitiesTooltip({
+  keyword,
+  namedEntityCount,
+  loaded,
+}) {
+  return (
+    <>
+      <Trans
+        t={keyword}
+        i18nKey="summary_named_entities_tooltip"
+        components={{
+          b: <b />,
+          ul: <ul style={UL_STYLE} />,
+          li: <li style={LI_STYLE} />,
+        }}
+      />
+      {loaded && (
+        <ul style={UL_STYLE}>
+          <li style={LI_STYLE}>
+            {namedEntityCount} {keyword("summary_named_entities_tooltip_count")}
+          </li>
+        </ul>
+      )}
+    </>
+  );
+}
+
+export function TransSummaryImagesTooltip({ keyword, imageCount, loaded }) {
+  return (
+    <>
+      <Trans
+        t={keyword}
+        i18nKey="summary_images_tooltip"
+        components={{
+          b: <b />,
+          ul: <ul style={UL_STYLE} />,
+          li: <li style={LI_STYLE} />,
+        }}
+      />
+      {loaded && (
+        <ul style={UL_STYLE}>
+          <li style={LI_STYLE}>
+            {imageCount} {keyword("summary_images_tooltip_count")}
+          </li>
+        </ul>
+      )}
+    </>
+  );
+}
+
 // Whitespace
 
 export function TransHtmlDoubleLineBreak({ keyword }) {

From 1e6ac37aa212100d20cfe65b568aa4b54ce213e4 Mon Sep 17 00:00:00 2001
From: Rosanna Milner <rosanna.milner@sheffield.ac.uk>
Date: Wed, 11 Mar 2026 10:32:15 +0000
Subject: [PATCH 26/36] add unlabelled count to summary of extracted urls
 tooltip

---
 .../Assistant/AssistantScrapeResults/AssistantSummary.jsx     | 3 +++
 src/components/NavItems/Assistant/TransComponents.jsx         | 4 ++++
 2 files changed, 7 insertions(+)

diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
index 661a315c9..e1f4add82 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
@@ -266,6 +266,8 @@ const AssistantSummary = () => {
   const factCheckerLinksCount = new Set(
     credDomains.filter((d) => d.positive).flatMap((d) => d.url || []),
   ).size;
+  const unlabelledLinksCount =
+    extractedSourceCred?.url?.unlabelled?.length || 0;
 
   // persuasion count: total spans belonging to warning categories
   // technique keys follow the "Category__Technique" format
@@ -516,6 +518,7 @@ const AssistantSummary = () => {
                     warningLinksCount={warningLinksCount}
                     mentionsLinksCount={mentionsLinksCount}
                     factCheckerLinksCount={factCheckerLinksCount}
+                    unlabelledLinksCount={unlabelledLinksCount}
                     linksCount={linksCount}
                     loaded={!inputSCLoading}
                   />
diff --git a/src/components/NavItems/Assistant/TransComponents.jsx b/src/components/NavItems/Assistant/TransComponents.jsx
index 160429727..cd93828ea 100644
--- a/src/components/NavItems/Assistant/TransComponents.jsx
+++ b/src/components/NavItems/Assistant/TransComponents.jsx
@@ -618,6 +618,7 @@ export function TransSummaryLinksTooltip({
   warningLinksCount,
   mentionsLinksCount,
   factCheckerLinksCount,
+  unlabelledLinksCount,
   linksCount,
   loaded,
 }) {
@@ -644,6 +645,9 @@ export function TransSummaryLinksTooltip({
             {factCheckerLinksCount}{" "}
             {keyword("summary_links_tooltip_fact_checker")}
           </li>
+          <li style={LI_STYLE}>
+            {unlabelledLinksCount} {keyword("summary_links_tooltip_unlabelled")}
+          </li>
           <li style={LI_STYLE}>
             {linksCount} {keyword("summary_links_tooltip_total")}
           </li>

From 2f5af01aab57d7f020b45d6d65364187109a4c59 Mon Sep 17 00:00:00 2001
From: Rosanna Milner <rosanna.milner@sheffield.ac.uk>
Date: Wed, 11 Mar 2026 14:19:19 +0000
Subject: [PATCH 27/36] added chips to tooltips and changed highlighted text to
 chips

---
 .../AssistantTextResult.jsx                   |   3 +-
 .../NavItems/Assistant/TransComponents.jsx    | 447 +++++++-----------
 2 files changed, 159 insertions(+), 291 deletions(-)

diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantTextResult.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantTextResult.jsx
index a0e209042..c237f5678 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantTextResult.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantTextResult.jsx
@@ -37,7 +37,6 @@ import {
   TransExtractedTextTooltip,
   TransHtmlDoubleLineBreak,
   TransKinitAuthor,
-  TransMachineGeneratedTextTooltip,
   TransNewsFramingTooltip,
   TransNewsGenreTooltip,
   TransPersuasionTechniquesTooltip,
@@ -219,7 +218,7 @@ const AssistantTextResult = () => {
 
   const machineGeneratedTextTooltip = (
     <>
-      <TransMachineGeneratedTextTooltip keyword={keyword} />
+      <Trans t={keyword} i18nKey="machine_generated_text_tooltip" />
       <TransHtmlDoubleLineBreak keyword={keyword} />
       <TransKinitAuthor keyword={keyword} />
       <TransHtmlDoubleLineBreak keyword={keyword} />
diff --git a/src/components/NavItems/Assistant/TransComponents.jsx b/src/components/NavItems/Assistant/TransComponents.jsx
index cd93828ea..f0e72037b 100644
--- a/src/components/NavItems/Assistant/TransComponents.jsx
+++ b/src/components/NavItems/Assistant/TransComponents.jsx
@@ -1,12 +1,67 @@
 import React from "react";
 import { Trans } from "react-i18next";
 
+import Chip from "@mui/material/Chip";
+
 // CSS STYLES
 
 const UL_STYLE = { paddingLeft: "20px", margin: "8px 0" };
 const LI_STYLE = { display: "list-item", listStyleType: "disc" };
 export const A_STYLE = { color: "blue", textDecoration: "underline" };
 
+// chips with colour
+
+const CHIP_SX = {
+  mx: 0.5,
+  height: "16px",
+  borderRadius: "4px",
+  "& .MuiChip-label": { fontSize: "0.65rem", px: "6px" },
+  color: "white",
+};
+
+function InlineChip({ color, children }) {
+  return <Chip size="small" color={color} label={children} sx={CHIP_SX} />;
+}
+
+export function TransTooltipChip({ keyword, i18nKey, color }) {
+  const colorMap = {
+    // url domain analysis
+    warning: "error",
+    mentions: "warning",
+    fact_checker: "success",
+    unlabelled: "default",
+    // fact-checks
+    dbkf_acronym: "warning",
+    fcss_acronym: "warning",
+    // machine generated text (colours match getMgtColours lightGreenRgb/greenRgb defaults)
+    highly_likely_human: "success",
+    likely_human: "#aaff00",
+    likely_machine: "warning",
+    highly_likely_machine: "error",
+    // stance classifier
+    deny: "error",
+    query: "warning",
+    support: "success",
+    comment: "default",
+  };
+
+  const mapped = color || colorMap[i18nKey] || "default";
+  const isCustomColor = mapped.startsWith("#") || mapped.startsWith("rgb");
+
+  return (
+    <Chip
+      size="small"
+      color={isCustomColor ? "default" : mapped}
+      label={keyword(i18nKey)}
+      sx={
+        isCustomColor
+          ? { ...CHIP_SX, backgroundColor: mapped, color: "rgba(0,0,0,0.87)" }
+          : CHIP_SX
+      }
+    />
+  );
+}
+
 // Links
 
 export function TransSupportedToolsLink({ keyword }) {
@@ -307,36 +362,9 @@ export function TransSourceCredibilityTooltip({ keyword }) {
       components={{
         ul: <ul style={UL_STYLE} />,
         li: <li style={LI_STYLE} />,
-        strongWarning: (
-          <strong
-            style={{
-              background: "#d32f2f",
-              paddingBottom: "0.2em",
-              paddingRight: "0.1em",
-              paddingLeft: "0.1em",
-            }}
-          />
-        ),
-        strongMentions: (
-          <strong
-            style={{
-              background: "#ed6c02",
-              paddingBottom: "0.2em",
-              paddingRight: "0.1em",
-              paddingLeft: "0.1em",
-            }}
-          />
-        ),
-        strongFactChecker: (
-          <strong
-            style={{
-              background: "#2e7d32",
-              paddingBottom: "0.2em",
-              paddingRight: "0.1em",
-              paddingLeft: "0.1em",
-            }}
-          />
-        ),
+        chipWarning: <InlineChip color="error" />,
+        chipMentions: <InlineChip color="warning" />,
+        chipFactChecker: <InlineChip color="success" />,
       }}
     />
   );
@@ -395,117 +423,18 @@ export function TransPersuasionTechniquesTooltip({ keyword }) {
   );
 }
 
-export function TransMachineGeneratedTextTooltip({ keyword }) {
-  return (
-    <Trans
-      t={keyword}
-      i18nKey="machine_generated_text_tooltip"
-      components={{
-        ul: <ul style={UL_STYLE} />,
-        li: <li style={LI_STYLE} />,
-        highlyLikelyHuman: (
-          <strong
-            style={{
-              background: "#00fc00",
-              color: "black",
-              paddingBottom: "0.2em",
-              paddingRight: "0.1em",
-              paddingLeft: "0.1em",
-            }}
-          />
-        ),
-        likelyHuman: (
-          <strong
-            style={{
-              background: "#aaff00",
-              color: "black",
-              paddingBottom: "0.2em",
-              paddingRight: "0.1em",
-              paddingLeft: "0.1em",
-            }}
-          />
-        ),
-        likelyMachine: (
-          <strong
-            style={{
-              background: "#fcaa00",
-              color: "black",
-              paddingBottom: "0.2em",
-              paddingRight: "0.1em",
-              paddingLeft: "0.1em",
-            }}
-          />
-        ),
-        highlyLikelyMachine: (
-          <strong
-            style={{
-              background: "#fc0000",
-              paddingBottom: "0.2em",
-              paddingRight: "0.1em",
-              paddingLeft: "0.1em",
-            }}
-          />
-        ),
-      }}
-    />
-  );
-}
-
-const stanceSupportColour = "#2e7d32";
-const stanceQueryColour = "#ed6c02";
-const stanceDenyColour = "#d32f2f";
-const stanceCommentColour = "#757575";
-
 export function TransMultilingualStanceTooltip({ keyword }) {
   return (
-    <Trans
-      t={keyword}
-      i18nKey="multilingual_stance_tooltip"
-      components={{
-        ul: <ul style={UL_STYLE} />,
-        li: <li style={LI_STYLE} />,
-        strongSupport: (
-          <strong
-            style={{
-              background: stanceSupportColour,
-              paddingBottom: "0.2em",
-              paddingRight: "0.1em",
-              paddingLeft: "0.1em",
-            }}
-          />
-        ),
-        strongQuery: (
-          <strong
-            style={{
-              background: stanceQueryColour,
-              paddingBottom: "0.2em",
-              paddingRight: "0.1em",
-              paddingLeft: "0.1em",
-            }}
-          />
-        ),
-        strongDeny: (
-          <strong
-            style={{
-              background: stanceDenyColour,
-              paddingBottom: "0.2em",
-              paddingRight: "0.1em",
-              paddingLeft: "0.1em",
-            }}
-          />
-        ),
-        strongComment: (
-          <strong
-            style={{
-              background: stanceCommentColour,
-              paddingBottom: "0.2em",
-              paddingRight: "0.1em",
-              paddingLeft: "0.1em",
-            }}
-          />
-        ),
-      }}
-    />
+    <>
+      <Trans t={keyword} i18nKey="multilingual_stance_tooltip" />
+      <ul style={UL_STYLE}>
+        {["support", "query", "deny", "comment"].map((key) => (
+          <li key={key} style={LI_STYLE}>
+            <TransTooltipChip keyword={keyword} i18nKey={key} />
+          </li>
+        ))}
+      </ul>
+    </>
   );
 }
 
@@ -520,25 +449,20 @@ export function TransSummaryDomainTooltip({
 }) {
   return (
     <>
-      <Trans
-        t={keyword}
-        i18nKey="summary_domain_tooltip"
-        components={{
-          b: <b />,
-          ul: <ul style={UL_STYLE} />,
-          li: <li style={LI_STYLE} />,
-        }}
-      />
+      <Trans t={keyword} i18nKey="summary_domain_tooltip" />
       {loaded && (
         <ul style={UL_STYLE}>
           <li style={LI_STYLE}>
-            {cautionCount} {keyword("summary_domain_tooltip_warning")}
+            {cautionCount}{" "}
+            <TransTooltipChip keyword={keyword} i18nKey="warning" />
           </li>
           <li style={LI_STYLE}>
-            {mixedCount} {keyword("summary_domain_tooltip_mentions")}
+            {mixedCount}{" "}
+            <TransTooltipChip keyword={keyword} i18nKey="mentions" />
           </li>
           <li style={LI_STYLE}>
-            {positiveCount} {keyword("summary_domain_tooltip_fact_checker")}
+            {positiveCount}{" "}
+            <TransTooltipChip keyword={keyword} i18nKey="fact_checker" />
           </li>
         </ul>
       )}
@@ -555,23 +479,17 @@ export function TransSummaryFactChecksTooltip({
 }) {
   return (
     <>
-      <Trans
-        t={keyword}
-        i18nKey="summary_factchecks_tooltip"
-        components={{
-          b: <b />,
-          ul: <ul style={UL_STYLE} />,
-          li: <li style={LI_STYLE} />,
-        }}
-      />
+      <Trans t={keyword} i18nKey="summary_factchecks_tooltip" />
       {loaded && (
         <ul style={UL_STYLE}>
           <li style={LI_STYLE}>
-            {dbkfCount} {keyword("summary_factchecks_tooltip_dbkf")}
+            {dbkfCount}{" "}
+            <TransTooltipChip keyword={keyword} i18nKey="dbkf_acronym" />
           </li>
           {isBetaTester && (
             <li style={LI_STYLE}>
-              {fcssCount} {keyword("summary_factchecks_tooltip_fcss")}
+              {fcssCount}{" "}
+              <TransTooltipChip keyword={keyword} i18nKey="fcss_acronym" />
             </li>
           )}
         </ul>
@@ -580,32 +498,14 @@ export function TransSummaryFactChecksTooltip({
   );
 }
 
-export function TransSummaryPersuasionTooltip({
-  keyword,
-  categoryCounts,
-  otherCount,
-  loaded,
-}) {
+export function TransSummaryImagesTooltip({ keyword, imageCount, loaded }) {
   return (
     <>
-      <Trans
-        t={keyword}
-        i18nKey="summary_persuasion_tooltip"
-        components={{
-          b: <b />,
-          ul: <ul style={UL_STYLE} />,
-          li: <li style={LI_STYLE} />,
-        }}
-      />
-      {loaded && categoryCounts?.length > 0 && (
+      <Trans t={keyword} i18nKey="summary_images_tooltip" />
+      {loaded && (
         <ul style={UL_STYLE}>
-          {categoryCounts.map(({ name, count }) => (
-            <li key={name} style={LI_STYLE}>
-              {count} {keyword(name)}
-            </li>
-          ))}
           <li style={LI_STYLE}>
-            {otherCount} {keyword("summary_persuasion_tooltip_other")}
+            {imageCount} {keyword("summary_images_tooltip_count")}
           </li>
         </ul>
       )}
@@ -613,43 +513,14 @@ export function TransSummaryPersuasionTooltip({
   );
 }
 
-export function TransSummaryLinksTooltip({
-  keyword,
-  warningLinksCount,
-  mentionsLinksCount,
-  factCheckerLinksCount,
-  unlabelledLinksCount,
-  linksCount,
-  loaded,
-}) {
+export function TransSummaryVideosTooltip({ keyword, videoCount, loaded }) {
   return (
     <>
-      <Trans
-        t={keyword}
-        i18nKey="summary_links_tooltip"
-        components={{
-          b: <b />,
-          ul: <ul style={UL_STYLE} />,
-          li: <li style={LI_STYLE} />,
-        }}
-      />
+      <Trans t={keyword} i18nKey="summary_videos_tooltip" />
       {loaded && (
         <ul style={UL_STYLE}>
           <li style={LI_STYLE}>
-            {warningLinksCount} {keyword("summary_links_tooltip_warning")}
-          </li>
-          <li style={LI_STYLE}>
-            {mentionsLinksCount} {keyword("summary_links_tooltip_mentions")}
-          </li>
-          <li style={LI_STYLE}>
-            {factCheckerLinksCount}{" "}
-            {keyword("summary_links_tooltip_fact_checker")}
-          </li>
-          <li style={LI_STYLE}>
-            {unlabelledLinksCount} {keyword("summary_links_tooltip_unlabelled")}
-          </li>
-          <li style={LI_STYLE}>
-            {linksCount} {keyword("summary_links_tooltip_total")}
+            {videoCount} {keyword("summary_videos_tooltip_count")}
           </li>
         </ul>
       )}
@@ -657,27 +528,29 @@ export function TransSummaryLinksTooltip({
   );
 }
 
-export function TransSummaryMgtTooltip({
+export function TransSummaryPersuasionTooltip({
   keyword,
-  mgtScoreValue,
-  mgtCategory,
+  categoryCounts,
+  otherCount,
   loaded,
 }) {
   return (
     <>
-      <Trans
-        t={keyword}
-        i18nKey="summary_mgt_tooltip"
-        components={{
-          b: <b />,
-          ul: <ul style={UL_STYLE} />,
-          li: <li style={LI_STYLE} />,
-        }}
-      />
-      {loaded && mgtScoreValue && mgtCategory && (
+      <Trans t={keyword} i18nKey="summary_persuasion_tooltip" />
+      {loaded && categoryCounts?.length > 0 && (
         <ul style={UL_STYLE}>
+          {categoryCounts.map(({ name, count }) => (
+            <li key={name} style={LI_STYLE}>
+              {count}{" "}
+              <TransTooltipChip
+                keyword={keyword}
+                i18nKey={name}
+                color={"warning"}
+              />
+            </li>
+          ))}
           <li style={LI_STYLE}>
-            {mgtScoreValue} {keyword(mgtCategory)}
+            {otherCount} {keyword("summary_persuasion_tooltip_other")}
           </li>
         </ul>
       )}
@@ -685,38 +558,20 @@ export function TransSummaryMgtTooltip({
   );
 }
 
-export function TransSummaryCommentsTooltip({
+export function TransSummaryMgtTooltip({
   keyword,
-  denyCount,
-  queryCount,
-  supportCount,
-  commentCount,
+  mgtScoreValue,
+  mgtCategory,
   loaded,
 }) {
   return (
     <>
-      <Trans
-        t={keyword}
-        i18nKey="summary_comments_tooltip"
-        components={{
-          b: <b />,
-          ul: <ul style={UL_STYLE} />,
-          li: <li style={LI_STYLE} />,
-        }}
-      />
-      {loaded && (
+      <Trans t={keyword} i18nKey="summary_mgt_tooltip" />
+      {loaded && mgtScoreValue && mgtCategory && (
         <ul style={UL_STYLE}>
           <li style={LI_STYLE}>
-            {denyCount} {keyword("summary_comments_tooltip_deny")}
-          </li>
-          <li style={LI_STYLE}>
-            {queryCount} {keyword("summary_comments_tooltip_query")}
-          </li>
-          <li style={LI_STYLE}>
-            {supportCount} {keyword("summary_comments_tooltip_support")}
-          </li>
-          <li style={LI_STYLE}>
-            {commentCount} {keyword("summary_comments_tooltip_comment")}
+            {mgtScoreValue}{" "}
+            <TransTooltipChip keyword={keyword} i18nKey={mgtCategory} />
           </li>
         </ul>
       )}
@@ -724,22 +579,18 @@ export function TransSummaryCommentsTooltip({
   );
 }
 
-export function TransSummaryVideosTooltip({ keyword, videoCount, loaded }) {
+export function TransSummaryNamedEntitiesTooltip({
+  keyword,
+  namedEntityCount,
+  loaded,
+}) {
   return (
     <>
-      <Trans
-        t={keyword}
-        i18nKey="summary_videos_tooltip"
-        components={{
-          b: <b />,
-          ul: <ul style={UL_STYLE} />,
-          li: <li style={LI_STYLE} />,
-        }}
-      />
+      <Trans t={keyword} i18nKey="summary_named_entities_tooltip" />
       {loaded && (
         <ul style={UL_STYLE}>
           <li style={LI_STYLE}>
-            {videoCount} {keyword("summary_videos_tooltip_count")}
+            {namedEntityCount} {keyword("summary_named_entities_tooltip_count")}
           </li>
         </ul>
       )}
@@ -747,26 +598,34 @@ export function TransSummaryVideosTooltip({ keyword, videoCount, loaded }) {
   );
 }
 
-export function TransSummaryNamedEntitiesTooltip({
+export function TransSummaryLinksTooltip({
   keyword,
-  namedEntityCount,
+  warningLinksCount,
+  mentionsLinksCount,
+  factCheckerLinksCount,
+  unlabelledLinksCount,
+  linksCount,
   loaded,
 }) {
+  const items = [
+    { count: warningLinksCount, key: "warning", color: "error" },
+    { count: mentionsLinksCount, key: "mentions", color: "warning" },
+    { count: factCheckerLinksCount, key: "fact_checker", color: "success" },
+    { count: unlabelledLinksCount, key: "unlabelled", color: "default" },
+  ];
   return (
     <>
-      <Trans
-        t={keyword}
-        i18nKey="summary_named_entities_tooltip"
-        components={{
-          b: <b />,
-          ul: <ul style={UL_STYLE} />,
-          li: <li style={LI_STYLE} />,
-        }}
-      />
+      <Trans t={keyword} i18nKey="summary_links_tooltip" />
       {loaded && (
         <ul style={UL_STYLE}>
+          {items.map(({ count, key, color }) => (
+            <li key={key} style={LI_STYLE}>
+              {count}{" "}
+              <TransTooltipChip keyword={keyword} i18nKey={key} color={color} />
+            </li>
+          ))}
           <li style={LI_STYLE}>
-            {namedEntityCount} {keyword("summary_named_entities_tooltip_count")}
+            {linksCount} {keyword("summary_links_tooltip_total")}
           </li>
         </ul>
       )}
@@ -774,22 +633,32 @@ export function TransSummaryNamedEntitiesTooltip({
   );
 }
 
-export function TransSummaryImagesTooltip({ keyword, imageCount, loaded }) {
+export function TransSummaryCommentsTooltip({
+  keyword,
+  denyCount,
+  queryCount,
+  supportCount,
+  commentCount,
+  loaded,
+}) {
   return (
     <>
-      <Trans
-        t={keyword}
-        i18nKey="summary_images_tooltip"
-        components={{
-          b: <b />,
-          ul: <ul style={UL_STYLE} />,
-          li: <li style={LI_STYLE} />,
-        }}
-      />
+      <Trans t={keyword} i18nKey="summary_comments_tooltip" />
       {loaded && (
         <ul style={UL_STYLE}>
           <li style={LI_STYLE}>
-            {imageCount} {keyword("summary_images_tooltip_count")}
+            {denyCount} <TransTooltipChip keyword={keyword} i18nKey="deny" />
+          </li>
+          <li style={LI_STYLE}>
+            {queryCount} <TransTooltipChip keyword={keyword} i18nKey="query" />
+          </li>
+          <li style={LI_STYLE}>
+            {supportCount}{" "}
+            <TransTooltipChip keyword={keyword} i18nKey="support" />
+          </li>
+          <li style={LI_STYLE}>
+            {commentCount}{" "}
+            <TransTooltipChip keyword={keyword} i18nKey="comment" />
           </li>
         </ul>
       )}

From 1a5b2af6326c3f75819e83e3532c5905f044cd88 Mon Sep 17 00:00:00 2001
From: Rosanna Milner <rosanna.milner@sheffield.ac.uk>
Date: Wed, 11 Mar 2026 15:54:39 +0000
Subject: [PATCH 28/36] change persuasion technique count to category count

---
 .../AssistantScrapeResults/AssistantSummary.jsx    | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
index e1f4add82..156f8df45 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
@@ -290,12 +290,14 @@ const AssistantSummary = () => {
     0,
   );
   const persuasionOtherCount = persuasionResult?.entities
-    ? Object.entries(persuasionResult.entities)
-        .filter(
-          ([label]) =>
-            !persuasionWarningCategories.includes(label.split("__")[0]),
-        )
-        .reduce((total, [, spans]) => total + spans.length, 0)
+    ? new Set(
+        Object.keys(persuasionResult.entities)
+          .filter(
+            (label) =>
+              !persuasionWarningCategories.includes(label.split("__")[0]),
+          )
+          .map((label) => label.split("__")[0]),
+      ).size
     : 0;
 
   // MGT arc thresholds derived from backend configs (fallback matches default in AssistantTextClassification.jsx)

From 442a9a9724be5652ccc9750f51bdec4c77dfb1bf Mon Sep 17 00:00:00 2001
From: Rosanna Milner <rosanna.milner@sheffield.ac.uk>
Date: Wed, 11 Mar 2026 15:55:02 +0000
Subject: [PATCH 29/36] correct keyword labels

---
 .../NavItems/Assistant/TransComponents.jsx     | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/components/NavItems/Assistant/TransComponents.jsx b/src/components/NavItems/Assistant/TransComponents.jsx
index f0e72037b..034e7cf58 100644
--- a/src/components/NavItems/Assistant/TransComponents.jsx
+++ b/src/components/NavItems/Assistant/TransComponents.jsx
@@ -449,7 +449,7 @@ export function TransSummaryDomainTooltip({
 }) {
   return (
     <>
-      <Trans t={keyword} i18nKey="summary_domain_tooltip" />
+      <Trans t={keyword} i18nKey="summary_url_domain_analysis_tooltip" />
       {loaded && (
         <ul style={UL_STYLE}>
           <li style={LI_STYLE}>
@@ -479,7 +479,11 @@ export function TransSummaryFactChecksTooltip({
 }) {
   return (
     <>
-      <Trans t={keyword} i18nKey="summary_factchecks_tooltip" />
+      {isBetaTester ? (
+        <Trans t={keyword} i18nKey="summary_dbkf_fcss_tooltip" />
+      ) : (
+        <Trans t={keyword} i18nKey="summary_dbkf_tooltip" />
+      )}
       {loaded && (
         <ul style={UL_STYLE}>
           <li style={LI_STYLE}>
@@ -505,7 +509,7 @@ export function TransSummaryImagesTooltip({ keyword, imageCount, loaded }) {
       {loaded && (
         <ul style={UL_STYLE}>
           <li style={LI_STYLE}>
-            {imageCount} {keyword("summary_images_tooltip_count")}
+            {imageCount} {keyword("images_label")}
           </li>
         </ul>
       )}
@@ -520,7 +524,7 @@ export function TransSummaryVideosTooltip({ keyword, videoCount, loaded }) {
       {loaded && (
         <ul style={UL_STYLE}>
           <li style={LI_STYLE}>
-            {videoCount} {keyword("summary_videos_tooltip_count")}
+            {videoCount} {keyword("videos_label")}
           </li>
         </ul>
       )}
@@ -536,7 +540,7 @@ export function TransSummaryPersuasionTooltip({
 }) {
   return (
     <>
-      <Trans t={keyword} i18nKey="summary_persuasion_tooltip" />
+      <Trans t={keyword} i18nKey="summary_persuasion_techniques_tooltip" />
       {loaded && categoryCounts?.length > 0 && (
         <ul style={UL_STYLE}>
           {categoryCounts.map(({ name, count }) => (
@@ -566,7 +570,7 @@ export function TransSummaryMgtTooltip({
 }) {
   return (
     <>
-      <Trans t={keyword} i18nKey="summary_mgt_tooltip" />
+      <Trans t={keyword} i18nKey="summary_machine_generated_text_tooltip" />
       {loaded && mgtScoreValue && mgtCategory && (
         <ul style={UL_STYLE}>
           <li style={LI_STYLE}>
@@ -590,7 +594,7 @@ export function TransSummaryNamedEntitiesTooltip({
       {loaded && (
         <ul style={UL_STYLE}>
           <li style={LI_STYLE}>
-            {namedEntityCount} {keyword("summary_named_entities_tooltip_count")}
+            {namedEntityCount} {keyword("named_entities_label")}
           </li>
         </ul>
       )}

From 8f947a4f9aa152ceabdaaa7521e9e66e8b8c7d07 Mon Sep 17 00:00:00 2001
From: Rosanna Milner <rosanna.milner@sheffield.ac.uk>
Date: Wed, 11 Mar 2026 16:16:36 +0000
Subject: [PATCH 30/36] corrected keywords

---
 src/components/NavItems/Assistant/TransComponents.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/NavItems/Assistant/TransComponents.jsx b/src/components/NavItems/Assistant/TransComponents.jsx
index 034e7cf58..b4ba359af 100644
--- a/src/components/NavItems/Assistant/TransComponents.jsx
+++ b/src/components/NavItems/Assistant/TransComponents.jsx
@@ -619,7 +619,7 @@ export function TransSummaryLinksTooltip({
   ];
   return (
     <>
-      <Trans t={keyword} i18nKey="summary_links_tooltip" />
+      <Trans t={keyword} i18nKey="summary_extracted_urls_tooltip" />
       {loaded && (
         <ul style={UL_STYLE}>
           {items.map(({ count, key, color }) => (
@@ -647,7 +647,7 @@ export function TransSummaryCommentsTooltip({
 }) {
   return (
     <>
-      <Trans t={keyword} i18nKey="summary_comments_tooltip" />
+      <Trans t={keyword} i18nKey="summary_video_comments_tooltip" />
       {loaded && (
         <ul style={UL_STYLE}>
           <li style={LI_STYLE}>

From 57d531babd88633e32e97f7772c0c41d3fe58859 Mon Sep 17 00:00:00 2001
From: Rosanna Milner <rosanna.milner@sheffield.ac.uk>
Date: Wed, 11 Mar 2026 16:17:02 +0000
Subject: [PATCH 31/36] added double space in tooltip

---
 .../Assistant/AssistantScrapeResults/AssistantSummary.jsx     | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
index 156f8df45..87df1a66d 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
@@ -45,6 +45,8 @@ import {
   setWarningExpanded,
 } from "@/redux/actions/tools/assistantActions";
 
+import { TransHtmlDoubleLineBreak } from "../TransComponents";
+
 const SummaryIcon = ({
   icon: Icon,
   svgIcon,
@@ -79,7 +81,7 @@ const SummaryIcon = ({
         tooltipDescription ? (
           <>
             {keyword(label)}
-            <br />
+            <TransHtmlDoubleLineBreak keyword={keyword} />
             {tooltipDescription}
           </>
         ) : (

From dfda8f1fc4b320b78e673b8e5f4c83050e80c3b4 Mon Sep 17 00:00:00 2001
From: Rosanna Milner <rosanna.milner@sheffield.ac.uk>
Date: Wed, 11 Mar 2026 16:17:17 +0000
Subject: [PATCH 32/36] added summary keyword and icon

---
 .../Assistant/AssistantScrapeResults/AssistantSummary.jsx  | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
index 87df1a66d..c29e78887 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
@@ -12,6 +12,7 @@ import SvgIcon from "@mui/material/SvgIcon";
 import Tooltip from "@mui/material/Tooltip";
 import Typography from "@mui/material/Typography";
 
+import AssessmentOutlinedIcon from "@mui/icons-material/AssessmentOutlined";
 import CommentOutlinedIcon from "@mui/icons-material/CommentOutlined";
 import FindInPageOutlinedIcon from "@mui/icons-material/FindInPageOutlined";
 import LabelOutlinedIcon from "@mui/icons-material/LabelOutlined";
@@ -318,7 +319,11 @@ const AssistantSummary = () => {
 
   return (
     <Card variant="outlined">
-      <CardHeader className={classes.assistantCardHeader} title="Summary" />
+      <CardHeader
+        className={classes.assistantCardHeader}
+        title={keyword("summary_title")}
+        avatar={<AssessmentOutlinedIcon color="primary" />}
+      />
       <CardContent>
         <Stack
           direction="row"

From f6d38c268a33f281aa5ccc4d7c2178971f8d25e1 Mon Sep 17 00:00:00 2001
From: Rosanna Milner <rosanna.milner@sheffield.ac.uk>
Date: Wed, 11 Mar 2026 16:24:28 +0000
Subject: [PATCH 33/36] add border to make button clearer in dark mode

---
 .../Assistant/AssistantScrapeResults/AssistantSummary.jsx       | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
index c29e78887..770982210 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
@@ -104,6 +104,8 @@ const SummaryIcon = ({
             borderRadius: 1,
             bgcolor: "background.paper",
             boxShadow: 1,
+            border: "1px solid",
+            borderColor: "divider",
             transition: "all 0.2s ease-in-out",
             opacity: disabled ? 0.5 : 1,
             "&:hover": {

From c2c22477eeaa6195d06a0e47489b0953aec55e2d Mon Sep 17 00:00:00 2001
From: Rosanna Milner <rosanna.milner@sheffield.ac.uk>
Date: Mon, 16 Mar 2026 10:42:19 +0000
Subject: [PATCH 34/36] changed persuasion technique categories

---
 .../Assistant/AssistantScrapeResults/AssistantSummary.jsx     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
index 770982210..f3e9c60a6 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantSummary.jsx
@@ -279,8 +279,8 @@ const AssistantSummary = () => {
   // warningCategories is provided by the backend config; fallback to defaults if absent
   const persuasionWarningCategories = persuasionResult?.configs
     ?.persuasionTechniquesWarningCategories ?? [
-    "Red_Herring",
-    "Manipulative_Wording",
+    "Doubt",
+    "Appeal_to_Fear-Prejudice",
   ];
   const persuasionCategoryCounts = persuasionWarningCategories.map((cat) => ({
     name: cat,

From 2b6c2b8b351b8379efdbfe2b725e812f5bf4cb8a Mon Sep 17 00:00:00 2001
From: Rosanna Milner <rosanna.milner@sheffield.ac.uk>
Date: Mon, 16 Mar 2026 14:20:45 +0000
Subject: [PATCH 35/36] change icon and title to be consistent with others

---
 .../AssistantScrapeResults/AssistantWarnings.jsx      | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantWarnings.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantWarnings.jsx
index c69e938f5..3a3d2297d 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantWarnings.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantWarnings.jsx
@@ -2,16 +2,16 @@ import React from "react";
 import { Trans } from "react-i18next";
 import { useSelector } from "react-redux";
 
-import Alert from "@mui/material/Alert";
+import Box from "@mui/material/Box";
 import Card from "@mui/material/Card";
 import CardContent from "@mui/material/CardContent";
 import CardHeader from "@mui/material/CardHeader";
 import Skeleton from "@mui/material/Skeleton";
 import Stack from "@mui/material/Stack";
 import Tooltip from "@mui/material/Tooltip";
-import Typography from "@mui/material/Typography";
 
 import HelpOutlineOutlinedIcon from "@mui/icons-material/HelpOutlineOutlined";
+import WarningAmberIcon from "@mui/icons-material/WarningAmber";
 
 import DbkfTextResults from "@/components/NavItems/Assistant/AssistantCheckResults/DbkfTextResults";
 import PreviousFactCheckResults from "@/components/NavItems/Assistant/AssistantCheckResults/PreviousFactCheckResults";
@@ -124,9 +124,10 @@ const AssistantWarnings = () => {
       <CardHeader
         className={classes.assistantCardHeader}
         title={
-          <Alert severity="warning" sx={{ bgcolor: "background.paper" }}>
-            <Typography>{keyword("warnings_title")}</Typography>
-          </Alert>
+          <Box sx={{ display: "flex", alignItems: "center", gap: 1 }}>
+            <WarningAmberIcon color="warning" />
+            {keyword("warnings_title")}
+          </Box>
         }
         action={
           <Tooltip

From 31d875b3bc451e05be1b2564e46f213b659e6861 Mon Sep 17 00:00:00 2001
From: Rosanna Milner <rosanna.milner@sheffield.ac.uk>
Date: Mon, 16 Mar 2026 14:21:03 +0000
Subject: [PATCH 36/36] remove redundant div wrappers

---
 .../AssistantMediaResult.jsx                  | 42 +++++++++----------
 .../AssistantTextClassification.jsx           | 16 ++++---
 .../AssistantTextSpanClassification.jsx       | 16 ++++---
 3 files changed, 33 insertions(+), 41 deletions(-)

diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantMediaResult.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantMediaResult.jsx
index 2ee6af4d1..3290c11ff 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantMediaResult.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantMediaResult.jsx
@@ -140,29 +140,25 @@ const AssistantMediaResult = ({ title = null }) => {
         }
         subheader={keyword("media_below")}
         action={
-          <div style={{ display: "flex" }}>
-            <div>
-              <Tooltip
-                interactive={"true"}
-                title={
-                  <>
-                    <Trans
-                      t={keyword}
-                      i18nKey="media_tooltip"
-                      components={{
-                        b: <b />,
-                      }}
-                    />
-                    <TransHtmlDoubleLineBreak keyword={keyword} />
-                    <TransSupportedToolsLink keyword={keyword} />
-                  </>
-                }
-                classes={{ tooltip: classes.assistantTooltip }}
-              >
-                <HelpOutlineOutlinedIcon className={classes.toolTipIcon} />
-              </Tooltip>
-            </div>
-          </div>
+          <Tooltip
+            interactive={"true"}
+            title={
+              <>
+                <Trans
+                  t={keyword}
+                  i18nKey="media_tooltip"
+                  components={{
+                    b: <b />,
+                  }}
+                />
+                <TransHtmlDoubleLineBreak keyword={keyword} />
+                <TransSupportedToolsLink keyword={keyword} />
+              </>
+            }
+            classes={{ tooltip: classes.assistantTooltip }}
+          >
+            <HelpOutlineOutlinedIcon className={classes.toolTipIcon} />
+          </Tooltip>
         }
       />
 
diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantTextClassification.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantTextClassification.jsx
index 488a40680..f7a9f1b69 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantTextClassification.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantTextClassification.jsx
@@ -221,15 +221,13 @@ export default function AssistantTextClassification({
             className={classes.assistantCardHeader}
             title={keyword(credibilitySignal)}
             action={
-              <div style={{ display: "flex" }}>
-                <Tooltip
-                  interactive={"true"}
-                  title={categoriesTooltipContent}
-                  classes={{ tooltip: classes.assistantTooltip }}
-                >
-                  <HelpOutlineOutlinedIcon className={classes.toolTipIcon} />
-                </Tooltip>
-              </div>
+              <Tooltip
+                interactive={"true"}
+                title={categoriesTooltipContent}
+                classes={{ tooltip: classes.assistantTooltip }}
+              >
+                <HelpOutlineOutlinedIcon className={classes.toolTipIcon} />
+              </Tooltip>
             }
           />
           <CardContent>
diff --git a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantTextSpanClassification.jsx b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantTextSpanClassification.jsx
index 3515083b1..c094f0daa 100644
--- a/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantTextSpanClassification.jsx
+++ b/src/components/NavItems/Assistant/AssistantScrapeResults/AssistantTextSpanClassification.jsx
@@ -281,15 +281,13 @@ export default function AssistantTextSpanClassification({
             className={classes.assistantCardHeader}
             title={keyword(credibilitySignal)}
             action={
-              <div style={{ display: "flex" }}>
-                <Tooltip
-                  interactive={"true"}
-                  title={categoriesTooltipContent}
-                  classes={{ tooltip: classes.assistantTooltip }}
-                >
-                  <HelpOutlineOutlinedIcon className={classes.toolTipIcon} />
-                </Tooltip>
-              </div>
+              <Tooltip
+                interactive={"true"}
+                title={categoriesTooltipContent}
+                classes={{ tooltip: classes.assistantTooltip }}
+              >
+                <HelpOutlineOutlinedIcon className={classes.toolTipIcon} />
+              </Tooltip>
             }
           />
           <CardContent>