rithish288/cf_ai_cloudflare_support_agent

How rithish288/cf_ai_cloudflare_support_agent works

This is a Cloudflare Workers AI support-chat application. Customers chat through a React UI; the agent streams model responses, identifies customers, classifies and escalates issues, manages tickets, and retrieves Cloudflare documentation. An admin dashboard polls ticket and statistics APIs. The excerpts show the ticket, cache, and model integrations; some routing and frontend-to-agent details are supported by the README, while implementation details not sampled are omitted.

Main entry points: server.ts Chat Agent · app.tsx App Shell · chat.tsx Chat UI · ticketModule.ts Ticket Operations

Components 16

Customer and Admin UI

App Shell src/app.tsx
Chat UI src/chat.tsx
Theme Toggle src/themeToggle.tsx
Admin Dashboard src/admin.tsx
React Entry src/client.tsx

Agent Runtime

Worker Router src/server.ts
Chat Agent src/server.ts

Support Data

Ticket Tools src/server.ts
Ticket Operations src/ticketModule.ts
D1 Tickets

Documentation Retrieval

Docs Lookup src/server.ts
Docs Routes src/docs-routes.ts
Docs Cache

Other components

Customer
Workers AI
Cloudflare Docs

Connections 18

Customer → Chat UI: sends message README.md
App Shell → Chat UI: renders src/app.tsx
App Shell → Admin Dashboard: renders src/app.tsx
App Shell → Theme Toggle: renders src/app.tsx
React Entry → App Shell: mounts src/client.tsx
Chat UI → Chat Agent: WebSocket chat README.md
Admin Dashboard → Worker Router: fetches APIs src/admin.tsx
Worker Router → Chat Agent: routes requests src/server.ts
Chat Agent → Workers AI: streams generation src/server.ts
Chat Agent → Ticket Tools: registers tools src/server.ts
Ticket Tools → Ticket Operations: calls operations src/server.ts
Ticket Operations → D1 Tickets: reads and writes src/ticketModule.ts
Worker Router → Ticket Operations: queries tickets src/server.ts
Worker Router → D1 Tickets: queries tickets README.md
Chat Agent → Docs Lookup: fetches docs README.md
Docs Lookup → Docs Routes: resolves routes src/server.ts
Docs Lookup → Docs Cache: reads and writes src/server.ts
Docs Lookup → Cloudflare Docs: fetches on miss README.md

Drawn by GitDiagram on November 14, 2026 from the repository's file tree, README and source files. Read as Markdown ·