@hef2024/llmasaservice-ui 0.22.6 → 0.22.8

package/dist/index.js

@@ -6303,17 +6303,48 @@ var AIAgentPanel = import_react14.default.forwardRef(({
     };
   }, [context, sharedContextSections, pageContextSections, contextDataSources]);
   (0, import_react14.useEffect)(() => {
-    const contextString = JSON.stringify(mergedContext.sections.map((s) => ({ id: s.id, data: s.data })));
-    console.log("AIAgentPanel - Context effect running, sections:", mergedContext.sections.length);
+    const contextString = JSON.stringify(
+      mergedContext.sections.map((s) => ({
+        id: s.id,
+        data: s.data
+      })),
+      null,
+      0
+    );
+    console.log("AIAgentPanel - Context effect running", {
+      sectionsCount: mergedContext.sections.length,
+      sectionIds: mergedContext.sections.map((s) => s.id),
+      contextLength: contextString.length,
+      contextHash: contextString.substring(0, 50) + "..." + contextString.substring(contextString.length - 50)
+    });
     if (prevContextRef.current === null) {
       console.log("AIAgentPanel - First render, initializing context ref");
       prevContextRef.current = contextString;
       return;
     }
-    if (prevContextRef.current !== contextString) {
-      console.log("AIAgentPanel - Context changed, showing notification");
-      console.log("AIAgentPanel - Old context:", prevContextRef.current.substring(0, 100));
-      console.log("AIAgentPanel - New context:", contextString.substring(0, 100));
+    const changed = prevContextRef.current !== contextString;
+    if (changed) {
+      console.log("AIAgentPanel - \u2705 Context CHANGED, showing notification");
+      console.log("AIAgentPanel - String length old/new:", prevContextRef.current.length, contextString.length);
+      if (prevContextRef.current.length !== contextString.length) {
+        console.log("AIAgentPanel - Length difference:", contextString.length - prevContextRef.current.length);
+      }
+      try {
+        const oldSections = JSON.parse(prevContextRef.current);
+        const newSections = JSON.parse(contextString);
+        console.log("AIAgentPanel - Section count old/new:", oldSections.length, newSections.length);
+        newSections.forEach((newSec, idx) => {
+          const oldSec = oldSections[idx];
+          if (!oldSec || JSON.stringify(oldSec.data) !== JSON.stringify(newSec.data)) {
+            console.log(`AIAgentPanel - Section "${newSec.id}" changed:`, {
+              oldDataLength: oldSec ? JSON.stringify(oldSec.data).length : 0,
+              newDataLength: JSON.stringify(newSec.data).length
+            });
+          }
+        });
+      } catch (e) {
+        console.log("AIAgentPanel - Could not parse for diff:", e);
+      }
       prevContextRef.current = contextString;
       if (contextNotificationTimeoutRef.current) {
         clearTimeout(contextNotificationTimeoutRef.current);
@@ -6325,9 +6356,18 @@ var AIAgentPanel = import_react14.default.forwardRef(({
         contextNotificationTimeoutRef.current = null;
       }, 3e3);
     } else {
-      console.log("AIAgentPanel - Context unchanged");
-    }
-  }, [mergedContext]);
+      console.log("AIAgentPanel - \u274C Context UNCHANGED (strings match)");
+      console.log("AIAgentPanel - Current context data:", mergedContext.sections.map((s) => ({
+        id: s.id,
+        dataKeys: Object.keys(s.data || {}),
+        dataLength: JSON.stringify(s.data).length,
+        dataPreview: JSON.stringify(s.data).substring(0, 200)
+      })));
+      console.log("AIAgentPanel - prevContextRef length:", prevContextRef.current.length);
+      console.log("AIAgentPanel - new contextString length:", contextString.length);
+      console.log("AIAgentPanel - Are they identical?", prevContextRef.current === contextString);
+    }
+  }, [mergedContext.sections]);
   (0, import_react14.useEffect)(() => {
     return () => {
       if (contextNotificationTimeoutRef.current) {

package/dist/index.mjs

@@ -6270,17 +6270,48 @@ var AIAgentPanel = React13.forwardRef(({
     };
   }, [context, sharedContextSections, pageContextSections, contextDataSources]);
   useEffect9(() => {
-    const contextString = JSON.stringify(mergedContext.sections.map((s) => ({ id: s.id, data: s.data })));
-    console.log("AIAgentPanel - Context effect running, sections:", mergedContext.sections.length);
+    const contextString = JSON.stringify(
+      mergedContext.sections.map((s) => ({
+        id: s.id,
+        data: s.data
+      })),
+      null,
+      0
+    );
+    console.log("AIAgentPanel - Context effect running", {
+      sectionsCount: mergedContext.sections.length,
+      sectionIds: mergedContext.sections.map((s) => s.id),
+      contextLength: contextString.length,
+      contextHash: contextString.substring(0, 50) + "..." + contextString.substring(contextString.length - 50)
+    });
     if (prevContextRef.current === null) {
       console.log("AIAgentPanel - First render, initializing context ref");
       prevContextRef.current = contextString;
       return;
     }
-    if (prevContextRef.current !== contextString) {
-      console.log("AIAgentPanel - Context changed, showing notification");
-      console.log("AIAgentPanel - Old context:", prevContextRef.current.substring(0, 100));
-      console.log("AIAgentPanel - New context:", contextString.substring(0, 100));
+    const changed = prevContextRef.current !== contextString;
+    if (changed) {
+      console.log("AIAgentPanel - \u2705 Context CHANGED, showing notification");
+      console.log("AIAgentPanel - String length old/new:", prevContextRef.current.length, contextString.length);
+      if (prevContextRef.current.length !== contextString.length) {
+        console.log("AIAgentPanel - Length difference:", contextString.length - prevContextRef.current.length);
+      }
+      try {
+        const oldSections = JSON.parse(prevContextRef.current);
+        const newSections = JSON.parse(contextString);
+        console.log("AIAgentPanel - Section count old/new:", oldSections.length, newSections.length);
+        newSections.forEach((newSec, idx) => {
+          const oldSec = oldSections[idx];
+          if (!oldSec || JSON.stringify(oldSec.data) !== JSON.stringify(newSec.data)) {
+            console.log(`AIAgentPanel - Section "${newSec.id}" changed:`, {
+              oldDataLength: oldSec ? JSON.stringify(oldSec.data).length : 0,
+              newDataLength: JSON.stringify(newSec.data).length
+            });
+          }
+        });
+      } catch (e) {
+        console.log("AIAgentPanel - Could not parse for diff:", e);
+      }
       prevContextRef.current = contextString;
       if (contextNotificationTimeoutRef.current) {
         clearTimeout(contextNotificationTimeoutRef.current);
@@ -6292,9 +6323,18 @@ var AIAgentPanel = React13.forwardRef(({
         contextNotificationTimeoutRef.current = null;
       }, 3e3);
     } else {
-      console.log("AIAgentPanel - Context unchanged");
-    }
-  }, [mergedContext]);
+      console.log("AIAgentPanel - \u274C Context UNCHANGED (strings match)");
+      console.log("AIAgentPanel - Current context data:", mergedContext.sections.map((s) => ({
+        id: s.id,
+        dataKeys: Object.keys(s.data || {}),
+        dataLength: JSON.stringify(s.data).length,
+        dataPreview: JSON.stringify(s.data).substring(0, 200)
+      })));
+      console.log("AIAgentPanel - prevContextRef length:", prevContextRef.current.length);
+      console.log("AIAgentPanel - new contextString length:", contextString.length);
+      console.log("AIAgentPanel - Are they identical?", prevContextRef.current === contextString);
+    }
+  }, [mergedContext.sections]);
   useEffect9(() => {
     return () => {
       if (contextNotificationTimeoutRef.current) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hef2024/llmasaservice-ui",
-  "version": "0.22.6",
+  "version": "0.22.8",
   "description": "Prebuilt UI components for LLMAsAService.io",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/src/AIAgentPanel.tsx

@@ -1532,9 +1532,21 @@ const AIAgentPanel = React.forwardRef<AIAgentPanelHandle, AIAgentPanelProps>(({
   // Detect context changes and show notification
   useEffect(() => {
     // Create a stable string representation of the context for comparison
-    const contextString = JSON.stringify(mergedContext.sections.map(s => ({ id: s.id, data: s.data })));
+    const contextString = JSON.stringify(
+      mergedContext.sections.map(s => ({ 
+        id: s.id, 
+        data: s.data 
+      })),
+      null, 
+      0
+    );
     
-    console.log('AIAgentPanel - Context effect running, sections:', mergedContext.sections.length);
+    console.log('AIAgentPanel - Context effect running', {
+      sectionsCount: mergedContext.sections.length,
+      sectionIds: mergedContext.sections.map(s => s.id),
+      contextLength: contextString.length,
+      contextHash: contextString.substring(0, 50) + '...' + contextString.substring(contextString.length - 50)
+    });
     
     // Skip on first render
     if (prevContextRef.current === null) {
@@ -1544,10 +1556,35 @@ const AIAgentPanel = React.forwardRef<AIAgentPanelHandle, AIAgentPanelProps>(({
     }
     
     // Check if context actually changed
-    if (prevContextRef.current !== contextString) {
-      console.log('AIAgentPanel - Context changed, showing notification');
-      console.log('AIAgentPanel - Old context:', prevContextRef.current.substring(0, 100));
-      console.log('AIAgentPanel - New context:', contextString.substring(0, 100));
+    const changed = prevContextRef.current !== contextString;
+    
+    if (changed) {
+      console.log('AIAgentPanel - ✅ Context CHANGED, showing notification');
+      console.log('AIAgentPanel - String length old/new:', prevContextRef.current.length, contextString.length);
+      
+      // Find what changed
+      if (prevContextRef.current.length !== contextString.length) {
+        console.log('AIAgentPanel - Length difference:', contextString.length - prevContextRef.current.length);
+      }
+      
+      // Show detailed diff for debugging
+      try {
+        const oldSections = JSON.parse(prevContextRef.current);
+        const newSections = JSON.parse(contextString);
+        console.log('AIAgentPanel - Section count old/new:', oldSections.length, newSections.length);
+        newSections.forEach((newSec: any, idx: number) => {
+          const oldSec = oldSections[idx];
+          if (!oldSec || JSON.stringify(oldSec.data) !== JSON.stringify(newSec.data)) {
+            console.log(`AIAgentPanel - Section "${newSec.id}" changed:`, {
+              oldDataLength: oldSec ? JSON.stringify(oldSec.data).length : 0,
+              newDataLength: JSON.stringify(newSec.data).length
+            });
+          }
+        });
+      } catch (e) {
+        console.log('AIAgentPanel - Could not parse for diff:', e);
+      }
+      
       prevContextRef.current = contextString;
       
       // Clear any existing timeout before setting a new one
@@ -1565,12 +1602,21 @@ const AIAgentPanel = React.forwardRef<AIAgentPanelHandle, AIAgentPanelProps>(({
         contextNotificationTimeoutRef.current = null;
       }, 3000);
     } else {
-      console.log('AIAgentPanel - Context unchanged');
+      console.log('AIAgentPanel - ❌ Context UNCHANGED (strings match)');
+      console.log('AIAgentPanel - Current context data:', mergedContext.sections.map(s => ({ 
+        id: s.id, 
+        dataKeys: Object.keys(s.data || {}),
+        dataLength: JSON.stringify(s.data).length,
+        dataPreview: JSON.stringify(s.data).substring(0, 200)
+      })));
+      console.log('AIAgentPanel - prevContextRef length:', prevContextRef.current.length);
+      console.log('AIAgentPanel - new contextString length:', contextString.length);
+      console.log('AIAgentPanel - Are they identical?', prevContextRef.current === contextString);
     }
     
     // Note: No cleanup on every re-render - only clear timeout when context changes
     // This prevents race conditions when switching rapidly
-  }, [mergedContext]);
+  }, [mergedContext.sections]);
 
   // Separate cleanup effect for unmount only
   useEffect(() => {