chore: commit workspace updates

web/test/canvas-agent-focus.test.ts

@@ -0,0 +1,41 @@
+import { describe, expect, test } from "bun:test";
+import { unobscuredCanvasArea, viewportForAgentNodes } from "@/lib/canvas/canvas-viewport";
+import { CanvasNodeType, type CanvasNodeData } from "@/types/canvas";
+
+const node = (id: string, x: number, y: number): CanvasNodeData => ({ id, type: CanvasNodeType.Text, title: id, position: { x, y }, width: 300, height: 200 });
+
+describe("Agent created node focus", () => {
+    test("pans to distant nodes without unnecessarily changing scale", () => {
+        const target = viewportForAgentNodes([node("new", 8000, -4000)], { x: 0, y: 0, k: 1 }, unobscuredCanvasArea({ width: 1200, height: 800 }))!;
+        expect(target.k).toBe(1);
+        expect(8150 * target.k + target.x).toBe(600);
+        expect(-3900 * target.k + target.y).toBe(400);
+    });
+
+    test("fits the whole new batch to the left of a right-side panel", () => {
+        const area = unobscuredCanvasArea({ width: 1200, height: 800 }, { left: 780, top: 40, right: 1180, bottom: 780 });
+        expect(area).toEqual({ left: 0, top: 0, right: 780, bottom: 800 });
+        const nodes = [node("a", 3000, 2000), node("b", 4400, 2700)];
+        const target = viewportForAgentNodes(nodes, { x: 0, y: 0, k: 1 }, area)!;
+        expect(target.k).toBeLessThan(1);
+        for (const item of nodes) {
+            expect(item.position.x * target.k + target.x).toBeGreaterThanOrEqual(area.left + 55);
+            expect((item.position.x + item.width) * target.k + target.x).toBeLessThanOrEqual(area.right - 55);
+            expect(item.position.y * target.k + target.y).toBeGreaterThanOrEqual(area.top + 55);
+            expect((item.position.y + item.height) * target.k + target.y).toBeLessThanOrEqual(area.bottom - 55);
+        }
+    });
+
+    test("adapts to panels moved to the left or bottom", () => {
+        expect(unobscuredCanvasArea({ width: 1200, height: 800 }, { left: 0, top: 0, right: 400, bottom: 800 }).left).toBe(400);
+        expect(unobscuredCanvasArea({ width: 1200, height: 800 }, { left: 0, top: 500, right: 1200, bottom: 800 }).bottom).toBe(500);
+    });
+
+    test("ignores offscreen overlays and handles fully covered narrow screens", () => {
+        const size = { width: 375, height: 600 };
+        const full = { left: 0, top: 0, right: 375, bottom: 600 };
+        expect(unobscuredCanvasArea(size, { left: 500, top: 0, right: 900, bottom: 600 })).toEqual(full);
+        expect(unobscuredCanvasArea(size, full)).toEqual(full);
+        expect(viewportForAgentNodes([], { x: 0, y: 0, k: 1 }, full)).toBeNull();
+    });
+});