Drop-in Integration Demo

Production Knowledge Assistant

This simulated website demonstrates how the floating chat widget embeds cleanly into any web application with zero external framework dependencies.

Option 1: Vanilla HTML

Standard HTML Integration

Embed on WordPress, Shopify, Webflow, or any static HTML site:

<!-- Include before </body> -->
<script
  src="http://localhost:8000/widget/chat-widget.js"
  data-api-url="http://localhost:8000"
  data-title="Corporate Assistant"
  data-primary-color="#2563eb"
  defer>
</script>

Option 2: React Component

Modern React / Next.js Wrapper

Import into React applications with prop-driven customizability:

import { ReactChatWidget } from './ReactChatWidget';

function App() {
  return (
    <ReactChatWidget 
      apiUrl="http://localhost:8000"
      title="Corporate Assistant"
      primaryColor="#2563eb"
    />
  );
}

Key Widget Capabilities

Predefined FAQ Quick Chips: Instant answers for static FAQs (<10ms, $0 LLM cost).
Collapsible Citations: Transparent source verification showing document name, page, and similarity scores.
Anti-Hallucination Shield: Automatic refusal for queries outside verified knowledge bounds.
Session Isolation: In-memory multi-turn session tracking with one-click conversation reset.