@upsnap/strapi 1.0.3 → 1.0.6

package/dist/admin/{App-CWtrva1J.js → App-Bo_F3q6I.js}

@@ -20,7 +20,7 @@ const SideNav = () => {
   const CustomSubNavLink = designSystem.SubNavLink;
   return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.SubNav, { "aria-label": "Upsnap navigation", children: [
     /* @__PURE__ */ jsxRuntime.jsx(designSystem.SubNavHeader, { label: "Upsnap" }),
-    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.SubNavSection, { label: "Upsnap", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.SubNavSection, { label: "", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         CustomSubNavLink,
         {
@@ -132,6 +132,7 @@ const PLAN_LIMITS = {
   }
 };
 const DASHBOARD_URL = "https://upsnap.ai";
+const STATS_PAGE_URL = "https://stats.upsnap.ai";
 const DEFAULT_REGION = {
   id: "default",
   name: "Default (Server Region)"
@@ -7850,7 +7851,7 @@ const HealthCards = ({ monitorData, isLoading }) => {
     }
   };
   const RenderHealthCard = ({ data, name }) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Card, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.CardBody, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.CardContent, { paddingLeft: 1, width: "100%", children: loading === name ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, { small: true }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.CardHeader, { fontSize: 3, children: formatTitleToUppercase(name) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.CardHeader, { fontSize: 3, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "start", width: "100%", children: formatTitleToUppercase(name) }) }),
     data && (data?.status === "error" || data?.status === "warning" ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.CardTitle, { marginTop: 3, fontSize: 3, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "row", alignItems: "center", gap: 1, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { width: "20px", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -8162,7 +8163,7 @@ const IncidentsTable = ({
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Message" }) }),
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Occurred At" }) })
       ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tr, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { colSpan: 6, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: "Loading..." }) }) }) : incidentsData?.incidents && incidentsData?.incidents?.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tr, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { colSpan: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tr, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { colSpan: 6, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 4, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: "Loading..." }) }) }) }) : incidentsData?.incidents && incidentsData?.incidents?.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tr, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { colSpan: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(
         designSystem.Flex,
         {
           width: "100%",
@@ -8287,6 +8288,19 @@ function PageHeader({
     }
   );
 }
+const LoadingCard = () => /* @__PURE__ */ jsxRuntime.jsxs(
+  designSystem.Flex,
+  {
+    direction: "column",
+    justifyContent: "center",
+    margin: 8,
+    height: { initial: "300px", medium: "400px" },
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral500", children: "Loading..." })
+    ]
+  }
+);
 function Dashboard() {
   const [monitorData, setMonitorData] = React.useState(null);
   const [uptimeStats, setUptimeStats] = React.useState(null);
@@ -8312,6 +8326,7 @@ function Dashboard() {
     }
     return "default";
   });
