50:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 51:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 52:Tc9b,"use client"; import { Canvas } from "@/components/ai-elements/canvas"; import { Edge } from "@/components/ai-elements/edge"; import { Node, NodeContent, NodeDescription, NodeFooter, NodeHeader, NodeTitle, } from "@/components/ai-elements/node"; import { nanoid } from "nanoid"; const nodeIds = { decision: nanoid(), output1: nanoid(), output2: nanoid(), process1: nanoid(), process2: nanoid(), start: nanoid(), }; const nodes = [ { data: { description: "Initialize workflow", handles: { source: true, target: false }, label: "Start", }, id: nodeIds.start, position: { x: 0, y: 0 }, type: "workflow", }, { data: { description: "Transform input", handles: { source: true, target: true }, label: "Process Data", }, id: nodeIds.process1, position: { x: 500, y: 0 }, type: "workflow", }, { data: { description: "Route based on conditions", handles: { source: true, target: true }, label: "Decision Point", }, id: nodeIds.decision, position: { x: 1000, y: 0 }, type: "workflow", }, { data: { description: "Handle success case", handles: { source: true, target: true }, label: "Success Path", }, id: nodeIds.output1, position: { x: 1500, y: -100 }, type: "workflow", }, { data: { description: "Handle error case", handles: { source: true, target: true }, label: "Error Path", }, id: nodeIds.output2, position: { x: 1500, y: 100 }, type: "workflow", }, { data: { description: "Finalize workflow", handles: { source: false, target: true }, label: "Complete", }, id: nodeIds.process2, position: { x: 2000, y: 0 }, type: "workflow", }, ]; const edges = [ { id: nanoid(), source: nodeIds.start, target: nodeIds.process1, type: "animated", }, { id: nanoid(), source: nodeIds.process1, target: nodeIds.decision, type: "animated", }, { id: nanoid(), source: nodeIds.decision, target: nodeIds.output1, type: "animated", }, { id: nanoid(), source: nodeIds.decision, target: nodeIds.output2, type: "temporary", }, { id: nanoid(), source: nodeIds.output1, target: nodeIds.process2, type: "animated", }, { id: nanoid(), source: nodeIds.output2, target: nodeIds.process2, type: "temporary", }, ]; const nodeTypes = { workflow: ({ data, }: { data: { label: string; description: string; handles: { target: boolean; source: boolean }; }; }) => ( {data.label} {data.description}

test

), }; const edgeTypes = { animated: Edge.Animated, temporary: Edge.Temporary, }; const Example = () => (