tycono 0.3.3 → 0.3.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tycono",
-  "version": "0.3.3",
+  "version": "0.3.5",
   "description": "Build an AI company. Watch them work.",
   "type": "module",
   "bin": {

package/src/tui/app.tsx

@@ -258,30 +258,6 @@ export const App: React.FC = () => {
     });
   }, []);
 
-  // Load wave history into SSE events (for Panel Mode Stream tab)
-  const loadWaveHistoryEvents = useCallback(async (waveId: string) => {
-    try {
-      const sessions = api.sessions.filter(s => s.waveId === waveId && s.roleId === 'ceo');
-      const allEvents: import('./api').SSEEvent[] = [];
-
-      for (const ses of sessions.slice(-2)) {
-        try {
-          const resp = await import('./api').then(m => m.fetchJson<{ events: any[] }>(`/api/jobs/${ses.id}/history`));
-          const events = resp?.events ?? [];
-          for (const e of events) {
-            if (['text', 'tool:start', 'tool:result', 'msg:start', 'msg:done', 'msg:error', 'dispatch:start', 'thinking'].includes(e.type)) {
-              allEvents.push(e as import('./api').SSEEvent);
-            }
-          }
-        } catch { /* skip */ }
-      }
-
-      if (allEvents.length > 0) {
-        sse.loadHistory(allEvents);
-      }
-    } catch { /* ignore */ }
-  }, [api.sessions, sse]);
-
   // Load previous conversation from wave's activity stream into system messages
   const loadPreviousConversation = useCallback(async (waveId: string) => {
     try {
@@ -384,6 +360,42 @@ export const App: React.FC = () => {
   // SSE subscription to focused wave
   const sse = useSSE(focusedWaveId);
 
+  // Load wave history into SSE events (for Panel Mode Stream tab)
+  const historyLoadingRef = useRef<string | null>(null);
+  const loadWaveHistoryEvents = useCallback(async (waveId: string) => {
+    // Guard: skip if already loading this wave or another load in progress
+    if (historyLoadingRef.current === waveId) return;
+    historyLoadingRef.current = waveId;
+
+    try {
+      const sessions = api.sessions.filter(s => s.waveId === waveId && s.roleId === 'ceo');
+      const allEvents: import('./api').SSEEvent[] = [];
+
+      for (const ses of sessions.slice(-2)) {
+        // Abort if wave changed during loading
+        if (historyLoadingRef.current !== waveId) return;
+        try {
+          const resp = await import('./api').then(m => m.fetchJson<{ events: any[] }>(`/api/jobs/${ses.id}/history`));
+          const events = resp?.events ?? [];
+          for (const e of events) {
+            if (['text', 'tool:start', 'msg:start', 'msg:done', 'msg:error', 'dispatch:start', 'thinking'].includes(e.type)) {
+              allEvents.push(e as import('./api').SSEEvent);
+            }
+          }
+        } catch { /* skip */ }
+      }
+
+      // Only apply if still on this wave
+      if (historyLoadingRef.current === waveId && allEvents.length > 0) {
+        sse.loadHistory(allEvents);
+      }
+    } catch { /* ignore */ } finally {
+      if (historyLoadingRef.current === waveId) {
+        historyLoadingRef.current = null;
+      }
+    }
+  }, [api.sessions, sse]);
+
   // Build org tree — flatRoleIds follows visual top-to-bottom order
   const roles = api.company?.roles ?? [];
   const statuses = api.execStatus?.statuses ?? {};