+  const MAX_MONITOR_RETRIES = 3;
   React.useEffect(() => {
     (async () => {
       const fetchedMonitorId = await getPrimaryMonitorId();
@@ -8352,17 +8367,29 @@ function Dashboard() {
   React.useEffect(() => {
     getRegionResponseTimeData();
   }, [responseTimeData, selectedRegion]);
-  const handleRefresh = () => {
+  const fetchMonitorDataWithRetry = async (retries = MAX_MONITOR_RETRIES) => {
+    for (let attempt = 0; attempt < retries; attempt++) {
+      try {
+        const res = await request(`/monitor/${monitorId}`, { method: "GET" });
+        if (res?.monitor?.message === "Invalid authentication token") {
+          navigate("/plugins/upsnap/settings");
+          return null;
+        }
+        if (res.monitor?.data) {
+          return res.monitor.data;
+        }
+      } catch (err) {
+      }
+      await new Promise((resolve) => setTimeout(resolve, 500));
+    }
+    return null;
+  };
+  const handleRefresh = async () => {
     const { start, end } = getRangeTimestamps(responseTimeRange || "last_24_hours");
     setIsLoading(true);
-    request(`/monitor/${monitorId}`, {
-      method: "GET"
-    }).then((res) => {
-      if (res?.monitor?.message === "Invalid authentication token") {
-        navigate("/plugins/upsnap/settings");
-      }
-      setMonitorData(res.monitor?.data || null);
-    });
+    if (!monitorId) return;
+    const monitor = await fetchMonitorDataWithRetry();
+    setMonitorData(monitor);
     request(`/monitor/${monitorId}/uptime-stats?region=${selectedRegion}`, {
       method: "GET"
     }).then((res) => {
@@ -8388,7 +8415,7 @@ function Dashboard() {
       setMonitorIncidents(res.incidentsData?.data || null);
     });
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Main, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 1, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Main, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 1, children: !monitorData || isLoading ? /* @__PURE__ */ jsxRuntime.jsx(LoadingCard, {}) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       PageHeader,
       {
@@ -8414,26 +8441,36 @@ function Dashboard() {
         alignItems: "start",
         style: { alignContent: "space-around", justifyItems: "stretch" },
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { width: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 4, height: "100%", alignItems: "start", style: { flexWrap: "wrap" }, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              StatisticsCards,
-              {
-                monitorData,
-                uptimeStats,
-                histogramData,
-                isLoading
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              ResponseTimeChart,
-              {
-                monitor: monitorData?.monitor,
-                regionResponseTimeData,
-                timeRange: responseTimeRange || "last_24_hours",
-                onTimeRangeChange: handleTimeRangeChange
-              }
-            )
-          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { width: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(
+            designSystem.Flex,
+            {
+              direction: "column",
+              gap: 4,
+              height: "100%",
+              alignItems: "start",
+              style: { flexWrap: "wrap" },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  StatisticsCards,
+                  {
+                    monitorData,
+                    uptimeStats,
+                    histogramData,
+                    isLoading
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  ResponseTimeChart,
+                  {
+                    monitor: monitorData?.monitor,
+                    regionResponseTimeData,
+                    timeRange: responseTimeRange || "last_24_hours",
+                    onTimeRangeChange: handleTimeRangeChange
+                  }
+                )
+              ]
+            }
+          ) }),
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { width: "100%", children: /* @__PURE__ */ jsxRuntime.jsx(HealthCards, { monitorData, isLoading }) })
         ]
       }
@@ -8446,7 +8483,7 @@ function Dashboard() {
         isLoading
       }
     )
-  ] }) });
+  ] }) }) });
 }
 const DetailRow = ({ label, value, isUrl = false, isChip = false }) => {
   const renderValue = () => {
@@ -8535,19 +8572,6 @@ const StatusCard = ({ status, message, error, cardData }) => {
     }
   ) }) }) }) });
 };
-const LoadingCard = () => /* @__PURE__ */ jsxRuntime.jsxs(
-  designSystem.Flex,
-  {
-    direction: "column",
-    justifyContent: "center",
-    margin: 8,
-    height: { initial: "300px", medium: "400px" },
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral500", children: "Loading..." })
-    ]
-  }
-);
 function RegionWiseCards({
   regions,
   regionNames,
@@ -8750,20 +8774,23 @@ const RegionResponseTimeChart = ({
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Card, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.CardHeader, { display: "flex", style: { justifyContent: "space-between" }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", marginLeft: 2, padding: 3, children: "Response Time" }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 3, style: { minWidth: 200 }, children: /* @__PURE__ */ jsxRuntime.jsx(
-        designSystem.SingleSelect,
-        {
-          value: timeRange,
-          onChange: onTimeRangeChange,
-          disabled: monitor?.is_enabled === false,
-          children: timeRanges.map((tr) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: tr.value, children: tr.label }, tr.value))
-        }
-      ) })
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.CardHeader, { display: "flex", direction: "column", gap: 1, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", width: "100%", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", marginLeft: 2, padding: 3, children: "Response Time" }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 3, style: { minWidth: 200 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.SingleSelect,
+          {
+            value: timeRange,
+            onChange: onTimeRangeChange,
+            disabled: monitor?.is_enabled === false,
+            children: timeRanges.map((tr) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: tr.value, children: tr.label }, tr.value))
+          }
+        ) })
+      ] }),
+      visibleSeries.size === 0 && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 4, background: "neutral100", marginTop: 1, width: "100%", marginBottom: 2, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", children: "No regions selected. Please select at least one region to view response time results." }) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(designSystem.CardBody, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.CardContent, { style: { width: "100%" }, children: [
-      monitor?.is_enabled === false ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 4, background: "neutral100", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", children: "Monitoring is Paused. Enable monitoring to see response time results." }) }) : visibleSeries.size === 0 ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 4, background: "neutral100", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", children: "No regions selected. Please select at least one region to view response time results." }) }) : /* @__PURE__ */ jsxRuntime.jsx(Chart__default.default, { type: "area", height: 350, series, options: chartOptions }),
+      monitor?.is_enabled === false ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 4, background: "neutral100", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", children: "Monitoring is Paused. Enable monitoring to see response time results." }) }) : /* @__PURE__ */ jsxRuntime.jsx(Chart__default.default, { type: "area", height: 350, series, options: chartOptions }),
       /* @__PURE__ */ jsxRuntime.jsxs(
         designSystem.Flex,
         {
@@ -9726,6 +9753,7 @@ function Lighthouse() {
         data: { monitorUrl: url, strategy: selectedStrategy, force_fetch: forceFetch }
       });
       setData(res?.lighthouseHealthCheckData || null);
+      return;
     } catch (err) {
       setData(null);
     } finally {
@@ -9738,10 +9766,13 @@ function Lighthouse() {
     }
   }, [monitorUrl, strategy]);
   const handleRefresh = async () => {
+    let url = monitorUrl || selectedMonitor?.monitor?.config?.meta?.url || "";
     if (monitorUrl) {
       setRefreshing(true);
-      await getLighthouseData(strategy, monitorUrl, true);
+      await getLighthouseData(strategy, url, true);
       setRefreshing(false);
+    } else if (!monitorUrl) {
+      reactToastify.toast.error("Something went wrong. Please try again or refresh the page.");
     }
   };
   if (loading) return /* @__PURE__ */ jsxRuntime.jsx(LoadingCard, {});
