flock-core 0.5.0b50__py3-none-any.whl → 0.5.0b51__py3-none-any.whl

flock/frontend/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "flock-ui",
+  "version": "0.1.2",
+  "description": "Flock Flow Real-Time Dashboard Frontend",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "type-check": "tsc --noEmit"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "@types/dagre": "^0.7.53",
+    "@types/react-window": "^1.8.8",
+    "@uiw/react-json-view": "^2.0.0-alpha.39",
+    "@xyflow/react": "^12.8.6",
+    "dagre": "^0.8.5",
+    "idb": "^8.0.3",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "react-rnd": "^10.5.2",
+    "react-window": "^2.2.0",
+    "uuid": "^13.0.0",
+    "zustand": "^5.0.8"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/react": "^19.2.0",
+    "@types/react-dom": "^19.2.0",
+    "@types/uuid": "^10.0.0",
+    "@vitejs/plugin-react": "^5.0.4",
+    "@vitest/coverage-v8": "^3.2.4",
+    "@vitest/ui": "^3.2.4",
+    "fake-indexeddb": "^6.2.2",
+    "jsdom": "^27.0.0",
+    "mock-socket": "^9.3.1",
+    "typescript": "^5.9.3",
+    "vite": "^7.1.9",
+    "vitest": "^3.2.4"
+  }
+}

flock/frontend/src/App.tsx

@@ -0,0 +1,79 @@
+import { useEffect } from 'react';
+import DashboardLayout from './components/layout/DashboardLayout';
+import { ErrorBoundary } from './components/common/ErrorBoundary';
+import { measureRenderTime } from './utils/performance';
+import { initializeWebSocket } from './services/websocket';
+import { registerModules } from './components/modules/registerModules';
+import { useKeyboardShortcuts } from './hooks/useKeyboardShortcuts';
+import { fetchRegisteredAgents } from './services/api';
+import { useGraphStore } from './store/graphStore';
+import { useUIStore } from './store/uiStore';
+
+// Register modules once at module load time
+registerModules();
+
+const App: React.FC = () => {
+  // Enable global keyboard shortcuts
+  useKeyboardShortcuts();
+
+  useEffect(() => {
+    const startMark = 'app-initial-render-start';
+    performance.mark(startMark);
+
+    // Measure after first render
+    requestAnimationFrame(() => {
+      const duration = measureRenderTime('App (initial)', startMark, 'app-initial-render-end');
+      if (duration < 200) {
+        console.log('[Performance] ✓ Initial render under 200ms target');
+      } else {
+        console.warn('[Performance] ✗ Initial render exceeded 200ms target');
+      }
+    });
+
+    // Initialize WebSocket connection
+    const wsUrl = import.meta.env.VITE_WS_URL || 'ws://localhost:8000/ws';
+    const wsClient = initializeWebSocket(wsUrl);
+    wsClient.connect();
+
+    // Load registered agents from orchestrator
+    // This pre-populates the graph with all agent nodes before any events occur
+    const loadInitialAgents = async () => {
+      try {
+        console.log('[App] Fetching registered agents...');
+        const agents = await fetchRegisteredAgents();
+        console.log(`[App] Loaded ${agents.length} registered agents`);
+
+        const graphStore = useGraphStore.getState();
+        const uiStore = useUIStore.getState();
+
+        // Add all agents to the store
+        agents.forEach(agent => graphStore.addAgent(agent));
+
+        // Generate initial graph layout based on current view mode
+        if (uiStore.mode === 'agent') {
+          graphStore.generateAgentViewGraph();
+        } else {
+          graphStore.generateBlackboardViewGraph();
+        }
+      } catch (error) {
+        console.error('[App] Failed to load registered agents:', error);
+        // Graceful degradation: agents will appear when they activate via WebSocket
+      }
+    };
+
+    loadInitialAgents();
+
+    // Cleanup on unmount
+    return () => {
+      wsClient.disconnect();
+    };
+  }, []);
+
+  return (
+    <ErrorBoundary>
+      <DashboardLayout />
+    </ErrorBoundary>
+  );
+};
+
+export default App;