@memori.ai/memori-react 8.6.0 → 8.6.2

package/src/components/CompletionProviderStatus/CompletionProviderStatus.tsx

@@ -54,39 +54,7 @@ const fetchProviderStatus = async (config: ProviderConfig): Promise<Status> => {
     
     const data = await response.json();
     
-    // Check for active incidents first
-    if (data.incidents && Array.isArray(data.incidents) && data.incidents.length > 0) {
-      const activeIncidents = data.incidents.filter((incident: any) => {
-        // Check if incident is truly active by looking at the latest update
-        if (incident.incident_updates && incident.incident_updates.length > 0) {
-          const latestUpdate = incident.incident_updates[incident.incident_updates.length - 1];
-          const isResolved = ['resolved', 'completed', 'postmortem'].includes(latestUpdate.status.toLowerCase());
-          return !isResolved;
-        }
-        // Fallback to incident status if no updates available
-        return !['resolved', 'completed', 'postmortem'].includes(incident.status.toLowerCase());
-      });
-      
-      if (activeIncidents.length > 0) {
-        // If there are active incidents, determine the severity
-        const critical = activeIncidents.some((i: { impact: string }) => 
-          i.impact === 'critical' || i.impact === 'major'
-        );
-        const major = activeIncidents.some((i: { impact: string }) => 
-          i.impact === 'moderate'
-        );
-
-        const investigating = activeIncidents.some((i: { status: string }) => 
-          i.status === 'investigating'
-        );
-
-        if (investigating) return 'partial_outage';
-        if (critical) return 'major_outage';
-        if (major) return 'partial_outage';
-        // Return degraded_performance for investigating status or any other active incident
-        return 'degraded_performance';
-      }
-    }
+    // Skip incident checking - just rely on component status which is more reliable
     
     // If no incidents or they're all resolved, check specific API components
     if (data.components) {

package/src/components/MemoriArtifactSystem/components/ArtifactHandler/ArtifactHandler.tsx

@@ -8,6 +8,12 @@ import ChevronLeft from '../../../icons/ChevronLeft';
 import ChevronUp from '../../../icons/ChevronUp';
 import { Message } from '@memori.ai/memori-api-client/dist/types';
 
+// Event type for artifact creation
+type ArtifactCreatedEvent = CustomEvent<{
+  artifact: ArtifactData;
+  message: Message;
+}>;
+
 interface ArtifactHandlerProps {
   isChatlogPanel?: boolean;
   message: Message;
@@ -22,6 +28,17 @@ const ArtifactHandler: React.FC<ArtifactHandlerProps> = ({
     null
   );
 
+  // Function to dispatch artifact created event
+  const dispatchArtifactCreatedEvent = useCallback((artifact: ArtifactData) => {
+    const event: ArtifactCreatedEvent = new CustomEvent('artifactCreated', {
+      detail: {
+        artifact,
+        message,
+      },
+    });
+    document.dispatchEvent(event);
+  }, [message]);
+
   // Auto-open artifacts when detected in new messages
   useEffect(() => {
     const messageText = message.translatedText || message.text || '';
@@ -29,6 +46,11 @@ const ArtifactHandler: React.FC<ArtifactHandlerProps> = ({
       const artifacts = detectArtifacts(messageText);
 
       if (artifacts.length > 0) {
+        // Dispatch event for each artifact created
+        artifacts.forEach(artifact => {
+          dispatchArtifactCreatedEvent(artifact);
+        });
+
         if(isChatlogPanel){
           // openArtifact(artifacts[0]);
           setCurrentArtifact(artifacts[0]);
@@ -40,7 +62,7 @@ const ArtifactHandler: React.FC<ArtifactHandlerProps> = ({
         }
       }
     }
-  }, [message]);
+  }, [message, dispatchArtifactCreatedEvent]);
 
   // Simple artifact detection - look for <output class="memori-artifact"> tags
   const detectArtifacts = (text: string): ArtifactData[] => {

package/src/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.css

@@ -112,10 +112,12 @@
 
 /* Markdown Preview */
 .memori-artifact-preview-markdown {
+  height: 100%;
   padding: 1rem;
   color: var(--memori-text-color, #333);
   font-family: var(--memori-font-family);
   line-height: 1.6;
+  overflow-y: scroll;
 }
 
 .memori-artifact-preview-markdown h1,

package/src/components/MemoriWidget/MemoriWidget.tsx

@@ -16,6 +16,7 @@ import {
   ResponseSpec,
   ChatLog,
 } from '@memori.ai/memori-api-client/src/types';
+import { ArtifactData } from '../MemoriArtifactSystem/types/artifact.types';
 
 // Libraries
 import React, {
@@ -290,11 +291,17 @@ const typeBatchMessages = (
 
 type MemoriNewDialogStateEvent = CustomEvent<DialogState>;
 
+type ArtifactCreatedEvent = CustomEvent<{
+  artifact: ArtifactData;
+  message: Message;
+}>;
+
 interface CustomEventMap {
   MemoriTextEntered: MemoriTextEnteredEvent;
   MemoriEndSpeak: CustomEvent;
   MemoriResetUIEffects: CustomEvent;
   MemoriNewDialogState: MemoriNewDialogStateEvent;
+  artifactCreated: ArtifactCreatedEvent;
 }
 declare global {
   interface Document {
@@ -721,7 +728,7 @@ const MemoriWidget = ({
   const onChangeUserMessage = (value: string) => {
     if (!value || value === '\n' || value.trim() === '') {
       setUserMessage('');
-      resetInteractionTimeout();
+      // resetInteractionTimeout();
       return;
     }
     setUserMessage(value);
@@ -861,7 +868,7 @@ const MemoriWidget = ({
 
           translateDialogState(currentState, userLang, msg).then(ts => {
             let text = ts.translatedEmission || ts.emission;
-            if (text) {
+            if (text && text.trim() && !speakerMuted) {
               handleSpeak(text);
             }
           });
@@ -888,7 +895,9 @@ const MemoriWidget = ({
               tag: currentState.currentTag,
               memoryTags: currentState.memoryTags,
             });
-            handleSpeak(emission);
+            if (emission && emission.trim()) {
+              handleSpeak(emission);
+            }
           }
         }
       } else if (response.resultCode === 404) {
@@ -1942,124 +1951,12 @@ const MemoriWidget = ({
     defaultEnableAudio
   );
 
-  const resetInteractionTimeout = () => {
-    clearInteractionTimeout();
-    if (!isPlayingAudio && !userMessage.length && !memoriTyping && !listening)
-      setInteractionTimeout();
-  };
-  const handleTimeout = async () => {
-    if (
-      !hasUserActivatedSpeak ||
-      isPlayingAudio ||
-      !!userMessage.length ||
-      !!memoriTyping ||
-      listening
-    ) {
-      resetInteractionTimeout();
-      return;
-    } else if (
-      sessionId &&
-      hasUserActivatedSpeak &&
-      currentDialogState?.acceptsTimeout
-    ) {
-      const { currentState, ...response } = await postTimeoutEvent(sessionId);
-      if (response.resultCode === 0 && currentState) {
-        const emission = currentState.emission;
-        if (
-          isMultilanguageEnabled &&
-          userLang !== i18n?.language &&
-          emission &&
-          emission.length > 0
-        ) {
-          translateDialogState(
-            { ...currentState, emission: emission },
-            userLang
-          ).then(ts => {
-            let text = ts.translatedEmission || ts.emission;
-            if (text) {
-              handleSpeak(text);
-            }
-          });
-        } else if (emission && emission.length > 0) {
-          pushMessage({
-            text: emission,
-            emitter: currentState.emitter,
-            media: currentState.emittedMedia ?? currentState.media,
-            fromUser: false,
-            generatedByAI: !!currentState.completion,
-            contextVars: currentState.contextVars,
-            date: currentState.currentDate,
-            placeName: currentState.currentPlaceName,
-            placeLatitude: currentState.currentLatitude,
-            placeLongitude: currentState.currentLongitude,
-            placeUncertaintyKm: currentState.currentUncertaintyKm,
-            tag: currentState.currentTag,
-            memoryTags: currentState.memoryTags,
-          });
-          handleSpeak(emission);
-          setCurrentDialogState({
-            ...currentState,
-            hints:
-              currentState.hints ??
-              (currentState.state === 'G1' ? currentDialogState?.hints : []),
-          });
-        } else {
-          resetInteractionTimeout();
-          return;
-        }
-      }
-    }
-  };
-  const setInteractionTimeout = () => {
-    let timeout = currentDialogState?.timeout;
-    if (!timeout) {
-      let timeoutLimit = 40;
-      let timeoutMinLimit = 25;
-      timeout =
-        Math.floor(Math.random() * (timeoutLimit - timeoutMinLimit)) +
-        timeoutMinLimit;
-
-      if (currentDialogState?.emission) {
-        let readTime = currentDialogState.emission.length / 26.5;
-        timeout = timeout + readTime;
-      }
-    }
-    if (forcedTimeout) {
-      timeout = forcedTimeout;
-
-      if (currentDialogState?.emission) {
-        let readTime = currentDialogState.emission.length / 26.5;
-        timeout = timeout + readTime;
-      }
-    }
-
-    let uiTimeout = setTimeout(handleTimeout, timeout * 1000);
-    setUserInteractionTimeout(uiTimeout);
-    timeoutRef.current = uiTimeout;
-  };
-  useEffect(() => {
-    if (!!userMessage.length || isPlayingAudio || !!memoriTyping)
-      clearInteractionTimeout();
-    if (sessionId && !!!userMessage.length) resetInteractionTimeout();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [
-    currentDialogState?.acceptsTimeout,
-    currentDialogState?.timeout,
-    currentDialogState?.state,
-    isPlayingAudio,
-    sessionId,
-    history,
-    userMessage,
-    memoriTyping,
-    hasUserActivatedSpeak,
-  ]);
-
   /**
    * Enhanced handleSpeak that integrates with the improved useTTS hook
    * Uses promise-based approach for better reliability
    */
   const handleSpeak = async (text: string) => {
-    if (!text || preview || speakerMuted || !defaultEnableAudio) {
+    if (!text || !text.trim() || preview || speakerMuted || !defaultEnableAudio) {
       const e = new CustomEvent('MemoriEndSpeak');
       document.dispatchEvent(e);
 
@@ -2070,18 +1967,9 @@ const MemoriWidget = ({
       stopRecording();
     }
 
-    setMemoriTyping(true);
-
     const processedText = sanitizeText(text);
 
     return ttsSpeak(processedText)
-      .then(() => {
-        setMemoriTyping(false);
-      })
-      .catch(error => {
-        setMemoriTyping(false);
-        throw error;
-      });
   };
   /**
    * Integrated solution for translating dialog state and speaking
@@ -2113,7 +2001,7 @@ const MemoriWidget = ({
         const textToSpeak =
           translatedState.translatedEmission || translatedState.emission;
 
-        if (textToSpeak && !skipEmission) {
+        if (textToSpeak && textToSpeak.trim() && !skipEmission && !speakerMuted) {
           // Update activation state before speaking for better browser interaction
           if (!hasUserActivatedSpeak) {
             setHasUserActivatedSpeak(true);

package/src/helpers/message.ts

@@ -64,7 +64,7 @@ export const renderMsg = (
   text: string,
   useMathFormatting = false,
   reasoningText = 'Reasoning...',
-  showReasoning = false
+  showReasoning: boolean
 ): {
   text: string;
 } => {
@@ -77,7 +77,7 @@ export const renderMsg = (
         '<a href="$2" target="_blank" rel="noopener noreferrer">$1</a>'
       )
       .replaceAll(
-        /<think>([\s\S]*?)<\/think>/g,
+        /<think.*?>(.*?)<\/think>/gs,
         showReasoning
           ? `<details class="memori-think"><summary>${reasoningText}</summary>$1</details>`
           : ''