@agenticmail/enterprise 0.5.255 → 0.5.256

package/dist/dashboard/pages/task-pipeline.js

@@ -121,15 +121,17 @@ function layoutChains(tasks) {
     y += maxH + V_GAP + 8; // space between chains
   });
 
-  // Layout orphans as simple rows per agent
-  orphansByAgent.forEach(function(agentTasks, agentId) {
+  // Layout orphans horizontally in a single row (with wrap if too many)
+  var orphanList = [];
+  orphansByAgent.forEach(function(agentTasks) { orphanList = orphanList.concat(agentTasks); });
+  if (orphanList.length > 0) {
     var x = PAD;
-    agentTasks.forEach(function(t) {
+    orphanList.forEach(function(t) {
       allNodes.push({ id: t.id, task: t, x: x, y: y, w: NODE_W, h: NODE_H, isAgent: false, chainId: null });
       x += NODE_W + H_GAP;
     });
     y += NODE_H + V_GAP;
-  });
+  }
 
   var maxX = 0;
   allNodes.forEach(function(n) { maxX = Math.max(maxX, n.x + n.w); });
@@ -707,11 +709,11 @@ export function TaskPipelinePage() {
     // Canvas
     h('div', {
       ref: containerRef,
-      style: { flex: 1, overflow: 'hidden', cursor: dragging ? 'grabbing' : 'grab', position: 'relative' },
+      style: { flex: 1, overflow: 'auto', cursor: dragging ? 'grabbing' : 'grab', position: 'relative' },
       onMouseDown: handleMouseDown,
       onWheel: handleWheel,
     },
-      h('div', { style: { transform: 'translate(' + pan.x + 'px, ' + pan.y + 'px) scale(' + zoom + ')', transformOrigin: '0 0', position: 'absolute', top: 0, left: 0 } },
+      h('div', { style: { transform: 'translate(' + pan.x + 'px, ' + pan.y + 'px) scale(' + zoom + ')', transformOrigin: '0 0', position: 'relative', minWidth: (treeW + PAD * 2) * zoom, minHeight: (treeH + PAD * 2) * zoom } },
 
         // Chain labels (left side)
         chainInfos.map(function(ci, i) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agenticmail/enterprise",
-  "version": "0.5.255",
+  "version": "0.5.256",
   "description": "AgenticMail Enterprise — cloud-hosted AI agent identity, email, auth & compliance for organizations",
   "type": "module",
   "bin": {

package/src/dashboard/pages/task-pipeline.js

@@ -121,15 +121,17 @@ function layoutChains(tasks) {
     y += maxH + V_GAP + 8; // space between chains
   });
 
-  // Layout orphans as simple rows per agent
-  orphansByAgent.forEach(function(agentTasks, agentId) {
+  // Layout orphans horizontally in a single row (with wrap if too many)
+  var orphanList = [];
+  orphansByAgent.forEach(function(agentTasks) { orphanList = orphanList.concat(agentTasks); });
+  if (orphanList.length > 0) {
     var x = PAD;
-    agentTasks.forEach(function(t) {
+    orphanList.forEach(function(t) {
       allNodes.push({ id: t.id, task: t, x: x, y: y, w: NODE_W, h: NODE_H, isAgent: false, chainId: null });
       x += NODE_W + H_GAP;
     });
     y += NODE_H + V_GAP;
-  });
+  }
 
   var maxX = 0;
   allNodes.forEach(function(n) { maxX = Math.max(maxX, n.x + n.w); });
@@ -707,11 +709,11 @@ export function TaskPipelinePage() {
     // Canvas
     h('div', {
       ref: containerRef,
-      style: { flex: 1, overflow: 'hidden', cursor: dragging ? 'grabbing' : 'grab', position: 'relative' },
+      style: { flex: 1, overflow: 'auto', cursor: dragging ? 'grabbing' : 'grab', position: 'relative' },
       onMouseDown: handleMouseDown,
       onWheel: handleWheel,
     },
-      h('div', { style: { transform: 'translate(' + pan.x + 'px, ' + pan.y + 'px) scale(' + zoom + ')', transformOrigin: '0 0', position: 'absolute', top: 0, left: 0 } },
+      h('div', { style: { transform: 'translate(' + pan.x + 'px, ' + pan.y + 'px) scale(' + zoom + ')', transformOrigin: '0 0', position: 'relative', minWidth: (treeW + PAD * 2) * zoom, minHeight: (treeH + PAD * 2) * zoom } },
 
         // Chain labels (left side)
         chainInfos.map(function(ci, i) {