@flowuent-org/diagramming-core 1.3.1 → 1.3.2

package/package.json

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

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' | 'success' | 'error' | 'needToConfig';
   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 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 = () => {

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

@@ -55,7 +55,7 @@ export interface AutomationSlackNodeData {
   label: string;
   description: string;
   operationType?: SlackOperationType;
-  status: 'idle' | 'running' | 'success' | 'error' | 'authenticated';
+  status: 'ready' | 'running' | 'success' | 'error' | 'authenticated' | 'needToConfig';
   parameters?: {
     // Message operations
     channel?: string;
@@ -216,7 +216,7 @@ export const AutomationSlackNode: React.FC<AutomationSlackNodeProps> = ({
   const enableJson = useDiagram((state) => state.enableNodeJsonPopover ?? true);
 
   // Get operation configuration
-  const operationType = data.operationType || data.formData?.operationType || 'send-message';
+  const operationType = (data.operationType || data.formData?.operationType || 'send-message') as SlackOperationType;
   const operationConfig = OPERATION_CONFIG[operationType] || OPERATION_CONFIG['send-message'];
   const OperationIcon = operationConfig.icon;
 
@@ -228,11 +228,11 @@ export const AutomationSlackNode: React.FC<AutomationSlackNodeProps> = ({
   const tokenExpired = isTokenExpired(data.parameters?.slackTokenExpiresAt);
 
   // Execution state
-  const status = data.status || 'idle';
+  const status = data.status || 'ready';
   const executionProgress = status === 'running' ? 50 : 0;
 
   // Status configuration - using centralized status colors
-  const statusConfig = getStatusColor(status, status === 'authenticated' ? 'authenticated' : 'idle');
+  const statusConfig = getStatusColor(status, status === 'authenticated' ? 'authenticated' : 'ready');
 
   // Handle JSON view
   const handleJsonClick = () => {

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

@@ -58,7 +58,7 @@ export interface AutomationTelegramNodeData {
   label: string;
   description: string;
   operationType?: TelegramOperationType;
-  status: 'idle' | 'running' | 'success' | 'error' | 'authenticated';
+  status: 'ready' | 'running' | 'success' | 'error' | 'authenticated' | 'needToConfig';
   parameters?: {
     // Message operations
     chatId?: string;
@@ -221,11 +221,11 @@ export const AutomationTelegramNode: React.FC<AutomationTelegramNodeProps> = ({
   const botId = data.telegramAuth?.botId || data.parameters?.botId;
 
   // Execution state
-  const status = data.status || 'idle';
+  const status = data.status || 'ready';
   const executionProgress = status === 'running' ? 50 : 0;
 
   // Status configuration - using centralized status colors
-  const statusConfig = getStatusColor(status, status === 'authenticated' ? 'authenticated' : 'idle');
+  const statusConfig = getStatusColor(status, status === 'authenticated' ? 'authenticated' : 'ready');
 
   // Handle JSON view
   const handleJsonClick = () => {

package/packages/diagrams/src/lib/components/automation/statusColors.ts

@@ -18,7 +18,7 @@ export interface AutomationStatusColors {
   success: StatusColorConfig;  // Alias for completed (used in some nodes)
   error: StatusColorConfig;
   ready: StatusColorConfig;
-  idle: StatusColorConfig;
+  needToConfig: StatusColorConfig;
   authenticated?: StatusColorConfig;  // Optional, used in auth-enabled nodes
 }
 
@@ -29,7 +29,8 @@ export interface AutomationStatusColors {
  * - Running: Blue (#2563EB) - indicates active execution
  * - Completed/Success: Yellow (#FCD34D) - indicates successful completion
  * - Error: Red (#EF4444) - indicates failure
- * - Ready/Idle: Gray/Green - indicates waiting state
+ * - Ready: Green - indicates ready state
+ * - Need to Config: Cyan (#06B6D4) - indicates configuration required
  */
 export const automationStatusColors: AutomationStatusColors = {
   running: {
@@ -57,10 +58,10 @@ export const automationStatusColors: AutomationStatusColors = {
     bgColor: 'rgba(16, 185, 129, 0.1)',
     label: 'Ready',
   },
-  idle: {
-    color: '#6B7280',
-    bgColor: 'rgba(107, 114, 128, 0.1)',
-    label: 'Idle',
+  needToConfig: {
+    color: '#06B6D4',
+    bgColor: 'rgba(6, 182, 212, 0.15)',
+    label: 'Need to Config',
   },
   authenticated: {
     color: '#0088cc',
@@ -86,17 +87,32 @@ export const getStatusColor = (
   const statusMap: Record<string, keyof AutomationStatusColors> = {
     'running': 'running',
     'completed': 'completed',
+    'complete': 'completed',
     'success': 'success',
     'error': 'error',
     'failed': 'error',
     'ready': 'ready',
-    'idle': 'idle',
+    'needtoconfig': 'needToConfig',
+    'need to config': 'needToConfig',
+    'need-to-config': 'needToConfig',
+    'config': 'needToConfig',
+    'configuration': 'needToConfig',
     'authenticated': 'authenticated',
     'connected': 'authenticated',
   };
 
   const configKey = statusMap[normalizedStatus] || defaultStatus;
-  return automationStatusColors[configKey] || automationStatusColors[defaultStatus];
+  const config = automationStatusColors[configKey];
+  if (config) {
+    return config;
+  }
+  // Fallback to defaultStatus, and if that's also optional (authenticated), use 'ready'
+  const defaultConfig = automationStatusColors[defaultStatus];
+  if (defaultConfig) {
+    return defaultConfig;
+  }
+  // Final fallback to 'ready' which is always defined
+  return automationStatusColors.ready;
 };
 
 /**