Implement agent node functionality in canvas, including connection policies and UI updates. Add support for agent node type in node catalog, templates, and connection validation. Update documentation to reflect new agent capabilities and ensure proper handling of input sources. Enhance adjustment preview to include crop node. Add tests for agent connection policies.

lib/canvas-utils.ts

@@ -120,6 +120,7 @@ const SOURCE_NODE_GLOW_RGB: Record<string, readonly [number, number, number]> =
   "detail-adjust": [99, 102, 241],
   crop: [139, 92, 246],
   render: [14, 165, 233],
+  agent: [245, 158, 11],
 };
 
 /** Compare: Ziel-Handles blau/smaragd, Quelle compare-out grau (wie in compare-node.tsx). */
@@ -227,6 +228,7 @@ export const NODE_HANDLE_MAP: Record<
   "detail-adjust": { source: undefined, target: undefined },
   crop: { source: undefined, target: undefined },
   render: { source: undefined, target: undefined },
+  agent: { target: "agent-in" },
 };
 
 /**
@@ -276,6 +278,11 @@ export const NODE_DEFAULTS: Record<
     height: 420,
     data: { outputResolution: "original", format: "png", jpegQuality: 90 },
   },
+  agent: {
+    width: 360,
+    height: 320,
+    data: { templateId: "campaign-distributor" },
+  },
 };
 
 type MediaNodeKind = "asset" | "image";