@memori.ai/memori-react 7.30.0 → 7.30.2

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 
 
+## [7.30.2](https://github.com/memori-ai/memori-react/compare/v7.30.1...v7.30.2) (2025-06-17)
+
+
+### Features
+
+* add download chat button and localization support in ChatHistoryDrawer ([2b5cb43](https://github.com/memori-ai/memori-react/commit/2b5cb43d55c75d1b021678f632af95d2301571ae))
+
+## [7.30.1](https://github.com/memori-ai/memori-react/compare/v7.30.0...v7.30.1) (2025-06-17)
+
+
+### Features
+
+* add download chat button and localization support in ChatHistoryDrawer ([130524c](https://github.com/memori-ai/memori-react/commit/130524c6bb600cb51922cfae2336cfe27fa2b499))
+
+
+### Changes
+
+* enhance ChatHistoryDrawer with export functionality and new title handling ([5b1b5f4](https://github.com/memori-ai/memori-react/commit/5b1b5f4cd367afea75d1f14f320d9154d8fbaf7a))
+* removed Export Chat Button form the Header component ([7ccd463](https://github.com/memori-ai/memori-react/commit/7ccd463ddebd0f3e9edb6104f8cf5bb35ce68e3e))
+* removed unused .scss file for ChatHistory component and improved UX ([cc1910b](https://github.com/memori-ai/memori-react/commit/cc1910b4a09872d86fe410383192c726946c28f3))
+
 ## [7.30.0](https://github.com/memori-ai/memori-react/compare/v7.29.1...v7.30.0) (2025-06-17)
 
 

package/dist/components/Avatar/AvatarView/AvatarComponent/components/controllers/AnimationController.d.ts

@@ -0,0 +1,38 @@
+import { AnimationState, AnimationConfig } from '../FullbodyAvatar/types';
+import { AnimationAction, AnimationMixer } from 'three';
+export declare class AnimationController {
+    private currentState;
+    private currentAction;
+    private mixer;
+    private actions;
+    private config;
+    private lastIdleIndex;
+    private isTransitioning;
+    private currentIdleLoopCount;
+    private readonly MAX_IDLE_LOOPS;
+    private lastAnimationTime;
+    private isChatAlreadyStarted;
+    private sequence;
+    private sequenceIndex;
+    constructor(mixer: AnimationMixer, actions: Record<string, AnimationAction>, config?: AnimationConfig);
+    private checkForLoop;
+    private forceIdleChange;
+    private getNextIdleAnimation;
+    playSequence(sequenceString: string): void;
+    private parseAnimationName;
+    transitionTo(state: AnimationState, emotionName?: string): void;
+    update(delta: number): void;
+    getCurrentState(): AnimationState;
+    getLoopCount(): number;
+    setTimeScale(timeScale: number): void;
+    updateIsChatAlreadyStarted(isChatAlreadyStarted: boolean): void;
+    getDebugInfo(): {
+        currentState: AnimationState;
+        currentIdleIndex: number;
+        loopCount: number;
+        currentTime: number;
+        lastTime: number;
+        isTransitioning: boolean;
+        isChatAlreadyStarted: boolean;
+    };
+}

package/dist/components/Avatar/AvatarView/AvatarComponent/components/controllers/AnimationController.js

@@ -0,0 +1,181 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnimationController = void 0;
+const types_1 = require("../FullbodyAvatar/types");
+const three_1 = require("three");
+const constants_1 = require("../../constants");
+class AnimationController {
+    constructor(mixer, actions, config = constants_1.DEFAULT_CONFIG) {
+        this.currentState = types_1.AnimationState.LOADING;
+        this.currentAction = null;
+        this.lastIdleIndex = -1;
+        this.isTransitioning = false;
+        this.currentIdleLoopCount = 0;
+        this.MAX_IDLE_LOOPS = constants_1.MAX_IDLE_LOOPS_DEFAULT;
+        this.lastAnimationTime = 0;
+        this.isChatAlreadyStarted = false;
+        this.sequence = null;
+        this.sequenceIndex = 0;
+        this.mixer = mixer;
+        this.actions = actions;
+        this.config = config;
+    }
+    checkForLoop() {
+        if (!this.currentAction || this.currentState !== types_1.AnimationState.IDLE)
+            return;
+        const clip = this.currentAction.getClip();
+        const currentTime = this.currentAction.time;
+        if (currentTime < this.lastAnimationTime) {
+            this.currentIdleLoopCount++;
+            if (this.currentIdleLoopCount >= this.MAX_IDLE_LOOPS) {
+                this.forceIdleChange();
+            }
+        }
+        this.lastAnimationTime = currentTime;
+    }
+    forceIdleChange() {
+        this.currentIdleLoopCount = 0;
+        this.lastAnimationTime = 0;
+        this.transitionTo(types_1.AnimationState.IDLE);
+    }
+    getNextIdleAnimation() {
+        let nextIndex;
+        do {
+            nextIndex = Math.floor(Math.random() * this.config.idleCount) + 1;
+        } while (nextIndex === this.lastIdleIndex);
+        if (this.isChatAlreadyStarted && nextIndex === 3) {
+            nextIndex = this.lastIdleIndex !== 4 ? 4 : 2;
+        }
+        this.lastIdleIndex = nextIndex;
+        const idleAction = this.actions[`Idle${nextIndex}`];
+        if (!idleAction) {
+            throw new Error(`Idle animation ${nextIndex} not found`);
+        }
+        return idleAction;
+    }
+    playSequence(sequenceString) {
+        const animations = sequenceString.split('->').map(anim => anim.trim());
+        console.log('[AnimationController] playSequence:', animations);
+        this.sequence = animations;
+        this.sequenceIndex = 0;
+        const firstAnim = this.parseAnimationName(animations[0]);
+        this.transitionTo(types_1.AnimationState.EMOTION, firstAnim);
+    }
+    parseAnimationName(animation) {
+        const randomMatch = animation.match(/(\w+)\[(\d+),(\d+)\]/);
+        if (randomMatch) {
+            const [_, base, min, max] = randomMatch;
+            const random = Math.floor(Math.random() * (Number(max) - Number(min) + 1)) +
+                Number(min);
+            return `${base}${random}`;
+        }
+        return animation;
+    }
+    transitionTo(state, emotionName) {
+        if (this.isTransitioning) {
+            return;
+        }
+        this.isTransitioning = true;
+        try {
+            let nextAction = null;
+            switch (state) {
+                case types_1.AnimationState.LOADING:
+                    nextAction = this.actions[emotionName || 'Loading1'];
+                    this.currentIdleLoopCount = 0;
+                    this.lastAnimationTime = 0;
+                    break;
+                case types_1.AnimationState.EMOTION:
+                    nextAction = this.actions[emotionName || 'Timore1'];
+                    this.currentIdleLoopCount = 0;
+                    this.lastAnimationTime = 0;
+                    break;
+                case types_1.AnimationState.IDLE:
+                    nextAction = this.getNextIdleAnimation();
+                    if (this.currentState !== types_1.AnimationState.IDLE) {
+                        this.currentIdleLoopCount = 0;
+                        this.lastAnimationTime = 0;
+                    }
+                    break;
+            }
+            if (!nextAction) {
+                throw new Error(`No animation found for state: ${state}`);
+            }
+            if (this.currentAction) {
+                this.currentAction.fadeOut(this.config.fadeOutDuration);
+            }
+            nextAction.reset().fadeIn(this.config.fadeInDuration).play();
+            nextAction.timeScale = this.config.timeScale;
+            if (state !== types_1.AnimationState.IDLE) {
+                nextAction.setLoop(three_1.LoopOnce, 1);
+                nextAction.clampWhenFinished = true;
+            }
+            else {
+                nextAction.setLoop(Infinity, Infinity);
+            }
+            this.currentAction = nextAction;
+            this.currentState = state;
+        }
+        catch (error) {
+            console.error('[AnimationController] Error during animation transition:', error);
+            if (state !== types_1.AnimationState.IDLE) {
+                this.transitionTo(types_1.AnimationState.IDLE);
+            }
+        }
+        finally {
+            this.isTransitioning = false;
+        }
+    }
+    update(delta) {
+        if (!this.currentAction)
+            return;
+        this.checkForLoop();
+        if (this.sequence &&
+            this.currentState === types_1.AnimationState.EMOTION &&
+            this.currentAction.time >= this.currentAction.getClip().duration * 0.9) {
+            this.sequenceIndex++;
+            if (this.sequenceIndex < this.sequence.length) {
+                const nextAnim = this.parseAnimationName(this.sequence[this.sequenceIndex]);
+                this.transitionTo(types_1.AnimationState.EMOTION, nextAnim);
+            }
+            else {
+                this.sequence = null;
+                this.sequenceIndex = 0;
+                this.transitionTo(types_1.AnimationState.IDLE);
+            }
+        }
+        if (this.currentState !== types_1.AnimationState.IDLE &&
+            this.currentAction.time >= this.currentAction.getClip().duration * 0.9) {
+            this.transitionTo(types_1.AnimationState.IDLE);
+        }
+        this.mixer.update(delta);
+    }
+    getCurrentState() {
+        return this.currentState;
+    }
+    getLoopCount() {
+        return this.currentIdleLoopCount;
+    }
+    setTimeScale(timeScale) {
+        this.config.timeScale = timeScale;
+        if (this.currentAction) {
+            this.currentAction.timeScale = timeScale;
+        }
+    }
+    updateIsChatAlreadyStarted(isChatAlreadyStarted) {
+        this.isChatAlreadyStarted = isChatAlreadyStarted;
+    }
+    getDebugInfo() {
+        var _a;
+        return {
+            currentState: this.currentState,
+            currentIdleIndex: this.lastIdleIndex,
+            loopCount: this.currentIdleLoopCount,
+            currentTime: ((_a = this.currentAction) === null || _a === void 0 ? void 0 : _a.time) || 0,
+            lastTime: this.lastAnimationTime,
+            isTransitioning: this.isTransitioning,
+            isChatAlreadyStarted: this.isChatAlreadyStarted,
+        };
+    }
+}
+exports.AnimationController = AnimationController;
+//# sourceMappingURL=AnimationController.js.map

package/dist/components/Avatar/AvatarView/AvatarComponent/components/controllers/AnimationController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimationController.js","sourceRoot":"","sources":["../../../../../../../src/components/Avatar/AvatarView/AvatarComponent/components/controllers/AnimationController.ts"],"names":[],"mappings":"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"}

package/dist/components/ChatBubble/VirtualizedContent/VirtualizedContent.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface Props {
+    content: string;
+    className?: string;
+}
+declare const VirtualizedContent: React.FC<Props>;
+export default VirtualizedContent;

package/dist/components/ChatBubble/VirtualizedContent/VirtualizedContent.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const VirtualizedContent = ({ content, className = '' }) => {
+    const [processedContent, setProcessedContent] = (0, react_1.useState)('');
+    const containerRef = (0, react_1.useRef)(null);
+    const [height, setHeight] = (0, react_1.useState)(500);
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    const [mounted, setMounted] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        setMounted(true);
+        return () => setMounted(false);
+    }, []);
+    (0, react_1.useEffect)(() => {
+        if (!content) {
+            setProcessedContent('');
+            setLoading(false);
+            return;
+        }
+        setLoading(true);
+        const processContent = () => {
+            try {
+                if (content.includes('<')) {
+                    return `<div class="html-content">${content}</div>`;
+                }
+                return content
+                    .split(/\n{2,}/)
+                    .filter(para => para.trim().length > 0)
+                    .map(para => `<p>${para.trim()}</p>`)
+                    .join('');
+            }
+            catch (error) {
+                console.error('Error processing content:', error);
+                return `<p>${content}</p>`;
+            }
+        };
+        setTimeout(() => {
+            if (mounted) {
+                const processed = processContent();
+                setProcessedContent(processed);
+                setLoading(false);
+            }
+        }, 0);
+    }, [content, mounted]);
+    (0, react_1.useEffect)(() => {
+        setHeight(Math.min(500, window.innerHeight * 0.6));
+        if (containerRef.current) {
+            const resizeObserver = new ResizeObserver(() => {
+                setHeight(Math.min(500, window.innerHeight * 0.6));
+            });
+            resizeObserver.observe(containerRef.current);
+            return () => {
+                if (containerRef.current) {
+                    resizeObserver.unobserve(containerRef.current);
+                }
+            };
+        }
+    }, []);
+    if (loading) {
+        return (0, jsx_runtime_1.jsx)("div", { className: "virtualized-content-loading", children: "Processing content..." });
+    }
+    if (!processedContent) {
+        return (0, jsx_runtime_1.jsx)("div", { className: "virtualized-content-empty", children: "No content to display" });
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { ref: containerRef, className: `virtualized-content-container ${className}`, style: { height: height + 'px', width: '100%', position: 'relative' }, children: (0, jsx_runtime_1.jsx)("div", { className: "virtualized-content", style: { height: height, width: '100%', overflow: 'auto' }, dangerouslySetInnerHTML: { __html: processedContent } }) }));
+};
+exports.default = VirtualizedContent;
+//# sourceMappingURL=VirtualizedContent.js.map

package/dist/components/ChatBubble/VirtualizedContent/VirtualizedContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualizedContent.js","sourceRoot":"","sources":["../../../../src/components/ChatBubble/VirtualizedContent/VirtualizedContent.tsx"],"names":[],"mappings":"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"}

package/dist/components/ChatHistoryDrawer/ChatHistory.css

@@ -44,13 +44,13 @@
     flex-direction: row;
     align-items: center;
     justify-content: space-between;
-    gap: 1rem;
+    gap: 0.5rem;
 }
 
 .memori-chat-history-drawer--card--header--icon-wrapper {
     display: flex;
-    width: 2.5rem;
-    height: 2.5rem;
+    width: 2rem;
+    height: 2rem;
     align-items: center;
     justify-content: center;
     border-radius: 0.5rem;
@@ -105,18 +105,50 @@
 }
 
 .memori-chat-history-drawer--card--content {
+    position: relative;
     display: flex;
+    height: 100%;
     flex-direction: column;
-    padding: 1rem;
-    border-top: 1px solid var(--memori-border);
-    background-color: var(--memori-background-alt);
-    gap: 1rem;
 }
 
-.memori-chat-history-drawer--card--content--messages {
+.memori-chat-history-drawer--card--content--header {
+    position: absolute;
+    z-index: 10;
+    right: 12px;
+}
+
+.memori-chat-history-drawer--card--content--export-button {
     display: flex;
-    flex-direction: column;
-    gap: 1rem;
+    align-items: center;
+    padding: 8px;
+    border: none;
+    background: transparent;
+    color: var(--memori-primary);
+    cursor: pointer;
+    gap: 8px;
+    transition: color 0.2s ease;
+}
+
+.memori-chat-history-drawer--card--content--export-button:hover {
+    color: var(--memori-primary);
+}
+
+.memori-chat-history-drawer--card--content--export-button--content {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.memori-chat-history-drawer--card--content--export-button--icon {
+    width: 18px;
+    height: 18px;
+    fill: var(--memori-primary);
+}
+
+.memori-chat-history-drawer--card--content--messages {
+    flex: 1;
+    padding: 16px;
+    overflow-y: auto;
 }
 
 .memori-chat-history-drawer--card--content--messages .memori-chat--cover {
@@ -143,55 +175,40 @@
 
 .memori-chat-history-drawer--card--content--actions {
     position: sticky;
+    z-index: 10;
+    right: 0;
     bottom: 0;
+    left: 0;
     display: flex;
-    width: 100%;
     justify-content: center;
-    padding: 1rem;
-    border-top: 1px solid var(--memori-border);
-    margin-top: 1rem;
-    background-color: var(--memori-background-alt);
+    padding: 16px;
+    background: linear-gradient(to top, var(--memori-background-color, #fff) 80%, transparent);
 }
 
 .memori-chat-history-drawer--card--content--resume-button {
-    padding: 0.75rem 1.5rem;
-    border-radius: 0.5rem;
-    -webkit-backdrop-filter: blur(16px);
-    backdrop-filter: blur(16px);
-    background-color: rgba(255, 255, 255, 0.8);
-    color: var(--memori-primary);
-    font-weight: 500;
-    transition: all 0.2s ease-in-out;
+    display: flex;
+    min-width: 200px;
+    align-items: center;
+    justify-content: center;
+    padding: 12px 24px;
+    border-radius: 24px;
+    gap: 8px;
+    transition: transform 0.2s ease;
 }
 
 .memori-chat-history-drawer--card--content--resume-button:hover {
-    -webkit-backdrop-filter: blur(0);
-    backdrop-filter: blur(0);
-    background-color: var(--memori-primary);
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.27), 0 2px 4px -1px rgba(0, 0, 0, 0.35);
-    color: var(--memori-primary-text);
-    transform: translateY(-1px);
+    transform: translateY(-2px);
 }
 
 .memori-chat-history-drawer--card--content--resume-button--content {
     display: flex;
     align-items: center;
-    gap: 0.5rem;
+    gap: 8px;
 }
 
 .memori-chat-history-drawer--card--content--resume-button--icon {
-    color: var(--memori-primary);
-    transition: transform 0.2s ease-in-out;
-}
-
-.memori-chat-history-drawer--card--content--resume-button:hover
-    .memori-chat-history-drawer--card--content--resume-button--icon {
-    color: #fff;
-    transform: scale(1.1);
-}
-
-.memori-chat-history-drawer--card--content--resume-button--text {
-    font-weight: 500;
+    width: 20px;
+    height: 20px;
 }
 
 /* Loading state */
@@ -322,3 +339,15 @@
     border-color: var(--memori-primary);
     box-shadow: 0 0 0 2px var(--memori-primary-light);
 }
+
+.memori-chat-history-drawer--download-button-wrapper{
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.memori-chat-history-drawer--download-button-wrapper--text{
+    color: var(--memori-primary);
+    font-size: 0.875rem;
+    font-weight: 500;
+}

package/dist/components/ChatHistoryDrawer/ChatHistory.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import memoriApiClient from '@memori.ai/memori-api-client';
-import { ChatLog, Memori } from '@memori.ai/memori-api-client/dist/types';
+import { ChatLog, Memori, Message } from '@memori.ai/memori-api-client/dist/types';
 export interface Props {
     open: boolean;
     onClose: () => void;
@@ -10,6 +10,7 @@ export interface Props {
     resumeSession: (chatLog: ChatLog) => void;
     baseUrl: string;
     apiUrl: string;
+    history: Message[];
 }
-declare const ChatHistoryDrawer: ({ open, onClose, apiClient, sessionId, memori, resumeSession, baseUrl, apiUrl, }: Props) => JSX.Element;
+declare const ChatHistoryDrawer: ({ open, onClose, apiClient, sessionId, memori, resumeSession, baseUrl, apiUrl, history, }: Props) => JSX.Element;
 export default ChatHistoryDrawer;