@flowuent-org/diagramming-core 1.3.4 → 1.3.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flowuent-org/diagramming-core",
-  "version": "1.3.4",
+  "version": "1.3.6",
   "license": "MIT",
   "publishConfig": {
     "access": "public"

package/packages/diagrams/src/lib/components/automation/AutomationEndNode.tsx

@@ -14,6 +14,7 @@ import { NodeActionButtons } from './NodeActionButtons';
 import { showNodeAIAssistantPopup } from './NodeAIAssistantPopup';
 import { useSearch } from '../../contexts/SearchContext';
 import { getStatusColor } from './statusColors';
+import { EndNodeIcon } from '@flowuent-labs/molecules';
 
 interface AutomationEndNodeProps {
     data: {
@@ -57,6 +58,7 @@ export const AutomationEndNode: React.FC<AutomationEndNodeProps> = ({ data, sele
 
     // Get the icon component based on the iconName
     const IconComponent = getIconByName(data.iconName);
+    const isEndNode = data.label === 'End' || data.label === 'End Node';
 
     const handleJsonClick = () => {
         if (nodeId) setSelectedNode(nodeId);
@@ -275,7 +277,11 @@ export const AutomationEndNode: React.FC<AutomationEndNodeProps> = ({ data, sele
                                 justifyContent: 'center',
                             }}
                         >
-                            <IconComponent sx={{ color: 'white', fontSize: '18px' }} />
+                            {isEndNode ? (
+                                <EndNodeIcon size={18} color="#FFFFFF" />
+                            ) : (
+                                <IconComponent sx={{ color: 'white', fontSize: '18px' }} />
+                            )}
                         </Box>
                         <Typography variant="h6" sx={{ fontWeight: 600, fontSize: '16px' }}>
                             {highlightText(data.label)}

package/packages/diagrams/src/lib/components/automation/AutomationFormattingNode.tsx

@@ -23,6 +23,7 @@ import { NodeActionButtons } from './NodeActionButtons';
 import { showNodeAIAssistantPopup } from './NodeAIAssistantPopup';
 import { useSearch } from '../../contexts/SearchContext';
 import { getStatusColor } from './statusColors';
+import { ArticleAnalyzerIcon } from '@flowuent-labs/molecules';
 
 interface AutomationFormattingNodeProps {
     data: {
@@ -80,8 +81,13 @@ export const AutomationFormattingNode: React.FC<AutomationFormattingNodeProps> =
     const nodes = useDiagram((state) => state.nodes);
     const setNodes = useDiagram((state) => state.setNodes);
 
-    // Get the icon component based on the iconName
-    const IconComponent = getIconByName(data.iconName);
+    // Check if this is Article Analyzer node
+    const isArticleAnalyzer = data.label === 'Article Analyzer';
+    
+    // Get the icon component based on the iconName or use ArticleAnalyzerIcon for Article Analyzer
+    const IconComponent = isArticleAnalyzer 
+        ? ArticleAnalyzerIcon 
+        : getIconByName(data.iconName);
 
     const handleJsonClick = () => {
         if (nodeId) setSelectedNode(nodeId);
@@ -342,14 +348,18 @@ export const AutomationFormattingNode: React.FC<AutomationFormattingNodeProps> =
                             sx={{
                                 width: '32px',
                                 height: '32px',
-                                backgroundColor: '#8b5cf6', // Purple like in image
+                                backgroundColor: '#1E3A8A', 
                                 borderRadius: '50%',
                                 display: 'flex',
                                 alignItems: 'center',
                                 justifyContent: 'center',
                             }}
                         >
-                            <IconComponent sx={{ color: 'white', fontSize: '18px' }} />
+                            {isArticleAnalyzer ? (
+                                <ArticleAnalyzerIcon size={18} color="#FFFFFF" />
+                            ) : (
+                                <IconComponent size={18} color="#FFFFFF" />
+                            )}
                         </Box>
                         <Typography variant="h6" sx={{ fontWeight: 600, fontSize: '16px' }}>
                             {highlightText(data.label)}

package/packages/diagrams/src/lib/components/automation/AutomationGoogleServicesNode.tsx

@@ -54,7 +54,7 @@ export interface AutomationGoogleServicesNodeData {
   label: string;
   description: string;
   serviceType: GoogleServiceType;
-  status: 'idle' | 'running' | 'success' | 'error';
+  status: 'Ready' | 'Running' | 'Completed' | 'Failed' | 'Need to Config';
   isFirstGoogleNode?: boolean;
   parameters?: {
     // Google Docs
@@ -239,11 +239,11 @@ export const AutomationGoogleServicesNode: React.FC<AutomationGoogleServicesNode
   const tokenExpired = isTokenExpired(data.parameters?.googleTokenExpiresAt);
 
   // Execution state
-  const status = data.status || 'idle';
-  const executionProgress = status === 'running' ? 50 : 0;
+  const status = data.status || 'Ready';
+  const executionProgress = status === 'Running' ? 50 : 0;
 
   // Status configuration - using centralized status colors
-  const statusConfig = getStatusColor(status, 'idle');
+  const statusConfig = getStatusColor(status, 'ready');
 
   // Handle JSON view
   const handleJsonClick = () => {
@@ -353,8 +353,8 @@ export const AutomationGoogleServicesNode: React.FC<AutomationGoogleServicesNode
       size="small"
       label={
         <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>
-          {status === 'success' && <CheckCircleIcon sx={{ fontSize: 12 }} />}
-          {status === 'error' && <ErrorIcon sx={{ fontSize: 12 }} />}
+          {(status === 'Completed' || status === 'success') && <CheckCircleIcon sx={{ fontSize: 12 }} />}
+          {(status === 'Failed' || status === 'error') && <ErrorIcon sx={{ fontSize: 12 }} />}
           <span>{statusConfig.label}</span>
         </Box>
       }
@@ -533,7 +533,7 @@ export const AutomationGoogleServicesNode: React.FC<AutomationGoogleServicesNode
         </Box>
 
         {/* Progress Bar (when running) */}
-        {status === 'running' && (
+        {status === 'Running' && (
           <Box sx={{ mb: 1.5 }}>
             <LinearProgress
               variant="determinate"