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.

components/canvas/canvas-node-template-picker.tsx

@@ -5,6 +5,8 @@ import {
   Frame,
   Focus,
   GitCompare,
+  Crop as CropIcon,
+  Bot,
   ImageDown,
   Image,
   Package,
@@ -28,12 +30,14 @@ const NODE_ICONS: Record<CanvasNodeTemplate["type"], LucideIcon> = {
   text: Type,
   prompt: Sparkles,
   "video-prompt": Video,
+  agent: Bot,
   note: StickyNote,
   frame: Frame,
   compare: GitCompare,
   group: FolderOpen,
   asset: Package,
   video: Video,
+  crop: CropIcon,
   curves: Sparkles,
   "color-adjust": Palette,
   "light-adjust": Sun,
@@ -48,12 +52,14 @@ const NODE_SEARCH_KEYWORDS: Partial<
   text: ["text", "typo"],
   prompt: ["prompt", "ai", "generate", "ki-bild", "ki", "bild"],
   "video-prompt": ["video", "ai", "ki-video", "ki", "prompt"],
+  agent: ["agent", "campaign", "distribution", "social"],
   note: ["note", "sticky", "notiz"],
   frame: ["frame", "artboard"],
   compare: ["compare", "before", "after", "vergleich"],
   group: ["group", "gruppe", "folder"],
   asset: ["asset", "freepik", "stock"],
   video: ["video", "pexels", "clip"],
+  crop: ["crop", "resize", "ratio"],
   curves: ["curves", "tone", "contrast"],
   "color-adjust": ["color", "hue", "saturation"],
   "light-adjust": ["light", "exposure", "brightness"],