@@ -10278,7 +10309,7 @@ function ListStatusPages() {
                     onClick: () => {
                       if (!page.is_published || !page.shareable_id) return;
                       window.open(
-                        `${DASHBOARD_URL}/shared/${page.shareable_id}`,
+                        `${STATS_PAGE_URL}/shared/${page.shareable_id}`,
                         "_blank",
                         "noopener,noreferrer"
                       );

package/dist/admin/{App-gQQDdsJk.mjs → App-DQN0F1ZK.mjs}

@@ -13,7 +13,7 @@ const SideNav = () => {
   const CustomSubNavLink = SubNavLink;
   return /* @__PURE__ */ jsxs(SubNav, { "aria-label": "Upsnap navigation", children: [
     /* @__PURE__ */ jsx(SubNavHeader, { label: "Upsnap" }),
-    /* @__PURE__ */ jsxs(SubNavSection, { label: "Upsnap", children: [
+    /* @__PURE__ */ jsxs(SubNavSection, { label: "", children: [
       /* @__PURE__ */ jsx(
         CustomSubNavLink,
         {
@@ -125,6 +125,7 @@ const PLAN_LIMITS = {
   }
 };
 const DASHBOARD_URL = "https://upsnap.ai";
+const STATS_PAGE_URL = "https://stats.upsnap.ai";
 const DEFAULT_REGION = {
   id: "default",
   name: "Default (Server Region)"
@@ -7843,7 +7844,7 @@ const HealthCards = ({ monitorData, isLoading }) => {
     }
   };
   const RenderHealthCard = ({ data, name }) => /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardBody, { children: /* @__PURE__ */ jsx(CardContent, { paddingLeft: 1, width: "100%", children: loading === name ? /* @__PURE__ */ jsx(Loader, { small: true }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(CardHeader, { fontSize: 3, children: formatTitleToUppercase(name) }),
+    /* @__PURE__ */ jsx(CardHeader, { fontSize: 3, children: /* @__PURE__ */ jsx(Flex, { justifyContent: "start", width: "100%", children: formatTitleToUppercase(name) }) }),
     data && (data?.status === "error" || data?.status === "warning" ? /* @__PURE__ */ jsx(CardTitle, { marginTop: 3, fontSize: 3, children: /* @__PURE__ */ jsxs(Flex, { direction: "row", alignItems: "center", gap: 1, children: [
       /* @__PURE__ */ jsxs(Box, { width: "20px", children: [
         /* @__PURE__ */ jsx(
@@ -8155,7 +8156,7 @@ const IncidentsTable = ({
         /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Message" }) }),
         /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Occurred At" }) })
       ] }) }),
-      /* @__PURE__ */ jsx(Tbody, { children: isLoading ? /* @__PURE__ */ jsx(Tr, { children: /* @__PURE__ */ jsx(Td, { colSpan: 6, children: /* @__PURE__ */ jsx(Typography, { children: "Loading..." }) }) }) : incidentsData?.incidents && incidentsData?.incidents?.length === 0 ? /* @__PURE__ */ jsx(Tr, { children: /* @__PURE__ */ jsx(Td, { colSpan: 6, children: /* @__PURE__ */ jsxs(
+      /* @__PURE__ */ jsx(Tbody, { children: isLoading ? /* @__PURE__ */ jsx(Tr, { children: /* @__PURE__ */ jsx(Td, { colSpan: 6, children: /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsx(Typography, { children: "Loading..." }) }) }) }) : incidentsData?.incidents && incidentsData?.incidents?.length === 0 ? /* @__PURE__ */ jsx(Tr, { children: /* @__PURE__ */ jsx(Td, { colSpan: 6, children: /* @__PURE__ */ jsxs(
         Flex,
         {
           width: "100%",
@@ -8280,6 +8281,19 @@ function PageHeader({
     }
   );
 }
+const LoadingCard = () => /* @__PURE__ */ jsxs(
+  Flex,
+  {
+    direction: "column",
+    justifyContent: "center",
+    margin: 8,
+    height: { initial: "300px", medium: "400px" },
+    children: [
+      /* @__PURE__ */ jsx(Loader, {}),
+      /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", children: "Loading..." })
+    ]
+  }
+);
 function Dashboard() {
   const [monitorData, setMonitorData] = useState(null);
   const [uptimeStats, setUptimeStats] = useState(null);
@@ -8305,6 +8319,7 @@ function Dashboard() {
     }
     return "default";
   });
+  const MAX_MONITOR_RETRIES = 3;
   useEffect(() => {
     (async () => {
       const fetchedMonitorId = await getPrimaryMonitorId();
@@ -8345,17 +8360,29 @@ function Dashboard() {
   useEffect(() => {
     getRegionResponseTimeData();
   }, [responseTimeData, selectedRegion]);
-  const handleRefresh = () => {
+  const fetchMonitorDataWithRetry = async (retries = MAX_MONITOR_RETRIES) => {
+    for (let attempt = 0; attempt < retries; attempt++) {
+      try {
+        const res = await request(`/monitor/${monitorId}`, { method: "GET" });
+        if (res?.monitor?.message === "Invalid authentication token") {
+          navigate("/plugins/upsnap/settings");
+          return null;
+        }
+        if (res.monitor?.data) {
+          return res.monitor.data;
+        }
+      } catch (err) {
+      }
+      await new Promise((resolve) => setTimeout(resolve, 500));
+    }
+    return null;
+  };
+  const handleRefresh = async () => {
     const { start, end } = getRangeTimestamps(responseTimeRange || "last_24_hours");
     setIsLoading(true);
-    request(`/monitor/${monitorId}`, {
-      method: "GET"
-    }).then((res) => {
-      if (res?.monitor?.message === "Invalid authentication token") {
-        navigate("/plugins/upsnap/settings");
-      }
-      setMonitorData(res.monitor?.data || null);
-    });
+    if (!monitorId) return;
+    const monitor = await fetchMonitorDataWithRetry();
+    setMonitorData(monitor);
     request(`/monitor/${monitorId}/uptime-stats?region=${selectedRegion}`, {
       method: "GET"
     }).then((res) => {
@@ -8381,7 +8408,7 @@ function Dashboard() {
       setMonitorIncidents(res.incidentsData?.data || null);
     });
   };
-  return /* @__PURE__ */ jsx(Main, { children: /* @__PURE__ */ jsxs(Box, { padding: 1, children: [
+  return /* @__PURE__ */ jsx(Main, { children: /* @__PURE__ */ jsx(Box, { padding: 1, children: !monitorData || isLoading ? /* @__PURE__ */ jsx(LoadingCard, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       PageHeader,
       {
@@ -8407,26 +8434,36 @@ function Dashboard() {
         alignItems: "start",
         style: { alignContent: "space-around", justifyItems: "stretch" },
         children: [
-          /* @__PURE__ */ jsx(Box, { width: "100%", children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 4, height: "100%", alignItems: "start", style: { flexWrap: "wrap" }, children: [
-            /* @__PURE__ */ jsx(
-              StatisticsCards,
-              {
-                monitorData,
-                uptimeStats,
-                histogramData,
-                isLoading
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              ResponseTimeChart,
-              {
-                monitor: monitorData?.monitor,
-                regionResponseTimeData,
-                timeRange: responseTimeRange || "last_24_hours",
-                onTimeRangeChange: handleTimeRangeChange
-              }
-            )
-          ] }) }),
+          /* @__PURE__ */ jsx(Box, { width: "100%", children: /* @__PURE__ */ jsxs(
+            Flex,
+            {
+              direction: "column",
+              gap: 4,
+              height: "100%",
+              alignItems: "start",
+              style: { flexWrap: "wrap" },
+              children: [
+                /* @__PURE__ */ jsx(
+                  StatisticsCards,
+                  {
+                    monitorData,
+                    uptimeStats,
+                    histogramData,
+                    isLoading
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  ResponseTimeChart,
+                  {
+                    monitor: monitorData?.monitor,
+                    regionResponseTimeData,
+                    timeRange: responseTimeRange || "last_24_hours",
+                    onTimeRangeChange: handleTimeRangeChange
+                  }
+                )
+              ]
+            }
+          ) }),
           /* @__PURE__ */ jsx(Box, { width: "100%", children: /* @__PURE__ */ jsx(HealthCards, { monitorData, isLoading }) })
         ]
       }
@@ -8439,7 +8476,7 @@ function Dashboard() {
         isLoading
       }
     )
-  ] }) });
+  ] }) }) });
 }
 const DetailRow = ({ label, value, isUrl = false, isChip = false }) => {
   const renderValue = () => {
@@ -8528,19 +8565,6 @@ const StatusCard = ({ status, message, error, cardData }) => {
     }
   ) }) }) }) });
 };
-const LoadingCard = () => /* @__PURE__ */ jsxs(
-  Flex,
-  {
-    direction: "column",
-    justifyContent: "center",
-    margin: 8,
-    height: { initial: "300px", medium: "400px" },
-    children: [
-      /* @__PURE__ */ jsx(Loader, {}),
-      /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", children: "Loading..." })
-    ]
-  }
-);
 function RegionWiseCards({
   regions,
   regionNames,
@@ -8743,20 +8767,23 @@ const RegionResponseTimeChart = ({
     }
   };
   return /* @__PURE__ */ jsxs(Card, { children: [
-    /* @__PURE__ */ jsxs(CardHeader, { display: "flex", style: { justifyContent: "space-between" }, children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "delta", marginLeft: 2, padding: 3, children: "Response Time" }),
-      /* @__PURE__ */ jsx(Box, { padding: 3, style: { minWidth: 200 }, children: /* @__PURE__ */ jsx(
-        SingleSelect,
-        {
-          value: timeRange,
-          onChange: onTimeRangeChange,
-          disabled: monitor?.is_enabled === false,
-          children: timeRanges.map((tr) => /* @__PURE__ */ jsx(SingleSelectOption, { value: tr.value, children: tr.label }, tr.value))
-        }
-      ) })
+    /* @__PURE__ */ jsxs(CardHeader, { display: "flex", direction: "column", gap: 1, children: [
+      /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", width: "100%", children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "delta", marginLeft: 2, padding: 3, children: "Response Time" }),
+        /* @__PURE__ */ jsx(Box, { padding: 3, style: { minWidth: 200 }, children: /* @__PURE__ */ jsx(
+          SingleSelect,
+          {
+            value: timeRange,
+            onChange: onTimeRangeChange,
+            disabled: monitor?.is_enabled === false,
+            children: timeRanges.map((tr) => /* @__PURE__ */ jsx(SingleSelectOption, { value: tr.value, children: tr.label }, tr.value))
+          }
+        ) })
+      ] }),
+      visibleSeries.size === 0 && /* @__PURE__ */ jsx(Box, { padding: 4, background: "neutral100", marginTop: 1, width: "100%", marginBottom: 2, children: /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", children: "No regions selected. Please select at least one region to view response time results." }) })
     ] }),
     /* @__PURE__ */ jsx(CardBody, { children: /* @__PURE__ */ jsxs(CardContent, { style: { width: "100%" }, children: [
-      monitor?.is_enabled === false ? /* @__PURE__ */ jsx(Box, { padding: 4, background: "neutral100", children: /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", children: "Monitoring is Paused. Enable monitoring to see response time results." }) }) : visibleSeries.size === 0 ? /* @__PURE__ */ jsx(Box, { padding: 4, background: "neutral100", children: /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", children: "No regions selected. Please select at least one region to view response time results." }) }) : /* @__PURE__ */ jsx(Chart, { type: "area", height: 350, series, options: chartOptions }),
+      monitor?.is_enabled === false ? /* @__PURE__ */ jsx(Box, { padding: 4, background: "neutral100", children: /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", children: "Monitoring is Paused. Enable monitoring to see response time results." }) }) : /* @__PURE__ */ jsx(Chart, { type: "area", height: 350, series, options: chartOptions }),
       /* @__PURE__ */ jsxs(
         Flex,
         {
@@ -9719,6 +9746,7 @@ function Lighthouse() {
         data: { monitorUrl: url, strategy: selectedStrategy, force_fetch: forceFetch }
       });
       setData(res?.lighthouseHealthCheckData || null);
+      return;
     } catch (err) {
       setData(null);
     } finally {
@@ -9731,10 +9759,13 @@ function Lighthouse() {
     }
   }, [monitorUrl, strategy]);
   const handleRefresh = async () => {
+    let url = monitorUrl || selectedMonitor?.monitor?.config?.meta?.url || "";
     if (monitorUrl) {
       setRefreshing(true);
-      await getLighthouseData(strategy, monitorUrl, true);
+      await getLighthouseData(strategy, url, true);
       setRefreshing(false);
+    } else if (!monitorUrl) {
+      toast.error("Something went wrong. Please try again or refresh the page.");
     }
   };
   if (loading) return /* @__PURE__ */ jsx(LoadingCard, {});
@@ -10271,7 +10302,7 @@ function ListStatusPages() {
                     onClick: () => {
                       if (!page.is_published || !page.shareable_id) return;
                       window.open(
-                        `${DASHBOARD_URL}/shared/${page.shareable_id}`,
+                        `${STATS_PAGE_URL}/shared/${page.shareable_id}`,
                         "_blank",
                         "noopener,noreferrer"
                       );

package/dist/admin/index.js

@@ -35,10 +35,10 @@ const index = {
       icon: PluginIcon,
       intlLabel: {
         id: `${PLUGIN_ID}.plugin.name`,
-        defaultMessage: PLUGIN_ID
+        defaultMessage: PLUGIN_ID.slice(0, 1).toUpperCase() + PLUGIN_ID.slice(1)
       },
       Component: async () => {
-        const { App } = await Promise.resolve().then(() => require("./App-CWtrva1J.js"));
+        const { App } = await Promise.resolve().then(() => require("./App-Bo_F3q6I.js"));
         return App;
       }
     });

package/dist/admin/index.mjs

@@ -33,10 +33,10 @@ const index = {
       icon: PluginIcon,
       intlLabel: {
         id: `${PLUGIN_ID}.plugin.name`,
-        defaultMessage: PLUGIN_ID
+        defaultMessage: PLUGIN_ID.slice(0, 1).toUpperCase() + PLUGIN_ID.slice(1)
       },
       Component: async () => {
-        const { App } = await import("./App-gQQDdsJk.mjs");
+        const { App } = await import("./App-DQN0F1ZK.mjs");
         return App;
       }
     });

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.3",
+  "version": "1.0.6",
   "repository": {
     "type": "git",
     "url": "https://github.com/Appfoster/upsnap-strapi"
@@ -67,7 +67,7 @@
     "kind": "plugin",
     "name": "upsnap",
     "displayName": "Upsnap",
-    "description": "Monitoring"
+    "description": "Complete website health monitoring for Strapi, including uptime, SSL certificates, broken links, performance metrics, domain health, and mixed content issues."
   },
   "name": "@upsnap/strapi",
   "description": "Complete website health monitoring for Strapi, including uptime, SSL certificates, broken links, performance metrics, domain health, and mixed content issues.",