How suyash23ag/orkio works
AgentSurf is a visual browser-automation platform, with appointments as a separate dashboard capability. The main workflow is: users edit a collaborative canvas, save and validate its graph, start a durable run, and inspect run activity or replay. The graph preserves documented execution, collaboration, and appointment stages; some links to unsampled UI and integration implementations are documented rather than verified in source excerpts.
Main entry points: actions.ts Workflow actions · service.ts Appointment service · data.ts Workflow data · run-workflow.ts Workflow run task
Components 30
Workflow product
- Dashboard
app/(dashboard)/page.tsx - Workflow page
app/(dashboard)/workflows/[id]/page.tsx - Workflow editor
features/workflows/components/workflow-shell.tsx - Canvas and nodes
features/workflows/components/canvas.tsx - Collaboration room
features/workflows/components/room.tsx - Run status and logs
features/workflows/components/workflow-runs-provider.tsx - Run details panels
features/workflows/components/logs-panel.tsx - Session replay UI
features/workflows/components/session-replay.tsx - Workflow actions
features/workflows/actions.ts
Execution runtime
- Workflow run task
features/workflows/tasks/run-workflow.ts - Node executor
features/workflows/nodes/node-executer.ts - Node registry
features/workflows/nodes/node-registry.ts - Browser action nodes
features/workflows/nodes - Email node
features/workflows/nodes/send-email.ts - Browserbase and Stagehand
- Trigger.dev
Appointments
- Appointments page
app/(dashboard)/appointments/page.tsx - Appointment dashboard
features/appointments/components/appointment-dashboard.tsx - Appointment actions
features/appointments/actions.ts - Appointment service
features/appointments/service.ts - Appointment queries
features/appointments/data.ts - Confirmation task
features/appointments/tasks/send-confirmation.ts - Resend
Persistence and services
- Workflow data
features/workflows/data.ts - Workflow records
lib/db/schema.ts - Liveblocks
lib/liveblocks.ts - Replay proxy
app/api/replays/[sessionId]/route.ts - Browser session replay
- Appointment records
lib/db/schema.ts
Other components
- User
Connections 36
- User → Dashboard: opens
- Dashboard → Workflow actions: creates workflow
app/(dashboard)/page.tsx - User → Canvas and nodes: edits graph
- Workflow page → Workflow data: loads workflow
app/(dashboard)/workflows/[id]/page.tsx - Workflow page → Collaboration room: opens room
app/(dashboard)/workflows/[id]/page.tsx - Workflow page → Run status and logs: provides run state
app/(dashboard)/workflows/[id]/page.tsx - Workflow editor → Canvas and nodes: renders editor
- Workflow editor → Run details panels: exposes controls
- Run status and logs → Run details panels: feeds run details
- Run details panels → Session replay UI: opens replay
- Workflow actions → Workflow data: saves graph
features/workflows/actions.ts - Workflow actions → Liveblocks: deletes room
features/workflows/actions.ts - Workflow actions → Trigger.dev: starts task
features/workflows/actions.ts - Workflow actions → Workflow run task: triggers
features/workflows/actions.ts - Workflow data → Workflow records: reads and writes
features/workflows/data.ts - Workflow data → Workflow records: stores graph
features/workflows/data.ts - Workflow run task → Workflow data: loads workflow
features/workflows/tasks/run-workflow.ts - Workflow run task → Node executor: executes nodes
features/workflows/tasks/run-workflow.ts - Workflow run task → Trigger.dev: reports run state
- Node executor → Node registry: selects executor
- Node executor → Browser action nodes: runs browser steps
- Node executor → Email node: runs email step
- Browser action nodes → Browserbase and Stagehand: automates browser
- Email node → Resend: sends email
- Collaboration room → Liveblocks: syncs room
- Session replay UI → Replay proxy: requests replay
- Replay proxy → Browser session replay: fetches session
- Appointments page → Appointment dashboard: renders
app/(dashboard)/appointments/page.tsx - Appointment dashboard → Appointment actions: books or manages
features/appointments/components/appointment-dashboard.tsx - Appointment actions → Appointment service: delegates
- Appointment service → Appointment queries: checks request key
features/appointments/service.ts - Appointment service → Appointment records: writes appointments
features/appointments/service.ts - Appointment queries → Appointment records: reads appointments
features/appointments/data.ts - Appointment service → Trigger.dev: queues confirmation
features/appointments/service.ts - Appointment service → Confirmation task: triggers task
features/appointments/service.ts - Confirmation task → Resend: sends confirmation