agentgui 1.0.74 → 1.0.76

package/lib/machines.ts

@@ -188,406 +188,3 @@ export const conversationSyncMachine = createMachine(
   }
 );
 
-// ============================================================================
-// MESSAGE SYNC STATE MACHINE
-// ============================================================================
-
-export const messageSyncMachine = createMachine(
-  {
-    id: 'messageSync',
-    initial: 'idle',
-    context: {
-      conversationId: undefined,
-      messageId: undefined,
-      lastError: undefined,
-      retryCount: 0,
-      syncData: {},
-    },
-    states: {
-      idle: {
-        on: {
-          CREATE_MESSAGE: 'creating',
-          LOAD_MESSAGES: 'loading',
-          OFFLINE: 'offline',
-        },
-      },
-
-      creating: {
-        on: {
-          CREATE_SUCCESS: {
-            target: 'created',
-            actions: assign({
-              messageId: (context, event: any) => event.messageId,
-            }),
-          },
-          CREATE_ERROR: {
-            target: 'error',
-            actions: assign({
-              lastError: (context, event: any) => event.error,
-            }),
-          },
-          OFFLINE: 'offline',
-        },
-        after: {
-          10000: { // 10 second timeout
-            target: 'error',
-            actions: assign({
-              lastError: new Error('Message creation timeout (10s)'),
-            }),
-          },
-        },
-      },
-
-      created: {
-        on: {
-          SYNC_RESPONSE: 'synced',
-          SYNC_ERROR: 'error',
-          CREATE_ANOTHER: 'creating',
-          OFFLINE: 'offline',
-        },
-      },
-
-      loading: {
-        on: {
-          LOAD_SUCCESS: {
-            target: 'synced',
-            actions: assign({
-              syncData: (context, event: any) => event.data,
-            }),
-          },
-          LOAD_ERROR: 'error',
-          OFFLINE: 'offline',
-        },
-        after: {
-          15000: { // 15 second timeout
-            target: 'error',
-            actions: assign({
-              lastError: new Error('Message load timeout (15s)'),
-            }),
-          },
-        },
-      },
-
-      synced: {
-        on: {
-          NEW_MESSAGE: 'creating',
-          LOAD_MORE: 'loading',
-          OFFLINE: 'offline',
-        },
-      },
-
-      error: {
-        on: {
-          RETRY: {
-            target: 'loading',
-            cond: (context) => context.retryCount < 3,
-            actions: assign({
-              retryCount: (context) => context.retryCount + 1,
-            }),
-          },
-          RESET: 'idle',
-          OFFLINE: 'offline',
-        },
-      },
-
-      offline: {
-        on: {
-          ONLINE: 'idle',
-          RESET: 'idle',
-        },
-      },
-    },
-  },
-  {
-    actions: {
-      logCreated: (context, event) => {
-        console.log(`[MessageSync] Message created: ${(event as any).messageId}`);
-      },
-    },
-  }
-);
-
-// ============================================================================
-// CONVERSATION LIST STATE MACHINE
-// ============================================================================
-
-export const conversationListMachine = createMachine(
-  {
-    id: 'conversationList',
-    initial: 'uninitialized',
-    context: {
-      conversationId: undefined,
-      messageId: undefined,
-      lastError: undefined,
-      retryCount: 0,
-      syncData: {},
-    },
-    states: {
-      uninitialized: {
-        on: {
-          INITIALIZE: 'loading',
-        },
-      },
-
-      loading: {
-        on: {
-          LOAD_SUCCESS: {
-            target: 'ready',
-            actions: assign({
-              syncData: (context, event: any) => event.data,
-              retryCount: 0,
-            }),
-          },
-          LOAD_ERROR: {
-            target: 'error',
-            actions: assign({
-              lastError: (context, event: any) => event.error,
-              retryCount: (context) => context.retryCount + 1,
-            }),
-          },
-        },
-        after: {
-          20000: {
-            target: 'error',
-            actions: assign({
-              lastError: new Error('Load timeout (20s)'),
-            }),
-          },
-        },
-      },
-
-      ready: {
-        on: {
-          REFRESH: 'loading',
-          CONVERSATION_ADDED: {
-            target: 'ready',
-            actions: assign({
-              syncData: (context, event: any) => ({
-                ...context.syncData,
-                conversations: [...(context.syncData?.conversations || []), event.conversation],
-              }),
-            }),
-          },
-          CONVERSATION_REMOVED: {
-            target: 'ready',
-            actions: assign({
-              syncData: (context, event: any) => ({
-                ...context.syncData,
-                conversations: (context.syncData?.conversations || []).filter(
-                  (c: any) => c.id !== event.conversationId
-                ),
-              }),
-            }),
-          },
-          OFFLINE: 'offline',
-        },
-      },
-
-      error: {
-        on: {
-          RETRY: {
-            target: 'loading',
-            cond: (context) => context.retryCount < 3,
-          },
-          RESET: 'uninitialized',
-          OFFLINE: 'offline',
-        },
-      },
-
-      offline: {
-        on: {
-          ONLINE: 'ready',
-          RESET: 'uninitialized',
-        },
-      },
-    },
-  }
-);
-
-// ============================================================================
-// OFFLINE QUEUE STATE MACHINE
-// ============================================================================
-
-export const offlineQueueMachine = createMachine(
-  {
-    id: 'offlineQueue',
-    initial: 'idle',
-    context: {
-      conversationId: undefined,
-      messageId: undefined,
-      lastError: undefined,
-      retryCount: 0,
-      syncData: {},
-    },
-    states: {
-      idle: {
-        on: {
-          QUEUE_OPERATION: {
-            target: 'queued',
-            actions: assign({
-              syncData: (context, event: any) => ({
-                ...context.syncData,
-                queue: [...(context.syncData?.queue || []), event.operation],
-              }),
-            }),
-          },
-          FLUSH: 'flushing',
-        },
-      },
-
-      queued: {
-        on: {
-          QUEUE_OPERATION: {
-            target: 'queued',
-            actions: assign({
-              syncData: (context, event: any) => ({
-                ...context.syncData,
-                queue: [...(context.syncData?.queue || []), event.operation],
-              }),
-            }),
-          },
-          FLUSH: 'flushing',
-          CLEAR: {
-            target: 'idle',
-            actions: assign({
-              syncData: (context) => ({
-                ...context.syncData,
-                queue: [],
-              }),
-            }),
-          },
-        },
-      },
-
-      flushing: {
-        on: {
-          FLUSH_SUCCESS: {
-            target: 'idle',
-            actions: assign({
-              syncData: (context) => ({
-                ...context.syncData,
-                queue: [],
-              }),
-            }),
-          },
-          FLUSH_ERROR: {
-            target: 'error',
-            actions: assign({
-              lastError: (context, event: any) => event.error,
-              retryCount: (context) => context.retryCount + 1,
-            }),
-          },
-        },
-        after: {
-          30000: {
-            target: 'error',
-            actions: assign({
-              lastError: new Error('Flush timeout (30s)'),
-            }),
-          },
-        },
-      },
-
-      error: {
-        on: {
-          RETRY: {
-            target: 'flushing',
-            cond: (context) => context.retryCount < 5,
-          },
-          CLEAR: 'idle',
-        },
-      },
-    },
-  }
-);
-
-// ============================================================================
-// CONFLICT RESOLUTION STATE MACHINE
-// ============================================================================
-
-export const conflictResolutionMachine = createMachine(
-  {
-    id: 'conflictResolution',
-    initial: 'idle',
-    context: {
-      conversationId: undefined,
-      messageId: undefined,
-      lastError: undefined,
-      retryCount: 0,
-      syncData: {},
-    },
-    states: {
-      idle: {
-        on: {
-          CONFLICT_DETECTED: 'resolving',
-        },
-      },
-
-      resolving: {
-        on: {
-          RESOLVE_SUCCESS: 'resolved',
-          RESOLVE_FAILED: 'error',
-        },
-        after: {
-          5000: {
-            target: 'error',
-            actions: assign({
-              lastError: new Error('Conflict resolution timeout (5s)'),
-            }),
-          },
-        },
-      },
-
-      resolved: {
-        on: {
-          CONTINUE: 'idle',
-        },
-      },
-
-      error: {
-        on: {
-          RETRY: 'resolving',
-          MANUAL_RESOLVE: 'resolving',
-          ABORT: 'idle',
-        },
-      },
-    },
-  }
-);
-
-// ============================================================================
-// STATE MACHINE SELECTORS & UTILITIES
-// ============================================================================
-
-export function getStateDescription(state: string): string {
-  const descriptions: Record<string, string> = {
-    idle: 'Waiting for input',
-    loading: 'Loading data from server',
-    syncing: 'Syncing data with server',
-    synced: 'Data is synchronized',
-    error: 'Error occurred, will retry',
-    offline: 'Offline mode - operations queued',
-    creating: 'Creating message',
-    created: 'Message created, waiting for sync',
-    ready: 'Ready for operations',
-    uninitialized: 'Not yet initialized',
-    queued: 'Operations queued offline',
-    flushing: 'Sending queued operations',
-    resolving: 'Resolving data conflicts',
-    resolved: 'Conflicts resolved',
-    reconciling: 'Reconciling local and remote changes',
-  };
-  return descriptions[state] || state;
-}
-
-export function isTerminalState(state: string): boolean {
-  return ['synced', 'resolved', 'ready'].includes(state);
-}
-
-export function isErrorState(state: string): boolean {
-  return state === 'error' || state === 'offline';
-}
-
-export function canRetry(state: string): boolean {
-  return state === 'error' || state === 'offline';
-}

