@projectcor/maia-components 2.11.67-1 → 2.11.67-2

package/lib/components/atoms/MAIAViz/README.md

@@ -1,85 +0,0 @@
-# MAIAViz — PoC de visualizaciones inline en el chat
-
-Renderiza KPIs, gráficos de barras y donas dentro de los mensajes de MAIA, igual
-que Claude renderiza cuadros y gráficos. **El modelo no genera HTML ni SVG**: solo
-emite datos en JSON dentro de un bloque de código ` ```maia-viz `. El render lo hace
-el cliente (estos componentes), por lo que es seguro y no pasa por la sanitización
-de HTML de Streamdown.
-
-## Cómo funciona
-
-Streamdown expone `plugins.renderers` (el mismo mecanismo con el que integra Mermaid).
-Registramos un `CustomRenderer` para el lenguaje `maia-viz`:
-
-```tsx
-// maiaStreamdownRenderers.tsx
-export const MAIA_STREAMDOWN_RENDERERS = [{ language: 'maia-viz', component: MAIAViz }]
-
-// MAIAMessage.tsx
-<Streamdown plugins={{ code, renderers: MAIA_STREAMDOWN_RENDERERS }}>{message}</Streamdown>
-```
-
-Cuando el stream contiene un fence ` ```maia-viz `, Streamdown llama a `MAIAViz`
-con `{ code, isIncomplete, language, meta }`. Mientras `isIncomplete` es `true`
-(JSON parcial durante el streaming) mostramos un skeleton; al cerrarse el fence,
-parseamos el JSON y dibujamos la visualización.
-
-## Contrato de datos
-
-Un bloque `maia-viz` contiene **un** objeto JSON. Tipos soportados:
-
-### `kpis` — tarjetas de indicadores
-```maia-viz
-{ "type": "kpis", "items": [
-  { "label": "Ingresos", "value": "$184.6M", "delta": "+18.3% vs 2024", "trend": "up" },
-  { "label": "Margen EBITDA", "value": "21.4%", "delta": "+2.1 pts", "trend": "up" }
-] }
-```
-
-### `bar` — gráfico de barras
-```maia-viz
-{ "type": "bar", "title": "Ingresos por trimestre", "unit": "M USD", "data": [
-  { "label": "Q1", "value": 40 }, { "label": "Q2", "value": 44 },
-  { "label": "Q3", "value": 47 }, { "label": "Q4", "value": 52 }
-] }
-```
-
-### `donut` — distribución porcentual
-```maia-viz
-{ "type": "donut", "title": "Mix de ingresos", "data": [
-  { "label": "Last-mile", "value": 52 }, { "label": "Freight", "value": 28 },
-  { "label": "Warehousing", "value": 13 }, { "label": "Otros", "value": 7 }
-] }
-```
-
-### `report` — reporte compuesto (varios bloques)
-```maia-viz
-{ "type": "report", "title": "Nordvik Logistics — KPIs anuales",
-  "subtitle": "Año fiscal 2025 · Logística",
-  "blocks": [
-    { "type": "kpis", "items": [ ... ] },
-    { "type": "bar", "title": "Ingresos por trimestre", "unit": "M USD", "data": [ ... ] },
-    { "type": "donut", "title": "Mix de ingresos", "data": [ ... ] }
-  ] }
-```
-
-Campos: `delta` y `trend` (`up`/`down`/`flat`) son opcionales; `trend` colorea el
-delta (verde/rojo/gris). `color` (HEX) es opcional por punto; si no, se usa la
-paleta de COR por índice (navy → blue → teal → green → purple → ...).
-
-## Snippet para el system prompt del agente
-
-> Cuando presentes métricas, KPIs, distribuciones o series numéricas, podés
-> renderizar una visualización emitiendo un bloque de código con el lenguaje
-> `maia-viz` que contenga **un único objeto JSON válido** con el contrato
-> documentado (tipos: `kpis`, `bar`, `donut`, `report`). No incluyas texto
-> dentro del bloque, solo JSON. Usá una visualización solo cuando aporte valor
-> sobre el texto; el resto del mensaje sigue siendo Markdown normal. Si no estás
-> seguro de los datos, no inventes un gráfico.
-
-## Extensión
-
-Agregar un tipo nuevo (p. ej. `line`): crear `MAIAVizLine.tsx`, sumarlo al
-discriminador en `MAIAViz.tsx` (`renderBlock`) y al contrato en `MAIAViz.types.ts`.
-Para charts más complejos/interactivos se puede reemplazar el SVG por Recharts sin
-cambiar el contrato ni el cableado de Streamdown.

package/lib/components/atoms/MAIAViz/index.js

