agentdev-webui 1.1.1 → 1.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentdev-webui",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "description": "Multi-agent workflow dashboard for auto-ticket processing",
   "main": "server.js",
   "bin": {

package/public/js/app.js

@@ -32,7 +32,8 @@ let projectsList = [];
 let lastAgentsList = [];
 let lastHistoryList = [];
 let lastTodosList = [];
-const optimisticTickets = new Map(); // "repo:number" → { ticket, created: Date.now() }
+// Track optimistic tickets that were just created but may not be in SSE data yet
+const pendingOptimisticTickets = new Map(); // "repo:number" → { ticket, created }
 
 let firstProjectMode = false;
 
@@ -1019,19 +1020,24 @@ async function createTicket() {
       formStatus.innerHTML = 'Ticket <a href="' + data.url + '" target="_blank">#' + data.number + '</a> created and added to project!';
       formStatus.className = 'form-status visible success';
 
-      // Optimistic update: track separately so SSE broadcasts don't wipe it
-      const ticketRepo = data.repo || repo;
-      optimisticTickets.set(ticketRepo + ':' + data.number, {
-        ticket: {
-          number: data.number,
-          repo: ticketRepo,
-          title: title,
-          status: 'Todo',
-          hasClaude: true,
-          project_id: currentProjectId
-        },
-        created: Date.now()
-      });
+      // Optimistic injection: add ticket to board immediately so it doesn't
+      // disappear when an SSE broadcast arrives before GitHub indexes it
+      const optimisticTicket = {
+        number: data.number,
+        repo: data.repo || repo,
+        title: title,
+        body: body,
+        state: 'OPEN',
+        status: 'Todo',
+        hasClaude: body.toLowerCase().includes('@claude'),
+        project_id: currentProjectId || null,
+        author: '',
+        createdAt: new Date().toISOString(),
+        comments: []
+      };
+      const optKey = (data.repo || repo) + ':' + data.number;
+      pendingOptimisticTickets.set(optKey, { ticket: optimisticTicket, created: Date.now() });
+      lastTodosList.push(optimisticTicket);
       updateTodoTickets(lastTodosList);
 
       ticketDescription.value = '';
@@ -1504,18 +1510,16 @@ const STATUS_COLORS = { 'Todo': '#4ade80', 'In Progress': '#fbbf24', 'test': '#6
 const STATUS_ORDER = ['Todo', 'In Progress', 'test', 'Done'];
 
 function updateTodoTickets(list) {
-  // Merge optimistic tickets: remove confirmed, expire old, add remaining
-  for (const [key] of optimisticTickets) {
+  // Merge pending optimistic tickets into SSE data
+  for (const [key, entry] of pendingOptimisticTickets) {
     const [repo, num] = key.split(':');
-    if (list.some(t => t.repo === repo && t.number === parseInt(num))) {
-      optimisticTickets.delete(key);
-    }
-  }
-  for (const [key, entry] of optimisticTickets) {
-    if (Date.now() - entry.created > 60000) {
-      optimisticTickets.delete(key);
+    const numInt = parseInt(num);
+    if (list.some(t => t.repo === repo && t.number === numInt)) {
+      pendingOptimisticTickets.delete(key); // Confirmed by server
+    } else if (Date.now() - entry.created > 60000) {
+      pendingOptimisticTickets.delete(key); // Expired after 60s
     } else {
-      list.push(entry.ticket);
+      list.push(entry.ticket); // Keep optimistic ticket visible
     }
   }
 

package/server.js

@@ -273,6 +273,10 @@ async function resolveProjectToken(project) {
   return process.env.GH_TOKEN || process.env.GITHUB_DEFAULT_TOKEN || null;
 }
 
+// Track recently created tickets server-side so SSE broadcasts include them
+// even before GitHub indexes them (avoids optimistic update flicker)
+const recentlyCreatedTickets = new Map(); // "repo:number" → { ticket, created }
+
 async function broadcastTodoTickets() {
   try {
     let allTickets = [];
@@ -305,6 +309,19 @@ async function broadcastTodoTickets() {
       allTickets = await github.fetchProjectTickets();
     }
 
+    // Merge recently created tickets that GitHub hasn't indexed yet
+    for (const [key, entry] of recentlyCreatedTickets) {
+      const [repo, num] = key.split(':');
+      const numInt = parseInt(num);
+      if (allTickets.some(t => t.repo === repo && t.number === numInt)) {
+        recentlyCreatedTickets.delete(key); // Confirmed by GitHub
+      } else if (Date.now() - entry.created > 60000) {
+        recentlyCreatedTickets.delete(key); // Expired after 60s
+      } else {
+        allTickets.push(entry.ticket); // Add to broadcast
+      }
+    }
+
     broadcast({ type: 'todos', list: allTickets });
   } catch (error) {
     console.error('Error broadcasting project tickets:', error.message);
@@ -1161,6 +1178,25 @@ http.createServer(async (req, res) => {
           console.log('Ticket #' + issue.number + ' added to database');
         }
 
+        // Track the newly created ticket so SSE broadcasts include it
+        // even before GitHub indexes it
+        recentlyCreatedTickets.set(repo + ':' + issue.number, {
+          ticket: {
+            number: issue.number,
+            repo: repo,
+            title: title,
+            body: ticketBody,
+            state: 'OPEN',
+            status: 'Todo',
+            hasClaude: ticketBody.includes('@claude'),
+            project_id: projectId,
+            author: user?.username || 'unknown',
+            createdAt: new Date().toISOString(),
+            comments: []
+          },
+          created: Date.now()
+        });
+
         // Clear cache and broadcast updated board immediately
         github.clearTicketCache();
         broadcastTodoTickets();