@optifye/dashboard-core 6.12.21 → 6.12.23

package/dist/{automation-Hl2PFMb3.d.mts → automation-C3vudVDH.d.mts}

@@ -177,6 +177,10 @@ interface WorkspaceMetrics {
     action_type?: 'assembly' | 'output' | null;
     action_family?: 'assembly' | 'output' | 'other' | null;
     action_display_name?: string | null;
+    factory_area_id?: string | null;
+    factory_area_key?: string | null;
+    factory_area_name?: string | null;
+    factory_area_enabled?: boolean | null;
     leaderboard_metric_kind?: 'efficiency' | 'recent_flow_shift_average';
     leaderboard_value?: number | null;
     avg_recent_flow?: number | null;
@@ -188,6 +192,10 @@ interface WorkspaceMetrics {
     recent_flow_effective_end_at?: string | null;
     recent_flow_computed_at?: string | null;
     recent_flow_forced_zero_after_shift?: boolean | null;
+    video_grid_green_streak_active?: boolean | null;
+    video_grid_green_streak_minutes?: number | null;
+    video_grid_green_streak_anchor_at?: string | null;
+    video_grid_green_streak_started_at?: string | null;
     scheduled_break_active?: boolean;
     incoming_wip_current?: number | null;
     incoming_wip_effective_at?: string | null;

package/dist/{automation-Hl2PFMb3.d.ts → automation-C3vudVDH.d.ts}

@@ -177,6 +177,10 @@ interface WorkspaceMetrics {
     action_type?: 'assembly' | 'output' | null;
     action_family?: 'assembly' | 'output' | 'other' | null;
     action_display_name?: string | null;
+    factory_area_id?: string | null;
+    factory_area_key?: string | null;
+    factory_area_name?: string | null;
+    factory_area_enabled?: boolean | null;
     leaderboard_metric_kind?: 'efficiency' | 'recent_flow_shift_average';
     leaderboard_value?: number | null;
     avg_recent_flow?: number | null;
@@ -188,6 +192,10 @@ interface WorkspaceMetrics {
     recent_flow_effective_end_at?: string | null;
     recent_flow_computed_at?: string | null;
     recent_flow_forced_zero_after_shift?: boolean | null;
+    video_grid_green_streak_active?: boolean | null;
+    video_grid_green_streak_minutes?: number | null;
+    video_grid_green_streak_anchor_at?: string | null;
+    video_grid_green_streak_started_at?: string | null;
     scheduled_break_active?: boolean;
     incoming_wip_current?: number | null;
     incoming_wip_effective_at?: string | null;

package/dist/automation.d.mts

@@ -1,2 +1,2 @@
-export { u as RecentFlowSnapshotGrid, R as RecentFlowSnapshotGridProps, W as WorkspaceMetrics, d as WorkspaceVideoStream } from './automation-Hl2PFMb3.mjs';
+export { u as RecentFlowSnapshotGrid, R as RecentFlowSnapshotGridProps, W as WorkspaceMetrics, d as WorkspaceVideoStream } from './automation-C3vudVDH.mjs';
 import 'react';

package/dist/automation.d.ts

@@ -1,2 +1,2 @@
-export { u as RecentFlowSnapshotGrid, R as RecentFlowSnapshotGridProps, W as WorkspaceMetrics, d as WorkspaceVideoStream } from './automation-Hl2PFMb3.js';
+export { u as RecentFlowSnapshotGrid, R as RecentFlowSnapshotGridProps, W as WorkspaceMetrics, d as WorkspaceVideoStream } from './automation-C3vudVDH.js';
 import 'react';

package/dist/automation.js

@@ -1753,8 +1753,6 @@ var isRecentFlowVideoGridMetricMode = (value, assemblyEnabled = false) => {
   return normalized === "recent_flow" || normalized === "recent_flow_wip_gated";
 };
 var isWipGatedVideoGridMetricMode = (value, assemblyEnabled = false) => normalizeVideoGridMetricMode(value, assemblyEnabled) === "recent_flow_wip_gated";
-
-// src/components/dashboard/grid/videoGridMetricUtils.ts
 var isFiniteNumber = (value) => typeof value === "number" && Number.isFinite(value);
 var isVideoGridRecentFlowEnabled = (workspace) => isRecentFlowVideoGridMetricMode(
   workspace.video_grid_metric_mode,
@@ -1777,6 +1775,8 @@ var getRawVideoGridMetricValue = (workspace) => {
   return workspace.efficiency;
 };
 var hasIncomingWipMapping = (workspace) => Boolean(workspace.incoming_wip_buffer_name);
+var getVideoGridWorkspaceKey = (workspace) => workspace.workspace_uuid || `${workspace.line_id || "unknown"}:${workspace.workspace_name || "unknown"}`;
+var isVideoGridBlueCandidate = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND) => hasVideoGridRecentFlow(workspace) && isFiniteNumber(workspace.recent_flow_percent) && workspace.recent_flow_percent >= legend.green_min;
 var getVideoGridBaseColorState = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND) => {
   const metricValue = getRawVideoGridMetricValue(workspace);
   if (!isFiniteNumber(metricValue)) {
@@ -1847,7 +1847,10 @@ var getSyntheticLowWipDisplayValue = (workspace, minuteBucket) => {
   return 100 + offset;
 };
 var getVideoGridDisplayValue = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND, minuteBucket) => isLowWipGreenOverride(workspace, legend) ? getSyntheticLowWipDisplayValue(workspace, minuteBucket) : getVideoGridMetricValue(workspace, legend);
-var getVideoGridColorState = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND) => {
+var getVideoGridColorState = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND, blueWinnerIds) => {
+  if (blueWinnerIds?.has(getVideoGridWorkspaceKey(workspace)) && isVideoGridBlueCandidate(workspace, legend)) {
+    return "blue";
+  }
   const baseColor = getVideoGridBaseColorState(workspace, legend);
   if (!hasVideoGridRecentFlow(workspace)) {
     return baseColor;
@@ -1895,6 +1898,7 @@ var VideoCard = React__default.default.memo(({
   compact = false,
   displayMinuteBucket,
   displayName,
+  isBlueBest = false,
   lastSeenLabel,
   hasRecentHealthSignal = false,
   onMouseEnter,
@@ -1916,7 +1920,11 @@ var VideoCard = React__default.default.memo(({
   const workspaceDisplayName = displayName || workspace.displayName || workspace.workspace_name;
   const videoGridMetricValue = getVideoGridMetricValue(workspace, effectiveLegend);
   const videoGridDisplayValue = getVideoGridDisplayValue(workspace, effectiveLegend, displayMinuteBucket);
-  const videoGridColorState = getVideoGridColorState(workspace, effectiveLegend);
+  const videoGridColorState = getVideoGridColorState(
+    workspace,
+    effectiveLegend,
+    isBlueBest ? /* @__PURE__ */ new Set([getVideoGridWorkspaceKey(workspace)]) : void 0
+  );
   const isRecentFlowCard = isVideoGridRecentFlowEnabled(workspace);
   const isHighEfficiencyOverride = isHighEfficiencyRedFlowOverride(workspace, effectiveLegend);
   const hasDisplayMetric = typeof videoGridDisplayValue === "number" && Number.isFinite(videoGridDisplayValue);
@@ -1924,9 +1932,9 @@ var VideoCard = React__default.default.memo(({
   const shouldRenderMetricBadge = hasDisplayMetric;
   const badgeTitle = isHighEfficiencyOverride ? `Efficiency ${Math.round(videoGridDisplayValue ?? 0)}%` : hasVideoGridRecentFlow(workspace) ? `Flow ${Math.round(videoGridDisplayValue ?? 0)}%` : isRecentFlowCard ? "Flow unavailable" : `Efficiency ${Math.round(videoGridDisplayValue ?? 0)}%`;
   const badgeLabel = `${Math.round(videoGridDisplayValue ?? 0)}%`;
-  const efficiencyOverlayClass = videoGridColorState === "green" ? "bg-[#00D654]/25" : videoGridColorState === "yellow" ? "bg-[#FFD700]/30" : videoGridColorState === "red" ? "bg-[#FF2D0A]/30" : "bg-transparent";
-  const efficiencyBarClass = videoGridColorState === "green" ? "bg-[#00AB45]" : videoGridColorState === "yellow" ? "bg-[#FFB020]" : videoGridColorState === "red" ? "bg-[#E34329]" : "bg-gray-500/70";
-  const efficiencyStatus = videoGridColorState === "green" ? "High" : videoGridColorState === "yellow" ? "Medium" : videoGridColorState === "red" ? "Low" : "Neutral";
+  const efficiencyOverlayClass = videoGridColorState === "green" ? "bg-[#00D654]/25" : videoGridColorState === "blue" ? "bg-[#0EA5E9]/30" : videoGridColorState === "yellow" ? "bg-[#FFD700]/30" : videoGridColorState === "red" ? "bg-[#FF2D0A]/30" : "bg-transparent";
+  const efficiencyBarClass = videoGridColorState === "green" ? "bg-[#00AB45]" : videoGridColorState === "blue" ? "bg-[#0EA5E9]" : videoGridColorState === "yellow" ? "bg-[#FFB020]" : videoGridColorState === "red" ? "bg-[#E34329]" : "bg-gray-500/70";
+  const efficiencyStatus = videoGridColorState === "green" ? "High" : videoGridColorState === "blue" ? "Best" : videoGridColorState === "yellow" ? "Medium" : videoGridColorState === "red" ? "Low" : "Neutral";
   const trendInfo = workspace.trend !== void 0 ? getTrendArrowAndColor(workspace.trend) : null;
   const handleClick = React.useCallback(() => {
     trackCoreEvent("Workspace Card Clicked", {
@@ -2047,6 +2055,9 @@ var VideoCard = React__default.default.memo(({
   if (prevProps.displayName !== nextProps.displayName) {
     return false;
   }
+  if (prevProps.isBlueBest !== nextProps.isBlueBest) {
+    return false;
+  }
   if (prevProps.lastSeenLabel !== nextProps.lastSeenLabel) {
     return false;
   }

package/dist/automation.mjs

@@ -1746,8 +1746,6 @@ var isRecentFlowVideoGridMetricMode = (value, assemblyEnabled = false) => {
   return normalized === "recent_flow" || normalized === "recent_flow_wip_gated";
 };
 var isWipGatedVideoGridMetricMode = (value, assemblyEnabled = false) => normalizeVideoGridMetricMode(value, assemblyEnabled) === "recent_flow_wip_gated";
-
-// src/components/dashboard/grid/videoGridMetricUtils.ts
 var isFiniteNumber = (value) => typeof value === "number" && Number.isFinite(value);
 var isVideoGridRecentFlowEnabled = (workspace) => isRecentFlowVideoGridMetricMode(
   workspace.video_grid_metric_mode,
@@ -1770,6 +1768,8 @@ var getRawVideoGridMetricValue = (workspace) => {
   return workspace.efficiency;
 };
 var hasIncomingWipMapping = (workspace) => Boolean(workspace.incoming_wip_buffer_name);
+var getVideoGridWorkspaceKey = (workspace) => workspace.workspace_uuid || `${workspace.line_id || "unknown"}:${workspace.workspace_name || "unknown"}`;
+var isVideoGridBlueCandidate = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND) => hasVideoGridRecentFlow(workspace) && isFiniteNumber(workspace.recent_flow_percent) && workspace.recent_flow_percent >= legend.green_min;
 var getVideoGridBaseColorState = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND) => {
   const metricValue = getRawVideoGridMetricValue(workspace);
   if (!isFiniteNumber(metricValue)) {
@@ -1840,7 +1840,10 @@ var getSyntheticLowWipDisplayValue = (workspace, minuteBucket) => {
   return 100 + offset;
 };
 var getVideoGridDisplayValue = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND, minuteBucket) => isLowWipGreenOverride(workspace, legend) ? getSyntheticLowWipDisplayValue(workspace, minuteBucket) : getVideoGridMetricValue(workspace, legend);
-var getVideoGridColorState = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND) => {
+var getVideoGridColorState = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND, blueWinnerIds) => {
+  if (blueWinnerIds?.has(getVideoGridWorkspaceKey(workspace)) && isVideoGridBlueCandidate(workspace, legend)) {
+    return "blue";
+  }
   const baseColor = getVideoGridBaseColorState(workspace, legend);
   if (!hasVideoGridRecentFlow(workspace)) {
     return baseColor;
@@ -1888,6 +1891,7 @@ var VideoCard = React.memo(({
   compact = false,
   displayMinuteBucket,
   displayName,
+  isBlueBest = false,
   lastSeenLabel,
   hasRecentHealthSignal = false,
   onMouseEnter,
@@ -1909,7 +1913,11 @@ var VideoCard = React.memo(({
   const workspaceDisplayName = displayName || workspace.displayName || workspace.workspace_name;
   const videoGridMetricValue = getVideoGridMetricValue(workspace, effectiveLegend);
   const videoGridDisplayValue = getVideoGridDisplayValue(workspace, effectiveLegend, displayMinuteBucket);
-  const videoGridColorState = getVideoGridColorState(workspace, effectiveLegend);
+  const videoGridColorState = getVideoGridColorState(
+    workspace,
+    effectiveLegend,
+    isBlueBest ? /* @__PURE__ */ new Set([getVideoGridWorkspaceKey(workspace)]) : void 0
+  );
   const isRecentFlowCard = isVideoGridRecentFlowEnabled(workspace);
   const isHighEfficiencyOverride = isHighEfficiencyRedFlowOverride(workspace, effectiveLegend);
   const hasDisplayMetric = typeof videoGridDisplayValue === "number" && Number.isFinite(videoGridDisplayValue);
@@ -1917,9 +1925,9 @@ var VideoCard = React.memo(({
   const shouldRenderMetricBadge = hasDisplayMetric;
   const badgeTitle = isHighEfficiencyOverride ? `Efficiency ${Math.round(videoGridDisplayValue ?? 0)}%` : hasVideoGridRecentFlow(workspace) ? `Flow ${Math.round(videoGridDisplayValue ?? 0)}%` : isRecentFlowCard ? "Flow unavailable" : `Efficiency ${Math.round(videoGridDisplayValue ?? 0)}%`;
   const badgeLabel = `${Math.round(videoGridDisplayValue ?? 0)}%`;
-  const efficiencyOverlayClass = videoGridColorState === "green" ? "bg-[#00D654]/25" : videoGridColorState === "yellow" ? "bg-[#FFD700]/30" : videoGridColorState === "red" ? "bg-[#FF2D0A]/30" : "bg-transparent";
-  const efficiencyBarClass = videoGridColorState === "green" ? "bg-[#00AB45]" : videoGridColorState === "yellow" ? "bg-[#FFB020]" : videoGridColorState === "red" ? "bg-[#E34329]" : "bg-gray-500/70";
-  const efficiencyStatus = videoGridColorState === "green" ? "High" : videoGridColorState === "yellow" ? "Medium" : videoGridColorState === "red" ? "Low" : "Neutral";
+  const efficiencyOverlayClass = videoGridColorState === "green" ? "bg-[#00D654]/25" : videoGridColorState === "blue" ? "bg-[#0EA5E9]/30" : videoGridColorState === "yellow" ? "bg-[#FFD700]/30" : videoGridColorState === "red" ? "bg-[#FF2D0A]/30" : "bg-transparent";
+  const efficiencyBarClass = videoGridColorState === "green" ? "bg-[#00AB45]" : videoGridColorState === "blue" ? "bg-[#0EA5E9]" : videoGridColorState === "yellow" ? "bg-[#FFB020]" : videoGridColorState === "red" ? "bg-[#E34329]" : "bg-gray-500/70";
+  const efficiencyStatus = videoGridColorState === "green" ? "High" : videoGridColorState === "blue" ? "Best" : videoGridColorState === "yellow" ? "Medium" : videoGridColorState === "red" ? "Low" : "Neutral";
   const trendInfo = workspace.trend !== void 0 ? getTrendArrowAndColor(workspace.trend) : null;
   const handleClick = useCallback(() => {
     trackCoreEvent("Workspace Card Clicked", {
@@ -2040,6 +2048,9 @@ var VideoCard = React.memo(({
   if (prevProps.displayName !== nextProps.displayName) {
     return false;
   }
+  if (prevProps.isBlueBest !== nextProps.isBlueBest) {
+    return false;
+  }
   if (prevProps.lastSeenLabel !== nextProps.lastSeenLabel) {
     return false;
   }

package/dist/index.css

@@ -658,9 +658,15 @@ body {
 .z-50 {
   z-index: 50;
 }
+.z-\[10000\] {
+  z-index: 10000;
+}
 .z-\[100\] {
   z-index: 100;
 }
+.z-\[110\] {
+  z-index: 110;
+}
 .z-\[60\] {
   z-index: 60;
 }
@@ -1545,9 +1551,6 @@ body {
 .max-w-\[140px\] {
   max-width: 140px;
 }
-.max-w-\[150px\] {
-  max-width: 150px;
-}
 .max-w-\[170px\] {
   max-width: 170px;
 }
@@ -1671,6 +1674,9 @@ body {
 .origin-center {
   transform-origin: center;
 }
+.origin-left {
+  transform-origin: left;
+}
 .origin-top-right {
   transform-origin: top right;
 }
@@ -1989,6 +1995,9 @@ body {
 .gap-y-3 {
   row-gap: 0.75rem;
 }
+.gap-y-4 {
+  row-gap: 1rem;
+}
 .-space-x-2 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
@@ -2309,6 +2318,9 @@ body {
 .border-none {
   border-style: none;
 }
+.border-\[\#00AB45\]\/20 {
+  border-color: rgb(0 171 69 / 0.2);
+}
 .border-\[\#E34329\] {
   --tw-border-opacity: 1;
   border-color: rgb(227 67 41 / var(--tw-border-opacity, 1));
@@ -2648,12 +2660,22 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(0 171 69 / var(--tw-bg-opacity, 1));
 }
+.bg-\[\#00AB45\]\/10 {
+  background-color: rgb(0 171 69 / 0.1);
+}
 .bg-\[\#00AB45\]\/90 {
   background-color: rgb(0 171 69 / 0.9);
 }
 .bg-\[\#00D654\]\/25 {
   background-color: rgb(0 214 84 / 0.25);
 }
+.bg-\[\#0EA5E9\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(14 165 233 / var(--tw-bg-opacity, 1));
+}
+.bg-\[\#0EA5E9\]\/30 {
+  background-color: rgb(14 165 233 / 0.3);
+}
 .bg-\[\#E34329\] {
   --tw-bg-opacity: 1;
   background-color: rgb(227 67 41 / var(--tw-bg-opacity, 1));
@@ -2698,10 +2720,6 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
 }
-.bg-amber-200 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1));
-}
 .bg-amber-400 {
   --tw-bg-opacity: 1;
   background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
@@ -3074,6 +3092,9 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
 }
+.bg-slate-900\/40 {
+  background-color: rgb(15 23 42 / 0.4);
+}
 .bg-slate-900\/60 {
   background-color: rgb(15 23 42 / 0.6);
 }
@@ -4114,9 +4135,6 @@ body {
 .pl-1 {
   padding-left: 0.25rem;
 }
-.pl-1\.5 {
-  padding-left: 0.375rem;
-}
 .pl-10 {
   padding-left: 2.5rem;
 }
@@ -4247,6 +4265,9 @@ body {
 .text-\[0\.8rem\] {
   font-size: 0.8rem;
 }
+.text-\[100px\] {
+  font-size: 100px;
+}
 .text-\[10px\] {
   font-size: 10px;
 }
@@ -4268,9 +4289,15 @@ body {
 .text-\[15px\] {
   font-size: 15px;
 }
+.text-\[60px\] {
+  font-size: 60px;
+}
 .text-\[7px\] {
   font-size: 7px;
 }
+.text-\[80px\] {
+  font-size: 80px;
+}
 .text-\[8px\] {
   font-size: 8px;
 }
@@ -4447,10 +4474,6 @@ body {
   --tw-text-opacity: 1;
   color: rgb(254 243 199 / var(--tw-text-opacity, 1));
 }
-.text-amber-200 {
-  --tw-text-opacity: 1;
-  color: rgb(253 230 138 / var(--tw-text-opacity, 1));
-}
 .text-amber-300 {
   --tw-text-opacity: 1;
   color: rgb(252 211 77 / var(--tw-text-opacity, 1));
@@ -4894,6 +4917,22 @@ body {
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
+.shadow-\[0_0_10px_rgba\(0\,171\,69\,0\.72\)\] {
+  --tw-shadow: 0 0 10px rgba(0,171,69,0.72);
+  --tw-shadow-colored: 0 0 10px 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_0_16px_rgba\(0\,171\,69\,0\.44\)\] {
+  --tw-shadow: 0 0 16px rgba(0,171,69,0.44);
+  --tw-shadow-colored: 0 0 16px 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_0_4px_rgba\(251\,146\,60\,0\.5\)\] {
   --tw-shadow: 0 0 4px rgba(251,146,60,0.5);
   --tw-shadow-colored: 0 0 4px var(--tw-shadow-color);
@@ -5118,10 +5157,6 @@ body {
 .ring-\[\#FFB020\]\/20 {
   --tw-ring-color: rgb(255 176 32 / 0.2);
 }
-.ring-amber-100 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(254 243 199 / var(--tw-ring-opacity, 1));
-}
 .ring-amber-50\/50 {
   --tw-ring-color: rgb(255 251 235 / 0.5);
 }
@@ -5275,6 +5310,14 @@ body {
   --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
   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);
 }
+.drop-shadow-2xl {
+  --tw-drop-shadow: drop-shadow(0 25px 25px rgb(0 0 0 / 0.15));
+  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);
+}
+.drop-shadow-\[0_4px_18px_rgba\(0\,0\,0\,0\.45\)\] {
+  --tw-drop-shadow: drop-shadow(0 4px 18px rgba(0,0,0,0.45));
+  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);
+}
 .drop-shadow-md {
   --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
   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);
@@ -5560,10 +5603,6 @@ input[type=range]:active::-moz-range-thumb {
   --tw-scale-y: 1.02;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-.hover\:border-amber-300:hover {
-  --tw-border-opacity: 1;
-  border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
-}
 .hover\:border-blue-300:hover {
   --tw-border-opacity: 1;
   border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
@@ -6478,6 +6517,9 @@ input[type=range]:active::-moz-range-thumb {
   .sm\:mt-2 {
     margin-top: 0.5rem;
   }
+  .sm\:mt-4 {
+    margin-top: 1rem;
+  }
   .sm\:mt-8 {
     margin-top: 2rem;
   }
@@ -6580,9 +6622,15 @@ input[type=range]:active::-moz-range-thumb {
   .sm\:w-5 {
     width: 1.25rem;
   }
+  .sm\:w-56 {
+    width: 14rem;
+  }
   .sm\:w-6 {
     width: 1.5rem;
   }
+  .sm\:w-64 {
+    width: 16rem;
+  }
   .sm\:w-7 {
     width: 1.75rem;
   }
@@ -6679,6 +6727,10 @@ input[type=range]:active::-moz-range-thumb {
   .sm\:gap-6 {
     gap: 1.5rem;
   }
+  .sm\:gap-x-8 {
+    -moz-column-gap: 2rem;
+    column-gap: 2rem;
+  }
   .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
     --tw-space-x-reverse: 0;
     margin-right: calc(0.5rem * var(--tw-space-x-reverse));
@@ -6901,6 +6953,15 @@ input[type=range]:active::-moz-range-thumb {
   .sm\:text-\[11px\] {
     font-size: 11px;
   }
+  .sm\:text-\[120px\] {
+    font-size: 120px;
+  }
+  .sm\:text-\[140px\] {
+    font-size: 140px;
+  }
+  .sm\:text-\[90px\] {
+    font-size: 90px;
+  }
   .sm\:text-base {
     font-size: 1rem;
     line-height: 1.5rem;