Back to Portfolio
AI/Automation

AI Support Engineer — AI-Powered Customer Support Copilot

Next.js 15TypeScriptPostgreSQLpgvectorOpenAIClerkTailwind CSSPrismaVitestPlaywright
AI Support Engineer landing page

The landing page — AI-powered support engineer copilot

Support agents waste hours searching for similar resolved tickets and drafting replies from scratch — this copilot surfaces relevant cases instantly and generates ready-to-send drafts, without replacing the agent's judgment.

Reduces handle timeAugments agents, not replacesPII-safe by designVector similarity searchMulti-tone AI drafts

The AI Support Engineer is a copilot built to augment — not replace — customer support agents. It integrates directly with an existing CRM workflow, adding AI-powered analysis, similarity search, and draft generation without changing how agents interact with tickets.

When a new ticket arrives, the system uses GPT-4o-mini to extract key signals, form hypotheses about the root cause, and suggest clarifying questions. Simultaneously, pgvector-powered similarity search surfaces past resolved cases that match the current issue, giving agents instant context.

Agents can generate reply drafts in multiple tones — Professional, Friendly, Concise, or Surfer — and the system includes PII redaction, a RAG-powered knowledge base for internal documentation, and a complete audit trail of every AI action taken.

Key Features

Ticket Queue & Triage

A sortable ticket queue displays all open issues with customer name, product area, priority level, and status at a glance — giving agents instant visibility into what needs attention.

Ticket Queue & Triage

Ticket Interface with AI Copilot

Each ticket opens a full conversation view alongside the AI Copilot sidebar. Agents see the full customer thread, ticket metadata, and AI-powered actions — Analyze Ticket, Suggest Next Steps, and Run Demo — without leaving the page.

Ticket Interface with AI Copilot

AI Copilot Panel

The AI Copilot provides one-click ticket analysis, next-step suggestions, status management, multi-tone draft generation, a free-form question box, and automatic similar case retrieval — all powered by OpenAI.

AI Copilot Panel

Multi-Tone Reply Generation

Generate customer reply drafts in multiple tones — Professional, Friendly, Concise, Yoda, and more. Drafts can be saved, copied, or marked as sent directly from the copilot panel.

Multi-Tone Reply Generation

Vector Similarity Search

pgvector with HNSW indexing surfaces similar resolved cases in real time, so agents can reference past solutions without manual searching.

PII Redaction & Audit Trail

All AI-generated content passes through PII redaction before being surfaced to agents, and every action is logged with a complete audit trail.

Screenshots

Ticket queue with priority and status columns
The ticket queue showing all open issues with priority, status, and product area
Ticket detail view with AI Copilot sidebar
Full ticket conversation with the AI Copilot sidebar for analysis and draft generation
AI Copilot panel close-up
The AI Copilot panel — ticket analysis, status controls, draft generation, and similar case search
AI-generated customer reply in Yoda tone
Multi-tone reply generation with save, copy, and mark-as-sent actions