From 3ef9f4e18a258d64f7ef79626d7648ac4db8f7a7 Mon Sep 17 00:00:00 2001
From: ADITYATIWARI342005
 <142050150+ADITYATIWARI342005@users.noreply.github.com>
Date: Mon, 29 Sep 2025 20:45:52 +0530
Subject: [PATCH] =?UTF-8?q?ui:=20rename=20ScrapeDetails=E2=86=92ScrapeTimi?=
 =?UTF-8?q?ngDetails;=20refine=20labels=20per=20review=20Rename=20componen?=
 =?UTF-8?q?t=20for=20clarity=20(timing-only=20focus)=20Chevron=20title:=20?=
 =?UTF-8?q?=E2=80=9CShow/Hide=20additional=20timing=20info=E2=80=9D=20Dura?=
 =?UTF-8?q?tion=20pill=20tooltip:=20=E2=80=9CDuration=20of=20last=20target?=
 =?UTF-8?q?=20scrape=E2=80=9D=20Update=20imports/usages;=20keep=20DOM-cond?=
 =?UTF-8?q?itional=20expanded=20content?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: ADITYATIWARI342005 <142050150+ADITYATIWARI342005@users.noreply.github.com>
---
 .../src/pages/targets/ScrapePoolsList.tsx      |  4 ++--
 ...rapeDetails.tsx => ScrapeTimingDetails.tsx} | 18 +++++-------------
 2 files changed, 7 insertions(+), 15 deletions(-)
 rename web/ui/mantine-ui/src/pages/targets/{ScrapeDetails.tsx => ScrapeTimingDetails.tsx} (86%)

diff --git a/web/ui/mantine-ui/src/pages/targets/ScrapePoolsList.tsx b/web/ui/mantine-ui/src/pages/targets/ScrapePoolsList.tsx
index 35e1a2e89f..fbd710a412 100644
--- a/web/ui/mantine-ui/src/pages/targets/ScrapePoolsList.tsx
+++ b/web/ui/mantine-ui/src/pages/targets/ScrapePoolsList.tsx
@@ -29,7 +29,7 @@ import CustomInfiniteScroll from "../../components/CustomInfiniteScroll";
 import badgeClasses from "../../Badge.module.css";
 import panelClasses from "../../Panel.module.css";
 import TargetLabels from "./TargetLabels";
-import ScrapeDetails from "./ScrapeDetails";
+import ScrapeTimingDetails from "./ScrapeTimingDetails";
 import { targetPoolDisplayLimit } from "./TargetsPage";
 
 type ScrapePool = {
@@ -324,7 +324,7 @@ const ScrapePoolList: FC<ScrapePoolListProp> = memo(
                                     />
                                   </Table.Td>
                                   <Table.Td valign="top">
-                                    <ScrapeDetails target={target} />
+                                    <ScrapeTimingDetails target={target} />
                                   </Table.Td>
                                   <Table.Td valign="top">
                                     <Badge
diff --git a/web/ui/mantine-ui/src/pages/targets/ScrapeDetails.tsx b/web/ui/mantine-ui/src/pages/targets/ScrapeTimingDetails.tsx
similarity index 86%
rename from web/ui/mantine-ui/src/pages/targets/ScrapeDetails.tsx
rename to web/ui/mantine-ui/src/pages/targets/ScrapeTimingDetails.tsx
index cac0f8c81d..d0fe83f78d 100644
--- a/web/ui/mantine-ui/src/pages/targets/ScrapeDetails.tsx
+++ b/web/ui/mantine-ui/src/pages/targets/ScrapeTimingDetails.tsx
@@ -14,11 +14,11 @@ import { Target } from "../../api/responseTypes/targets";
 import badgeClasses from "../../Badge.module.css";
 import { actionIconStyle, badgeIconStyle } from "../../styles";
 
-type ScrapeDetailsProps = {
+type ScrapeTimingDetailsProps = {
   target: Target;
 };
 
-const ScrapeDetails: FC<ScrapeDetailsProps> = ({ target }) => {
+const ScrapeTimingDetails: FC<ScrapeTimingDetailsProps> = ({ target }) => {
   const [showDetails, { toggle: toggleDetails }] = useDisclosure(false);
 
   return (
@@ -38,15 +38,7 @@ const ScrapeDetails: FC<ScrapeDetailsProps> = ({ target }) => {
             </Badge>
           </Tooltip>
 
-          <Tooltip
-            label={
-              <div style={{ lineHeight: 1.2 }}>
-                <div>Interval: {target.scrapeInterval}</div>
-                <div>Timeout: {target.scrapeTimeout}</div>
-              </div>
-            }
-            withArrow
-          >
+          <Tooltip label="Duration of last target scrape" withArrow>
             <Badge
               variant="light"
               className={badgeClasses.statsBadge}
@@ -65,7 +57,7 @@ const ScrapeDetails: FC<ScrapeDetailsProps> = ({ target }) => {
           color="gray"
           variant="light"
           onClick={toggleDetails}
-          title={`${showDetails ? "Hide" : "Show"} scrape configuration details`}
+          title={`${showDetails ? "Hide" : "Show"} additional timing info`}
         >
           {showDetails ? (
             <IconChevronUp style={actionIconStyle} />
@@ -106,4 +98,4 @@ const ScrapeDetails: FC<ScrapeDetailsProps> = ({ target }) => {
   );
 };
 
-export default ScrapeDetails;
+export default ScrapeTimingDetails;