@projectcor/maia-components 2.48.0 → 2.49.0-beta.1

package/lib/components/atoms/ContextCompactedNotice/ContextCompactedNotice.js

@@ -0,0 +1,53 @@
+import React from 'react';
+import { Minimize } from '@projectcor/icons/lib/components/Minimize';
+import { useT } from '../../../hooks/useT';
+import { SCContextCompactedNotice } from './ContextCompactedNotice.styles';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Qué titular usar. Una sola línea, por prioridad de impacto: resumir cambia
+ * más que descartar turnos, y descartar turnos cambia más que soltar imágenes.
+ * El detalle completo va en el tooltip.
+ */
+var resolveHeadlineKey = function resolveHeadlineKey(compaction) {
+  if (compaction.summarized) return 'chat.contextCompaction.summarized';
+  if (compaction.turnsDropped > 0) return 'chat.contextCompaction.trimmed';
+  if (compaction.imagesPruned > 0) return 'chat.contextCompaction.imagesRemoved';
+  return null;
+};
+
+/**
+ * Aviso de que MAIA recortó el contexto de la conversación.
+ *
+ * Existe porque compactar en silencio se lee como amnesia: si el asistente
+ * deja de recordar una imagen de hace veinte mensajes, el usuario merece
+ * saber que fue a propósito y que la conversación sigue completa en el
+ * historial. Por eso es una línea discreta y siempre visible, fuera del
+ * bloque de razonamiento — que se pliega solo y escondería el aviso.
+ */
+export var ContextCompactedNotice = function ContextCompactedNotice(_ref) {
+  var compaction = _ref.compaction,
+    className = _ref.className;
+  var _useT = useT(),
+    t = _useT.t;
+  if (!compaction) return null;
+  var headlineKey = resolveHeadlineKey(compaction);
+  if (!headlineKey) return null;
+  return /*#__PURE__*/_jsxs(SCContextCompactedNotice, {
+    className: className,
+    role: "note",
+    title: t('chat.contextCompaction.hint'),
+    children: [/*#__PURE__*/_jsx("span", {
+      className: "ContextCompactedNotice-icon",
+      "aria-hidden": true,
+      children: /*#__PURE__*/_jsx(Minimize, {
+        color: "currentColor",
+        width: "14px",
+        height: "14px"
+      })
+    }), /*#__PURE__*/_jsx("span", {
+      className: "ContextCompactedNotice-text",
+      children: t(headlineKey)
+    })]
+  });
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIk1pbmltaXplIiwidXNlVCIsIlNDQ29udGV4dENvbXBhY3RlZE5vdGljZSIsImpzeCIsIl9qc3giLCJqc3hzIiwiX2pzeHMiLCJyZXNvbHZlSGVhZGxpbmVLZXkiLCJjb21wYWN0aW9uIiwic3VtbWFyaXplZCIsInR1cm5zRHJvcHBlZCIsImltYWdlc1BydW5lZCIsIkNvbnRleHRDb21wYWN0ZWROb3RpY2UiLCJfcmVmIiwiY2xhc3NOYW1lIiwiX3VzZVQiLCJ0IiwiaGVhZGxpbmVLZXkiLCJyb2xlIiwidGl0bGUiLCJjaGlsZHJlbiIsImNvbG9yIiwid2lkdGgiLCJoZWlnaHQiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9hdG9tcy9Db250ZXh0Q29tcGFjdGVkTm90aWNlL0NvbnRleHRDb21wYWN0ZWROb3RpY2UudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IE1pbmltaXplIH0gZnJvbSAnQHByb2plY3Rjb3IvaWNvbnMvbGliL2NvbXBvbmVudHMvTWluaW1pemUnXG5cbmltcG9ydCB7IHVzZVQgfSBmcm9tICcuLi8uLi8uLi9ob29rcy91c2VUJ1xuaW1wb3J0IHR5cGUgeyBDb250ZXh0Q29tcGFjdGlvbiB9IGZyb20gJy4uLy4uLy4uL3R5cGVzL2NvbnRleHRDb21wYWN0aW9uJ1xuaW1wb3J0IHsgU0NDb250ZXh0Q29tcGFjdGVkTm90aWNlIH0gZnJvbSAnLi9Db250ZXh0Q29tcGFjdGVkTm90aWNlLnN0eWxlcydcblxuZXhwb3J0IHR5cGUgQ29udGV4dENvbXBhY3RlZE5vdGljZVByb3BzID0ge1xuICBjb21wYWN0aW9uOiBDb250ZXh0Q29tcGFjdGlvbiB8IG51bGwgfCB1bmRlZmluZWRcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbi8qKlxuICogUXXDqSB0aXR1bGFyIHVzYXIuIFVuYSBzb2xhIGzDrW5lYSwgcG9yIHByaW9yaWRhZCBkZSBpbXBhY3RvOiByZXN1bWlyIGNhbWJpYVxuICogbcOhcyBxdWUgZGVzY2FydGFyIHR1cm5vcywgeSBkZXNjYXJ0YXIgdHVybm9zIGNhbWJpYSBtw6FzIHF1ZSBzb2x0YXIgaW3DoWdlbmVzLlxuICogRWwgZGV0YWxsZSBjb21wbGV0byB2YSBlbiBlbCB0b29sdGlwLlxuICovXG5jb25zdCByZXNvbHZlSGVhZGxpbmVLZXkgPSAoY29tcGFjdGlvbjogQ29udGV4dENvbXBhY3Rpb24pOiBzdHJpbmcgfCBudWxsID0+IHtcbiAgaWYgKGNvbXBhY3Rpb24uc3VtbWFyaXplZCkgcmV0dXJuICdjaGF0LmNvbnRleHRDb21wYWN0aW9uLnN1bW1hcml6ZWQnXG4gIGlmIChjb21wYWN0aW9uLnR1cm5zRHJvcHBlZCA+IDApIHJldHVybiAnY2hhdC5jb250ZXh0Q29tcGFjdGlvbi50cmltbWVkJ1xuICBpZiAoY29tcGFjdGlvbi5pbWFnZXNQcnVuZWQgPiAwKSByZXR1cm4gJ2NoYXQuY29udGV4dENvbXBhY3Rpb24uaW1hZ2VzUmVtb3ZlZCdcbiAgcmV0dXJuIG51bGxcbn1cblxuLyoqXG4gKiBBdmlzbyBkZSBxdWUgTUFJQSByZWNvcnTDsyBlbCBjb250ZXh0byBkZSBsYSBjb252ZXJzYWNpw7NuLlxuICpcbiAqIEV4aXN0ZSBwb3JxdWUgY29tcGFjdGFyIGVuIHNpbGVuY2lvIHNlIGxlZSBjb21vIGFtbmVzaWE6IHNpIGVsIGFzaXN0ZW50ZVxuICogZGVqYSBkZSByZWNvcmRhciB1bmEgaW1hZ2VuIGRlIGhhY2UgdmVpbnRlIG1lbnNhamVzLCBlbCB1c3VhcmlvIG1lcmVjZVxuICogc2FiZXIgcXVlIGZ1ZSBhIHByb3DDs3NpdG8geSBxdWUgbGEgY29udmVyc2FjacOzbiBzaWd1ZSBjb21wbGV0YSBlbiBlbFxuICogaGlzdG9yaWFsLiBQb3IgZXNvIGVzIHVuYSBsw61uZWEgZGlzY3JldGEgeSBzaWVtcHJlIHZpc2libGUsIGZ1ZXJhIGRlbFxuICogYmxvcXVlIGRlIHJhem9uYW1pZW50byDigJQgcXVlIHNlIHBsaWVnYSBzb2xvIHkgZXNjb25kZXLDrWEgZWwgYXZpc28uXG4gKi9cbmV4cG9ydCBjb25zdCBDb250ZXh0Q29tcGFjdGVkTm90aWNlID0gKHsgY29tcGFjdGlvbiwgY2xhc3NOYW1lIH06IENvbnRleHRDb21wYWN0ZWROb3RpY2VQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVQoKVxuXG4gIGlmICghY29tcGFjdGlvbikgcmV0dXJuIG51bGxcblxuICBjb25zdCBoZWFkbGluZUtleSA9IHJlc29sdmVIZWFkbGluZUtleShjb21wYWN0aW9uKVxuICBpZiAoIWhlYWRsaW5lS2V5KSByZXR1cm4gbnVsbFxuXG4gIHJldHVybiAoXG4gICAgPFNDQ29udGV4dENvbXBhY3RlZE5vdGljZSBjbGFzc05hbWU9e2NsYXNzTmFtZX0gcm9sZT1cIm5vdGVcIiB0aXRsZT17dCgnY2hhdC5jb250ZXh0Q29tcGFjdGlvbi5oaW50Jyl9PlxuICAgICAgPHNwYW4gY2xhc3NOYW1lPVwiQ29udGV4dENvbXBhY3RlZE5vdGljZS1pY29uXCIgYXJpYS1oaWRkZW4+XG4gICAgICAgIDxNaW5pbWl6ZSBjb2xvcj1cImN1cnJlbnRDb2xvclwiIHdpZHRoPVwiMTRweFwiIGhlaWdodD1cIjE0cHhcIiAvPlxuICAgICAgPC9zcGFuPlxuICAgICAgPHNwYW4gY2xhc3NOYW1lPVwiQ29udGV4dENvbXBhY3RlZE5vdGljZS10ZXh0XCI+e3QoaGVhZGxpbmVLZXkpfTwvc3Bhbj5cbiAgICA8L1NDQ29udGV4dENvbXBhY3RlZE5vdGljZT5cbiAgKVxufVxuIl0sIm1hcHBpbmdzIjoiQUFBQSxPQUFPQSxLQUFLLE1BQU0sT0FBTztBQUN6QixTQUFTQyxRQUFRLFFBQVEsMkNBQTJDO0FBRXBFLFNBQVNDLElBQUksUUFBUSxxQkFBcUI7QUFFMUMsU0FBU0Msd0JBQXdCLFFBQVEsaUNBQWlDO0FBQUEsU0FBQUMsR0FBQSxJQUFBQyxJQUFBLEVBQUFDLElBQUEsSUFBQUMsS0FBQTtBQU8xRTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsSUFBTUMsa0JBQWtCLEdBQUcsU0FBckJBLGtCQUFrQkEsQ0FBSUMsVUFBNkIsRUFBb0I7RUFDM0UsSUFBSUEsVUFBVSxDQUFDQyxVQUFVLEVBQUUsT0FBTyxtQ0FBbUM7RUFDckUsSUFBSUQsVUFBVSxDQUFDRSxZQUFZLEdBQUcsQ0FBQyxFQUFFLE9BQU8sZ0NBQWdDO0VBQ3hFLElBQUlGLFVBQVUsQ0FBQ0csWUFBWSxHQUFHLENBQUMsRUFBRSxPQUFPLHNDQUFzQztFQUM5RSxPQUFPLElBQUk7QUFDYixDQUFDOztBQUVEO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLE9BQU8sSUFBTUMsc0JBQXNCLEdBQUcsU0FBekJBLHNCQUFzQkEsQ0FBQUMsSUFBQSxFQUErRDtFQUFBLElBQXpETCxVQUFVLEdBQUFLLElBQUEsQ0FBVkwsVUFBVTtJQUFFTSxTQUFTLEdBQUFELElBQUEsQ0FBVEMsU0FBUztFQUM1RCxJQUFBQyxLQUFBLEdBQWNkLElBQUksQ0FBQyxDQUFDO0lBQVplLENBQUMsR0FBQUQsS0FBQSxDQUFEQyxDQUFDO0VBRVQsSUFBSSxDQUFDUixVQUFVLEVBQUUsT0FBTyxJQUFJO0VBRTVCLElBQU1TLFdBQVcsR0FBR1Ysa0JBQWtCLENBQUNDLFVBQVUsQ0FBQztFQUNsRCxJQUFJLENBQUNTLFdBQVcsRUFBRSxPQUFPLElBQUk7RUFFN0Isb0JBQ0VYLEtBQUEsQ0FBQ0osd0JBQXdCO0lBQUNZLFNBQVMsRUFBRUEsU0FBVTtJQUFDSSxJQUFJLEVBQUMsTUFBTTtJQUFDQyxLQUFLLEVBQUVILENBQUMsQ0FBQyw2QkFBNkIsQ0FBRTtJQUFBSSxRQUFBLGdCQUNsR2hCLElBQUE7TUFBTVUsU0FBUyxFQUFDLDZCQUE2QjtNQUFDLG1CQUFXO01BQUFNLFFBQUEsZUFDdkRoQixJQUFBLENBQUNKLFFBQVE7UUFBQ3FCLEtBQUssRUFBQyxjQUFjO1FBQUNDLEtBQUssRUFBQyxNQUFNO1FBQUNDLE1BQU0sRUFBQztNQUFNLENBQUU7SUFBQyxDQUN4RCxDQUFDLGVBQ1BuQixJQUFBO01BQU1VLFNBQVMsRUFBQyw2QkFBNkI7TUFBQU0sUUFBQSxFQUFFSixDQUFDLENBQUNDLFdBQVc7SUFBQyxDQUFPLENBQUM7RUFBQSxDQUM3QyxDQUFDO0FBRS9CLENBQUMiLCJpZ25vcmVMaXN0IjpbXX0=

package/lib/components/atoms/ContextCompactedNotice/ContextCompactedNotice.styles.js

@@ -0,0 +1,8 @@
+import styled from 'styled-components';
+import colors from '@projectcor/theme/lib/base/colors';
+import { panelIn } from '../../../styles/transitions';
+export var SCContextCompactedNotice = styled.div.withConfig({
+  displayName: "ContextCompactedNoticestyles__SCContextCompactedNotice",
+  componentId: "sc-5450h5-0"
+})(["display:flex;align-items:center;gap:6px;padding:2px 0 10px;max-width:600px;color:", ";font-size:11px;line-height:16px;", " .ContextCompactedNotice-icon{display:inline-flex;flex-shrink:0;opacity:0.72;}.ContextCompactedNotice-text{min-width:0;}"], colors.text.mediumGray, panelIn);
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJzdHlsZWQiLCJjb2xvcnMiLCJwYW5lbEluIiwiU0NDb250ZXh0Q29tcGFjdGVkTm90aWNlIiwiZGl2Iiwid2l0aENvbmZpZyIsImRpc3BsYXlOYW1lIiwiY29tcG9uZW50SWQiLCJ0ZXh0IiwibWVkaXVtR3JheSJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2F0b21zL0NvbnRleHRDb21wYWN0ZWROb3RpY2UvQ29udGV4dENvbXBhY3RlZE5vdGljZS5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cydcbmltcG9ydCBjb2xvcnMgZnJvbSAnQHByb2plY3Rjb3IvdGhlbWUvbGliL2Jhc2UvY29sb3JzJ1xuXG5pbXBvcnQgeyBwYW5lbEluIH0gZnJvbSAnLi4vLi4vLi4vc3R5bGVzL3RyYW5zaXRpb25zJ1xuXG5leHBvcnQgY29uc3QgU0NDb250ZXh0Q29tcGFjdGVkTm90aWNlID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiA2cHg7XG4gIHBhZGRpbmc6IDJweCAwIDEwcHg7XG4gIG1heC13aWR0aDogNjAwcHg7XG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0Lm1lZGl1bUdyYXl9O1xuICBmb250LXNpemU6IDExcHg7XG4gIGxpbmUtaGVpZ2h0OiAxNnB4O1xuICAke3BhbmVsSW59XG5cbiAgLkNvbnRleHRDb21wYWN0ZWROb3RpY2UtaWNvbiB7XG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgZmxleC1zaHJpbms6IDA7XG4gICAgb3BhY2l0eTogMC43MjtcbiAgfVxuXG4gIC5Db250ZXh0Q29tcGFjdGVkTm90aWNlLXRleHQge1xuICAgIG1pbi13aWR0aDogMDtcbiAgfVxuYFxuIl0sIm1hcHBpbmdzIjoiQUFBQSxPQUFPQSxNQUFNLE1BQU0sbUJBQW1CO0FBQ3RDLE9BQU9DLE1BQU0sTUFBTSxtQ0FBbUM7QUFFdEQsU0FBU0MsT0FBTyxRQUFRLDZCQUE2QjtBQUVyRCxPQUFPLElBQU1DLHdCQUF3QixHQUFHSCxNQUFNLENBQUNJLEdBQUcsQ0FBQUMsVUFBQTtFQUFBQyxXQUFBO0VBQUFDLFdBQUE7QUFBQSwyUEFNdkNOLE1BQU0sQ0FBQ08sSUFBSSxDQUFDQyxVQUFVLEVBRzdCUCxPQUFPLENBV1YiLCJpZ25vcmVMaXN0IjpbXX0=

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

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