agentdev-webui 1.1.2 → 1.1.3

package/package.json

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

package/public/js/app.js

@@ -32,6 +32,8 @@ let projectsList = [];
 let lastAgentsList = [];
 let lastHistoryList = [];
 let lastTodosList = [];
+// 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;
 
@@ -1018,6 +1020,26 @@ 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 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 = '';
       setTimeout(closeCreateTicketModal, 2000);
     } else {
@@ -1488,6 +1510,19 @@ const STATUS_COLORS = { 'Todo': '#4ade80', 'In Progress': '#fbbf24', 'test': '#6
 const STATUS_ORDER = ['Todo', 'In Progress', 'test', 'Done'];
 
 function updateTodoTickets(list) {
+  // Merge pending optimistic tickets into SSE data
+  for (const [key, entry] of pendingOptimisticTickets) {
+    const [repo, num] = key.split(':');
+    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); // Keep optimistic ticket visible
+    }
+  }
+
   // Store raw data for re-filtering
   lastTodosList = list;