@projectcor/maia-components 2.11.101-1 → 2.11.102-0

package/lib/hooks/useStreamdownStyles.js

@@ -1,20 +1,13 @@
-import { useEffect } from 'react';
-import { STREAMDOWN_STYLES } from '../streamdownStyles';
-var STYLE_ID = 'maia-streamdown-styles';
+import { useLayoutEffect } from 'react';
+import { ensureStreamdownStyles } from '../utils/ensureStreamdownStyles';
 
 /**
- * Inyecta los estilos de Streamdown en el documento.
- * Se ejecuta una sola vez para que funcionen tablas, code blocks, mermaid, etc.
- * en cualquier app consumidora sin necesidad de importar CSS.
+ * @deprecated Usar `<MaiaStreamdown />` o `ensureStreamdownStyles()` directamente.
+ * Se mantiene por compatibilidad con consumidores que aún lo importen.
  */
 export var useStreamdownStyles = function useStreamdownStyles() {
-  useEffect(function () {
-    if (typeof document === 'undefined') return;
-    if (document.getElementById(STYLE_ID)) return;
-    var style = document.createElement('style');
-    style.id = STYLE_ID;
-    style.textContent = STREAMDOWN_STYLES;
-    document.head.appendChild(style);
+  useLayoutEffect(function () {
+    ensureStreamdownStyles();
   }, []);
 };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJ1c2VFZmZlY3QiLCJTVFJFQU1ET1dOX1NUWUxFUyIsIlNUWUxFX0lEIiwidXNlU3RyZWFtZG93blN0eWxlcyIsImRvY3VtZW50IiwiZ2V0RWxlbWVudEJ5SWQiLCJzdHlsZSIsImNyZWF0ZUVsZW1lbnQiLCJpZCIsInRleHRDb250ZW50IiwiaGVhZCIsImFwcGVuZENoaWxkIl0sInNvdXJjZXMiOlsiLi4vLi4vc3JjL2hvb2tzL3VzZVN0cmVhbWRvd25TdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBTVFJFQU1ET1dOX1NUWUxFUyB9IGZyb20gJy4uL3N0cmVhbWRvd25TdHlsZXMnXG5cbmNvbnN0IFNUWUxFX0lEID0gJ21haWEtc3RyZWFtZG93bi1zdHlsZXMnXG5cbi8qKlxuICogSW55ZWN0YSBsb3MgZXN0aWxvcyBkZSBTdHJlYW1kb3duIGVuIGVsIGRvY3VtZW50by5cbiAqIFNlIGVqZWN1dGEgdW5hIHNvbGEgdmV6IHBhcmEgcXVlIGZ1bmNpb25lbiB0YWJsYXMsIGNvZGUgYmxvY2tzLCBtZXJtYWlkLCBldGMuXG4gKiBlbiBjdWFscXVpZXIgYXBwIGNvbnN1bWlkb3JhIHNpbiBuZWNlc2lkYWQgZGUgaW1wb3J0YXIgQ1NTLlxuICovXG5leHBvcnQgY29uc3QgdXNlU3RyZWFtZG93blN0eWxlcyA9ICgpID0+IHtcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAodHlwZW9mIGRvY3VtZW50ID09PSAndW5kZWZpbmVkJykgcmV0dXJuXG4gICAgaWYgKGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKFNUWUxFX0lEKSkgcmV0dXJuXG5cbiAgICBjb25zdCBzdHlsZSA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3N0eWxlJylcbiAgICBzdHlsZS5pZCA9IFNUWUxFX0lEXG4gICAgc3R5bGUudGV4dENvbnRlbnQgPSBTVFJFQU1ET1dOX1NUWUxFU1xuICAgIGRvY3VtZW50LmhlYWQuYXBwZW5kQ2hpbGQoc3R5bGUpXG4gIH0sIFtdKVxufVxuIl0sIm1hcHBpbmdzIjoiQUFBQSxTQUFTQSxTQUFTLFFBQVEsT0FBTztBQUNqQyxTQUFTQyxpQkFBaUIsUUFBUSxxQkFBcUI7QUFFdkQsSUFBTUMsUUFBUSxHQUFHLHdCQUF3Qjs7QUFFekM7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLE9BQU8sSUFBTUMsbUJBQW1CLEdBQUcsU0FBdEJBLG1CQUFtQkEsQ0FBQSxFQUFTO0VBQ3ZDSCxTQUFTLENBQUMsWUFBTTtJQUNkLElBQUksT0FBT0ksUUFBUSxLQUFLLFdBQVcsRUFBRTtJQUNyQyxJQUFJQSxRQUFRLENBQUNDLGNBQWMsQ0FBQ0gsUUFBUSxDQUFDLEVBQUU7SUFFdkMsSUFBTUksS0FBSyxHQUFHRixRQUFRLENBQUNHLGFBQWEsQ0FBQyxPQUFPLENBQUM7SUFDN0NELEtBQUssQ0FBQ0UsRUFBRSxHQUFHTixRQUFRO0lBQ25CSSxLQUFLLENBQUNHLFdBQVcsR0FBR1IsaUJBQWlCO0lBQ3JDRyxRQUFRLENBQUNNLElBQUksQ0FBQ0MsV0FBVyxDQUFDTCxLQUFLLENBQUM7RUFDbEMsQ0FBQyxFQUFFLEVBQUUsQ0FBQztBQUNSLENBQUMiLCJpZ25vcmVMaXN0IjpbXX0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJ1c2VMYXlvdXRFZmZlY3QiLCJlbnN1cmVTdHJlYW1kb3duU3R5bGVzIiwidXNlU3RyZWFtZG93blN0eWxlcyJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9ob29rcy91c2VTdHJlYW1kb3duU3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZUxheW91dEVmZmVjdCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgZW5zdXJlU3RyZWFtZG93blN0eWxlcyB9IGZyb20gJy4uL3V0aWxzL2Vuc3VyZVN0cmVhbWRvd25TdHlsZXMnXG5cbi8qKlxuICogQGRlcHJlY2F0ZWQgVXNhciBgPE1haWFTdHJlYW1kb3duIC8+YCBvIGBlbnN1cmVTdHJlYW1kb3duU3R5bGVzKClgIGRpcmVjdGFtZW50ZS5cbiAqIFNlIG1hbnRpZW5lIHBvciBjb21wYXRpYmlsaWRhZCBjb24gY29uc3VtaWRvcmVzIHF1ZSBhw7puIGxvIGltcG9ydGVuLlxuICovXG5leHBvcnQgY29uc3QgdXNlU3RyZWFtZG93blN0eWxlcyA9ICgpID0+IHtcbiAgdXNlTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICBlbnN1cmVTdHJlYW1kb3duU3R5bGVzKClcbiAgfSwgW10pXG59XG4iXSwibWFwcGluZ3MiOiJBQUFBLFNBQVNBLGVBQWUsUUFBUSxPQUFPO0FBQ3ZDLFNBQVNDLHNCQUFzQixRQUFRLGlDQUFpQzs7QUFFeEU7QUFDQTtBQUNBO0FBQ0E7QUFDQSxPQUFPLElBQU1DLG1CQUFtQixHQUFHLFNBQXRCQSxtQkFBbUJBLENBQUEsRUFBUztFQUN2Q0YsZUFBZSxDQUFDLFlBQU07SUFDcEJDLHNCQUFzQixDQUFDLENBQUM7RUFDMUIsQ0FBQyxFQUFFLEVBQUUsQ0FBQztBQUNSLENBQUMiLCJpZ25vcmVMaXN0IjpbXX0=

package/lib/hooks/useStreamingMessage/index.js

@@ -1,2 +1,3 @@
-export { useStreamingMessage } from './useStreamingMessage';
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJ1c2VTdHJlYW1pbmdNZXNzYWdlIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2hvb2tzL3VzZVN0cmVhbWluZ01lc3NhZ2UvaW5kZXgudHMiXSwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgdXNlU3RyZWFtaW5nTWVzc2FnZSB9IGZyb20gJy4vdXNlU3RyZWFtaW5nTWVzc2FnZSdcbiJdLCJtYXBwaW5ncyI6IkFBQUEsU0FBU0EsbUJBQW1CLFFBQVEsdUJBQXVCIiwiaWdub3JlTGlzdCI6W119
+export { useStreamingMessage, useStreamingMessageId } from './useStreamingMessage';
+export { streamingStore } from './streamingStore';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJ1c2VTdHJlYW1pbmdNZXNzYWdlIiwidXNlU3RyZWFtaW5nTWVzc2FnZUlkIiwic3RyZWFtaW5nU3RvcmUiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvaG9va3MvdXNlU3RyZWFtaW5nTWVzc2FnZS9pbmRleC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyB1c2VTdHJlYW1pbmdNZXNzYWdlLCB1c2VTdHJlYW1pbmdNZXNzYWdlSWQgfSBmcm9tICcuL3VzZVN0cmVhbWluZ01lc3NhZ2UnXG5leHBvcnQgeyBzdHJlYW1pbmdTdG9yZSB9IGZyb20gJy4vc3RyZWFtaW5nU3RvcmUnXG4iXSwibWFwcGluZ3MiOiJBQUFBLFNBQVNBLG1CQUFtQixFQUFFQyxxQkFBcUIsUUFBUSx1QkFBdUI7QUFDbEYsU0FBU0MsY0FBYyxRQUFRLGtCQUFrQiIsImlnbm9yZUxpc3QiOltdfQ==

package/lib/hooks/useStreamingMessage/streamingStore.js

@@ -0,0 +1,69 @@
+/**
+ * Store externo (module-level) para el mensaje actualmente en streaming.
+ *
+ * Desacopla el texto del stream del array de `messages` de React: durante
+ * el streaming, el texto se mantiene acá y solo los componentes suscritos
+ * (vía `useStreamingMessage` / `useSyncExternalStore`) re-renderizan cuando
+ * cambia. El array `messages` no se muta en cada token, evitando ráfagas
+ * de re-renders del padre y ejecuciones innecesarias de useEffects.
+ */
+
+var snapshot = {
+  id: null,
+  text: ''
+};
+var listeners = new Set();
+var emitChange = function emitChange() {
+  listeners.forEach(function (listener) {
+    listener();
+  });
+};
+export var streamingStore = {
+  /** Inicia una nueva sesión de streaming para el mensaje con este id. */start: function start(id) {
+    snapshot = {
+      id: id,
+      text: ''
+    };
+    emitChange();
+  },
+  /** Setea el texto del mensaje en streaming. Solo aplica si el id coincide. */setText: function setText(id, text) {
+    if (snapshot.id !== id) {
+      snapshot = {
+        id: id,
+        text: text
+      };
+    } else if (snapshot.text !== text) {
+      snapshot = {
+        id: id,
+        text: text
+      };
+    } else {
+      return;
+    }
+    emitChange();
+  },
+  /** Limpia el estado de streaming (fin de stream, error o aprobación). */clear: function clear() {
+    if (snapshot.id == null && snapshot.text === '') return;
+    snapshot = {
+      id: null,
+      text: ''
+    };
+    emitChange();
+  },
+  /** API para useSyncExternalStore. */subscribe: function subscribe(listener) {
+    listeners.add(listener);
+    return function () {
+      listeners["delete"](listener);
+    };
+  },
+  /** Snapshot referencialmente estable mientras no haya cambios. */getSnapshot: function getSnapshot() {
+    return snapshot;
+  },
+  /** Server snapshot (SSR): siempre vacío. */getServerSnapshot: function getServerSnapshot() {
+    return {
+      id: null,
+      text: ''
+    };
+  }
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJzbmFwc2hvdCIsImlkIiwidGV4dCIsImxpc3RlbmVycyIsIlNldCIsImVtaXRDaGFuZ2UiLCJmb3JFYWNoIiwibGlzdGVuZXIiLCJzdHJlYW1pbmdTdG9yZSIsInN0YXJ0Iiwic2V0VGV4dCIsImNsZWFyIiwic3Vic2NyaWJlIiwiYWRkIiwiZ2V0U25hcHNob3QiLCJnZXRTZXJ2ZXJTbmFwc2hvdCJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9ob29rcy91c2VTdHJlYW1pbmdNZXNzYWdlL3N0cmVhbWluZ1N0b3JlLnRzIl0sInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogU3RvcmUgZXh0ZXJubyAobW9kdWxlLWxldmVsKSBwYXJhIGVsIG1lbnNhamUgYWN0dWFsbWVudGUgZW4gc3RyZWFtaW5nLlxuICpcbiAqIERlc2Fjb3BsYSBlbCB0ZXh0byBkZWwgc3RyZWFtIGRlbCBhcnJheSBkZSBgbWVzc2FnZXNgIGRlIFJlYWN0OiBkdXJhbnRlXG4gKiBlbCBzdHJlYW1pbmcsIGVsIHRleHRvIHNlIG1hbnRpZW5lIGFjw6EgeSBzb2xvIGxvcyBjb21wb25lbnRlcyBzdXNjcml0b3NcbiAqICh2w61hIGB1c2VTdHJlYW1pbmdNZXNzYWdlYCAvIGB1c2VTeW5jRXh0ZXJuYWxTdG9yZWApIHJlLXJlbmRlcml6YW4gY3VhbmRvXG4gKiBjYW1iaWEuIEVsIGFycmF5IGBtZXNzYWdlc2Agbm8gc2UgbXV0YSBlbiBjYWRhIHRva2VuLCBldml0YW5kbyByw6FmYWdhc1xuICogZGUgcmUtcmVuZGVycyBkZWwgcGFkcmUgeSBlamVjdWNpb25lcyBpbm5lY2VzYXJpYXMgZGUgdXNlRWZmZWN0cy5cbiAqL1xuXG50eXBlIFN0cmVhbWluZ1NuYXBzaG90ID0ge1xuICBpZDogc3RyaW5nIHwgbnVsbFxuICB0ZXh0OiBzdHJpbmdcbn1cblxubGV0IHNuYXBzaG90OiBTdHJlYW1pbmdTbmFwc2hvdCA9IHsgaWQ6IG51bGwsIHRleHQ6ICcnIH1cbmNvbnN0IGxpc3RlbmVycyA9IG5ldyBTZXQ8KCkgPT4gdm9pZD4oKVxuXG5jb25zdCBlbWl0Q2hhbmdlID0gKCkgPT4ge1xuICBsaXN0ZW5lcnMuZm9yRWFjaChsaXN0ZW5lciA9PiB7XG4gICAgbGlzdGVuZXIoKVxuICB9KVxufVxuXG5leHBvcnQgY29uc3Qgc3RyZWFtaW5nU3RvcmUgPSB7XG4gIC8qKiBJbmljaWEgdW5hIG51ZXZhIHNlc2nDs24gZGUgc3RyZWFtaW5nIHBhcmEgZWwgbWVuc2FqZSBjb24gZXN0ZSBpZC4gKi9cbiAgc3RhcnQoaWQ6IHN0cmluZykge1xuICAgIHNuYXBzaG90ID0geyBpZCwgdGV4dDogJycgfVxuICAgIGVtaXRDaGFuZ2UoKVxuICB9LFxuICAvKiogU2V0ZWEgZWwgdGV4dG8gZGVsIG1lbnNhamUgZW4gc3RyZWFtaW5nLiBTb2xvIGFwbGljYSBzaSBlbCBpZCBjb2luY2lkZS4gKi9cbiAgc2V0VGV4dChpZDogc3RyaW5nLCB0ZXh0OiBzdHJpbmcpIHtcbiAgICBpZiAoc25hcHNob3QuaWQgIT09IGlkKSB7XG4gICAgICBzbmFwc2hvdCA9IHsgaWQsIHRleHQgfVxuICAgIH0gZWxzZSBpZiAoc25hcHNob3QudGV4dCAhPT0gdGV4dCkge1xuICAgICAgc25hcHNob3QgPSB7IGlkLCB0ZXh0IH1cbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuXG4gICAgfVxuICAgIGVtaXRDaGFuZ2UoKVxuICB9LFxuICAvKiogTGltcGlhIGVsIGVzdGFkbyBkZSBzdHJlYW1pbmcgKGZpbiBkZSBzdHJlYW0sIGVycm9yIG8gYXByb2JhY2nDs24pLiAqL1xuICBjbGVhcigpIHtcbiAgICBpZiAoc25hcHNob3QuaWQgPT0gbnVsbCAmJiBzbmFwc2hvdC50ZXh0ID09PSAnJykgcmV0dXJuXG4gICAgc25hcHNob3QgPSB7IGlkOiBudWxsLCB0ZXh0OiAnJyB9XG4gICAgZW1pdENoYW5nZSgpXG4gIH0sXG4gIC8qKiBBUEkgcGFyYSB1c2VTeW5jRXh0ZXJuYWxTdG9yZS4gKi9cbiAgc3Vic2NyaWJlKGxpc3RlbmVyOiAoKSA9PiB2b2lkKSB7XG4gICAgbGlzdGVuZXJzLmFkZChsaXN0ZW5lcilcbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgbGlzdGVuZXJzLmRlbGV0ZShsaXN0ZW5lcilcbiAgICB9XG4gIH0sXG4gIC8qKiBTbmFwc2hvdCByZWZlcmVuY2lhbG1lbnRlIGVzdGFibGUgbWllbnRyYXMgbm8gaGF5YSBjYW1iaW9zLiAqL1xuICBnZXRTbmFwc2hvdCgpOiBTdHJlYW1pbmdTbmFwc2hvdCB7XG4gICAgcmV0dXJuIHNuYXBzaG90XG4gIH0sXG4gIC8qKiBTZXJ2ZXIgc25hcHNob3QgKFNTUik6IHNpZW1wcmUgdmFjw61vLiAqL1xuICBnZXRTZXJ2ZXJTbmFwc2hvdCgpOiBTdHJlYW1pbmdTbmFwc2hvdCB7XG4gICAgcmV0dXJuIHsgaWQ6IG51bGwsIHRleHQ6ICcnIH1cbiAgfSxcbn1cblxuZXhwb3J0IHR5cGUgeyBTdHJlYW1pbmdTbmFwc2hvdCB9XG4iXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFPQSxJQUFJQSxRQUEyQixHQUFHO0VBQUVDLEVBQUUsRUFBRSxJQUFJO0VBQUVDLElBQUksRUFBRTtBQUFHLENBQUM7QUFDeEQsSUFBTUMsU0FBUyxHQUFHLElBQUlDLEdBQUcsQ0FBYSxDQUFDO0FBRXZDLElBQU1DLFVBQVUsR0FBRyxTQUFiQSxVQUFVQSxDQUFBLEVBQVM7RUFDdkJGLFNBQVMsQ0FBQ0csT0FBTyxDQUFDLFVBQUFDLFFBQVEsRUFBSTtJQUM1QkEsUUFBUSxDQUFDLENBQUM7RUFDWixDQUFDLENBQUM7QUFDSixDQUFDO0FBRUQsT0FBTyxJQUFNQyxjQUFjLEdBQUc7RUFDNUIsd0VBQ0FDLEtBQUssV0FBTEEsS0FBS0EsQ0FBQ1IsRUFBVSxFQUFFO0lBQ2hCRCxRQUFRLEdBQUc7TUFBRUMsRUFBRSxFQUFGQSxFQUFFO01BQUVDLElBQUksRUFBRTtJQUFHLENBQUM7SUFDM0JHLFVBQVUsQ0FBQyxDQUFDO0VBQ2QsQ0FBQztFQUNELDhFQUNBSyxPQUFPLFdBQVBBLE9BQU9BLENBQUNULEVBQVUsRUFBRUMsSUFBWSxFQUFFO0lBQ2hDLElBQUlGLFFBQVEsQ0FBQ0MsRUFBRSxLQUFLQSxFQUFFLEVBQUU7TUFDdEJELFFBQVEsR0FBRztRQUFFQyxFQUFFLEVBQUZBLEVBQUU7UUFBRUMsSUFBSSxFQUFKQTtNQUFLLENBQUM7SUFDekIsQ0FBQyxNQUFNLElBQUlGLFFBQVEsQ0FBQ0UsSUFBSSxLQUFLQSxJQUFJLEVBQUU7TUFDakNGLFFBQVEsR0FBRztRQUFFQyxFQUFFLEVBQUZBLEVBQUU7UUFBRUMsSUFBSSxFQUFKQTtNQUFLLENBQUM7SUFDekIsQ0FBQyxNQUFNO01BQ0w7SUFDRjtJQUNBRyxVQUFVLENBQUMsQ0FBQztFQUNkLENBQUM7RUFDRCx5RUFDQU0sS0FBSyxXQUFMQSxLQUFLQSxDQUFBLEVBQUc7SUFDTixJQUFJWCxRQUFRLENBQUNDLEVBQUUsSUFBSSxJQUFJLElBQUlELFFBQVEsQ0FBQ0UsSUFBSSxLQUFLLEVBQUUsRUFBRTtJQUNqREYsUUFBUSxHQUFHO01BQUVDLEVBQUUsRUFBRSxJQUFJO01BQUVDLElBQUksRUFBRTtJQUFHLENBQUM7SUFDakNHLFVBQVUsQ0FBQyxDQUFDO0VBQ2QsQ0FBQztFQUNELHFDQUNBTyxTQUFTLFdBQVRBLFNBQVNBLENBQUNMLFFBQW9CLEVBQUU7SUFDOUJKLFNBQVMsQ0FBQ1UsR0FBRyxDQUFDTixRQUFRLENBQUM7SUFDdkIsT0FBTyxZQUFNO01BQ1hKLFNBQVMsVUFBTyxDQUFDSSxRQUFRLENBQUM7SUFDNUIsQ0FBQztFQUNILENBQUM7RUFDRCxrRUFDQU8sV0FBVyxXQUFYQSxXQUFXQSxDQUFBLEVBQXNCO0lBQy9CLE9BQU9kLFFBQVE7RUFDakIsQ0FBQztFQUNELDRDQUNBZSxpQkFBaUIsV0FBakJBLGlCQUFpQkEsQ0FBQSxFQUFzQjtJQUNyQyxPQUFPO01BQUVkLEVBQUUsRUFBRSxJQUFJO01BQUVDLElBQUksRUFBRTtJQUFHLENBQUM7RUFDL0I7QUFDRixDQUFDIiwiaWdub3JlTGlzdCI6W119

package/lib/hooks/useStreamingMessage/useStreamingMessage.js

@@ -1,18 +1,22 @@
-import { useCallback, useSyncExternalStore } from 'react';
-import { sessionStreamingText } from '../../store/sessions/sessionStreamingText';
+import { useSyncExternalStore } from 'react';
+import { streamingStore } from './streamingStore';
 
 /**
- * Devuelve el texto en streaming del mensaje `messageId` (placeholder id),
- * buscándolo entre todas las sesiones activas. El placeholder id es único por
- * stream, así que solo el componente de ese mensaje se re-renderiza cuando su
- * texto cambia; el resto del árbol no se ve afectado.
+ * Devuelve el texto actual del mensaje en streaming si el `id` coincide con
+ * el mensaje activo. Si no hay streaming activo o el id no coincide, devuelve
+ * una cadena vacía. Esto permite que solo el componente del mensaje en
+ * streaming se re-renderice, sin afectar al resto del árbol.
  */
 export var useStreamingMessage = function useStreamingMessage(messageId) {
-  var getSnapshot = useCallback(function () {
-    return sessionStreamingText.getTextByPlaceholder(messageId !== null && messageId !== void 0 ? messageId : null);
-  }, [messageId]);
-  return useSyncExternalStore(sessionStreamingText.subscribe, getSnapshot, function () {
-    return '';
-  });
+  var snapshot = useSyncExternalStore(streamingStore.subscribe, streamingStore.getSnapshot, streamingStore.getServerSnapshot);
+  if (!messageId) return '';
+  if (snapshot.id !== messageId) return '';
+  return snapshot.text;
 };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJ1c2VDYWxsYmFjayIsInVzZVN5bmNFeHRlcm5hbFN0b3JlIiwic2Vzc2lvblN0cmVhbWluZ1RleHQiLCJ1c2VTdHJlYW1pbmdNZXNzYWdlIiwibWVzc2FnZUlkIiwiZ2V0U25hcHNob3QiLCJnZXRUZXh0QnlQbGFjZWhvbGRlciIsInN1YnNjcmliZSJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9ob29rcy91c2VTdHJlYW1pbmdNZXNzYWdlL3VzZVN0cmVhbWluZ01lc3NhZ2UudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZVN5bmNFeHRlcm5hbFN0b3JlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBzZXNzaW9uU3RyZWFtaW5nVGV4dCB9IGZyb20gJy4uLy4uL3N0b3JlL3Nlc3Npb25zL3Nlc3Npb25TdHJlYW1pbmdUZXh0J1xuXG4vKipcbiAqIERldnVlbHZlIGVsIHRleHRvIGVuIHN0cmVhbWluZyBkZWwgbWVuc2FqZSBgbWVzc2FnZUlkYCAocGxhY2Vob2xkZXIgaWQpLFxuICogYnVzY8OhbmRvbG8gZW50cmUgdG9kYXMgbGFzIHNlc2lvbmVzIGFjdGl2YXMuIEVsIHBsYWNlaG9sZGVyIGlkIGVzIMO6bmljbyBwb3JcbiAqIHN0cmVhbSwgYXPDrSBxdWUgc29sbyBlbCBjb21wb25lbnRlIGRlIGVzZSBtZW5zYWplIHNlIHJlLXJlbmRlcml6YSBjdWFuZG8gc3VcbiAqIHRleHRvIGNhbWJpYTsgZWwgcmVzdG8gZGVsIMOhcmJvbCBubyBzZSB2ZSBhZmVjdGFkby5cbiAqL1xuZXhwb3J0IGNvbnN0IHVzZVN0cmVhbWluZ01lc3NhZ2UgPSAobWVzc2FnZUlkOiBzdHJpbmcgfCBudWxsIHwgdW5kZWZpbmVkKTogc3RyaW5nID0+IHtcbiAgY29uc3QgZ2V0U25hcHNob3QgPSB1c2VDYWxsYmFjaygoKSA9PiBzZXNzaW9uU3RyZWFtaW5nVGV4dC5nZXRUZXh0QnlQbGFjZWhvbGRlcihtZXNzYWdlSWQgPz8gbnVsbCksIFttZXNzYWdlSWRdKVxuICByZXR1cm4gdXNlU3luY0V4dGVybmFsU3RvcmUoc2Vzc2lvblN0cmVhbWluZ1RleHQuc3Vic2NyaWJlLCBnZXRTbmFwc2hvdCwgKCkgPT4gJycpXG59XG4iXSwibWFwcGluZ3MiOiJBQUFBLFNBQVNBLFdBQVcsRUFBRUMsb0JBQW9CLFFBQVEsT0FBTztBQUN6RCxTQUFTQyxvQkFBb0IsUUFBUSwyQ0FBMkM7O0FBRWhGO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLE9BQU8sSUFBTUMsbUJBQW1CLEdBQUcsU0FBdEJBLG1CQUFtQkEsQ0FBSUMsU0FBb0MsRUFBYTtFQUNuRixJQUFNQyxXQUFXLEdBQUdMLFdBQVcsQ0FBQztJQUFBLE9BQU1FLG9CQUFvQixDQUFDSSxvQkFBb0IsQ0FBQ0YsU0FBUyxhQUFUQSxTQUFTLGNBQVRBLFNBQVMsR0FBSSxJQUFJLENBQUM7RUFBQSxHQUFFLENBQUNBLFNBQVMsQ0FBQyxDQUFDO0VBQ2hILE9BQU9ILG9CQUFvQixDQUFDQyxvQkFBb0IsQ0FBQ0ssU0FBUyxFQUFFRixXQUFXLEVBQUU7SUFBQSxPQUFNLEVBQUU7RUFBQSxFQUFDO0FBQ3BGLENBQUMiLCJpZ25vcmVMaXN0IjpbXX0=
+
+/** Devuelve el id del mensaje que está actualmente en streaming (o null). */
+export var useStreamingMessageId = function useStreamingMessageId() {
+  var snapshot = useSyncExternalStore(streamingStore.subscribe, streamingStore.getSnapshot, streamingStore.getServerSnapshot);
+  return snapshot.id;
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJ1c2VTeW5jRXh0ZXJuYWxTdG9yZSIsInN0cmVhbWluZ1N0b3JlIiwidXNlU3RyZWFtaW5nTWVzc2FnZSIsIm1lc3NhZ2VJZCIsInNuYXBzaG90Iiwic3Vic2NyaWJlIiwiZ2V0U25hcHNob3QiLCJnZXRTZXJ2ZXJTbmFwc2hvdCIsImlkIiwidGV4dCIsInVzZVN0cmVhbWluZ01lc3NhZ2VJZCJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9ob29rcy91c2VTdHJlYW1pbmdNZXNzYWdlL3VzZVN0cmVhbWluZ01lc3NhZ2UudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlU3luY0V4dGVybmFsU3RvcmUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHN0cmVhbWluZ1N0b3JlIH0gZnJvbSAnLi9zdHJlYW1pbmdTdG9yZSdcblxuLyoqXG4gKiBEZXZ1ZWx2ZSBlbCB0ZXh0byBhY3R1YWwgZGVsIG1lbnNhamUgZW4gc3RyZWFtaW5nIHNpIGVsIGBpZGAgY29pbmNpZGUgY29uXG4gKiBlbCBtZW5zYWplIGFjdGl2by4gU2kgbm8gaGF5IHN0cmVhbWluZyBhY3Rpdm8gbyBlbCBpZCBubyBjb2luY2lkZSwgZGV2dWVsdmVcbiAqIHVuYSBjYWRlbmEgdmFjw61hLiBFc3RvIHBlcm1pdGUgcXVlIHNvbG8gZWwgY29tcG9uZW50ZSBkZWwgbWVuc2FqZSBlblxuICogc3RyZWFtaW5nIHNlIHJlLXJlbmRlcmljZSwgc2luIGFmZWN0YXIgYWwgcmVzdG8gZGVsIMOhcmJvbC5cbiAqL1xuZXhwb3J0IGNvbnN0IHVzZVN0cmVhbWluZ01lc3NhZ2UgPSAobWVzc2FnZUlkOiBzdHJpbmcgfCBudWxsIHwgdW5kZWZpbmVkKTogc3RyaW5nID0+IHtcbiAgY29uc3Qgc25hcHNob3QgPSB1c2VTeW5jRXh0ZXJuYWxTdG9yZShcbiAgICBzdHJlYW1pbmdTdG9yZS5zdWJzY3JpYmUsXG4gICAgc3RyZWFtaW5nU3RvcmUuZ2V0U25hcHNob3QsXG4gICAgc3RyZWFtaW5nU3RvcmUuZ2V0U2VydmVyU25hcHNob3RcbiAgKVxuICBpZiAoIW1lc3NhZ2VJZCkgcmV0dXJuICcnXG4gIGlmIChzbmFwc2hvdC5pZCAhPT0gbWVzc2FnZUlkKSByZXR1cm4gJydcbiAgcmV0dXJuIHNuYXBzaG90LnRleHRcbn1cblxuLyoqIERldnVlbHZlIGVsIGlkIGRlbCBtZW5zYWplIHF1ZSBlc3TDoSBhY3R1YWxtZW50ZSBlbiBzdHJlYW1pbmcgKG8gbnVsbCkuICovXG5leHBvcnQgY29uc3QgdXNlU3RyZWFtaW5nTWVzc2FnZUlkID0gKCk6IHN0cmluZyB8IG51bGwgPT4ge1xuICBjb25zdCBzbmFwc2hvdCA9IHVzZVN5bmNFeHRlcm5hbFN0b3JlKFxuICAgIHN0cmVhbWluZ1N0b3JlLnN1YnNjcmliZSxcbiAgICBzdHJlYW1pbmdTdG9yZS5nZXRTbmFwc2hvdCxcbiAgICBzdHJlYW1pbmdTdG9yZS5nZXRTZXJ2ZXJTbmFwc2hvdFxuICApXG4gIHJldHVybiBzbmFwc2hvdC5pZFxufVxuIl0sIm1hcHBpbmdzIjoiQUFBQSxTQUFTQSxvQkFBb0IsUUFBUSxPQUFPO0FBQzVDLFNBQVNDLGNBQWMsUUFBUSxrQkFBa0I7O0FBRWpEO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLE9BQU8sSUFBTUMsbUJBQW1CLEdBQUcsU0FBdEJBLG1CQUFtQkEsQ0FBSUMsU0FBb0MsRUFBYTtFQUNuRixJQUFNQyxRQUFRLEdBQUdKLG9CQUFvQixDQUNuQ0MsY0FBYyxDQUFDSSxTQUFTLEVBQ3hCSixjQUFjLENBQUNLLFdBQVcsRUFDMUJMLGNBQWMsQ0FBQ00saUJBQ2pCLENBQUM7RUFDRCxJQUFJLENBQUNKLFNBQVMsRUFBRSxPQUFPLEVBQUU7RUFDekIsSUFBSUMsUUFBUSxDQUFDSSxFQUFFLEtBQUtMLFNBQVMsRUFBRSxPQUFPLEVBQUU7RUFDeEMsT0FBT0MsUUFBUSxDQUFDSyxJQUFJO0FBQ3RCLENBQUM7O0FBRUQ7QUFDQSxPQUFPLElBQU1DLHFCQUFxQixHQUFHLFNBQXhCQSxxQkFBcUJBLENBQUEsRUFBd0I7RUFDeEQsSUFBTU4sUUFBUSxHQUFHSixvQkFBb0IsQ0FDbkNDLGNBQWMsQ0FBQ0ksU0FBUyxFQUN4QkosY0FBYyxDQUFDSyxXQUFXLEVBQzFCTCxjQUFjLENBQUNNLGlCQUNqQixDQUFDO0VBQ0QsT0FBT0gsUUFBUSxDQUFDSSxFQUFFO0FBQ3BCLENBQUMiLCJpZ25vcmVMaXN0IjpbXX0=

package/lib/index.css

@@ -2,7 +2,7 @@
 @tailwind components;
 @tailwind utilities;
 
-/* Streamdown classes are included via tailwind.config.js content */
+/* Streamdown: estilos inyectados por MaiaStreamdown / ensureStreamdownStyles (ver streamdownStyles.ts) */
 
 @layer base {
   /* Prevent Tailwind from resetting link styles */
@@ -10,7 +10,7 @@
     color: revert;
     text-decoration: revert;
   }
-  
+
   :root {
     --background: 0 0% 100%;
     --foreground: 222.2 84% 4.9%;
@@ -58,252 +58,19 @@
 }
 
 body {
-  font-family: 'Work-Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
-    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
+  font-family:
+    'Work-Sans',
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    'Roboto',
+    'Oxygen',
+    'Ubuntu',
+    'Cantarell',
+    'Fira Sans',
+    'Droid Sans',
+    'Helvetica Neue',
     sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
-
-/* Code blocks - github-light theme, fondo transparente */
-[data-streamdown="code-block"] {
-  position: relative;
-  margin: 1rem 0;
-  background: transparent !important;
-  border: none !important;
-  border-radius: 0.75rem;
-  overflow: hidden;
-}
-
-[data-streamdown="code-block"] > div {
-  border: none !important;
-  background: transparent !important;
-}
-
-[data-streamdown="code-block"] pre,
-[data-streamdown="code-block"] pre.shiki,
-.shiki {
-  background-color: transparent !important;
-  border-radius: 0 !important;
-  padding: 1rem 1.25rem 1.25rem !important;
-  border: none !important;
-  margin: 0 !important;
-}
-
-/* Números de línea: 13px -> 12px */
-[data-streamdown="code-block"] pre code > span::before,
-[data-streamdown="code-block-body"] pre code > span::before {
-  font-size: 12px !important;
-}
-
-/* Language label inside the block */
-[data-streamdown="code-block-language"] {
-  display: block !important;
-  color: #6e7681 !important;
-  font-size: 0.75rem;
-  font-weight: 500;
-  padding: 0.75rem 1.25rem 0;
-  text-transform: lowercase;
-  letter-spacing: 0.02em;
-  background: transparent !important;
-  border: none !important;
-}
-
-/* Tables - scroll container: solo la tabla hace scroll horizontal, no todo el contenedor */
-[data-streamdown="table-wrapper"] {
-  width: 100%;
-  max-width: 100%;
-  margin: 1rem 0;
-  overflow-x: auto;
-  overflow-y: visible;
-  border-radius: 0.75rem;
-  border: none !important;
-  -webkit-overflow-scrolling: touch;
-}
-
-[data-streamdown="table-wrapper"] > div {
-  border: none !important;
-}
-
-/* Tables - estilos claros con líneas horizontales */
-[data-streamdown="table"] {
-  width: max-content;
-  min-width: 100%;
-  margin: 0 0 0.75rem 0;
-  border-collapse: collapse;
-  border-spacing: 0;
-  background: transparent;
-  overflow: hidden;
-  border: none !important;
-}
-
-[data-streamdown="table"] thead {
-  background: transparent;
-  border-bottom: 1px solid #BFBFBF;
-}
-
-[data-streamdown="table"] th {
-  color: #000;
-  font-family: "Work Sans", sans-serif;
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 500;
-  line-height: 26px;
-  text-align: left;
-  padding: 1rem 1.25rem;
-}
-
-[data-streamdown="table"] td {
-  color: #000;
-  font-family: "Work Sans", sans-serif;
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 26px;
-  padding: 1rem 1.25rem;
-  border-bottom: 1px solid #D9D9D9;
-}
-
-[data-streamdown="table"] tbody tr:last-child td {
-  border-bottom: none;
-}
-
-/* Mermaid diagrams */
-[data-streamdown="mermaid"] {
-  margin: 1rem 0;
-  overflow: visible;
-  max-width: 100%;
-  min-height: 500px;
-}
-
-[data-streamdown="mermaid"] svg {
-  overflow: visible !important;
-  min-height: 500px;
-  max-width: 100%;
-}
-
-[data-streamdown="mermaid"] .node rect,
-[data-streamdown="mermaid"] .node polygon {
-  rx: 8px;
-  ry: 8px;
-}
-
-/* Edge labels (text on arrows) - prevent clipping */
-[data-streamdown="mermaid"] .edgeLabel {
-  background-color: transparent !important;
-}
-
-[data-streamdown="mermaid"] .edgeLabel .label {
-  background-color: #fce7f3 !important;
-  padding: 2px 4px;
-}
-
-
-/* Dropdowns de copy/download (tablas, mermaid) - fondo blanco */
-[data-streamdown="table-wrapper"] div[class*="absolute"][class*="top-full"],
-[data-streamdown="mermaid-block"] div[class*="absolute"][class*="top-full"] {
-  background: #fff !important;
-}
-
-/* Barra de acciones (code-block, mermaid) - fondo blanco */
-[data-streamdown="code-block-actions"],
-[data-streamdown="mermaid-block-actions"] {
-  background: transparent !important;
-  border-color: transparent !important;
-}
-
-/* Link Safety Modal - dark theme */
-/* Backdrop overlay */
-[data-streamdown="link-safety-modal"] {
-  background: rgba(0, 0, 0, 0.7) !important;
-}
-
-/* Modal container */
-[data-streamdown="link-safety-modal"] > div {
-  background: #1e1e2e !important;
-  border: 1px solid #3d3d4d !important;
-  border-radius: 0.75rem !important;
-  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5) !important;
-  padding: 1.5rem !important;
-  position: relative !important;
-}
-
-/* Botón de cerrar (X) - posicionarlo correctamente */
-[data-streamdown="link-safety-modal"] > div > button:first-child {
-  position: absolute !important;
-  top: 0.75rem !important;
-  right: 0.75rem !important;
-  color: #9ca3af !important;
-  background: transparent !important;
-  border: none !important;
-  padding: 0.25rem !important;
-  line-height: 1 !important;
-}
-
-[data-streamdown="link-safety-modal"] > div > button:first-child:hover {
-  color: #ffffff !important;
-}
-[data-streamdown="link-safety-modal"] h2,
-[data-streamdown="link-safety-modal"] h3,
-[data-streamdown="link-safety-modal"] p,
-[data-streamdown="link-safety-modal"] span,
-[data-streamdown="link-safety-modal"] label {
-  color: #e0e0e0 !important;
-}
-
-/* Título */
-[data-streamdown="link-safety-modal"] h2,
-[data-streamdown="link-safety-modal"] h3 {
-  color: #ffffff !important;
-  font-weight: 600 !important;
-}
-
-/* URL link */
-[data-streamdown="link-safety-modal"] a {
-  color: #58a6ff !important;
-  word-break: break-all;
-}
-
-/* Botón de cerrar (X) */
-[data-streamdown="link-safety-modal"] button[aria-label="Close"],
-[data-streamdown="link-safety-modal"] > div > button:first-child {
-  color: #9ca3af !important;
-}
-
-[data-streamdown="link-safety-modal"] button[aria-label="Close"]:hover,
-[data-streamdown="link-safety-modal"] > div > button:first-child:hover {
-  color: #ffffff !important;
-}
-
-/* Container de botones */
-[data-streamdown="link-safety-modal"] > div > div:last-child {
-  display: flex;
-  gap: 0.75rem;
-  margin-top: 1rem;
-}
-
-/* Botón secundario (Copy link) */
-[data-streamdown="link-safety-modal"] > div > div:last-child button:first-of-type {
-  background: #2d2d3d !important;
-  color: #e0e0e0 !important;
-  border: 1px solid #3d3d4d !important;
-  border-radius: 0.5rem !important;
-  padding: 0.5rem 1rem !important;
-}
-
-[data-streamdown="link-safety-modal"] > div > div:last-child button:first-of-type:hover {
-  background: #3d3d4d !important;
-}
-
-/* Botón primario (Open link) */
-[data-streamdown="link-safety-modal"] > div > div:last-child button:last-of-type {
-  background: #2563eb !important;
-  color: #ffffff !important;
-  border: none !important;
-  border-radius: 0.5rem !important;
-  padding: 0.5rem 1rem !important;
-}
-
-[data-streamdown="link-safety-modal"] > div > div:last-child button:last-of-type:hover {
-  background: #1d4ed8 !important;
-}