@llmnative/react 1.37.0 → 1.38.0

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/index.d.ts

@@ -1,5 +1,5 @@
-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';

package/llms-full.txt

@@ -881,6 +881,10 @@ 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" />
+<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.0",
+  "version": "1.38.0",
   "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",