yardim-support Svelte Themes

Yardim Support

Yardım — AI destekli müşteri destek workspace'i (Türkçe NLP, multi-channel, Svelte 5)

Yardım

Yardım

AI destekli müşteri destek workspace'i — Email, WhatsApp, Telegram ve Web Form ticket'larını tek panelde toplar; Türkçe NLP ile otomatik kategori tahmini, cevap önerisi ve SLA takibi sunar.

▸ Live demo · ▸ Portfolyo · ▸ Diğer demolar


Yardım hero

Genel bakış

Yardım, KOBİ ve e-ticaret ekiplerinin müşteri taleplerini dağınık inbox'lardan kurtarıp tek tutarlı bir destek workspace'inde toplaması için tasarlandı. AI sınıflama (kategori + öncelik tahmini), cevap önerisi ve SLA takibi varsayılan akışta gelir.

Demo tamamen browser-only çalışır; gerçek deploy'da Cloudflare Worker + D1 (multi-tenant) veya self-hosted Rust/Axum + Postgres kombinasyonu önerilir. Türkçe pazarda Intercom/Zendesk karşılığı eksik bir niş.

Özellikler

  • Multi-channel inbox — Email, WhatsApp Business, Telegram, Web Form aynı timeline'da
  • AI Triage — her ticket %55-98 confidence ile 6 kategoriden birine otomatik atanır
  • Cevap önerisi — kategori-aware Türkçe template + ajan adı/müşteri adı injection, OpenRouter free chain
  • Status flow — Yeni → Açık → Bekleyen → Çözüldü, tek tıkla geçiş
  • Öncelik etiketleri — Düşük / Normal / Yüksek / Acil; Acil olanlar görsel olarak öne çıkar
  • Ajan ataması — manuel veya otomatik (en az yüklü ajan + kategori uzmanı eşleşmesi)
  • Performans dashboard — çözüm oranı, ortalama yanıt süresi, ajan leaderboard, kategori dağılımı, saatlik yoğunluk
  • SLA takibi — ilk yanıt + çözüm + acil için ayrı eşik, ihlal yaklaşırken vurgu
  • Search & filter — ticket ID, müşteri adı, içerik metni, kategori/durum/öncelik/kanal kombinasyonu
  • localStorage persistence — durum geçişleri tarayıcıda saklanır

Tech stack

Layer Technology
Framework Svelte 5 (rune-based reactivity, class-store pattern)
Build Vite 7
Styling Tailwind CSS 4
State SupportStore class içinde $state field'ları + localStorage
Routing Custom in-app router
AI (production) OpenRouter free model chain (gpt-oss-120b, qwen3, gemma-4)
Deploy Cloudflare Pages

Ekran görüntüleri

Inbox Ticket detay
AI cevap önerisi Ajanlar
Raporlar Kanallar
Ayarlar

Hızlı başlangıç

git clone https://github.com/Lavescar-dev/yardim-support.git
cd yardim-support

npm install
npm run dev          # → http://localhost:5173

Build:

npm run build        # → dist/
npm run preview

Demo verisi

  • 100 ticket — 6 kategori (Sipariş / Ödeme / Ürün / İade / Kargo / Diğer), 4 kanal, 4 öncelik seviyesi
  • 5 ajan — Senior + Junior rolleri, çevrimiçi durumu, çözülen sayısı, ortalama yanıt süresi
  • AI confidence — her ticket'ın kategori atamasında 0.55-0.98 arası rastgele güven skoru
  • 3-5 mesaj — random ticket'larda gerçekçi konuşma akışı

Demo verisini sıfırlamak için Navbar sağ üst butonu.

Production'a taşıma

Mevcut sürüm tamamen browser-only. Gerçek bir destek operasyonuna bağlamak için:

  • Auth + multi-tenant — Argon2 + Bearer token, firm_id ile izolasyon (vekalet pattern)
  • Multi-channel ingest
    • Email: IMAP/SMTP (Cloudflare Email Workers)
    • WhatsApp: Meta Cloud API + onaylı şablon mesajlar
    • Telegram: Bot Token + webhook
    • Web Form: JS embed snippet
  • AI inference — OpenRouter free model chain veya self-hosted Ollama (Türkçe için Trendyol-LLM)
  • Embedding-based ticket benzerliği — Qdrant veya Cloudflare Vectorize ile "bu ticket'ı daha önce çözen kim var?" lookup
  • SLA timer — server-side cron, eşik aşımında push notification + email escalation

src/lib/store.svelte.js katmanı tek API boundary; HTTP istemcisi swap'lemek için izole edilmiş.

Deploy

Cloudflare Pages için doğrudan repo bağlanır:

Field Value
Build command npm install && npm run build
Build output directory dist
Node version 20

License

MIT © 2026 Lavescar


Built by Lavescar · Portfolyo · [email protected]

Top categories

Loading Svelte Themes