@optifye/dashboard-core 6.12.48 → 6.12.50

package/dist/index.css

@@ -450,6 +450,10 @@ body {
   left: -0.125rem;
   right: -0.125rem;
 }
+.inset-x-0 {
+  left: 0px;
+  right: 0px;
+}
 .inset-y-0 {
   top: 0px;
   bottom: 0px;
@@ -490,8 +494,8 @@ body {
 .-top-10 {
   top: -2.5rem;
 }
-.-top-4 {
-  top: -1rem;
+.-top-5 {
+  top: -1.25rem;
 }
 .-top-7 {
   top: -1.75rem;
@@ -523,6 +527,9 @@ body {
 .bottom-8 {
   bottom: 2rem;
 }
+.bottom-\[-4px\] {
+  bottom: -4px;
+}
 .bottom-\[15\%\] {
   bottom: 15%;
 }
@@ -604,9 +611,6 @@ body {
 .top-1\/4 {
   top: 25%;
 }
-.top-10 {
-  top: 2.5rem;
-}
 .top-14 {
   top: 3.5rem;
 }
@@ -628,12 +632,21 @@ body {
 .top-5 {
   top: 1.25rem;
 }
+.top-6 {
+  top: 1.5rem;
+}
+.top-7 {
+  top: 1.75rem;
+}
 .top-8 {
   top: 2rem;
 }
 .top-\[-12px\] {
   top: -12px;
 }
+.top-\[19px\] {
+  top: 19px;
+}
 .top-full {
   top: 100%;
 }
@@ -673,15 +686,27 @@ body {
 .z-\[110\] {
   z-index: 110;
 }
+.z-\[190\] {
+  z-index: 190;
+}
+.z-\[1\] {
+  z-index: 1;
+}
+.z-\[200\] {
+  z-index: 200;
+}
+.z-\[2\] {
+  z-index: 2;
+}
+.z-\[35\] {
+  z-index: 35;
+}
 .z-\[60\] {
   z-index: 60;
 }
 .z-\[65\] {
   z-index: 65;
 }
-.z-\[70\] {
-  z-index: 70;
-}
 .z-\[9998\] {
   z-index: 9998;
 }
@@ -827,6 +852,9 @@ body {
 .-mt-\[1px\] {
   margin-top: -1px;
 }
+.-mt-px {
+  margin-top: -1px;
+}
 .mb-0\.5 {
   margin-bottom: 0.125rem;
 }
@@ -1004,6 +1032,9 @@ body {
 .h-1\.5 {
   height: 0.375rem;
 }
+.h-1\/2 {
+  height: 50%;
+}
 .h-10 {
   height: 2.5rem;
 }
@@ -1232,6 +1263,9 @@ body {
 .max-h-\[90vh\] {
   max-height: 90vh;
 }
+.max-h-\[calc\(100vh-12rem\)\] {
+  max-height: calc(100vh - 12rem);
+}
 .max-h-\[calc\(100vh-80px\)\] {
   max-height: calc(100vh - 80px);
 }
@@ -1521,6 +1555,9 @@ body {
 .min-w-\[140px\] {
   min-width: 140px;
 }
+.min-w-\[146px\] {
+  min-width: 146px;
+}
 .min-w-\[150px\] {
   min-width: 150px;
 }
@@ -1671,6 +1708,9 @@ body {
 .max-w-\[calc\(100\%-2rem\)\] {
   max-width: calc(100% - 2rem);
 }
+.max-w-\[calc\(100\%-8px\)\] {
+  max-width: calc(100% - 8px);
+}
 .max-w-\[calc\(100vw-32px\)\] {
   max-width: calc(100vw - 32px);
 }
@@ -2392,6 +2432,10 @@ body {
 .border-none {
   border-style: none;
 }
+.\!border-blue-300 {
+  --tw-border-opacity: 1 !important;
+  border-color: rgb(147 197 253 / var(--tw-border-opacity, 1)) !important;
+}
 .border-\[\#00AB45\]\/20 {
   border-color: rgb(0 171 69 / 0.2);
 }
@@ -2417,6 +2461,9 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
 }
+.border-amber-300\/30 {
+  border-color: rgb(252 211 77 / 0.3);
+}
 .border-amber-300\/80 {
   border-color: rgb(252 211 77 / 0.8);
 }
@@ -2588,6 +2635,9 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
 }
+.border-red-200\/30 {
+  border-color: rgb(254 202 202 / 0.3);
+}
 .border-red-200\/60 {
   border-color: rgb(254 202 202 / 0.6);
 }
@@ -2598,6 +2648,12 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
 }
+.border-red-300\/25 {
+  border-color: rgb(252 165 165 / 0.25);
+}
+.border-red-300\/35 {
+  border-color: rgb(252 165 165 / 0.35);
+}
 .border-red-400 {
   --tw-border-opacity: 1;
   border-color: rgb(248 113 113 / var(--tw-border-opacity, 1));
@@ -2652,6 +2708,9 @@ body {
 .border-slate-50\/50 {
   border-color: rgb(248 250 252 / 0.5);
 }
+.border-slate-500\/70 {
+  border-color: rgb(100 116 139 / 0.7);
+}
 .border-teal-200 {
   --tw-border-opacity: 1;
   border-color: rgb(153 246 228 / var(--tw-border-opacity, 1));
@@ -2667,9 +2726,11 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(221 214 254 / var(--tw-border-opacity, 1));
 }
-.border-white {
-  --tw-border-opacity: 1;
-  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
+.border-violet-200\/35 {
+  border-color: rgb(221 214 254 / 0.35);
+}
+.border-violet-300\/30 {
+  border-color: rgb(196 181 253 / 0.3);
 }
 .border-white\/10 {
   border-color: rgb(255 255 255 / 0.1);
@@ -2778,6 +2839,9 @@ body {
 .bg-\[\#0EA5E9\]\/30 {
   background-color: rgb(14 165 233 / 0.3);
 }
+.bg-\[\#0b101b\]\/95 {
+  background-color: rgb(11 16 27 / 0.95);
+}
 .bg-\[\#1A0B09\]\/95 {
   background-color: rgb(26 11 9 / 0.95);
 }
@@ -2821,6 +2885,10 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
 }
+.bg-\[\#fff5f3\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 245 243 / var(--tw-bg-opacity, 1));
+}
 .bg-amber-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
@@ -2850,6 +2918,9 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
 }
+.bg-amber-500\/20 {
+  background-color: rgb(245 158 11 / 0.2);
+}
 .bg-black {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
@@ -3159,12 +3230,15 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
 }
-.bg-red-500\/10 {
-  background-color: rgb(239 68 68 / 0.1);
+.bg-red-500\/15 {
+  background-color: rgb(239 68 68 / 0.15);
 }
 .bg-red-500\/20 {
   background-color: rgb(239 68 68 / 0.2);
 }
+.bg-red-500\/25 {
+  background-color: rgb(239 68 68 / 0.25);
+}
 .bg-red-500\/30 {
   background-color: rgb(239 68 68 / 0.3);
 }
@@ -3182,6 +3256,9 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
 }
+.bg-red-950\/75 {
+  background-color: rgb(69 10 10 / 0.75);
+}
 .bg-rose-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1));
@@ -3194,10 +3271,6 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1));
 }
-.bg-sky-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(14 165 233 / var(--tw-bg-opacity, 1));
-}
 .bg-slate-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
@@ -3267,6 +3340,12 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1));
 }
+.bg-violet-500\/20 {
+  background-color: rgb(139 92 246 / 0.2);
+}
+.bg-violet-950\/75 {
+  background-color: rgb(46 16 101 / 0.75);
+}
 .bg-white {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
@@ -4553,6 +4632,9 @@ body {
 .leading-tight {
   line-height: 1.25;
 }
+.tracking-\[-0\.01em\] {
+  letter-spacing: -0.01em;
+}
 .tracking-\[0\.02em\] {
   letter-spacing: 0.02em;
 }
@@ -4565,6 +4647,9 @@ body {
 .tracking-\[0\.15em\] {
   letter-spacing: 0.15em;
 }
+.tracking-\[0\.16em\] {
+  letter-spacing: 0.16em;
+}
 .tracking-\[0\.25em\] {
   letter-spacing: 0.25em;
 }
@@ -4888,6 +4973,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(248 113 113 / var(--tw-text-opacity, 1));
 }
+.text-red-50 {
+  --tw-text-opacity: 1;
+  color: rgb(254 242 242 / var(--tw-text-opacity, 1));
+}
 .text-red-500 {
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity, 1));
@@ -4923,6 +5012,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(14 165 233 / var(--tw-text-opacity, 1));
 }
+.text-slate-100 {
+  --tw-text-opacity: 1;
+  color: rgb(241 245 249 / var(--tw-text-opacity, 1));
+}
 .text-slate-200 {
   --tw-text-opacity: 1;
   color: rgb(226 232 240 / var(--tw-text-opacity, 1));
@@ -4970,10 +5063,18 @@ body {
 .text-transparent {
   color: transparent;
 }
+.text-violet-100 {
+  --tw-text-opacity: 1;
+  color: rgb(237 233 254 / var(--tw-text-opacity, 1));
+}
 .text-violet-300 {
   --tw-text-opacity: 1;
   color: rgb(196 181 253 / var(--tw-text-opacity, 1));
 }
+.text-violet-50 {
+  --tw-text-opacity: 1;
+  color: rgb(245 243 255 / var(--tw-text-opacity, 1));
+}
 .text-violet-600 {
   --tw-text-opacity: 1;
   color: rgb(124 58 237 / var(--tw-text-opacity, 1));
@@ -5157,6 +5258,22 @@ body {
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
+.shadow-\[0_16px_36px_rgba\(0\,0\,0\,0\.48\)\] {
+  --tw-shadow: 0 16px 36px rgba(0,0,0,0.48);
+  --tw-shadow-colored: 0 16px 36px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
+.shadow-\[0_16px_45px_rgba\(37\,99\,235\,0\.16\)\] {
+  --tw-shadow: 0 16px 45px rgba(37,99,235,0.16);
+  --tw-shadow-colored: 0 16px 45px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
 .shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.04\)\] {
   --tw-shadow: 0 1px 2px rgba(0,0,0,0.04);
   --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
@@ -5165,6 +5282,14 @@ body {
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
+.shadow-\[0_1px_2px_rgba\(15\,23\,42\,0\.06\)\] {
+  --tw-shadow: 0 1px 2px rgba(15,23,42,0.06);
+  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
 .shadow-\[0_1px_3px_rgba\(15\,23\,42\,0\.16\)\,0_0_0_1px_rgba\(255\,255\,255\,0\.06\)\] {
   --tw-shadow: 0 1px 3px rgba(15,23,42,0.16),0 0 0 1px rgba(255,255,255,0.06);
   --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
@@ -5213,6 +5338,14 @@ body {
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
+.shadow-\[inset_3px_0_0_rgba\(37\,99\,235\,0\.75\)\] {
+  --tw-shadow: inset 3px 0 0 rgba(37,99,235,0.75);
+  --tw-shadow-colored: inset 3px 0 0 var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
 .shadow-inner {
   --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
   --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
@@ -5398,6 +5531,9 @@ body {
 .ring-amber-500\/10 {
   --tw-ring-color: rgb(245 158 11 / 0.1);
 }
+.ring-amber-500\/20 {
+  --tw-ring-color: rgb(245 158 11 / 0.2);
+}
 .ring-amber-600\/30 {
   --tw-ring-color: rgb(217 119 6 / 0.3);
 }
@@ -5494,6 +5630,9 @@ body {
 .ring-slate-300\/30 {
   --tw-ring-color: rgb(203 213 225 / 0.3);
 }
+.ring-violet-500\/20 {
+  --tw-ring-color: rgb(139 92 246 / 0.2);
+}
 .ring-white {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
@@ -5573,6 +5712,11 @@ body {
 .filter {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
+.backdrop-blur {
+  --tw-backdrop-blur: blur(8px);
+  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+}
 .backdrop-blur-2xl {
   --tw-backdrop-blur: blur(40px);
   -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
@@ -5902,6 +6046,9 @@ input[type=range]:active::-moz-range-thumb {
   --tw-bg-opacity: 1;
   background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
 }
+.hover\:bg-blue-100\/80:hover {
+  background-color: rgb(219 234 254 / 0.8);
+}
 .hover\:bg-blue-200:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1));
@@ -6021,10 +6168,6 @@ input[type=range]:active::-moz-range-thumb {
   --tw-bg-opacity: 1;
   background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
 }
-.hover\:bg-sky-400:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(56 189 248 / var(--tw-bg-opacity, 1));
-}
 .hover\:bg-slate-100:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
@@ -6437,10 +6580,6 @@ input[type=range]:active::-moz-range-thumb {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
 }
-.focus\:ring-sky-200:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(186 230 253 / var(--tw-ring-opacity, 1));
-}
 .focus\:ring-slate-400:focus {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(148 163 184 / var(--tw-ring-opacity, 1));
@@ -6711,6 +6850,12 @@ input[type=range]:active::-moz-range-thumb {
   .sm\:left-0 {
     left: 0px;
   }
+  .sm\:left-1\.5 {
+    left: 0.375rem;
+  }
+  .sm\:left-2 {
+    left: 0.5rem;
+  }
   .sm\:left-auto {
     left: auto;
   }
@@ -6729,9 +6874,21 @@ input[type=range]:active::-moz-range-thumb {
   .sm\:top-0 {
     top: 0px;
   }
+  .sm\:top-1\.5 {
+    top: 0.375rem;
+  }
+  .sm\:top-10 {
+    top: 2.5rem;
+  }
+  .sm\:top-2 {
+    top: 0.5rem;
+  }
   .sm\:top-3 {
     top: 0.75rem;
   }
+  .sm\:top-8 {
+    top: 2rem;
+  }
   .sm\:order-1 {
     order: 1;
   }
@@ -6817,6 +6974,12 @@ input[type=range]:active::-moz-range-thumb {
   .sm\:hidden {
     display: none;
   }
+  .sm\:h-10 {
+    height: 2.5rem;
+  }
+  .sm\:h-11 {
+    height: 2.75rem;
+  }
   .sm\:h-12 {
     height: 3rem;
   }
@@ -6829,6 +6992,9 @@ input[type=range]:active::-moz-range-thumb {
   .sm\:h-3 {
     height: 0.75rem;
   }
+  .sm\:h-3\.5 {
+    height: 0.875rem;
+  }
   .sm\:h-4 {
     height: 1rem;
   }
@@ -6874,6 +7040,12 @@ input[type=range]:active::-moz-range-thumb {
   .sm\:min-h-\[320px\] {
     min-height: 320px;
   }
+  .sm\:w-10 {
+    width: 2.5rem;
+  }
+  .sm\:w-11 {
+    width: 2.75rem;
+  }
   .sm\:w-12 {
     width: 3rem;
   }
@@ -6889,6 +7061,9 @@ input[type=range]:active::-moz-range-thumb {
   .sm\:w-3 {
     width: 0.75rem;
   }
+  .sm\:w-3\.5 {
+    width: 0.875rem;
+  }
   .sm\:w-36 {
     width: 9rem;
   }
@@ -6955,6 +7130,9 @@ input[type=range]:active::-moz-range-thumb {
   .sm\:max-w-\[85\%\] {
     max-width: 85%;
   }
+  .sm\:max-w-\[calc\(100\%-16px\)\] {
+    max-width: calc(100% - 16px);
+  }
   .sm\:max-w-\[calc\(100\%-200px\)\] {
     max-width: calc(100% - 200px);
   }
@@ -7071,6 +7249,9 @@ input[type=range]:active::-moz-range-thumb {
   .sm\:rounded-lg {
     border-radius: 0.5rem;
   }
+  .sm\:rounded-md {
+    border-radius: 0.375rem;
+  }
   .sm\:rounded-xl {
     border-radius: 0.75rem;
   }
@@ -7167,6 +7348,10 @@ input[type=range]:active::-moz-range-thumb {
     padding-left: 1.5rem;
     padding-right: 1.5rem;
   }
+  .sm\:py-1 {
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
+  }
   .sm\:py-1\.5 {
     padding-top: 0.375rem;
     padding-bottom: 0.375rem;

package/dist/index.d.mts

@@ -81,6 +81,7 @@ interface ShiftDefinition {
     startTime: string;
     endTime: string;
     breaks: Break[];
+    offDays?: string[];
     timezone?: string;
 }
 /**
@@ -508,6 +509,13 @@ interface OverviewLineMetric {
     total_actual: number;
     efficiency: number;
     line_signal?: LineSignal | null;
+    red_flow_incident?: {
+        active: boolean;
+        count: number;
+        latest_status: 'open' | 'escalated' | null;
+        latest_incident_id: string | null;
+        last_below_at: string | null;
+    } | null;
     shift_metrics: {
         shift: string;
         target: number;
@@ -1110,6 +1118,7 @@ interface RedFlowTimelineBin {
     actual_ppm?: number | null;
     target_ppm?: number | null;
     efficiency_percent?: number | null;
+    is_idle?: boolean | null;
 }
 interface RedFlowWorstMinute {
     start_time?: string | null;
@@ -7822,6 +7831,7 @@ interface HourlyOutputChartProps {
     onHourClick?: (payload: HourlyOutputBarClickPayload) => void;
     onWatchClipsClick?: (payload: HourlyOutputBarClickPayload) => void;
     onAiSummaryClick?: (payload: HourlyOutputBarClickPayload) => void;
+    onSelectSku?: (skuId: string | null) => void;
 }
 
 declare const HourlyOutputChart: (props: HourlyOutputChartProps) => react_jsx_runtime.JSX.Element;
@@ -8291,6 +8301,7 @@ interface PerformanceData$1 {
     hasData?: boolean;
     output?: number;
     idealOutput?: number;
+    targetOutput?: number;
     idle_time_seconds?: number;
     active_time_seconds?: number;
     available_time_seconds?: number;

package/dist/index.d.ts

@@ -81,6 +81,7 @@ interface ShiftDefinition {
     startTime: string;
     endTime: string;
     breaks: Break[];
+    offDays?: string[];
     timezone?: string;
 }
 /**
@@ -508,6 +509,13 @@ interface OverviewLineMetric {
     total_actual: number;
     efficiency: number;
     line_signal?: LineSignal | null;
+    red_flow_incident?: {
+        active: boolean;
+        count: number;
+        latest_status: 'open' | 'escalated' | null;
+        latest_incident_id: string | null;
+        last_below_at: string | null;
+    } | null;
     shift_metrics: {
         shift: string;
         target: number;
@@ -1110,6 +1118,7 @@ interface RedFlowTimelineBin {
     actual_ppm?: number | null;
     target_ppm?: number | null;
     efficiency_percent?: number | null;
+    is_idle?: boolean | null;
 }
 interface RedFlowWorstMinute {
     start_time?: string | null;
@@ -7822,6 +7831,7 @@ interface HourlyOutputChartProps {
     onHourClick?: (payload: HourlyOutputBarClickPayload) => void;
     onWatchClipsClick?: (payload: HourlyOutputBarClickPayload) => void;
     onAiSummaryClick?: (payload: HourlyOutputBarClickPayload) => void;
+    onSelectSku?: (skuId: string | null) => void;
 }
 
 declare const HourlyOutputChart: (props: HourlyOutputChartProps) => react_jsx_runtime.JSX.Element;
@@ -8291,6 +8301,7 @@ interface PerformanceData$1 {
     hasData?: boolean;
     output?: number;
     idealOutput?: number;
+    targetOutput?: number;
     idle_time_seconds?: number;
     active_time_seconds?: number;
     available_time_seconds?: number;