@@ -1,2 +0,0 @@
-export { MAIAViz } from './MAIAViz';
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJNQUlBVml6Il0sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXRvbXMvTUFJQVZpei9pbmRleC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBNQUlBVml6IH0gZnJvbSAnLi9NQUlBVml6J1xuZXhwb3J0IHR5cGUge1xuICBNYWlhVml6U3BlYyxcbiAgS3Bpc1NwZWMsXG4gIEJhclNwZWMsXG4gIERvbnV0U3BlYyxcbiAgUmVwb3J0U3BlYyxcbiAgUmVwb3J0QmxvY2ssXG4gIEtwaUl0ZW0sXG4gIFNlcmllc1BvaW50LFxufSBmcm9tICcuL01BSUFWaXoudHlwZXMnXG4iXSwibWFwcGluZ3MiOiJBQUFBLFNBQVNBLE9BQU8sUUFBUSxXQUFXIiwiaWdub3JlTGlzdCI6W119

package/lib/types/Hitl.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vc3JjL3R5cGVzL0hpdGwudHMiXSwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHR5cGUgSGl0bEFwcHJvdmFsTW9kZSA9ICdhcHByb3ZlX2VhY2gnIHwgJ2Z1bGxfYWNjZXNzJ1xuIl0sIm1hcHBpbmdzIjoiIiwiaWdub3JlTGlzdCI6W119

package/lib/utils/maiaStreamdownRenderers.js

@@ -1,16 +0,0 @@
-import { MAIAViz } from '../components/atoms/MAIAViz/MAIAViz';
-
-/**
- * Renderers custom de Streamdown. Cada bloque de código cuyo lenguaje matchee
- * con `language` se renderiza con `component` (recibe { code, isIncomplete, ... })
- * en lugar del bloque de código por defecto. Es el mismo mecanismo que usa
- * Streamdown para Mermaid.
- *
- * El modelo solo emite datos en JSON dentro de un fence ```maia-viz; el render
- * (KPIs, barras, dona) lo hace el cliente, sin pasar por HTML ni sanitización.
- */
-export var MAIA_STREAMDOWN_RENDERERS = [{
-  language: 'maia-viz',
-  component: MAIAViz
-}];
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJNQUlBVml6IiwiTUFJQV9TVFJFQU1ET1dOX1JFTkRFUkVSUyIsImxhbmd1YWdlIiwiY29tcG9uZW50Il0sInNvdXJjZXMiOlsiLi4vLi4vc3JjL3V0aWxzL21haWFTdHJlYW1kb3duUmVuZGVyZXJzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEN1c3RvbVJlbmRlcmVyIH0gZnJvbSAnc3RyZWFtZG93bidcblxuaW1wb3J0IHsgTUFJQVZpeiB9IGZyb20gJy4uL2NvbXBvbmVudHMvYXRvbXMvTUFJQVZpei9NQUlBVml6J1xuXG4vKipcbiAqIFJlbmRlcmVycyBjdXN0b20gZGUgU3RyZWFtZG93bi4gQ2FkYSBibG9xdWUgZGUgY8OzZGlnbyBjdXlvIGxlbmd1YWplIG1hdGNoZWVcbiAqIGNvbiBgbGFuZ3VhZ2VgIHNlIHJlbmRlcml6YSBjb24gYGNvbXBvbmVudGAgKHJlY2liZSB7IGNvZGUsIGlzSW5jb21wbGV0ZSwgLi4uIH0pXG4gKiBlbiBsdWdhciBkZWwgYmxvcXVlIGRlIGPDs2RpZ28gcG9yIGRlZmVjdG8uIEVzIGVsIG1pc21vIG1lY2FuaXNtbyBxdWUgdXNhXG4gKiBTdHJlYW1kb3duIHBhcmEgTWVybWFpZC5cbiAqXG4gKiBFbCBtb2RlbG8gc29sbyBlbWl0ZSBkYXRvcyBlbiBKU09OIGRlbnRybyBkZSB1biBmZW5jZSBgYGBtYWlhLXZpejsgZWwgcmVuZGVyXG4gKiAoS1BJcywgYmFycmFzLCBkb25hKSBsbyBoYWNlIGVsIGNsaWVudGUsIHNpbiBwYXNhciBwb3IgSFRNTCBuaSBzYW5pdGl6YWNpw7NuLlxuICovXG5leHBvcnQgY29uc3QgTUFJQV9TVFJFQU1ET1dOX1JFTkRFUkVSUzogQ3VzdG9tUmVuZGVyZXJbXSA9IFtcbiAge1xuICAgIGxhbmd1YWdlOiAnbWFpYS12aXonLFxuICAgIGNvbXBvbmVudDogTUFJQVZpeixcbiAgfSxcbl1cbiJdLCJtYXBwaW5ncyI6IkFBRUEsU0FBU0EsT0FBTyxRQUFRLHFDQUFxQzs7QUFFN0Q7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsT0FBTyxJQUFNQyx5QkFBMkMsR0FBRyxDQUN6RDtFQUNFQyxRQUFRLEVBQUUsVUFBVTtFQUNwQkMsU0FBUyxFQUFFSDtBQUNiLENBQUMsQ0FDRiIsImlnbm9yZUxpc3QiOltdfQ==