@memori.ai/memori-react 8.33.0 → 8.34.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/dist/components/Header/ChatConsumptionDropdown.d.ts +1 -0
- package/dist/components/Header/ChatConsumptionDropdown.js +3 -2
- package/dist/components/Header/ChatConsumptionDropdown.js.map +1 -1
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- package/esm/components/Header/ChatConsumptionDropdown.d.ts +1 -0
- package/esm/components/Header/ChatConsumptionDropdown.js +3 -2
- package/esm/components/Header/ChatConsumptionDropdown.js.map +1 -1
- package/esm/version.d.ts +1 -1
- package/esm/version.js +1 -1
- package/package.json +1 -1
- package/src/components/Header/ChatConsumptionDropdown.test.tsx +31 -0
- package/src/components/Header/ChatConsumptionDropdown.tsx +20 -11
- package/src/version.ts +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
|
|
2
2
|
|
|
3
|
+
## [8.34.0](https://github.com/memori-ai/memori-react/compare/v8.33.0...v8.34.0) (2026-04-20)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Features
|
|
7
|
+
|
|
8
|
+
* add support for custom trigger node in ChatConsumptionDropdown component ([0563208](https://github.com/memori-ai/memori-react/commit/0563208cc661e130f322429545e9df84a58ee581))
|
|
9
|
+
|
|
3
10
|
## [8.33.0](https://github.com/memori-ai/memori-react/compare/v8.32.0...v8.33.0) (2026-04-17)
|
|
4
11
|
|
|
5
12
|
|
|
@@ -3,6 +3,7 @@ import { Message } from '@memori.ai/memori-api-client/dist/types';
|
|
|
3
3
|
export interface ChatConsumptionDropdownProps {
|
|
4
4
|
history: Message[];
|
|
5
5
|
hasSpacedButtons?: boolean;
|
|
6
|
+
trigger?: React.ReactNode;
|
|
6
7
|
}
|
|
7
8
|
declare const ChatConsumptionDropdown: React.FC<ChatConsumptionDropdownProps>;
|
|
8
9
|
export default ChatConsumptionDropdown;
|
|
@@ -57,7 +57,7 @@ const formatImpactInReadableUnit = (value, metricType, locale) => {
|
|
|
57
57
|
return `${formatMetricValue(ml, locale)} mL`;
|
|
58
58
|
return `${formatMetricValue(ml * 1000, locale)} μL`;
|
|
59
59
|
};
|
|
60
|
-
const ChatConsumptionDropdown = ({ history, hasSpacedButtons = false, }) => {
|
|
60
|
+
const ChatConsumptionDropdown = ({ history, hasSpacedButtons = false, trigger, }) => {
|
|
61
61
|
const { t, i18n } = (0, react_i18next_1.useTranslation)();
|
|
62
62
|
const currentLocale = i18n.language || navigator.language || 'en';
|
|
63
63
|
const chatLog = (0, react_1.useMemo)(() => ({ lines: history }), [history]);
|
|
@@ -97,7 +97,8 @@ const ChatConsumptionDropdown = ({ history, hasSpacedButtons = false, }) => {
|
|
|
97
97
|
}, [chatLog]);
|
|
98
98
|
if (!hasConsumptionData)
|
|
99
99
|
return null;
|
|
100
|
-
return ((0, jsx_runtime_1.jsx)(Dropdown_1.default, { placement: "bottom-right", trigger: (0, jsx_runtime_1.jsx)(Button_1.default, { primary: true, shape: "circle", className: (0, classnames_1.default)('memori-header--button', 'memori-header--button--sustainability', hasSpacedButtons && 'memori-header--button-spaced'), title: t('write_and_speak.showMessageConsumptionLabel') ||
|
|
100
|
+
return ((0, jsx_runtime_1.jsx)(Dropdown_1.default, { placement: "bottom-right", trigger: trigger !== null && trigger !== void 0 ? trigger : ((0, jsx_runtime_1.jsx)(Button_1.default, { primary: true, shape: "circle", className: (0, classnames_1.default)('memori-header--button', 'memori-header--button--sustainability', hasSpacedButtons && 'memori-header--button-spaced'), title: t('write_and_speak.showMessageConsumptionLabel') ||
|
|
101
|
+
'LLM consumption', icon: (0, jsx_runtime_1.jsx)(GasStation_1.default, { className: "memori-header--button--sustainability-icon" }) })), children: (0, jsx_runtime_1.jsxs)("div", { className: "memori-dropdown--sustainability", children: [(0, jsx_runtime_1.jsx)("h4", { className: "memori-dropdown--sustainability-title", children: t('chatLogs.totalChatConsumptionTitle') || 'Consumo Totale Chat' }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-dropdown--sustainability-section", children: [(0, jsx_runtime_1.jsx)("h5", { className: "memori-dropdown--sustainability-section-title", children: t('chatLogs.modelUsage') || 'Model usage' }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-dropdown--sustainability-summary", children: [(0, jsx_runtime_1.jsxs)("div", { className: "memori-dropdown--sustainability-stat", children: [(0, jsx_runtime_1.jsx)("span", { className: "memori-dropdown--sustainability-stat-label", children: t('chatLogs.input') || 'Input' }), (0, jsx_runtime_1.jsx)("strong", { className: "memori-dropdown--sustainability-stat-value", children: formatCountValue(chatConsumptionTotals.totalInputTokens, currentLocale) }), (0, jsx_runtime_1.jsx)("span", { className: "memori-dropdown--sustainability-stat-meta", children: t('chatLogs.tokens') || 'Tokens' })] }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-dropdown--sustainability-stat", children: [(0, jsx_runtime_1.jsx)("span", { className: "memori-dropdown--sustainability-stat-label", children: t('chatLogs.output') || 'Output' }), (0, jsx_runtime_1.jsx)("strong", { className: "memori-dropdown--sustainability-stat-value", children: formatCountValue(chatConsumptionTotals.totalOutputTokens, currentLocale) }), (0, jsx_runtime_1.jsx)("span", { className: "memori-dropdown--sustainability-stat-meta", children: t('chatLogs.tokens') || 'Tokens' })] })] }), llmUsageModels.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "memori-dropdown--sustainability-row memori-dropdown--sustainability-row--stacked", children: [(0, jsx_runtime_1.jsxs)("span", { className: "memori-dropdown--sustainability-label", children: [t('chatLogs.provider') || 'Provider', " /", ' ', t('chatLogs.model') || 'Model'] }), (0, jsx_runtime_1.jsx)("div", { className: "memori-dropdown--sustainability-tags", children: llmUsageModels.map(modelLabel => ((0, jsx_runtime_1.jsx)("span", { className: "memori-dropdown--sustainability-tag", children: modelLabel }, modelLabel))) })] }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-dropdown--sustainability-metrics", children: [(0, jsx_runtime_1.jsx)("h5", { className: "memori-dropdown--sustainability-section-title", children: t('chatLogs.environmentalImpact') || 'Environmental impact' }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-dropdown--sustainability-row", children: [(0, jsx_runtime_1.jsxs)("span", { className: "memori-dropdown--sustainability-label", children: [(0, jsx_runtime_1.jsx)("span", { "aria-hidden": "true", children: llmUsage_1.BADGE_EMOJI.energy }), ' ', t('chatLogs.energy') || 'Energy'] }), (0, jsx_runtime_1.jsx)("strong", { className: "memori-dropdown--sustainability-value", children: formatImpactInReadableUnit(chatConsumptionTotals.energy, 'energy', currentLocale) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-dropdown--sustainability-row", children: [(0, jsx_runtime_1.jsxs)("span", { className: "memori-dropdown--sustainability-label", children: [(0, jsx_runtime_1.jsx)("span", { "aria-hidden": "true", children: llmUsage_1.BADGE_EMOJI.co2 }), ' ', t('chatLogs.co2') || 'CO2'] }), (0, jsx_runtime_1.jsx)("strong", { className: "memori-dropdown--sustainability-value", children: formatImpactInReadableUnit(chatConsumptionTotals.gwp, 'co2', currentLocale) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-dropdown--sustainability-row", children: [(0, jsx_runtime_1.jsxs)("span", { className: "memori-dropdown--sustainability-label", children: [(0, jsx_runtime_1.jsx)("span", { "aria-hidden": "true", children: llmUsage_1.BADGE_EMOJI.water }), ' ', t('chatLogs.water') || 'Water'] }), (0, jsx_runtime_1.jsx)("strong", { className: "memori-dropdown--sustainability-value", children: formatImpactInReadableUnit(chatConsumptionTotals.wcf, 'water', currentLocale) })] })] })] }) }));
|
|
101
102
|
};
|
|
102
103
|
exports.default = ChatConsumptionDropdown;
|
|
103
104
|
//# sourceMappingURL=ChatConsumptionDropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatConsumptionDropdown.js","sourceRoot":"","sources":["../../../src/components/Header/ChatConsumptionDropdown.tsx"],"names":[],"mappings":";;;;AAAA,iCAAuC;AACvC,oEAA4B;AAE5B,iDAA+C;AAC/C,kEAAkC;AAClC,sEAAsC;AACtC,6EAA6C;AAC7C,qDAAqD;
|
|
1
|
+
{"version":3,"file":"ChatConsumptionDropdown.js","sourceRoot":"","sources":["../../../src/components/Header/ChatConsumptionDropdown.tsx"],"names":[],"mappings":"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"}
|
package/dist/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const version = "8.
|
|
1
|
+
export declare const version = "8.34.0";
|
package/dist/version.js
CHANGED
|
@@ -3,6 +3,7 @@ import { Message } from '@memori.ai/memori-api-client/dist/types';
|
|
|
3
3
|
export interface ChatConsumptionDropdownProps {
|
|
4
4
|
history: Message[];
|
|
5
5
|
hasSpacedButtons?: boolean;
|
|
6
|
+
trigger?: React.ReactNode;
|
|
6
7
|
}
|
|
7
8
|
declare const ChatConsumptionDropdown: React.FC<ChatConsumptionDropdownProps>;
|
|
8
9
|
export default ChatConsumptionDropdown;
|
|
@@ -54,7 +54,7 @@ const formatImpactInReadableUnit = (value, metricType, locale) => {
|
|
|
54
54
|
return `${formatMetricValue(ml, locale)} mL`;
|
|
55
55
|
return `${formatMetricValue(ml * 1000, locale)} μL`;
|
|
56
56
|
};
|
|
57
|
-
const ChatConsumptionDropdown = ({ history, hasSpacedButtons = false, }) => {
|
|
57
|
+
const ChatConsumptionDropdown = ({ history, hasSpacedButtons = false, trigger, }) => {
|
|
58
58
|
const { t, i18n } = useTranslation();
|
|
59
59
|
const currentLocale = i18n.language || navigator.language || 'en';
|
|
60
60
|
const chatLog = useMemo(() => ({ lines: history }), [history]);
|
|
@@ -94,7 +94,8 @@ const ChatConsumptionDropdown = ({ history, hasSpacedButtons = false, }) => {
|
|
|
94
94
|
}, [chatLog]);
|
|
95
95
|
if (!hasConsumptionData)
|
|
96
96
|
return null;
|
|
97
|
-
return (_jsx(Dropdown, { placement: "bottom-right", trigger: _jsx(Button, { primary: true, shape: "circle", className: cx('memori-header--button', 'memori-header--button--sustainability', hasSpacedButtons && 'memori-header--button-spaced'), title: t('write_and_speak.showMessageConsumptionLabel') ||
|
|
97
|
+
return (_jsx(Dropdown, { placement: "bottom-right", trigger: trigger !== null && trigger !== void 0 ? trigger : (_jsx(Button, { primary: true, shape: "circle", className: cx('memori-header--button', 'memori-header--button--sustainability', hasSpacedButtons && 'memori-header--button-spaced'), title: t('write_and_speak.showMessageConsumptionLabel') ||
|
|
98
|
+
'LLM consumption', icon: _jsx(GasStation, { className: "memori-header--button--sustainability-icon" }) })), children: _jsxs("div", { className: "memori-dropdown--sustainability", children: [_jsx("h4", { className: "memori-dropdown--sustainability-title", children: t('chatLogs.totalChatConsumptionTitle') || 'Consumo Totale Chat' }), _jsxs("div", { className: "memori-dropdown--sustainability-section", children: [_jsx("h5", { className: "memori-dropdown--sustainability-section-title", children: t('chatLogs.modelUsage') || 'Model usage' }), _jsxs("div", { className: "memori-dropdown--sustainability-summary", children: [_jsxs("div", { className: "memori-dropdown--sustainability-stat", children: [_jsx("span", { className: "memori-dropdown--sustainability-stat-label", children: t('chatLogs.input') || 'Input' }), _jsx("strong", { className: "memori-dropdown--sustainability-stat-value", children: formatCountValue(chatConsumptionTotals.totalInputTokens, currentLocale) }), _jsx("span", { className: "memori-dropdown--sustainability-stat-meta", children: t('chatLogs.tokens') || 'Tokens' })] }), _jsxs("div", { className: "memori-dropdown--sustainability-stat", children: [_jsx("span", { className: "memori-dropdown--sustainability-stat-label", children: t('chatLogs.output') || 'Output' }), _jsx("strong", { className: "memori-dropdown--sustainability-stat-value", children: formatCountValue(chatConsumptionTotals.totalOutputTokens, currentLocale) }), _jsx("span", { className: "memori-dropdown--sustainability-stat-meta", children: t('chatLogs.tokens') || 'Tokens' })] })] }), llmUsageModels.length > 0 && (_jsxs("div", { className: "memori-dropdown--sustainability-row memori-dropdown--sustainability-row--stacked", children: [_jsxs("span", { className: "memori-dropdown--sustainability-label", children: [t('chatLogs.provider') || 'Provider', " /", ' ', t('chatLogs.model') || 'Model'] }), _jsx("div", { className: "memori-dropdown--sustainability-tags", children: llmUsageModels.map(modelLabel => (_jsx("span", { className: "memori-dropdown--sustainability-tag", children: modelLabel }, modelLabel))) })] }))] }), _jsxs("div", { className: "memori-dropdown--sustainability-metrics", children: [_jsx("h5", { className: "memori-dropdown--sustainability-section-title", children: t('chatLogs.environmentalImpact') || 'Environmental impact' }), _jsxs("div", { className: "memori-dropdown--sustainability-row", children: [_jsxs("span", { className: "memori-dropdown--sustainability-label", children: [_jsx("span", { "aria-hidden": "true", children: BADGE_EMOJI.energy }), ' ', t('chatLogs.energy') || 'Energy'] }), _jsx("strong", { className: "memori-dropdown--sustainability-value", children: formatImpactInReadableUnit(chatConsumptionTotals.energy, 'energy', currentLocale) })] }), _jsxs("div", { className: "memori-dropdown--sustainability-row", children: [_jsxs("span", { className: "memori-dropdown--sustainability-label", children: [_jsx("span", { "aria-hidden": "true", children: BADGE_EMOJI.co2 }), ' ', t('chatLogs.co2') || 'CO2'] }), _jsx("strong", { className: "memori-dropdown--sustainability-value", children: formatImpactInReadableUnit(chatConsumptionTotals.gwp, 'co2', currentLocale) })] }), _jsxs("div", { className: "memori-dropdown--sustainability-row", children: [_jsxs("span", { className: "memori-dropdown--sustainability-label", children: [_jsx("span", { "aria-hidden": "true", children: BADGE_EMOJI.water }), ' ', t('chatLogs.water') || 'Water'] }), _jsx("strong", { className: "memori-dropdown--sustainability-value", children: formatImpactInReadableUnit(chatConsumptionTotals.wcf, 'water', currentLocale) })] })] })] }) }));
|
|
98
99
|
};
|
|
99
100
|
export default ChatConsumptionDropdown;
|
|
100
101
|
//# sourceMappingURL=ChatConsumptionDropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatConsumptionDropdown.js","sourceRoot":"","sources":["../../../src/components/Header/ChatConsumptionDropdown.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"ChatConsumptionDropdown.js","sourceRoot":"","sources":["../../../src/components/Header/ChatConsumptionDropdown.tsx"],"names":[],"mappings":"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"}
|
package/esm/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const version = "8.
|
|
1
|
+
export declare const version = "8.34.0";
|
package/esm/version.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export const version = '8.
|
|
1
|
+
export const version = '8.34.0';
|
|
2
2
|
//# sourceMappingURL=version.js.map
|
package/package.json
CHANGED
|
@@ -83,4 +83,35 @@ describe('ChatConsumptionDropdown', () => {
|
|
|
83
83
|
screen.queryByTitle('write_and_speak.showMessageConsumptionLabel')
|
|
84
84
|
).toBeNull();
|
|
85
85
|
});
|
|
86
|
+
|
|
87
|
+
it('supports a custom trigger node', () => {
|
|
88
|
+
const history = [
|
|
89
|
+
{
|
|
90
|
+
text: 'First response',
|
|
91
|
+
timestamp: '2021-03-01T12:00:00.000Z',
|
|
92
|
+
llmUsage: {
|
|
93
|
+
provider: 'OpenAI',
|
|
94
|
+
model: 'gpt-5',
|
|
95
|
+
totalInputTokens: 1000,
|
|
96
|
+
outputTokens: 200,
|
|
97
|
+
energyImpact: {
|
|
98
|
+
energy: { parsedValue: 0.0012 },
|
|
99
|
+
gwp: { parsedValue: 0.00045 },
|
|
100
|
+
wcf: { parsedValue: 0.0021 },
|
|
101
|
+
},
|
|
102
|
+
},
|
|
103
|
+
},
|
|
104
|
+
] as TestMessage[];
|
|
105
|
+
|
|
106
|
+
render(
|
|
107
|
+
<ChatConsumptionDropdown
|
|
108
|
+
history={history}
|
|
109
|
+
trigger={<button type="button">Open usage</button>}
|
|
110
|
+
/>
|
|
111
|
+
);
|
|
112
|
+
|
|
113
|
+
fireEvent.click(screen.getByRole('button', { name: 'Open usage' }));
|
|
114
|
+
|
|
115
|
+
expect(screen.getByText('chatLogs.totalChatConsumptionTitle')).toBeTruthy();
|
|
116
|
+
});
|
|
86
117
|
});
|
|
@@ -26,6 +26,7 @@ type MessageLlmUsage = {
|
|
|
26
26
|
export interface ChatConsumptionDropdownProps {
|
|
27
27
|
history: Message[];
|
|
28
28
|
hasSpacedButtons?: boolean;
|
|
29
|
+
trigger?: React.ReactNode;
|
|
29
30
|
}
|
|
30
31
|
|
|
31
32
|
const getMetricValue = (
|
|
@@ -87,6 +88,7 @@ const formatImpactInReadableUnit = (
|
|
|
87
88
|
const ChatConsumptionDropdown: React.FC<ChatConsumptionDropdownProps> = ({
|
|
88
89
|
history,
|
|
89
90
|
hasSpacedButtons = false,
|
|
91
|
+
trigger,
|
|
90
92
|
}) => {
|
|
91
93
|
const { t, i18n } = useTranslation();
|
|
92
94
|
|
|
@@ -150,17 +152,24 @@ const ChatConsumptionDropdown: React.FC<ChatConsumptionDropdownProps> = ({
|
|
|
150
152
|
<Dropdown
|
|
151
153
|
placement="bottom-right"
|
|
152
154
|
trigger={
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
155
|
+
trigger ?? (
|
|
156
|
+
<Button
|
|
157
|
+
primary
|
|
158
|
+
shape="circle"
|
|
159
|
+
className={cx(
|
|
160
|
+
'memori-header--button',
|
|
161
|
+
'memori-header--button--sustainability',
|
|
162
|
+
hasSpacedButtons && 'memori-header--button-spaced'
|
|
163
|
+
)}
|
|
164
|
+
title={
|
|
165
|
+
t('write_and_speak.showMessageConsumptionLabel') ||
|
|
166
|
+
'LLM consumption'
|
|
167
|
+
}
|
|
168
|
+
icon={
|
|
169
|
+
<GasStation className="memori-header--button--sustainability-icon" />
|
|
170
|
+
}
|
|
171
|
+
/>
|
|
172
|
+
)
|
|
164
173
|
}
|
|
165
174
|
>
|
|
166
175
|
<div className="memori-dropdown--sustainability">
|
package/src/version.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
// This file is auto-generated. Do not edit manually.
|
|
2
|
-
export const version = '8.
|
|
2
|
+
export const version = '8.34.0';
|