Docs/Showcase
Live Demo

Smart Support Dashboard

A reference implementation of a real-world support application built with the Sutraworks Client AI SDK.

Overview

The Smart Support Dashboard demonstrates how to build a secure, client-side AI application using the BYOK (Bring Your Own Key) architecture. It features three main AI capabilities:

  • Sentiment Analysis: Automatically tagging tickets based on customer tone.
  • Priority Classification: Assessing urgency from ticket content.
  • Auto-Response Drafting: Generating context-aware email replies.

All of these features run entirely in the browser. The API keys are stored in `sessionStorage` and never transmitted to our servers.

Architecture

User Browser
Direct API Calls
OpenAI / Anthropic
❌ No Backend Middleware Required

Code Highlights

1. Initializing the Client

import { SutraAI } from '@sutraworks/client-ai-sdk'; const client = new SutraAI(); await client.setKey("openai", apiKey);

2. Generating a Response

const result = await client.chat({ provider: "openai", model: "gpt-4o", messages: [{ role: "system", content: "You are a support agent. Draft a reply..." }, { role: "user", content: ticketMetadata }] });