@fasl-work/caos-app-shell 0.9.1 → 0.9.3

package/dist/chart.d.ts

@@ -68,6 +68,17 @@ declare function parityRange(...arrays: readonly (readonly (number | null)[])[])
  * by significant digits has no fixed resolution, and `data-ticks-repeat` reports what it does.
  */
 declare function tickSteps(fmt: FormatOptions | undefined): number[] | undefined;
+/**
+ * uPlot ticks a log axis at 1 to 9 times every power of ten, from a precision table that ends near 1e-22: a log axis
+ * that reaches below it throws "Invalid array length" after stalling the page, and the chart is never drawn (known
+ * shell defect 31, p-values of 1e-124 in CAOS_Contraste, 2026-10-07). Below this floor the axis ticks at powers of ten
+ * only (`logDecades`), each one labelled.
+ */
+declare const LOG_TABLE_FLOOR = 1e-22;
+/** The powers of ten within [min, max], thinned to at most `most` (every k-th decade, the top one kept). */
+declare function logDecades(min: number, max: number, most?: number): number[];
+/** The smallest positive value among columns of values and the lower end of a fixed range; Infinity if none. */
+declare function smallestPositive(columns: readonly (readonly (number | null)[])[], range?: readonly [number, number] | null): number;
 /** How many tick labels repeat the label before them (empty labels apart); the gate fails a chart with any (G6). */
 declare function repeatedLabels(labels: readonly (string | null | undefined)[]): number;
 /**
@@ -98,4 +109,4 @@ declare function drawMarks(u: uPlot, marks: {
  */
 declare function UPlotChart({ x, y, series, marks, height, onCursor, onPick, parity }: UPlotChartProps): react.JSX.Element;
 
-export { type ChartAxis, type ChartSeries, UPlotChart, type UPlotChartProps, drawMarks, parityRange, repeatedLabels, seriesStyle, sortOrder, tickSteps };
+export { type ChartAxis, type ChartSeries, LOG_TABLE_FLOOR, UPlotChart, type UPlotChartProps, drawMarks, logDecades, parityRange, repeatedLabels, seriesStyle, smallestPositive, sortOrder, tickSteps };

package/dist/chart.js

@@ -37,6 +37,26 @@ function tickSteps(fmt) {
   const res = 10 ** -fmt.decimals / (fmt.percent ? 100 : 1);
   return STEPS.filter((s) => s >= res * (1 - 1e-9) && Math.abs(s / res - Math.round(s / res)) < 1e-6);
 }
