ndk123-web/flowframe ? reverse-engineered prompt

Build me a polished web app called FlowFrame that lets people design and explore distributed system diagrams by simulating how a request moves through each component frame by frame.

I want a landing page, a dashboard for workspaces and recent diagrams, a canvas where I can drag in system components, connect them, and watch the request path animate across the graph. It should also include a simple DSL editor so I can define architectures with text and turn them into visual diagrams. Add a few ready made scenarios, a learning area, and a docs page so someone new to system design can understand what they are looking at.

Please make it feel modern and smooth, with good motion, clear labels, and a clean dark friendly design. Use the backend API if available for sign in, workspaces, diagrams, and recent activity, and if not, keep the UI usable with local demo data so I can still explore it end to end.