portal-mojo 0.2.13 → 0.2.14

package/src/charts/stats.ts

@@ -6,7 +6,7 @@
 
 export interface SeriesLike {
     label: string;
-    data: number[];
+    data: (number | null | undefined)[];
 }
 
 export interface SeriesStat {
@@ -31,15 +31,17 @@ export function toNumber(v: unknown): number {
 /**
  * Per-series summary stats. Empty datasets produce no entry (the caller
  * renders its "No data" state); an empty series inside a non-empty set
- * yields a zeroed row so the table stays aligned with the legend.
+ * yields unavailable (NaN) values so the table stays aligned with the legend.
+ * Aggregates use finite observations only; Latest refers to the final sample.
  */
 export function computeSeriesStats(datasets: readonly SeriesLike[] | null | undefined): SeriesStat[] {
     // (Array.isArray would widen the readonly array to any[] — a TS quirk.)
     const list: readonly SeriesLike[] = datasets ?? [];
     return list.map((d) => {
-        const values = (Array.isArray(d.data) ? d.data : []).map(toNumber);
+        const data = Array.isArray(d.data) ? d.data : [];
+        const values = data.filter((v): v is number => typeof v === 'number' && Number.isFinite(v));
         if (values.length === 0) {
-            return { label: d.label ?? '', count: 0, sum: 0, avg: 0, median: 0, min: 0, max: 0, latest: 0 };
+            return { label: d.label ?? '', count: 0, sum: NaN, avg: NaN, median: NaN, min: NaN, max: NaN, latest: NaN };
         }
         const sorted = [...values].sort((a, b) => a - b);
         const sum = values.reduce((a, b) => a + b, 0);
@@ -53,14 +55,14 @@ export function computeSeriesStats(datasets: readonly SeriesLike[] | null | unde
             median,
             min: sorted[0]!,
             max: sorted[sorted.length - 1]!,
-            latest: values[values.length - 1]!,
+            latest: Number.isFinite(data.at(-1)) ? data.at(-1)! : NaN,
         };
     });
 }
 
 /** '–' for nothing; integers plain; decimals to 2 places (source parity). */
 export function defaultStatFormat(n: number | null | undefined): string {
-    if (n == null || Number.isNaN(n)) return '–';
+    if (n == null || !Number.isFinite(n)) return '–';
     if (Number.isInteger(n)) return n.toLocaleString();
     return Number(n).toLocaleString(undefined, { maximumFractionDigits: 2 });
 }

package/src/styles/components/charts-c2.css

@@ -247,3 +247,18 @@ button.cprog { cursor: pointer; font: inherit; }
 
 /* Settings dialog fields */
 .mmw-settings { display: flex; flex-direction: column; gap: 12px; }
+
+/* Shared MetricsChartView also lives in narrow cards inside wide pages. */
+.chart-panel { container-type: inline-size; min-width: 0; }
+.chart-panel .chart-error { flex-wrap: wrap; overflow-wrap: anywhere; }
+.chart-range-dialog { container-type: inline-size; }
+@container (max-width: 560px) {
+    .chart-panel .gran-toggle { display: none; }
+    .chart-panel .gran-select { display: inline-block; }
+}
+@container (max-width: 500px) {
+    .chart-range-dialog .mojo-daterange-with-presets { grid-template-columns: minmax(0, 1fr); }
+    .chart-range-dialog .mojo-calendar-presets { flex-direction: row; flex-wrap: wrap; border-right: 0; border-bottom: 1px solid var(--line); }
+    .chart-range-dialog .mojo-calendar-presets-eyebrow { width: 100%; }
+    .chart-range-dialog .mojo-calendar-presets-divider { display: none; }
+}

package/src/ui/modal.tsx

@@ -113,9 +113,12 @@ export interface ModalOptions {
     flush?: boolean;
     /** Guards Escape/backdrop dismissal. Programmatic close still succeeds. */
     canDismiss?: () => boolean;
+    /** Abort removes this entry immediately, even without a mounted ModalHost. */
+    signal?: AbortSignal;
 }
 
 function open<T>(render: (close: (value: T) => void) => ReactNode, opts: ModalOptions = {}): Promise<T | null> {
+    if (opts.signal?.aborted) return Promise.resolve(null);
     wireAuth();
     return new Promise<T | null>((resolve) => {
         const id = nextId++;
@@ -123,10 +126,13 @@ function open<T>(render: (close: (value: T) => void) => ReactNode, opts: ModalOp
         const close = (value: unknown) => {
             if (settled) return;
             settled = true;
+            opts.signal?.removeEventListener('abort', abort);
             stack = stack.filter((m) => m.id !== id);
             emit();
             resolve(value as T | null);
         };
+        const abort = () => close(null);
+        opts.signal?.addEventListener('abort', abort, { once: true });
         stack = [...stack, {
             id,
             variant: 'modal',