+var LOG_TABLE_FLOOR = 1e-22;
+function logDecades(min, max, most = 8) {
+  if (!(min > 0) || !(max > 0) || !Number.isFinite(min) || !Number.isFinite(max) || max < min) return [];
+  const a = Math.ceil(Math.log10(min) - 1e-9);
+  const b = Math.floor(Math.log10(max) + 1e-9);
+  if (b < a) return [];
+  const step = Math.max(1, Math.ceil((b - a + 1) / most));
+  const out = [];
+  for (let k = b; k >= a; k -= step) out.unshift(Number(`1e${k}`));
+  return out;
+}
+function smallestPositive(columns, range) {
+  let lo = range && range[0] > 0 ? range[0] : Infinity;
+  for (const c of columns) for (const v of c) if (v !== null && Number.isFinite(v) && v > 0 && v < lo) lo = v;
+  return lo;
+}
+var DECADE_AXIS = {
+  splits: (_u, _i, min, max) => logDecades(min, max),
+  filter: (_u, splits) => splits
+};
 function repeatedLabels(labels) {
   let n = 0;
   for (let i = 1; i < labels.length; i++) if (labels[i] && labels[i] === labels[i - 1]) n++;
@@ -110,16 +130,23 @@ function UPlotChart({ x, y, series, marks, height = 280, onCursor, onPick, parit
   const xs = useMemo(() => order ? order.map((i) => x.values[i]) : x.values, [order, x.values]);
   const ys = useMemo(() => series.map((s) => order ? order.map((i) => s.values[i] ?? null) : s.values), [order, series]);
   const range = useMemo(() => parity ? parityRange(xs, ...ys) : null, [parity, xs, ys]);
+  const tiny = useMemo(
+    () => ({
+      x: Boolean(x.log) && smallestPositive([xs], range) < LOG_TABLE_FLOOR,
+      y: Boolean(y.log) && smallestPositive(ys, range ?? y.range) < LOG_TABLE_FLOOR
+    }),
+    [x.log, y.log, xs, ys, range, y.range]
+  );
   const xLabel = pick(x.label, lang);
   const yLabel = pick(y.label, lang);
   const xUnit = x.unit ? pick(x.unit, lang) : "";
   const yUnit = y.unit ? pick(y.unit, lang) : "";
   const structure = JSON.stringify({
     s: series.map((s, i) => [pick(s.label, lang), seriesStyle(s, i), s.width ?? 2, s.mode ?? "line"]),
-    x: [xLabel, xUnit, Boolean(x.time), Boolean(x.log), x.format ?? null],
+    x: [xLabel, xUnit, Boolean(x.time), Boolean(x.log), x.format ?? null, tiny.x],
     p: range,
     pick: Boolean(onPick),
-    y: [yLabel, yUnit, Boolean(y.log), y.range ?? null, y.format ?? null],
+    y: [yLabel, yUnit, Boolean(y.log), y.range ?? null, y.format ?? null, tiny.y],
     m: (marks ?? []).map((m) => [m.x, pick(m.label, lang)]),
     theme,
     lang,
@@ -168,7 +195,8 @@ function UPlotChart({ x, y, series, marks, height = 280, onCursor, onPick, parit
           label: xUnit ? `${xLabel} (${xUnit})` : xLabel,
           labelFont: font,
           values: x.time ? void 0 : tick(x.format, "x"),
-          ...xSteps ? { incrs: xSteps } : {}
+          ...xSteps ? { incrs: xSteps } : {},
+          ...tiny.x ? DECADE_AXIS : {}
         },
         {
           stroke: fg,
@@ -179,6 +207,7 @@ function UPlotChart({ x, y, series, marks, height = 280, onCursor, onPick, parit
           labelFont: font,
           values: tick(y.format, "y"),
           ...ySteps ? { incrs: ySteps } : {},
+          ...tiny.y ? DECADE_AXIS : {},
           // Sized to the longest tick label. uPlot draws in device pixels with a font scaled by its pixel ratio, so the
           // label is measured in that font and divided back (measuring the unscaled font and dividing by the ratio
           // made the axis too narrow on every high-density screen; the gate runs at ratio 1 and never saw it).
@@ -282,4 +311,4 @@ function UPlotChart({ x, y, series, marks, height = 280, onCursor, onPick, parit
   );
 }
 
-export { UPlotChart, drawMarks, parityRange, repeatedLabels, seriesStyle, sortOrder, tickSteps };
+export { LOG_TABLE_FLOOR, UPlotChart, drawMarks, logDecades, parityRange, repeatedLabels, seriesStyle, smallestPositive, sortOrder, tickSteps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fasl-work/caos-app-shell",
-  "version": "0.9.1",
+  "version": "0.9.3",
   "description": "Shared web-app shell, workbench primitives, content primitives, design system and measured gate for the CAOS / Faena public apps (ADR-0016, ADR-0017, ADR-0071).",
   "license": "MIT",
   "author": "Felipe Santibáñez-Leal",

package/styles.css

@@ -493,7 +493,9 @@ svg.lucide { flex: none; }
 .caos-wb-rail { display: flex; flex-direction: column; gap: var(--space-3); min-height: 0; overflow-y: auto; overflow-x: hidden; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: 0.85rem; }
 .caos-wb-rail-head { display: flex; flex-direction: column; gap: var(--space-3); padding-bottom: var(--space-3); border-bottom: 1px solid var(--color-border); }
 .caos-wb-rail-panel { display: flex; flex-direction: column; gap: 0.8rem; min-height: 0; }
-.caos-wb-rail label { display: flex; flex-direction: column; gap: 0.3rem; font-size: 0.8rem; color: var(--color-fg-subtle); }
+/* A labelled control in the rail stacks its text above it; a knob's head keeps its own row, the value at the right
+   (until 0.9.3 this rule outranked `.caos-knob-head` and stacked every knob, a line per knob; CAOS_APP_SHELL#77). */
+.caos-wb-rail label:not(.caos-knob-head) { display: flex; flex-direction: column; gap: 0.3rem; font-size: 0.8rem; color: var(--color-fg-subtle); }
 .caos-wb-rail .select, .caos-wb-rail .range { width: 100%; }
 /* The variants wrap in the rail instead of scrolling. */
 .caos-wb-rail .caos-variant-bar { margin-bottom: 0; }