@zintrust/queue-monitor 0.4.60 → 0.4.63

package/dist/QueueMonitoringService.js

@@ -47,10 +47,6 @@ const pushSnapshot = async (subscription) => {
 const startPolling = (subscription) => {
     if (subscription.interval)
         return;
-    Logger.debug('Starting QueueMonitoringService polling', {
-        queue: subscription.config.queue || null,
-        pattern: subscription.config.pattern,
-    });
     void pushSnapshot(subscription);
     subscription.interval = setInterval(() => {
         void pushSnapshot(subscription);
@@ -59,10 +55,6 @@ const startPolling = (subscription) => {
 const stopPolling = (subscription) => {
     if (!subscription.interval)
         return;
-    Logger.debug('Stopping QueueMonitoringService polling', {
-        queue: subscription.config.queue || null,
-        pattern: subscription.config.pattern,
-    });
     clearInterval(subscription.interval);
     subscription.interval = null;
 };

package/dist/build-manifest.json

@@ -1,14 +1,14 @@
 {
   "name": "@zintrust/queue-monitor",
-  "version": "0.4.60",
-  "buildDate": "2026-04-05T07:02:46.309Z",
+  "version": "0.4.63",
+  "buildDate": "2026-04-05T13:12:54.428Z",
   "buildEnvironment": {
     "node": "v22.22.1",
     "platform": "darwin",
     "arch": "arm64"
   },
   "git": {
-    "commit": "be058c1d",
+    "commit": "533afc24",
     "branch": "release"
   },
   "package": {
@@ -29,8 +29,8 @@
       "sha256": "26a91f1b41d8a976a9e8fabaedc3fe6dc955c700499f0afc1a16fb91c9848665"
     },
     "QueueMonitoringService.js": {
-      "size": 7011,
-      "sha256": "23cfc989a6e6926224e3507cb2fad5e6e884070406ca9cf58644536b63a52eb7"
+      "size": 6679,
+      "sha256": "edd069c1229071078223cd23cbb7bdae9cbb2431ae603ab35f0cfcb7cd1f6ffe"
     },
     "api/workerClient.d.ts": {
       "size": 597,
@@ -41,8 +41,8 @@
       "sha256": "60f993a42f4a9dd5000b01dae3b0f105a8f4348da8433a735b5cc1929a8f64ce"
     },
     "build-manifest.json": {
-      "size": 3865,
-      "sha256": "c2769a76a31b33d2de31cb3281ada6e5e41c31c26e4477c05617d02bebaa64af"
+      "size": 3866,
+      "sha256": "0419f514ce1ea9da7a111680fc03af009afce9a11c61bb909f53e42a09b61690"
     },
     "config/queueMonitor.d.ts": {
       "size": 407,
@@ -73,8 +73,8 @@
       "sha256": "1b487b6e9cedbcb00cde7e920fb128724cb21aa154160e0bd02b02e2a0bd7334"
     },
     "dashboard-ui.js": {
-      "size": 51371,
-      "sha256": "955df86422fd6cda793ade860394744cfdb9217ecc7a841ac89dc7027433b834"
+      "size": 53771,
+      "sha256": "530bdfba8deed3b881ab2b7ea6190b9a521bf4bdcc5a08a386a71b4c031ccb56"
     },
     "driver.d.ts": {
       "size": 707,
@@ -90,7 +90,7 @@
     },
     "index.js": {
       "size": 12811,
-      "sha256": "a3691ff87403fc468c86efec2d907b45c5c8a642e75a6e6ecf29bdaaf3d220ed"
+      "sha256": "eed486a0813866e41d75bac10fdbaba27091d6a07b32561c6176663e9a7dc510"
     },
     "metrics.d.ts": {
       "size": 868,

package/dist/dashboard-ui.js

@@ -420,42 +420,49 @@ const getRenderStatsFunction = () => `
                 grid.removeChild(grid.lastElementChild);
             }
         }`;
-const getUpdateQueueSelectFunction = () => `
-        function updateQueueSelect(queues) {
-            const select = document.getElementById('queue-select');
+const getUpdateQueueSelectHelpersFunction = () => `
+        function formatQueueOptionCounts(counts) {
+            return counts.waiting + ' waiting, ' + counts.failed + ' failed, ' + counts.completed + ' completed';
+        }
+
+        function getPreferredQueue(select) {
             const storedQueue = localStorage.getItem(QUEUE_KEY);
-            const preferredQueue = currentQueue || select.value || storedQueue || '';
+            return currentQueue || select.value || storedQueue || '';
+        }
 
-            if (queues.length === 0) {
-                select.disabled = true;
-                if (select.options.length !== 1 || select.options[0].value !== '' || select.options[0].textContent !== 'No queues') {
-                    select.innerHTML = '<option value="">No queues</option>';
-                }
-                return '';
+        function getEmptyQueueSelection(select) {
+            select.disabled = true;
+            if (select.options.length !== 1 || select.options[0].value !== '' || select.options[0].textContent !== 'No queues') {
+                select.innerHTML = '<option value="">No queues</option>';
             }
+            return '';
+        }
 
-            const queueNames = queues.map(q => q.name);
+        function getDesiredQueueOptions(queues) {
             const totalWaiting = queues.reduce((acc, queue) => acc + queue.counts.waiting, 0);
             const totalFailed = queues.reduce((acc, queue) => acc + queue.counts.failed, 0);
+            const totalCompleted = queues.reduce((acc, queue) => acc + queue.counts.completed, 0);
 
-            const nextQueue = preferredQueue === ALL_QUEUES || queueNames.includes(preferredQueue)
-                ? preferredQueue
-                : queueNames[0];
-            const desiredOptions = [
+            return [
                 {
                     value: ALL_QUEUES,
-                    text: 'All queues (' + totalWaiting + ' waiting, ' + totalFailed + ' failed)'
+                    text: 'All queues (' + totalWaiting + ' waiting, ' + totalFailed + ' failed, ' + totalCompleted + ' completed)'
                 },
                 ...queues.map(q => ({
                     value: q.name,
-                    text: q.name + ' (' + q.counts.waiting + ' waiting, ' + q.counts.failed + ' failed)'
+                    text: q.name + ' (' + formatQueueOptionCounts(q.counts) + ')'
                 }))
             ];
+        }
 
+        function syncQueueSelectOptions(select, desiredOptions) {
             const existingOptions = new Map();
             Array.from(select.options).forEach(option => {
                 existingOptions.set(option.value, option);
             });
+            const existingValues = Array.from(select.options).map(option => option.value);
+            const desiredValues = desiredOptions.map(option => option.value);
+            const needsStructuralSync = existingValues.length !== desiredValues.length || desiredValues.some((value, index) => existingValues[index] !== value);
 
             select.disabled = false;
 
@@ -466,33 +473,70 @@ const getUpdateQueueSelectFunction = () => `
                     option.value = item.value;
                 }
 
-                option.textContent = item.text;
-                option.selected = item.value === nextQueue;
-
-                const currentAtIndex = select.options[index];
-                if (currentAtIndex !== option) {
-                    select.appendChild(option);
+                if (option.textContent !== item.text) {
+                    option.textContent = item.text;
                 }
-            });
 
-            Array.from(select.options).forEach(option => {
-                if (!desiredOptions.some(item => item.value === option.value)) {
-                    option.remove();
+                if (needsStructuralSync) {
+                    const currentAtIndex = select.options[index];
+                    if (currentAtIndex !== option) {
+                        select.insertBefore(option, currentAtIndex || null);
+                    }
                 }
             });
 
-            select.value = nextQueue;
+            if (needsStructuralSync) {
+                Array.from(select.options).forEach(option => {
+                    if (!desiredOptions.some(item => item.value === option.value)) {
+                        option.remove();
+                    }
+                });
+            }
+        }
+`;
+const getUpdateQueueSelectFunction = () => `
+
+        function updateQueueSelect(queues) {
+            const select = document.getElementById('queue-select');
+            const preferredQueue = getPreferredQueue(select);
+
+            if (queues.length === 0) {
+                return getEmptyQueueSelection(select);
+            }
+
+            const queueNames = queues.map(q => q.name);
+            const nextQueue = preferredQueue === ALL_QUEUES || queueNames.includes(preferredQueue)
+                ? preferredQueue
+                : queueNames[0];
+            const desiredOptions = getDesiredQueueOptions(queues);
+
+            if (document.activeElement === select) {
+                return nextQueue;
+            }
+
+            syncQueueSelectOptions(select, desiredOptions);
+
+            if (select.value !== nextQueue) {
+                select.value = nextQueue;
+            }
             return nextQueue;
         }`;
 const getRenderJobsStateFunction = () => `
         // Track expanded job IDs to preserve state during SSE updates
         let expandedJobIds = new Set();
 `;
-const getRenderJobsDetailHelpersFunction = () => `
+const getRenderJobsIdentityHelpersFunction = () => `
         function getJobId(job) {
             return String(job.id);
         }
 
+        function getAdjacentJobDetailRow(row) {
+            const existingDetail = row.nextElementSibling;
+            return existingDetail && existingDetail.classList.contains('detail-row')
+                ? existingDetail
+                : null;
+        }
+
         function getJobStatusInfo(job) {
             const status = (job.status || (job.failedReason ? 'failed' : 'completed')).toLowerCase();
             const statusMap = {
@@ -514,6 +558,8 @@ const getRenderJobsDetailHelpersFunction = () => `
             }
             return '<span style="color: var(--muted); font-size: 11px;">—</span>';
         }
+`;
+const getRenderJobsDetailRowHelpersFunction = () => `
 
         function buildJobDetailMarkup(job) {
             const jobData = {
@@ -539,17 +585,13 @@ const getRenderJobsDetailHelpersFunction = () => `
         }
 
         function removeJobDetailRow(row) {
-            const existingDetail = row.nextElementSibling;
-            if (existingDetail && existingDetail.classList.contains('detail-row')) {
+            const existingDetail = getAdjacentJobDetailRow(row);
+            if (existingDetail) {
                 existingDetail.remove();
             }
         }
 
-        function upsertJobDetailRow(row, job, parent) {
-            const existingDetail = row.nextElementSibling && row.nextElementSibling.classList.contains('detail-row')
-                ? row.nextElementSibling
-                : null;
-
+        function buildOrUpdateJobDetailRow(job, existingDetail) {
             let detailRow = existingDetail;
             if (!detailRow) {
                 detailRow = document.createElement('tr');
@@ -558,13 +600,22 @@ const getRenderJobsDetailHelpersFunction = () => `
 
             detailRow.dataset.jobId = getJobId(job);
             detailRow.innerHTML = buildJobDetailMarkup(job);
+            return detailRow;
+        }
+
+        function upsertJobDetailRow(row, job, parent) {
+            const detailRow = buildOrUpdateJobDetailRow(job, getAdjacentJobDetailRow(row));
 
             if (parent) {
                 parent.appendChild(detailRow);
             } else {
                 row.parentNode.insertBefore(detailRow, row.nextSibling);
             }
+
+            return detailRow;
         }
+`;
+const getRenderJobsEmptyStateFunction = () => `
 
         function ensureEmptyJobsState(tbody) {
             if (
@@ -622,6 +673,15 @@ const getRenderJobsRowHelpersFunction = () => `
             return rows;
         }
 
+        function getExistingJobDetailRows(tbody) {
+            const rows = new Map();
+            Array.from(tbody.querySelectorAll('tr.detail-row')).forEach(row => {
+                const jobId = row.dataset.jobId;
+                if (jobId) rows.set(jobId, row);
+            });
+            return rows;
+        }
+
         function removeObsoleteJobRows(tbody, currentJobIds) {
             Array.from(tbody.querySelectorAll('tr.expandable-row')).forEach(row => {
                 const jobId = row.dataset.jobId || row.querySelector('code')?.textContent;
@@ -644,9 +704,9 @@ const getRenderJobsFunction = () => `
             }
 
             const currentJobIds = new Set(jobList.map(job => getJobId(job)));
-            removeObsoleteJobRows(tbody, currentJobIds);
-
             const existingRows = getExistingJobRows(tbody);
+            const existingDetailRows = getExistingJobDetailRows(tbody);
+            const fragment = document.createDocumentFragment();
 
             jobList.forEach((job, idx) => {
                 const jobId = getJobId(job);
@@ -657,15 +717,14 @@ const getRenderJobsFunction = () => `
                     updateExistingJobRow(row, job, idx);
                 }
 
-                tbody.appendChild(row);
+                fragment.appendChild(row);
                 if (expandedJobIds.has(jobId)) {
-                    upsertJobDetailRow(row, job, tbody);
-                } else {
-                    removeJobDetailRow(row);
+                    fragment.appendChild(buildOrUpdateJobDetailRow(job, existingDetailRows.get(jobId)));
                 }
             });
 
             expandedJobIds = new Set([...expandedJobIds].filter(id => currentJobIds.has(id)));
+            tbody.replaceChildren(fragment);
         }`;
 const getRenderLocksFunction = () => `
     // Track expanded lock keys to preserve state during SSE updates
@@ -1159,9 +1218,12 @@ const getDashboardScriptFetch = () => `
 `;
 const getDashboardScriptRender = () => [
     getRenderStatsFunction(),
+    getUpdateQueueSelectHelpersFunction(),
     getUpdateQueueSelectFunction(),
     getRenderJobsStateFunction(),
-    getRenderJobsDetailHelpersFunction(),
+    getRenderJobsIdentityHelpersFunction(),
+    getRenderJobsDetailRowHelpersFunction(),
+    getRenderJobsEmptyStateFunction(),
     getRenderJobsRowHelpersFunction(),
     getRenderJobsFunction(),
     getRenderLocksFunction(),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zintrust/queue-monitor",
-  "version": "0.4.60",
+  "version": "0.4.63",
   "description": "Queue monitoring package for ZinTrust with BullMQ and Redis.",
   "private": false,
   "type": "module",
@@ -20,7 +20,7 @@
     "node": ">=20.0.0"
   },
   "peerDependencies": {
-    "@zintrust/core": "^0.4.60"
+    "@zintrust/core": "^0.4.63"
   },
   "publishConfig": {
     "access": "public"