add a setting to alert if extraction is under desired level

src/app/components/PlanetaryInteraction/ExtractionSimulationTooltip.tsx

@@ -1,8 +1,9 @@
-import React from 'react';
+import React, { useContext } from 'react';
 import { Box, Paper, Typography, Stack } from '@mui/material';
 import { Line } from 'react-chartjs-2';
 import { getProgramOutputPrediction } from './ExtractionSimulation';
 import { PI_TYPES_MAP } from '@/const';
+import { SessionContext } from '@/app/context/Context';
 import {
   Chart as ChartJS,
   CategoryScale,
@@ -41,6 +42,7 @@ interface ExtractionSimulationTooltipProps {
 export const ExtractionSimulationTooltip: React.FC<ExtractionSimulationTooltipProps> = ({
   extractors
 }) => {
+  const { minExtractionRate } = useContext(SessionContext);
   const CYCLE_TIME = 30 * 60; // 30 minutes in seconds
 
   // Calculate program duration and cycles for each extractor
@@ -159,8 +161,15 @@ export const ExtractionSimulationTooltip: React.FC<ExtractionSimulationTooltipPr
                     <Typography variant="body2">
                       • Average per Cycle: {(totalOutput / cycles).toFixed(1)} units
                     </Typography>
-                    <Typography variant="body2">
-                      • Average per hour: {(totalOutput / cycles  * 2).toFixed(1)} units
+                    <Typography
+                      variant="body2"
+                      color={
+                        minExtractionRate > 0 && (extractors[idx].baseValue * 3600) / extractors[idx].cycleTime < minExtractionRate
+                          ? 'error'
+                          : 'inherit'
+                      }
+                    >
+                      • Average per hour: {((extractors[idx].baseValue * 3600) / extractors[idx].cycleTime).toFixed(1)} units
                     </Typography>
                     <Typography variant="body2">
                       • Expires in: <Countdown overtime={true} date={DateTime.fromISO(expiryTime).toMillis()} />

src/app/components/PlanetaryInteraction/PlanetCard.tsx

@@ -8,7 +8,7 @@ import { PlanetCalculations } from "@/types/planet";
 import React, { useContext } from "react";
 import { DateTime } from "luxon";
 import Countdown from "react-countdown";
-import { ColorContext } from "@/app/context/Context";
+import { ColorContext, SessionContext } from "@/app/context/Context";
 import { ExtractionSimulationTooltip } from "./ExtractionSimulationTooltip";
 import { timeColor } from "./alerts";
 
@@ -40,6 +40,7 @@ export const PlanetCard = ({
 }) => {
   const theme = useTheme();
   const { colors } = useContext(ColorContext);
+  const { minExtractionRate } = useContext(SessionContext);
 
   const extractorConfigs: ExtractorConfig[] = planetDetails.extractors
     .filter(e => e.extractor_details?.product_type_id && e.extractor_details?.qty_per_cycle)
@@ -51,6 +52,8 @@ export const PlanetCard = ({
       expiryTime: e.expiry_time ?? ""
     }));
 
+  const hasLowExtractionRate = planetDetails.extractorAverages.length > 0 && minExtractionRate > 0 && planetDetails.extractorAverages.some(avg => avg.averagePerHour < minExtractionRate);
+
   return (
     <Tooltip
       title={
@@ -114,9 +117,30 @@ export const PlanetCard = ({
           />
         )}
         <div style={{ position: "absolute", top: 5, left: 10 }}>
-          <Typography fontSize={theme.custom.smallText}>
+          <Typography
+            fontSize={theme.custom.smallText}
+            color={(planetDetails.hasLargeExtractorDifference || hasLowExtractionRate) ? 'error' : 'inherit'}
+          >
             {planet.infoUniverse?.name}
           </Typography>
+          {planetDetails.hasLargeExtractorDifference && (
+            <Typography
+              fontSize={theme.custom.smallText}
+              color="error"
+              sx={{ opacity: 0.7 }}
+            >
+              off-balance
+            </Typography>
+          )}
+          {hasLowExtractionRate && (
+            <Typography
+              fontSize={theme.custom.smallText}
+              color="error"
+              sx={{ opacity: 0.7 }}
+            >
+              low-extraction
+            </Typography>
+          )}
           {planetDetails.extractors.map((e, idx) => {
             const average = planetDetails.extractorAverages[idx];
             return (

src/app/components/PlanetaryInteraction/PlanetTableRow.tsx

@@ -55,7 +55,7 @@ export const PlanetTableRow = ({
   planetDetails: PlanetCalculations;
 }) => {
   const theme = useTheme();
-  const { showProductIcons, extractionTimeMode, alertMode } = useContext(SessionContext);
+  const { showProductIcons, extractionTimeMode, alertMode, minExtractionRate } = useContext(SessionContext);
   const { colors } = useContext(ColorContext);
 
   const [planetRenderOpen, setPlanetRenderOpen] = useState(false);
@@ -103,11 +103,13 @@ export const PlanetTableRow = ({
   };
 
   // Check if there are any alerts
+  const hasLowExtractionRate = planetDetails.extractorAverages.length > 0 && minExtractionRate > 0 && planetDetails.extractorAverages.some(avg => avg.averagePerHour < minExtractionRate);
   const hasAlerts = alertMode && (
     planetDetails.expired ||
     planetDetails.storageInfo.some(storage => storage.fillRate > 60) ||
     planetDetails.importDepletionTimes.some(depletion => depletion.hoursUntilDepletion < 24) ||
-    planetDetails.hasLargeExtractorDifference
+    planetDetails.hasLargeExtractorDifference ||
+    hasLowExtractionRate
   );
 
   // If in alert mode and no alerts, hide the row
@@ -225,14 +227,14 @@ export const PlanetTableRow = ({
                 }}
               >
                 <Stack spacing={0}>
-                  <Typography 
+                  <Typography
                     fontSize={theme.custom.smallText}
-                    color={planetDetails.hasLargeExtractorDifference ? 'error' : 'inherit'}
+                    color={(planetDetails.hasLargeExtractorDifference || hasLowExtractionRate) ? 'error' : 'inherit'}
                   >
                     {planetInfoUniverse?.name}
                   </Typography>
                   {planetDetails.hasLargeExtractorDifference && (
-                    <Typography 
+                    <Typography
                       fontSize={theme.custom.smallText}
                       color="error"
                       sx={{ opacity: 0.7 }}
@@ -240,6 +242,15 @@ export const PlanetTableRow = ({
                       off-balance
                     </Typography>
                   )}
+                  {hasLowExtractionRate && (
+                    <Typography
+                      fontSize={theme.custom.smallText}
+                      color="error"
+                      sx={{ opacity: 0.7 }}
+                    >
+                      low-extraction
+                    </Typography>
+                  )}
                 </Stack>
               </Tooltip>
             </div>