view fix

Author: nstr

web/src/components/MetricsChart.jsx

@@ -212,7 +212,7 @@ export default function MetricsChart({ history = [] }) {
                   dot={false}
                   strokeWidth={2}
                   stroke={COLORS.ndvi}
-                  connectNulls={false}
+                  connectNulls
                 />
                 <Line
                   type="monotone"
@@ -239,7 +239,7 @@ export default function MetricsChart({ history = [] }) {
                   dot={false}
                   strokeWidth={1.5}
                   stroke={COLORS.temperature_deg_c}
-                  connectNulls={false}
+                  connectNulls
                 />
                 <Line
                   type="monotone"
@@ -267,7 +267,7 @@ export default function MetricsChart({ history = [] }) {
                   dot={false}
                   strokeWidth={1.5}
                   stroke={COLORS.wind_speed_mps}
-                  connectNulls={false}
+                  connectNulls
                 />
                 <Line
                   type="monotone"
@@ -295,7 +295,7 @@ export default function MetricsChart({ history = [] }) {
                   dot={false}
                   strokeWidth={1.5}
                   stroke={COLORS.cloudcover_pct}
-                  connectNulls={false}
+                  connectNulls
                 />
                 <Line
                   type="monotone"
@@ -323,7 +323,7 @@ export default function MetricsChart({ history = [] }) {
                   dot={false}
                   strokeWidth={1.5}
                   stroke={COLORS.clarity_pct}
-                  connectNulls={false}
+                  connectNulls
                 />
                 <Line
                   type="monotone"
@@ -351,7 +351,7 @@ export default function MetricsChart({ history = [] }) {
                   dot={false}
                   strokeWidth={1.5}
                   stroke={COLORS.humidity_pct}
-                  connectNulls={false}
+                  connectNulls
                 />
                 <Line
                   type="monotone"

web/src/views/FieldDetails.jsx

@@ -266,31 +266,47 @@ export default function FieldDetails() {
                   <dd>{field.forecast.year}</dd>
                 </div>
                 <div className="flex justify-between py-1">
-                  <dt>Yield</dt>
-                  <dd>{field.forecast.yieldTph ?? "—"} t/ha</dd>
+                  <dt>Blooming peak</dt>
+                  <dd>{field.forecast.ndviPeak ?? "—"}</dd>
                 </div>
                 <div className="flex justify-between py-1">
-                  <dt>Yield model</dt>
-                  <dd>{field.forecast.yieldModel ?? "—"}</dd>
+                  <dt>Blooming start at</dt>
+                  <dd>{field.forecast.ndviStartAt?.slice?.(0, 10) ?? "—"}</dd>
                 </div>
                 <div className="flex justify-between py-1">
-                  <dt>NDVI peak</dt>
-                  <dd>{field.forecast.ndviPeak ?? "—"}</dd>
+                  <dt>Blooming peak at</dt>
+                  <dd>{field.forecast.ndviPeakAt?.slice?.(0, 10) ?? "—"}</dd>
                 </div>
                 <div className="flex justify-between py-1">
-                  <dt>Peak at</dt>
-                  <dd>{field.forecast.ndviPeakAt?.slice?.(0, 10) ?? "—"}</dd>
+                  <dt>Blooming end at</dt>
+                  <dd>{field.forecast.ndviEndAt?.slice?.(0, 10) ?? "—"}</dd>
+                </div>
+                <div className="flex justify-between py-1">
+                  <dt>Blooming confidence</dt>
+                  <dd>
+                    {field.forecast.ndviConfidence != null
+                      ? Math.round(field.forecast.ndviConfidence * 100) + "%"
+                      : "—"}
+                  </dd>
+                </div>
+                <div className="flex justify-between py-1">
+                  <dt>NDVI model</dt>
+                  <dd>{field.forecast.ndviModel ?? "—"}</dd>
                 </div>
                 <div className="flex justify-between py-1">
-                  <dt>Confidence</dt>
+                  <dt>Yield</dt>
+                  <dd>{field.forecast.yieldTph ?? "—"} t/ha</dd>
+                </div>
+                <div className="flex justify-between py-1">
+                  <dt>Confidence yield</dt>
                   <dd>
                     {field.forecast.yieldConfidence != null
                       ? Math.round(field.forecast.yieldConfidence * 100) + "%"
                       : "—"}
                   </dd>
                 </div>
                 <div className="flex justify-between py-1">
-                  <dt>Model</dt>
+                  <dt>Yield model</dt>
                   <dd>{field.forecast.yieldModel ?? "—"}</dd>
                 </div>
               </dl>