Experience · Frontend · Active

funnel frontend

React and Vite frontend for FunnerAI, using same-origin APIs, hash routing, TanStack Query and shared auth/http clients.

• React 19
• Vite
• Tailwind
• TanStack Query
• react-router-dom
• recharts

Spec sheet

Repository path

funnel-ia-engine/frontend

Runtime

React 19 + Vite

Public host

http://funnel.cs.lvh.me:8080

State and data

TanStack Query plus same-origin BFF calls

Responsibilities

• Render the product UI and login experience.
• Consume same-origin backend APIs and websocket events.
• Show agent execution status, output and terminal errors without calling Core services directly.
• Reuse shared auth and HTTP clients from platform-shared-packages.

Interfaces and contract surface

• GET / via funnel host
• Same-origin /api/auth/*
• Same-origin /api/agent/executions/:executionId
• Same-origin /socket.io

Consumers

• End users via browser

Dependencies and external touchpoints

• funnel backend
• @platform/auth-client
• @platform/http-client

Notes

• The frontend does not call Core services directly; it stays behind the product backend.

Source references

• funnel-ia-engine/frontend/package.json
• funnel-ia-engine/README.md