Support Widget

Embeddable support

An embeddable chat widget that floats over your app and answers from your help center. The launcher sits bottom-right; click it to open a streaming support conversation grounded in your docs — shown here over a sample dashboard.

Download ZIP

Live previewinteractive mock — no backend

localhost:3000Next.js

SSupport Widget

ProductPricingDocs

Embeddable support

Help, right where they are.

The assistant floats in the corner — click it to chat without leaving the page.

Support Widget

Try one — live mock, no backend.

Stack

Frontend

Next.js

Architecture

Standard RAG

Framework

langchain

Vector DB

chroma

Corpus

medium

Complexity

Moderate

How it works

Browser→

Next.js /api/chat (SSE)→

FastAPI /query→

Standard RAG

The frontend talks only to the backend; your API keys + pipeline URL stay server-side.

Get started

Option A · Docker Compose (one command)

cp .env.example .env        # add your API key(s)
docker compose up --build

Option B · Backend (manual)

cd backend
python -m venv .venv && source .venv/bin/activate
pip install -r requirements.txt
cp .env.example .env        # add your API key(s)
python pipeline.py ingest ./corpus
uvicorn serve:app --reload  # http://localhost:8000

Option B · Frontend (Next.js)

cd frontend
npm install
cp .env.local.example .env.local
npm run dev                 # http://localhost:3000

The downloaded README.md has the full guide — vector DB setup, API keys, and deployment to Render/Railway + Vercel.

Project structure24 backend · 15 frontend · 43 files total

backend/

.github/

workflows/

deploy.yml

connectors/

__init__.py

source_connector.py

eval/

__init__.py

README.md

run_eval.sh

synthetic_qa.py

test_answer_quality.py

test_retrieval.py

ingestion/

__init__.py

ingest.py

observability/

__init__.py

tracing.py

retrieval/

__init__.py

retriever.py

.env.example

config.yaml

docker-compose.yml

Dockerfile

pipeline.py

README.md

render.yaml

requirements.txt

serve.py

frontend/

app/

api/

chat/

route.ts

globals.css

layout.tsx

page.tsx

components/

Chat.tsx

FloatingChat.tsx

ThemeToggle.tsx

.env.local.example

.gitignore

Dockerfile

next.config.mjs

package.json

postcss.config.js

tailwind.config.ts

tsconfig.json

.env.example

.gitignore

docker-compose.yml

README.md

Ready to build?

Download the full monorepo and follow the README.

Download ZIP