@llmnative/react 1.37.2 → 1.39.1

package/dist/types/src/I18n.d.ts

@@ -359,6 +359,7 @@ export interface I18nDict {
         less: string;
         more: string;
         dataTable: string;
+        sequence: string;
     };
 }
 type DeepPartial<T> = {

package/dist/types/src/components/charts/ColumnCharts.d.ts

@@ -58,6 +58,42 @@ export interface StackedColumnChartProps {
 }
 /** CR-112 — columns per bucket, stacked by series, gliding between periods; optional comparison tick per column. */
 export declare function StackedColumnChart({ series, labels, ariaLabel, titles, labelEvery, format: formatProp, comparison, comparisonLabel, height, className }: StackedColumnChartProps): React.JSX.Element;
+export interface SequenceSeries {
+    readonly id: string;
+    readonly label: string;
+    /** A slot of the palette (1…8) or a theme token; by default the slot of its position. */
+    readonly color?: ChartColor;
+}
+export interface SequenceSegment {
+    /** The id of its series: its colour and its name. A series may come back in the same column. */
+    readonly series: string;
+    readonly value: number;
+}
+export interface SequenceColumn {
+    readonly label: string;
+    /** Title of its tooltip and of its row in the data table; by default its label. */
+    readonly title?: string;
+    /** Bottom to top, in the order they happened. */
+    readonly segments: readonly SequenceSegment[];
+    /** Rows added to its tooltip, after the segments. */
+    readonly tooltip?: readonly ChartTooltipRow[];
+}
+export interface SequenceColumnChartProps {
+    series: readonly SequenceSeries[];
+    columns: readonly SequenceColumn[];
+    ariaLabel: string;
+    /** One axis label every N columns (the last always shown). */
+    labelEvery?: number;
+    format?: (value: number) => string;
+    height?: number;
+    className?: string;
+    onColumnClick?: (column: SequenceColumn, index: number) => void;
+}
+/**
+ * CR-114 — columns of segments in sequence: each column keeps its own order, bottom to top, and a series
+ * may come back in it (the turns of the agents on one item, a rework a second segment of the same colour).
+ */
+export declare function SequenceColumnChart({ series, columns, ariaLabel, labelEvery, format: formatProp, height, className, onColumnClick }: SequenceColumnChartProps): React.JSX.Element;
 export interface DivergingBar {
     readonly label: string;
     /** Above the zero line; null: no data (nothing drawn). */

package/dist/types/src/components/charts/ListCharts.d.ts

@@ -32,6 +32,46 @@ export interface BarListProps {
 }
 /** CR-112 — horizontal bars, label on the left and value at the end: rankings, funnels, averages per group. */
 export declare function BarList({ rows, ariaLabel, color, format: formatProp, max: fixedMax, labelWidth, legend, className, onRowClick }: BarListProps): React.JSX.Element;
+export interface MeasureBarPart {
+    readonly id: string;
+    readonly label: string;
+    readonly color?: ChartColor;
+}
+export interface MeasureBarColumn {
+    readonly id: string;
+    /** Its name in the legend and in the tooltip. */
+    readonly label: string;
+    readonly format?: (value: number) => string;
+    readonly color?: ChartColor;
+    /** The parts of each of its bars, left to right, each of its colour (in the legend in place of the measure): input and output tokens. */
+    readonly parts?: readonly MeasureBarPart[];
+}
+export interface MeasureBarRow {
+    readonly id: string;
+    readonly label: string;
+    /** For each column, by its id: a number, or one number per part. */
+    readonly values: Readonly<Record<string, number | readonly number[]>>;
+    readonly trailing?: {
+        readonly text: string;
+        readonly tone: 'good' | 'bad' | 'neutral';
+    };
+    readonly tooltip?: readonly ChartTooltipRow[];
+}
+export interface MeasureBarListProps {
+    columns: readonly MeasureBarColumn[];
+    rows: readonly MeasureBarRow[];
+    ariaLabel: string;
+    /** Room for the labels, in px. */
+    labelWidth?: number;
+    className?: string;
+    onRowClick?: (row: MeasureBarRow) => void;
+}
+/**
+ * CR-115 — grouped bars: each item once, and next to it a bar per measure one under the other, each
+ * measure of its colour (the legend) and on its own scale (time, cost, tokens: quantities of different
+ * units read together). A bar of a measure with parts is split in proportion, each part of its colour.
+ */
+export declare function MeasureBarList({ columns, rows, ariaLabel, labelWidth, className, onRowClick }: MeasureBarListProps): React.JSX.Element;
 export interface HeatmapProps {
     /** values[row][column]. */
     values: ReadonlyArray<readonly number[]>;

package/dist/types/src/components/charts/index.d.ts

@@ -1,11 +1,11 @@
-export { ColumnChart, StackedColumnChart, DivergingBarChart } from './ColumnCharts';
-export type { ColumnChartColumn, ColumnChartMarker, ColumnChartProps, ChartSeries, StackedColumnChartProps, DivergingBar, DivergingBarChartProps } from './ColumnCharts';
+export { ColumnChart, StackedColumnChart, SequenceColumnChart, DivergingBarChart } from './ColumnCharts';
+export type { ColumnChartColumn, ColumnChartMarker, ColumnChartProps, ChartSeries, StackedColumnChartProps, SequenceSeries, SequenceSegment, SequenceColumn, SequenceColumnChartProps, DivergingBar, DivergingBarChartProps } from './ColumnCharts';
 export { LineChart, AreaChart, Sparkline } from './LineCharts';
 export type { LineSeries, LineChartProps, AreaChartProps, SparklineProps } from './LineCharts';
 export { ScatterChart } from './ScatterChart';
 export type { ScatterPoint, ScatterChartProps } from './ScatterChart';
-export { BarList, Heatmap, CalendarHeatmap, AnimatedNumber } from './ListCharts';
-export type { BarListRow, BarListProps, HeatmapProps, CalendarHeatmapProps } from './ListCharts';
+export { BarList, MeasureBarList, Heatmap, CalendarHeatmap, AnimatedNumber } from './ListCharts';
+export type { BarListRow, BarListProps, MeasureBarPart, MeasureBarColumn, MeasureBarRow, MeasureBarListProps, HeatmapProps, CalendarHeatmapProps } from './ListCharts';
 export { ChartLegend, ChartDataTable, useChartTooltip } from './ChartParts';
 export type { ChartLegendItem, ChartTooltipRow } from './ChartParts';
 export { chartToken, chartFill, niceMax, ticks, useAnimatedValues, useReveal, useChartWidth, useChartFormat } from './chartCore';

package/llms-full.txt

@@ -881,6 +881,14 @@ finché sono al massimo 40), tabella dei dati `sr-only` con `ariaLabel` come did
 <StackedColumnChart ariaLabel="Ore per agente" labels={days} labelEvery={2} format={(v) => `${v} h`}
   series={[{ id: 'dev', label: 'Developer', values: dev }, { id: 'qa', label: 'Tester', values: qa, color: 3 }]}
   comparison={previousTotals} comparisonLabel="periodo precedente" />
+<MeasureBarList ariaLabel="Agenti"   // CR-115: barre raggruppate, ogni agente una volta, una barra per misura (colore in legenda), ognuna sulla sua scala
+  columns={[{ id: 'time', label: 'Ore', format: (v) => `${v} h` }, { id: 'cost', label: 'Costo' },
+    { id: 'tokens', label: 'Token', parts: [{ id: 'in', label: 'Input' }, { id: 'out', label: 'Output' }] }]}   // parts: la barra divisa in proporzione
+  rows={[{ id: 'dev', label: 'Developer', values: { time: 18, cost: 4.27, tokens: [2400000, 190000] }, trailing: { text: '18 back', tone: 'bad' } }]} />
+<SequenceColumnChart ariaLabel="Turni per CR" format={(v) => `${v} min`}   // CR-114: ogni colonna nel suo ordine, una serie può tornare
+  series={[{ id: 'dev', label: 'Developer' }, { id: 'rev', label: 'Reviewer' }]}
+  columns={[{ label: '#34', title: 'CR #34', segments: [{ series: 'dev', value: 18 }, { series: 'rev', value: 6 }, { series: 'dev', value: 11 }] }]}
+  onColumnClick={(column) => {}} />
 <LineChart ariaLabel="Lead time" labels={days} threshold={{ value: 6.5, label: 'obiettivo' }} baseline={0} domain={[0, 10]}
   series={[{ id: 'now', label: 'Ora', values: [3, null, 5], area: true, band: { min, max } }, { id: 'before', label: 'Prima', values: prev, dashed: true }]} />
 <AreaChart ariaLabel="Flusso cumulativo" labels={days} stacked series={[{ id: 'closed', label: 'Chiuse', values: closed }]} />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@llmnative/react",
-  "version": "1.37.2",
+  "version": "1.39.1",
   "description": "LLM-native React framework for deterministic UI generation. Data-driven by default, schema-driven optional. Ultra-low token consumption — built for AI agents, not just humans.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",