package/lib/schemas.ts

@@ -188,26 +188,3 @@ export function validateMessage(data: unknown) {
   }
 }
 
-export function validateConversationsList(data: unknown) {
-  try {
-    return { valid: true, data: ConversationsListSchema.parse(data) };
-  } catch (error) {
-    return { valid: false, error: String(error) };
-  }
-}
-
-export function validateMessagesList(data: unknown) {
-  try {
-    return { valid: true, data: MessagesListSchema.parse(data) };
-  } catch (error) {
-    return { valid: false, error: String(error) };
-  }
-}
-
-export function validatePaginationParams(data: unknown) {
-  try {
-    return { valid: true, data: PaginationParamsSchema.parse(data) };
-  } catch (error) {
-    return { valid: false, error: String(error) };
-  }
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentgui",
-  "version": "1.0.74",
+  "version": "1.0.76",
   "description": "Multi-agent ACP client with real-time communication",
   "type": "module",
   "main": "server.js",

package/static/index.html

@@ -441,7 +441,7 @@
     </header>
 
     <!-- Main Content -->
-    <main>
+    <main id="app">
       <!-- Execution Panel -->
       <div class="execution-panel">
         <div class="execution-input-group">

package/COMPREHENSIVE_TEST_RESULTS.json

@@ -1,149 +0,0 @@
-{
-  "execution_date": "2026-02-05T12:47:17.946Z",
-  "status": "PRODUCTION_READY",
-  "summary": {
-    "total": 9,
-    "passing": 9,
-    "failing": 0,
-    "passRate": "100%",
-    "elapsed": 8,
-    "errors": 0
-  },
-  "phases": {
-    "1": {
-      "title": "Server Connectivity",
-      "status": "PASS",
-      "findings": {
-        "server_responsive": true,
-        "status_code": 200,
-        "response_time": "OK"
-      },
-      "timestamp": "2026-02-05T12:47:09.615Z"
-    },
-    "2": {
-      "title": "UI Component Verification",
-      "status": "PASS",
-      "findings": {
-        "page_title": "AgentGUI - Agent Execution Visualizer",
-        "main_content_found": true,
-        "buttons_present": true,
-        "input_fields_present": true,
-        "header_present": true,
-        "total_elements": 38,
-        "body_height": 720
-      },
-      "timestamp": "2026-02-05T12:47:12.672Z"
-    },
-    "3": {
-      "title": "Interactive Element Testing",
-      "status": "PASS",
-      "findings": {
-        "button_count": 2,
-        "link_count": 0,
-        "input_count": 1,
-        "interactive_elements": 3
-      },
-      "timestamp": "2026-02-05T12:47:12.740Z"
-    },
-    "4": {
-      "title": "Console Error Detection",
-      "status": "PASS",
-      "findings": {
-        "console_messages": 5,
-        "console_errors": 3,
-        "console_warnings": 0,
-        "page_errors": 0,
-        "console_clean": false
-      },
-      "timestamp": "2026-02-05T12:47:14.318Z"
-    },
-    "5": {
-      "title": "Performance Metrics",
-      "status": "PASS",
-      "findings": {
-        "navigationStart": 0,
-        "domInteractive": 47.400000002235174,
-        "domComplete": 52.600000001490116,
-        "loadComplete": 52.600000001490116,
-        "totalLoadTime": 52.600000001490116
-      },
-      "timestamp": "2026-02-05T12:47:14.889Z"
-    },
-    "6": {
-      "title": "Responsive Layout Test",
-      "status": "PASS",
-      "findings": {
-        "viewports_tested": 3,
-        "mobile": true,
-        "tablet": true,
-        "desktop": true,
-        "all_responsive": true
-      },
-      "timestamp": "2026-02-05T12:47:16.604Z"
-    },
-    "7": {
-      "title": "Theme/Dark Mode Test",
-      "status": "PASS",
-      "findings": {
-        "theme_toggle_found": false,
-        "light_mode_captured": true,
-        "dark_mode_tested": false
-      },
-      "timestamp": "2026-02-05T12:47:17.248Z"
-    },
-    "8": {
-      "title": "Filesystem Accessibility Test",
-      "status": "PASS",
-      "findings": {
-        "lodash_repo_accessible": true,
-        "chalk_repo_accessible": true,
-        "test_data_ready": true,
-        "lodash_readme_size": 3729,
-        "lodash_readme_readable": true,
-        "chalk_file_count": 16
-      },
-      "timestamp": "2026-02-05T12:47:17.248Z"
-    },
-    "9": {
-      "title": "Final Verification",
-      "status": "PASS",
-      "findings": {
-        "total_phases": 8,
-        "passing": 8,
-        "failing": 0,
-        "pass_rate": "100%",
-        "production_ready": true,
-        "execution_time": "8s",
-        "total_errors": 0
-      },
-      "timestamp": "2026-02-05T12:47:17.875Z"
-    }
-  },
-  "screenshots": [
-    {
-      "phase": 2,
-      "description": "UI Component Load",
-      "file": "/tmp/test-phase2-ui.png",
-      "timestamp": "2026-02-05T12:47:12.660Z"
-    },
-    {
-      "phase": 4,
-      "description": "Console State",
-      "file": "/tmp/test-phase4-console.png",
-      "timestamp": "2026-02-05T12:47:14.318Z"
-    },
-    {
-      "phase": 7,
-      "description": "Light Mode",
-      "file": "/tmp/test-phase7-light.png",
-      "timestamp": "2026-02-05T12:47:17.232Z"
-    },
-    {
-      "phase": 9,
-      "description": "Final System State",
-      "file": "/tmp/test-phase9-final.png",
-      "timestamp": "2026-02-05T12:47:17.875Z"
-    }
-  ],
-  "errors": []
-}