@pixygon/chatbot-react 0.1.0

package/dist/index.js

@@ -0,0 +1,1086 @@
+// src/context.ts
+function resolveConfig(cfg) {
+  return {
+    ...cfg,
+    brand: {
+      name: cfg.brand?.name || "Assistant",
+      tagline: cfg.brand?.tagline || `Powered by ${cfg.brand?.name || "Pixygon"}`,
+      primaryColor: cfg.brand?.primaryColor || "#8FB7C9"
+    }
+  };
+}
+
+// src/endpoints.ts
+function injectChatbotEndpoints(baseApi, opts = { pathPrefix: "/tenants" }) {
+  const p = opts.pathPrefix;
+  return baseApi.injectEndpoints({
+    endpoints: (b) => ({
+      // Knowledge
+      listDocuments: b.query({
+        query: (tenantId) => `${p}/${tenantId}/knowledge`,
+        providesTags: ["Knowledge"]
+      }),
+      getDocument: b.query({
+        query: ({ tenantId, documentId }) => `${p}/${tenantId}/knowledge/${documentId}`,
+        providesTags: (_r, _e, { documentId }) => [{ type: "Knowledge", id: documentId }]
+      }),
+      createDocument: b.mutation({
+        query: ({ tenantId, data }) => ({ url: `${p}/${tenantId}/knowledge`, method: "POST", body: data }),
+        invalidatesTags: ["Knowledge"]
+      }),
+      updateDocument: b.mutation({
+        query: ({ tenantId, documentId, patch }) => ({
+          url: `${p}/${tenantId}/knowledge/${documentId}`,
+          method: "PUT",
+          body: patch
+        }),
+        invalidatesTags: ["Knowledge"]
+      }),
+      deleteDocument: b.mutation({
+        query: ({ tenantId, documentId }) => ({
+          url: `${p}/${tenantId}/knowledge/${documentId}`,
+          method: "DELETE"
+        }),
+        invalidatesTags: ["Knowledge"]
+      }),
+      // Chat
+      sendMessage: b.mutation({
+        query: ({ tenantId, sessionId, message }) => ({
+          url: `${p}/${tenantId}/chat`,
+          method: "POST",
+          body: { sessionId, message }
+        }),
+        invalidatesTags: (_r, _e, { sessionId }) => [
+          { type: "ChatConversation", id: sessionId || "new" },
+          "ChatConversation"
+        ]
+      }),
+      getConversation: b.query({
+        query: ({ tenantId, sessionId }) => `${p}/${tenantId}/chat/${sessionId}`,
+        providesTags: (_r, _e, { sessionId }) => [{ type: "ChatConversation", id: sessionId }]
+      }),
+      listConversations: b.query({
+        query: ({ tenantId, limit = 50 }) => `${p}/${tenantId}/conversations?limit=${limit}`,
+        providesTags: ["ChatConversation"]
+      }),
+      rateMessage: b.mutation({
+        query: ({ tenantId, ...body }) => ({ url: `${p}/${tenantId}/chat/rate`, method: "POST", body }),
+        invalidatesTags: ["ChatConversation"]
+      }),
+      // Analytics
+      getChatOverview: b.query({
+        query: (tenantId) => `${p}/${tenantId}/chat-analytics/overview`,
+        providesTags: ["ChatConversation"]
+      }),
+      getTopQuestions: b.query({
+        query: ({ tenantId, limit = 20 }) => `${p}/${tenantId}/chat-analytics/top-questions?limit=${limit}`,
+        providesTags: ["ChatConversation"]
+      }),
+      getKeywords: b.query({
+        query: ({ tenantId, limit = 30 }) => `${p}/${tenantId}/chat-analytics/keywords?limit=${limit}`,
+        providesTags: ["ChatConversation"]
+      }),
+      getCostTimeseries: b.query({
+        query: ({ tenantId, days = 30 }) => `${p}/${tenantId}/chat-analytics/cost-timeseries?days=${days}`,
+        providesTags: ["ChatConversation"]
+      }),
+      getKnowledgeGaps: b.query({
+        query: ({ tenantId, limit = 15 }) => `${p}/${tenantId}/chat-analytics/knowledge-gaps?limit=${limit}`,
+        providesTags: ["ChatConversation"]
+      }),
+      getDocumentUsage: b.query({
+        query: (tenantId) => `${p}/${tenantId}/chat-analytics/document-usage`,
+        providesTags: ["ChatConversation", "Knowledge"]
+      }),
+      getConversationsForQuestion: b.query({
+        query: ({ tenantId, normalized, limit = 50 }) => `${p}/${tenantId}/chat-analytics/conversations?normalized=${encodeURIComponent(normalized)}&limit=${limit}`
+      }),
+      getSemanticClusters: b.query({
+        query: ({ tenantId, limit = 15 }) => `${p}/${tenantId}/chat-analytics/semantic-clusters?limit=${limit}`,
+        providesTags: ["ChatConversation"]
+      })
+    })
+  });
+}
+
+// src/pages/KnowledgePage.tsx
+import { useState } from "react";
+import {
+  Box,
+  Typography,
+  Card,
+  CardContent,
+  Stack,
+  Button,
+  Chip,
+  Table,
+  TableHead,
+  TableRow,
+  TableCell,
+  TableBody,
+  Alert,
+  Skeleton,
+  Dialog,
+  DialogTitle,
+  DialogContent,
+  DialogActions,
+  TextField,
+  IconButton,
+  Tooltip
+} from "@mui/material";
+import { Add, Delete, Refresh } from "@mui/icons-material";
+import { jsx, jsxs } from "react/jsx-runtime";
+var STATUS_COLOR = {
+  pending: "default",
+  processing: "info",
+  ready: "success",
+  failed: "error"
+};
+function createKnowledgePage(_cfg, hooks) {
+  return function KnowledgePage(props) {
+    const tenantId = props.tenantId;
+    const { data: documents = [], isLoading, refetch } = hooks.useListDocumentsQuery(tenantId, { skip: !tenantId });
+    const [createDocument, { isLoading: creating }] = hooks.useCreateDocumentMutation();
+    const [deleteDocument] = hooks.useDeleteDocumentMutation();
+    const [open, setOpen] = useState(false);
+    const [form, setForm] = useState({ title: "", content: "", source: "" });
+    const [error, setError] = useState(null);
+    if (!tenantId) return /* @__PURE__ */ jsx(Alert, { severity: "info", children: "Select a tenant first." });
+    const handleCreate = async () => {
+      setError(null);
+      try {
+        await createDocument({
+          tenantId,
+          data: { title: form.title, content: form.content, source: form.source || void 0 }
+        }).unwrap();
+        setForm({ title: "", content: "", source: "" });
+        setOpen(false);
+      } catch (e) {
+        setError(e?.data?.error || "Failed to upload");
+      }
+    };
+    const handleDelete = async (documentId, title) => {
+      if (!confirm(`Delete "${title}"? Its chunks are removed from the chatbot immediately.`)) return;
+      await deleteDocument({ tenantId, documentId });
+    };
+    const processing = documents.some((d) => d.status === "processing" || d.status === "pending");
+    return /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", justifyContent: "space-between", sx: { mb: 3 }, children: [
+        /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "h4", children: "Knowledge base" }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: "Material the chatbot draws from. Each document is chunked and embedded so the bot can cite relevant passages." })
+        ] }),
+        /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, children: [
+          /* @__PURE__ */ jsx(Tooltip, { title: "Refresh status", children: /* @__PURE__ */ jsx(IconButton, { onClick: () => refetch(), children: /* @__PURE__ */ jsx(Refresh, {}) }) }),
+          /* @__PURE__ */ jsx(Button, { variant: "contained", startIcon: /* @__PURE__ */ jsx(Add, {}), onClick: () => setOpen(true), children: "Add document" })
+        ] })
+      ] }),
+      processing && /* @__PURE__ */ jsx(Alert, { severity: "info", sx: { mb: 2 }, children: "Processing in progress \u2014 embeddings can take 30s to a few minutes per document. Refresh to see status updates." }),
+      /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { children: isLoading ? /* @__PURE__ */ jsx(Skeleton, { height: 200 }) : documents.length === 0 ? /* @__PURE__ */ jsx(Alert, { severity: "info", children: "No documents yet. Add one to get the chatbot started." }) : /* @__PURE__ */ jsxs(Table, { size: "small", children: [
+        /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+          /* @__PURE__ */ jsx(TableCell, { children: "Title" }),
+          /* @__PURE__ */ jsx(TableCell, { children: "Source" }),
+          /* @__PURE__ */ jsx(TableCell, { children: "Status" }),
+          /* @__PURE__ */ jsx(TableCell, { children: "Chunks" }),
+          /* @__PURE__ */ jsx(TableCell, { children: "Updated" }),
+          /* @__PURE__ */ jsx(TableCell, { align: "right" })
+        ] }) }),
+        /* @__PURE__ */ jsx(TableBody, { children: documents.map((d) => /* @__PURE__ */ jsxs(TableRow, { hover: true, children: [
+          /* @__PURE__ */ jsxs(TableCell, { children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "body2", fontWeight: 600, children: d.title }),
+            d.lastError && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "error.main", sx: { display: "block" }, children: d.lastError })
+          ] }),
+          /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 0.5, alignItems: "center", children: [
+            /* @__PURE__ */ jsx(Chip, { label: d.sourceType, size: "small", variant: "outlined" }),
+            d.source && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", noWrap: true, sx: { maxWidth: 240 }, children: d.source })
+          ] }) }),
+          /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Chip, { label: d.status, size: "small", color: STATUS_COLOR[d.status] }) }),
+          /* @__PURE__ */ jsx(TableCell, { children: d.chunkCount }),
+          /* @__PURE__ */ jsx(TableCell, { children: new Date(d.updatedAt).toLocaleString() }),
+          /* @__PURE__ */ jsx(TableCell, { align: "right", children: /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: () => handleDelete(d._id, d.title), children: /* @__PURE__ */ jsx(Delete, { fontSize: "small" }) }) })
+        ] }, d._id)) })
+      ] }) }) }),
+      /* @__PURE__ */ jsxs(Dialog, { open, onClose: () => setOpen(false), fullWidth: true, maxWidth: "md", children: [
+        /* @__PURE__ */ jsx(DialogTitle, { children: "Add knowledge document" }),
+        /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsxs(Stack, { spacing: 2, sx: { mt: 1 }, children: [
+          /* @__PURE__ */ jsx(
+            TextField,
+            {
+              label: "Title",
+              required: true,
+              autoFocus: true,
+              value: form.title,
+              onChange: (e) => setForm({ ...form, title: e.target.value })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TextField,
+            {
+              label: "Source (optional)",
+              value: form.source,
+              onChange: (e) => setForm({ ...form, source: e.target.value }),
+              helperText: "A URL, filename or note \u2014 shown next to citations."
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TextField,
+            {
+              label: "Content",
+              required: true,
+              multiline: true,
+              minRows: 10,
+              maxRows: 20,
+              value: form.content,
+              onChange: (e) => setForm({ ...form, content: e.target.value }),
+              helperText: "Paste the full document text. It gets chunked and embedded once you save."
+            }
+          ),
+          error && /* @__PURE__ */ jsx(Alert, { severity: "error", children: error })
+        ] }) }),
+        /* @__PURE__ */ jsxs(DialogActions, { children: [
+          /* @__PURE__ */ jsx(Button, { onClick: () => setOpen(false), children: "Cancel" }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "contained",
+              onClick: handleCreate,
+              disabled: creating || !form.title || form.content.length < 10,
+              children: "Save & process"
+            }
+          )
+        ] })
+      ] })
+    ] });
+  };
+}
+
+// src/pages/ChatPage.tsx
+import { useEffect, useRef, useState as useState2 } from "react";
+import {
+  Box as Box2,
+  Typography as Typography2,
+  Card as Card2,
+  CardContent as CardContent2,
+  Stack as Stack2,
+  TextField as TextField2,
+  Button as Button2,
+  Alert as Alert2,
+  Chip as Chip2,
+  IconButton as IconButton2,
+  Tooltip as Tooltip2,
+  Divider
+} from "@mui/material";
+import { Send, ThumbUp, ThumbDown, ChatBubbleOutline, RestartAlt } from "@mui/icons-material";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function createChatPage(_cfg, hooks) {
+  return function ChatPage(props) {
+    const tenantId = props.tenantId;
+    const [sessionId, setSessionId] = useState2(null);
+    const [draft, setDraft] = useState2("");
+    const [optimistic, setOptimistic] = useState2([]);
+    const [error, setError] = useState2(null);
+    const scrollRef = useRef(null);
+    const [sendMessage, { isLoading: sending }] = hooks.useSendMessageMutation();
+    const [rateMessage] = hooks.useRateMessageMutation();
+    const { data: conversation } = hooks.useGetConversationQuery(
+      { tenantId, sessionId },
+      { skip: !tenantId || !sessionId }
+    );
+    const display = [
+      ...conversation?.messages || [],
+      ...optimistic.filter((o) => !(conversation?.messages || []).some(
+        (m) => m.content === o.content && m.role === o.role
+      ))
+    ];
+    useEffect(() => {
+      scrollRef.current?.scrollTo({ top: scrollRef.current.scrollHeight, behavior: "smooth" });
+    }, [display.length]);
+    if (!tenantId) return /* @__PURE__ */ jsx2(Alert2, { severity: "info", children: "Select a tenant first." });
+    const handleSend = async () => {
+      if (!draft.trim() || sending) return;
+      setError(null);
+      const localUser = { _localId: `local-${Date.now()}`, role: "user", content: draft.trim() };
+      const localPending = { _localId: `pending-${Date.now()}`, role: "assistant", content: "Thinking\u2026", pending: true };
+      setOptimistic((prev) => [...prev, localUser, localPending]);
+      setDraft("");
+      try {
+        const res = await sendMessage({
+          tenantId,
+          sessionId: sessionId || void 0,
+          message: localUser.content
+        }).unwrap();
+        if (!sessionId) setSessionId(res.sessionId);
+        setOptimistic((prev) => prev.filter((p) => p._localId !== localPending._localId));
+      } catch (e) {
+        setError(e?.data?.error || "Send failed");
+        setOptimistic((prev) => prev.filter((p) => !p.pending));
+      }
+    };
+    const handleRate = async (messageId, rating) => {
+      if (!conversation) return;
+      await rateMessage({
+        tenantId,
+        conversationId: conversation._id,
+        messageId,
+        rating
+      });
+    };
+    const handleNewChat = () => {
+      setSessionId(null);
+      setOptimistic([]);
+      setError(null);
+    };
+    return /* @__PURE__ */ jsxs2(Box2, { sx: { display: "flex", flexDirection: "column", height: "calc(100vh - 96px)" }, children: [
+      /* @__PURE__ */ jsxs2(Stack2, { direction: "row", alignItems: "center", justifyContent: "space-between", sx: { mb: 2 }, children: [
+        /* @__PURE__ */ jsxs2(Box2, { children: [
+          /* @__PURE__ */ jsx2(Typography2, { variant: "h4", children: "Assistant" }),
+          /* @__PURE__ */ jsx2(Typography2, { variant: "body2", color: "text.secondary", children: "Test the chatbot. End-users get the same experience via the public widget." })
+        ] }),
+        /* @__PURE__ */ jsxs2(Stack2, { direction: "row", spacing: 1, alignItems: "center", children: [
+          conversation && /* @__PURE__ */ jsx2(
+            Chip2,
+            {
+              label: `${conversation.messages.length} turns \xB7 $${conversation.totalCostUsd.toFixed(4)}`,
+              size: "small",
+              variant: "outlined"
+            }
+          ),
+          /* @__PURE__ */ jsx2(Button2, { startIcon: /* @__PURE__ */ jsx2(RestartAlt, {}), onClick: handleNewChat, children: "New chat" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs2(Card2, { sx: { flex: 1, display: "flex", flexDirection: "column", overflow: "hidden" }, children: [
+        /* @__PURE__ */ jsx2(CardContent2, { ref: scrollRef, sx: { flex: 1, overflowY: "auto", "&:last-child": { pb: 2 } }, children: display.length === 0 ? /* @__PURE__ */ jsxs2(Stack2, { alignItems: "center", sx: { py: 8 }, spacing: 2, children: [
+          /* @__PURE__ */ jsx2(ChatBubbleOutline, { sx: { fontSize: 48, color: "text.secondary" } }),
+          /* @__PURE__ */ jsx2(Typography2, { variant: "body2", color: "text.secondary", children: "Ask anything \u2014 the bot answers from your knowledge base only." })
+        ] }) : /* @__PURE__ */ jsx2(Stack2, { spacing: 2, children: display.map((turn, i) => /* @__PURE__ */ jsx2(
+          TurnBubble,
+          {
+            turn,
+            onRate: turn._id ? (r) => handleRate(turn._id, r) : void 0
+          },
+          turn._id || turn._localId || String(i)
+        )) }) }),
+        /* @__PURE__ */ jsx2(Divider, {}),
+        /* @__PURE__ */ jsxs2(Box2, { sx: { p: 1.5, bgcolor: "background.default" }, children: [
+          error && /* @__PURE__ */ jsx2(Alert2, { severity: "error", sx: { mb: 1 }, children: error }),
+          /* @__PURE__ */ jsxs2(Stack2, { direction: "row", spacing: 1, children: [
+            /* @__PURE__ */ jsx2(
+              TextField2,
+              {
+                fullWidth: true,
+                multiline: true,
+                maxRows: 6,
+                placeholder: "Ask the assistant\u2026",
+                value: draft,
+                onChange: (e) => setDraft(e.target.value),
+                onKeyDown: (e) => {
+                  if (e.key === "Enter" && !e.shiftKey) {
+                    e.preventDefault();
+                    handleSend();
+                  }
+                },
+                disabled: sending
+              }
+            ),
+            /* @__PURE__ */ jsx2(
+              Button2,
+              {
+                variant: "contained",
+                endIcon: /* @__PURE__ */ jsx2(Send, {}),
+                onClick: handleSend,
+                disabled: !draft.trim() || sending,
+                children: "Send"
+              }
+            )
+          ] })
+        ] })
+      ] })
+    ] });
+  };
+}
+function TurnBubble({ turn, onRate }) {
+  const isUser = turn.role === "user";
+  const bg = isUser ? "primary.main" : "background.paper";
+  const color = isUser ? "primary.contrastText" : "text.primary";
+  return /* @__PURE__ */ jsx2(Box2, { sx: { display: "flex", justifyContent: isUser ? "flex-end" : "flex-start" }, children: /* @__PURE__ */ jsxs2(Box2, { sx: { maxWidth: "75%" }, children: [
+    /* @__PURE__ */ jsx2(Box2, { sx: {
+      bgcolor: bg,
+      color,
+      px: 2,
+      py: 1.5,
+      borderRadius: 2,
+      border: "1px solid",
+      borderColor: isUser ? "primary.main" : "divider",
+      whiteSpace: "pre-wrap",
+      wordBreak: "break-word",
+      opacity: turn.pending ? 0.6 : 1
+    }, children: /* @__PURE__ */ jsx2(Typography2, { variant: "body2", children: turn.content }) }),
+    !isUser && turn.citations?.length > 0 && /* @__PURE__ */ jsx2(Stack2, { direction: "row", spacing: 0.5, sx: { mt: 1, flexWrap: "wrap", gap: 0.5 }, children: turn.citations.map((c, i) => /* @__PURE__ */ jsx2(Tooltip2, { title: c.snippet, children: /* @__PURE__ */ jsx2(Chip2, { label: `[${i + 1}] ${c.documentTitle}`, size: "small", variant: "outlined" }) }, c.chunkId || i)) }),
+    !isUser && onRate && /* @__PURE__ */ jsxs2(Stack2, { direction: "row", spacing: 0.5, sx: { mt: 0.5 }, children: [
+      /* @__PURE__ */ jsx2(
+        IconButton2,
+        {
+          size: "small",
+          onClick: () => onRate(1),
+          color: turn.rating === 1 ? "primary" : "default",
+          children: /* @__PURE__ */ jsx2(ThumbUp, { fontSize: "small" })
+        }
+      ),
+      /* @__PURE__ */ jsx2(
+        IconButton2,
+        {
+          size: "small",
+          onClick: () => onRate(-1),
+          color: turn.rating === -1 ? "error" : "default",
+          children: /* @__PURE__ */ jsx2(ThumbDown, { fontSize: "small" })
+        }
+      )
+    ] })
+  ] }) });
+}
+
+// src/pages/ChatAnalyticsPage.tsx
+import { useState as useState3 } from "react";
+import {
+  Box as Box3,
+  Typography as Typography3,
+  Card as Card3,
+  CardContent as CardContent3,
+  Stack as Stack3,
+  Alert as Alert3,
+  Skeleton as Skeleton2,
+  Table as Table2,
+  TableHead as TableHead2,
+  TableRow as TableRow2,
+  TableCell as TableCell2,
+  TableBody as TableBody2,
+  Chip as Chip3,
+  LinearProgress,
+  Divider as Divider2,
+  Tooltip as Tooltip3,
+  IconButton as IconButton3,
+  Dialog as Dialog2,
+  DialogTitle as DialogTitle2,
+  DialogContent as DialogContent2,
+  DialogActions as DialogActions2,
+  Button as Button3
+} from "@mui/material";
+import { TipsAndUpdates, Close, ThumbDown as ThumbDown2, ThumbUp as ThumbUp2 } from "@mui/icons-material";
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function createChatAnalyticsPage(_cfg, hooks) {
+  return function ChatAnalyticsPage(props) {
+    const tenantId = props.tenantId;
+    const { data: overview, isLoading: loadingOverview } = hooks.useGetChatOverviewQuery(
+      tenantId,
+      { skip: !tenantId }
+    );
+    const { data: topQ = [] } = hooks.useGetTopQuestionsQuery(
+      { tenantId, limit: 20 },
+      { skip: !tenantId }
+    );
+    const { data: keywords = [] } = hooks.useGetKeywordsQuery(
+      { tenantId, limit: 30 },
+      { skip: !tenantId }
+    );
+    const { data: costSeries = [] } = hooks.useGetCostTimeseriesQuery(
+      { tenantId, days: 30 },
+      { skip: !tenantId }
+    );
+    const { data: gaps = [] } = hooks.useGetKnowledgeGapsQuery(
+      { tenantId, limit: 15 },
+      { skip: !tenantId }
+    );
+    const { data: docUsage = [] } = hooks.useGetDocumentUsageQuery(
+      tenantId,
+      { skip: !tenantId }
+    );
+    const { data: clusters = [] } = hooks.useGetSemanticClustersQuery(
+      { tenantId, limit: 15 },
+      { skip: !tenantId }
+    );
+    const [drillQuestion, setDrillQuestion] = useState3(null);
+    if (!tenantId) return /* @__PURE__ */ jsx3(Alert3, { severity: "info", children: "Select a tenant first." });
+    const totalRated = (overview?.ratingsHelpful || 0) + (overview?.ratingsUnhelpful || 0);
+    const helpfulPct = totalRated > 0 ? Math.round(overview.ratingsHelpful / totalRated * 100) : null;
+    const maxKeyword = keywords[0]?.count || 1;
+    const maxCostDay = Math.max(1, ...costSeries.map((d) => d.costUsd));
+    return /* @__PURE__ */ jsxs3(Box3, { children: [
+      /* @__PURE__ */ jsx3(Typography3, { variant: "h4", sx: { mb: 0.5 }, children: "Assistant analytics" }),
+      /* @__PURE__ */ jsx3(Typography3, { variant: "body2", color: "text.secondary", sx: { mb: 3 }, children: "What users ask, what words come up most, what it's costing you, and whether they thought it helped." }),
+      /* @__PURE__ */ jsxs3(Stack3, { direction: { xs: "column", md: "row" }, spacing: 2, sx: { mb: 3 }, children: [
+        /* @__PURE__ */ jsx3(Tile, { label: "Conversations", value: overview?.conversations ?? "\u2014", loading: loadingOverview }),
+        /* @__PURE__ */ jsx3(Tile, { label: "Messages", value: overview?.messages ?? "\u2014", loading: loadingOverview }),
+        /* @__PURE__ */ jsx3(
+          Tile,
+          {
+            label: "Total cost",
+            value: overview ? `$${overview.totalCostUsd.toFixed(4)}` : "\u2014",
+            loading: loadingOverview
+          }
+        ),
+        /* @__PURE__ */ jsx3(
+          Tile,
+          {
+            label: "Helpful rating",
+            value: helpfulPct === null ? "n/a" : `${helpfulPct}%`,
+            subtitle: overview ? `${overview.ratingsHelpful}\u{1F44D} \xB7 ${overview.ratingsUnhelpful}\u{1F44E} \xB7 ${overview.ratingsUnrated} unrated` : "",
+            loading: loadingOverview
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx3(Card3, { sx: { mb: 3, borderLeft: "4px solid", borderColor: "warning.main" }, children: /* @__PURE__ */ jsxs3(CardContent3, { children: [
+        /* @__PURE__ */ jsxs3(Stack3, { direction: "row", alignItems: "center", spacing: 1, sx: { mb: 1 }, children: [
+          /* @__PURE__ */ jsx3(TipsAndUpdates, { color: "warning" }),
+          /* @__PURE__ */ jsx3(Typography3, { variant: "h6", children: "Knowledge gaps" })
+        ] }),
+        /* @__PURE__ */ jsx3(Typography3, { variant: "caption", color: "text.secondary", children: "Questions where the bot's answer was weak \u2014 low retrieval similarity, no chunks matched, or got a thumbs-down. Rank shows what'd help most to write KB material about." }),
+        gaps.length === 0 ? /* @__PURE__ */ jsx3(Alert3, { severity: "success", sx: { mt: 2 }, children: "No clear gaps yet \u2014 either no chats or the KB covers everything asked so far." }) : /* @__PURE__ */ jsxs3(Table2, { size: "small", sx: { mt: 1 }, children: [
+          /* @__PURE__ */ jsx3(TableHead2, { children: /* @__PURE__ */ jsxs3(TableRow2, { children: [
+            /* @__PURE__ */ jsx3(TableCell2, { children: "Question" }),
+            /* @__PURE__ */ jsx3(TableCell2, { align: "right", children: "Asked" }),
+            /* @__PURE__ */ jsx3(TableCell2, { align: "right", children: "Avg match" }),
+            /* @__PURE__ */ jsx3(TableCell2, { align: "right", children: "Signals" })
+          ] }) }),
+          /* @__PURE__ */ jsx3(TableBody2, { children: gaps.map((g) => /* @__PURE__ */ jsxs3(
+            TableRow2,
+            {
+              hover: true,
+              sx: { cursor: "pointer" },
+              onClick: () => setDrillQuestion({ normalized: g.normalized, question: g.question }),
+              children: [
+                /* @__PURE__ */ jsx3(TableCell2, { children: g.question }),
+                /* @__PURE__ */ jsx3(TableCell2, { align: "right", children: g.count }),
+                /* @__PURE__ */ jsx3(TableCell2, { align: "right", children: /* @__PURE__ */ jsx3(
+                  Chip3,
+                  {
+                    label: `${Math.round(g.avgSimilarity * 100)}%`,
+                    size: "small",
+                    color: g.avgSimilarity < 0.3 ? "error" : g.avgSimilarity < 0.5 ? "warning" : "default"
+                  }
+                ) }),
+                /* @__PURE__ */ jsx3(TableCell2, { align: "right", children: /* @__PURE__ */ jsxs3(Stack3, { direction: "row", spacing: 0.5, justifyContent: "flex-end", children: [
+                  g.negativeRatings > 0 && /* @__PURE__ */ jsx3(Tooltip3, { title: `${g.negativeRatings} thumbs-down`, children: /* @__PURE__ */ jsx3(Chip3, { icon: /* @__PURE__ */ jsx3(ThumbDown2, { sx: { fontSize: 14 } }), label: g.negativeRatings, size: "small", color: "error" }) }),
+                  g.noRetrievalCount > 0 && /* @__PURE__ */ jsx3(Tooltip3, { title: `${g.noRetrievalCount} answers with no source citations`, children: /* @__PURE__ */ jsx3(Chip3, { label: `${g.noRetrievalCount} no-source`, size: "small", color: "warning", variant: "outlined" }) })
+                ] }) })
+              ]
+            },
+            g.normalized
+          )) })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsxs3(Stack3, { direction: { xs: "column", md: "row" }, spacing: 2, sx: { mb: 3 }, children: [
+        /* @__PURE__ */ jsx3(Card3, { sx: { flex: 2 }, children: /* @__PURE__ */ jsxs3(CardContent3, { children: [
+          /* @__PURE__ */ jsx3(Typography3, { variant: "h6", gutterBottom: true, children: "Top questions" }),
+          /* @__PURE__ */ jsx3(Typography3, { variant: "caption", color: "text.secondary", children: "Grouped by normalized form. Click a row to drill into matching conversations." }),
+          topQ.length === 0 ? /* @__PURE__ */ jsx3(Alert3, { severity: "info", sx: { mt: 2 }, children: "No questions yet." }) : /* @__PURE__ */ jsxs3(Table2, { size: "small", sx: { mt: 1 }, children: [
+            /* @__PURE__ */ jsx3(TableHead2, { children: /* @__PURE__ */ jsxs3(TableRow2, { children: [
+              /* @__PURE__ */ jsx3(TableCell2, { children: "Question" }),
+              /* @__PURE__ */ jsx3(TableCell2, { align: "right", children: "Count" }),
+              /* @__PURE__ */ jsx3(TableCell2, { children: "Last asked" })
+            ] }) }),
+            /* @__PURE__ */ jsx3(TableBody2, { children: topQ.map((q) => /* @__PURE__ */ jsxs3(
+              TableRow2,
+              {
+                hover: true,
+                sx: { cursor: "pointer" },
+                onClick: () => setDrillQuestion({ normalized: q.normalized, question: q.question }),
+                children: [
+                  /* @__PURE__ */ jsx3(TableCell2, { children: q.question }),
+                  /* @__PURE__ */ jsx3(TableCell2, { align: "right", children: /* @__PURE__ */ jsx3(Chip3, { label: q.count, size: "small", color: q.count > 5 ? "primary" : "default" }) }),
+                  /* @__PURE__ */ jsx3(TableCell2, { children: new Date(q.lastAskedAt).toLocaleDateString() })
+                ]
+              },
+              q.normalized
+            )) })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx3(Card3, { sx: { flex: 1 }, children: /* @__PURE__ */ jsxs3(CardContent3, { children: [
+          /* @__PURE__ */ jsx3(Typography3, { variant: "h6", gutterBottom: true, children: "Keywords" }),
+          /* @__PURE__ */ jsx3(Typography3, { variant: "caption", color: "text.secondary", children: "Most frequent words in user questions. Stopwords + short tokens filtered." }),
+          keywords.length === 0 ? /* @__PURE__ */ jsx3(Alert3, { severity: "info", sx: { mt: 2 }, children: "No data yet." }) : /* @__PURE__ */ jsx3(Stack3, { spacing: 0.5, sx: { mt: 2 }, children: keywords.map((k) => /* @__PURE__ */ jsxs3(Box3, { children: [
+            /* @__PURE__ */ jsxs3(Stack3, { direction: "row", justifyContent: "space-between", children: [
+              /* @__PURE__ */ jsx3(Typography3, { variant: "body2", children: k.term }),
+              /* @__PURE__ */ jsx3(Typography3, { variant: "caption", color: "text.secondary", children: k.count })
+            ] }),
+            /* @__PURE__ */ jsx3(
+              LinearProgress,
+              {
+                variant: "determinate",
+                value: k.count / maxKeyword * 100,
+                sx: { height: 4, borderRadius: 2 }
+              }
+            )
+          ] }, k.term)) })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsx3(Card3, { sx: { mb: 3 }, children: /* @__PURE__ */ jsxs3(CardContent3, { children: [
+        /* @__PURE__ */ jsx3(Typography3, { variant: "h6", gutterBottom: true, children: "Semantic clusters" }),
+        /* @__PURE__ */ jsx3(Typography3, { variant: "caption", color: "text.secondary", children: "Questions grouped by meaning. Two questions cluster when their embeddings agree at \u226578% cosine similarity." }),
+        clusters.length === 0 ? /* @__PURE__ */ jsx3(Alert3, { severity: "info", sx: { mt: 2 }, children: "No clusters yet \u2014 user turns predate embedding capture." }) : /* @__PURE__ */ jsx3(Stack3, { spacing: 1, sx: { mt: 2 }, children: clusters.map((c, i) => /* @__PURE__ */ jsx3(Card3, { variant: "outlined", children: /* @__PURE__ */ jsxs3(CardContent3, { sx: { p: 1.5, "&:last-child": { pb: 1.5 } }, children: [
+          /* @__PURE__ */ jsxs3(Stack3, { direction: "row", alignItems: "center", justifyContent: "space-between", sx: { mb: 0.5 }, children: [
+            /* @__PURE__ */ jsx3(Typography3, { variant: "body2", fontWeight: 600, children: c.representative }),
+            /* @__PURE__ */ jsxs3(Stack3, { direction: "row", spacing: 0.5, children: [
+              /* @__PURE__ */ jsx3(Chip3, { label: `${c.count} asks`, size: "small", color: c.count > 5 ? "primary" : "default" }),
+              /* @__PURE__ */ jsx3(
+                Chip3,
+                {
+                  label: `${Math.round(c.avgSimilarity * 100)}% cohesion`,
+                  size: "small",
+                  variant: "outlined",
+                  color: c.avgSimilarity > 0.9 ? "success" : c.avgSimilarity > 0.8 ? "default" : "warning"
+                }
+              )
+            ] })
+          ] }),
+          c.members.length > 1 && /* @__PURE__ */ jsx3(Stack3, { spacing: 0.25, children: c.members.slice(1).map((m, j) => /* @__PURE__ */ jsxs3(Typography3, { variant: "caption", color: "text.secondary", sx: { pl: 1 }, children: [
+            "\xB7 ",
+            m
+          ] }, j)) })
+        ] }) }, i)) })
+      ] }) }),
+      /* @__PURE__ */ jsx3(Card3, { sx: { mb: 3 }, children: /* @__PURE__ */ jsxs3(CardContent3, { children: [
+        /* @__PURE__ */ jsx3(Typography3, { variant: "h6", gutterBottom: true, children: "Cost \u2014 last 30 days" }),
+        costSeries.length === 0 ? /* @__PURE__ */ jsx3(Alert3, { severity: "info", children: "No cost data yet." }) : /* @__PURE__ */ jsxs3(Fragment, { children: [
+          /* @__PURE__ */ jsx3(Stack3, { direction: "row", spacing: 0.5, alignItems: "flex-end", sx: { height: 120, mt: 1 }, children: costSeries.map((d) => {
+            const height = Math.max(2, d.costUsd / maxCostDay * 100);
+            return /* @__PURE__ */ jsx3(
+              Box3,
+              {
+                title: `${d.date} \u2014 $${d.costUsd.toFixed(4)} \xB7 ${d.messages} msgs`,
+                sx: { flex: 1, height: `${height}%`, minWidth: 6, bgcolor: "primary.main", borderRadius: 0.5 }
+              },
+              d.date
+            );
+          }) }),
+          /* @__PURE__ */ jsx3(Divider2, { sx: { my: 1 } }),
+          /* @__PURE__ */ jsxs3(Stack3, { direction: "row", justifyContent: "space-between", children: [
+            /* @__PURE__ */ jsx3(Typography3, { variant: "caption", color: "text.secondary", children: costSeries[0]?.date }),
+            /* @__PURE__ */ jsx3(Typography3, { variant: "caption", color: "text.secondary", children: costSeries[costSeries.length - 1]?.date })
+          ] })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx3(Card3, { children: /* @__PURE__ */ jsxs3(CardContent3, { children: [
+        /* @__PURE__ */ jsx3(Typography3, { variant: "h6", gutterBottom: true, children: "Source usage" }),
+        /* @__PURE__ */ jsx3(Typography3, { variant: "caption", color: "text.secondary", children: "How often each knowledge document appears as a citation. Unused docs are off-topic, redundant, or could use better titles." }),
+        docUsage.length === 0 ? /* @__PURE__ */ jsx3(Alert3, { severity: "info", sx: { mt: 2 }, children: "No documents in the KB yet." }) : /* @__PURE__ */ jsxs3(Table2, { size: "small", sx: { mt: 1 }, children: [
+          /* @__PURE__ */ jsx3(TableHead2, { children: /* @__PURE__ */ jsxs3(TableRow2, { children: [
+            /* @__PURE__ */ jsx3(TableCell2, { children: "Document" }),
+            /* @__PURE__ */ jsx3(TableCell2, { align: "right", children: "Citations" }),
+            /* @__PURE__ */ jsx3(TableCell2, { align: "right", children: "In conversations" }),
+            /* @__PURE__ */ jsx3(TableCell2, { align: "right", children: "Chunks used" }),
+            /* @__PURE__ */ jsx3(TableCell2, { children: "Status" })
+          ] }) }),
+          /* @__PURE__ */ jsx3(TableBody2, { children: docUsage.map((d) => /* @__PURE__ */ jsxs3(TableRow2, { children: [
+            /* @__PURE__ */ jsx3(TableCell2, { children: d.title }),
+            /* @__PURE__ */ jsx3(TableCell2, { align: "right", children: d.citationCount }),
+            /* @__PURE__ */ jsx3(TableCell2, { align: "right", children: d.uniqueConversations }),
+            /* @__PURE__ */ jsxs3(TableCell2, { align: "right", children: [
+              d.citedChunkCount,
+              " / ",
+              d.chunkCount
+            ] }),
+            /* @__PURE__ */ jsx3(TableCell2, { children: /* @__PURE__ */ jsx3(
+              Chip3,
+              {
+                label: d.status,
+                size: "small",
+                color: d.status === "active" ? "success" : d.status === "underused" ? "warning" : "default",
+                variant: d.status === "unused" ? "outlined" : "filled"
+              }
+            ) })
+          ] }, d.documentId)) })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx3(Dialog2, { open: !!drillQuestion, onClose: () => setDrillQuestion(null), fullWidth: true, maxWidth: "md", children: drillQuestion && /* @__PURE__ */ jsx3(
+        DrillContent,
+        {
+          hooks,
+          tenantId,
+          normalized: drillQuestion.normalized,
+          question: drillQuestion.question,
+          onClose: () => setDrillQuestion(null)
+        }
+      ) })
+    ] });
+  };
+}
+function Tile({ label, value, subtitle, loading }) {
+  return /* @__PURE__ */ jsx3(Card3, { sx: { flex: 1 }, children: /* @__PURE__ */ jsxs3(CardContent3, { children: [
+    /* @__PURE__ */ jsx3(Typography3, { variant: "overline", color: "text.secondary", children: label }),
+    loading ? /* @__PURE__ */ jsx3(Skeleton2, { width: 60, height: 48 }) : /* @__PURE__ */ jsx3(Typography3, { variant: "h4", sx: { fontWeight: 700 }, children: value }),
+    subtitle && /* @__PURE__ */ jsx3(Typography3, { variant: "caption", color: "text.secondary", sx: { display: "block", mt: 0.5 }, children: subtitle })
+  ] }) });
+}
+function DrillContent({
+  hooks,
+  tenantId,
+  normalized,
+  question,
+  onClose
+}) {
+  const { data: matches = [], isLoading } = hooks.useGetConversationsForQuestionQuery(
+    { tenantId, normalized, limit: 50 }
+  );
+  return /* @__PURE__ */ jsxs3(Fragment, { children: [
+    /* @__PURE__ */ jsx3(DialogTitle2, { children: /* @__PURE__ */ jsxs3(Stack3, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [
+      /* @__PURE__ */ jsxs3(Box3, { children: [
+        /* @__PURE__ */ jsx3(Typography3, { variant: "overline", color: "text.secondary", children: "Asked" }),
+        /* @__PURE__ */ jsx3(Typography3, { variant: "h6", children: question })
+      ] }),
+      /* @__PURE__ */ jsx3(IconButton3, { onClick: onClose, children: /* @__PURE__ */ jsx3(Close, {}) })
+    ] }) }),
+    /* @__PURE__ */ jsx3(DialogContent2, { dividers: true, children: isLoading ? /* @__PURE__ */ jsx3(Skeleton2, { height: 120 }) : matches.length === 0 ? /* @__PURE__ */ jsx3(Alert3, { severity: "info", children: "No matching conversations." }) : /* @__PURE__ */ jsx3(Stack3, { spacing: 1, children: matches.map((m) => /* @__PURE__ */ jsx3(Card3, { variant: "outlined", children: /* @__PURE__ */ jsxs3(CardContent3, { children: [
+      /* @__PURE__ */ jsxs3(Stack3, { direction: "row", alignItems: "center", spacing: 1, sx: { mb: 1 }, children: [
+        /* @__PURE__ */ jsx3(Typography3, { variant: "caption", color: "text.secondary", children: new Date(m.createdAt).toLocaleString() }),
+        typeof m.retrievalSimilarity === "number" && /* @__PURE__ */ jsx3(
+          Chip3,
+          {
+            label: `${Math.round(m.retrievalSimilarity * 100)}% match`,
+            size: "small",
+            color: m.retrievalSimilarity < 0.3 ? "error" : m.retrievalSimilarity < 0.5 ? "warning" : "default"
+          }
+        ),
+        m.rating === 1 && /* @__PURE__ */ jsx3(ThumbUp2, { fontSize: "small", color: "primary" }),
+        m.rating === -1 && /* @__PURE__ */ jsx3(ThumbDown2, { fontSize: "small", color: "error" })
+      ] }),
+      /* @__PURE__ */ jsx3(Typography3, { variant: "body2", sx: { whiteSpace: "pre-wrap" }, children: m.assistantReply || /* @__PURE__ */ jsx3("em", { style: { color: "#888" }, children: "(no assistant reply recorded)" }) })
+    ] }) }, m._id)) }) }),
+    /* @__PURE__ */ jsx3(DialogActions2, { children: /* @__PURE__ */ jsx3(Button3, { onClick: onClose, children: "Close" }) })
+  ] });
+}
+
+// src/pages/EmbedChatPage.tsx
+import { useEffect as useEffect2, useRef as useRef2, useState as useState4 } from "react";
+import {
+  Box as Box4,
+  Typography as Typography4,
+  TextField as TextField3,
+  Button as Button4,
+  Stack as Stack4,
+  Alert as Alert4,
+  Chip as Chip4,
+  IconButton as IconButton4,
+  Tooltip as Tooltip4,
+  Avatar
+} from "@mui/material";
+import { Send as Send2, ThumbUp as ThumbUp3, ThumbDown as ThumbDown3, Close as Close2, ChatBubbleOutline as ChatBubbleOutline2 } from "@mui/icons-material";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function createEmbedChatPage(cfg) {
+  const { apiBase, brand } = cfg;
+  const sessionKey = (slug) => `pixygon-chatbot.session.${slug}`;
+  return function EmbedChatPage(props) {
+    const tenantSlug = props.tenantSlug;
+    const [sessionId, setSessionId] = useState4(() => {
+      if (!tenantSlug) return null;
+      return localStorage.getItem(sessionKey(tenantSlug));
+    });
+    const [turns, setTurns] = useState4([]);
+    const [draft, setDraft] = useState4("");
+    const [sending, setSending] = useState4(false);
+    const [error, setError] = useState4(null);
+    const scrollRef = useRef2(null);
+    useEffect2(() => {
+      if (!tenantSlug || !sessionId) return;
+      fetch(`${apiBase}/public/chat/${tenantSlug}/${sessionId}`).then((res) => res.ok ? res.json() : null).then((data) => {
+        if (data?.messages) {
+          setTurns(data.messages.map((m) => ({
+            _id: m._id,
+            role: m.role,
+            content: m.content,
+            rating: m.rating
+          })));
+        }
+      }).catch(() => {
+      });
+    }, [tenantSlug, sessionId]);
+    useEffect2(() => {
+      scrollRef.current?.scrollTo({ top: scrollRef.current.scrollHeight, behavior: "smooth" });
+    }, [turns.length]);
+    const send = async () => {
+      if (!draft.trim() || sending || !tenantSlug) return;
+      const text = draft.trim();
+      setDraft("");
+      setError(null);
+      setTurns((prev) => [
+        ...prev,
+        { role: "user", content: text },
+        { role: "assistant", content: "Thinking\u2026", pending: true }
+      ]);
+      setSending(true);
+      try {
+        const res = await fetch(`${apiBase}/public/chat/${tenantSlug}`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ sessionId: sessionId || void 0, message: text })
+        });
+        if (!res.ok) {
+          const body = await res.json().catch(() => ({}));
+          if (res.status === 429) setError(`Too many messages \u2014 wait ${body.retryAfterSeconds || 30}s.`);
+          else if (res.status === 503) setError("Assistant is over its monthly budget. Try again later.");
+          else setError(body.error || "Send failed");
+          setTurns((prev) => prev.filter((t) => !t.pending));
+          return;
+        }
+        const data = await res.json();
+        if (!sessionId) {
+          setSessionId(data.sessionId);
+          localStorage.setItem(sessionKey(tenantSlug), data.sessionId);
+        }
+        setTurns((prev) => {
+          const withoutPending = prev.filter((t) => !t.pending);
+          return [...withoutPending, {
+            _id: data.conversationId,
+            role: "assistant",
+            content: data.content,
+            citations: data.citations
+          }];
+        });
+      } catch (err) {
+        setError(err?.message || "Network error");
+        setTurns((prev) => prev.filter((t) => !t.pending));
+      } finally {
+        setSending(false);
+      }
+    };
+    const rate = async (idx, rating) => {
+      if (!tenantSlug || !sessionId) return;
+      const turn = turns[idx];
+      if (!turn?._id) return;
+      setTurns((prev) => prev.map((t, i) => i === idx ? { ...t, rating } : t));
+      await fetch(`${apiBase}/public/chat/${tenantSlug}/rate`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ sessionId, messageId: turn._id, rating })
+      }).catch(() => {
+      });
+    };
+    const newChat = () => {
+      if (!tenantSlug) return;
+      localStorage.removeItem(sessionKey(tenantSlug));
+      setSessionId(null);
+      setTurns([]);
+      setError(null);
+    };
+    const closeWidget = () => {
+      if (window.parent !== window) {
+        window.parent.postMessage({ type: "pixygon-chatbot:close" }, "*");
+      }
+    };
+    return /* @__PURE__ */ jsxs4(Box4, { sx: {
+      display: "flex",
+      flexDirection: "column",
+      height: "100vh",
+      bgcolor: "background.paper",
+      overflow: "hidden"
+    }, children: [
+      /* @__PURE__ */ jsxs4(
+        Stack4,
+        {
+          direction: "row",
+          alignItems: "center",
+          spacing: 1.5,
+          sx: {
+            px: 2,
+            py: 1.5,
+            borderBottom: "1px solid",
+            borderColor: "divider",
+            bgcolor: brand.primaryColor,
+            color: "#fff"
+          },
+          children: [
+            /* @__PURE__ */ jsx4(Avatar, { sx: { bgcolor: "#fff", color: brand.primaryColor, width: 32, height: 32 }, children: /* @__PURE__ */ jsx4(ChatBubbleOutline2, { fontSize: "small" }) }),
+            /* @__PURE__ */ jsxs4(Box4, { sx: { flex: 1 }, children: [
+              /* @__PURE__ */ jsx4(Typography4, { variant: "body2", fontWeight: 600, children: "Assistant" }),
+              /* @__PURE__ */ jsx4(Typography4, { variant: "caption", sx: { opacity: 0.85 }, children: brand.tagline })
+            ] }),
+            /* @__PURE__ */ jsx4(Button4, { size: "small", variant: "text", sx: { color: "#fff", minWidth: "auto" }, onClick: newChat, children: "New chat" }),
+            /* @__PURE__ */ jsx4(IconButton4, { size: "small", sx: { color: "#fff" }, onClick: closeWidget, children: /* @__PURE__ */ jsx4(Close2, { fontSize: "small" }) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx4(Box4, { ref: scrollRef, sx: { flex: 1, p: 2, overflowY: "auto" }, children: turns.length === 0 ? /* @__PURE__ */ jsxs4(Stack4, { alignItems: "center", sx: { pt: 6 }, spacing: 1, children: [
+        /* @__PURE__ */ jsx4(ChatBubbleOutline2, { sx: { fontSize: 40, color: "text.secondary" } }),
+        /* @__PURE__ */ jsxs4(Typography4, { variant: "body2", color: "text.secondary", textAlign: "center", children: [
+          "Ask anything \u2014 the assistant answers from ",
+          brand.name,
+          "'s knowledge base."
+        ] })
+      ] }) : /* @__PURE__ */ jsx4(Stack4, { spacing: 1.5, children: turns.map((t, i) => /* @__PURE__ */ jsx4(Bubble, { turn: t, brand, onRate: (r) => rate(i, r) }, i)) }) }),
+      /* @__PURE__ */ jsxs4(Box4, { sx: { p: 1.5, borderTop: "1px solid", borderColor: "divider" }, children: [
+        error && /* @__PURE__ */ jsx4(Alert4, { severity: "error", sx: { mb: 1 }, children: error }),
+        /* @__PURE__ */ jsxs4(Stack4, { direction: "row", spacing: 1, children: [
+          /* @__PURE__ */ jsx4(
+            TextField3,
+            {
+              fullWidth: true,
+              size: "small",
+              multiline: true,
+              maxRows: 4,
+              placeholder: "Type a message\u2026",
+              value: draft,
+              onChange: (e) => setDraft(e.target.value),
+              onKeyDown: (e) => {
+                if (e.key === "Enter" && !e.shiftKey) {
+                  e.preventDefault();
+                  send();
+                }
+              },
+              disabled: sending
+            }
+          ),
+          /* @__PURE__ */ jsx4(Button4, { variant: "contained", onClick: send, disabled: !draft.trim() || sending, children: /* @__PURE__ */ jsx4(Send2, { fontSize: "small" }) })
+        ] })
+      ] })
+    ] });
+  };
+}
+function Bubble({ turn, brand, onRate }) {
+  const isUser = turn.role === "user";
+  return /* @__PURE__ */ jsx4(Box4, { sx: { display: "flex", justifyContent: isUser ? "flex-end" : "flex-start" }, children: /* @__PURE__ */ jsxs4(Box4, { sx: { maxWidth: "85%" }, children: [
+    /* @__PURE__ */ jsx4(Box4, { sx: {
+      bgcolor: isUser ? brand.primaryColor : "grey.100",
+      color: isUser ? "#fff" : "text.primary",
+      px: 1.5,
+      py: 1,
+      borderRadius: 2,
+      whiteSpace: "pre-wrap",
+      wordBreak: "break-word",
+      opacity: turn.pending ? 0.6 : 1
+    }, children: /* @__PURE__ */ jsx4(Typography4, { variant: "body2", children: turn.content }) }),
+    !isUser && turn.citations?.length ? /* @__PURE__ */ jsx4(Stack4, { direction: "row", spacing: 0.5, sx: { mt: 0.5, flexWrap: "wrap", gap: 0.5 }, children: turn.citations.map((c, i) => /* @__PURE__ */ jsx4(Tooltip4, { title: c.snippet, children: /* @__PURE__ */ jsx4(Chip4, { label: `[${i + 1}] ${c.documentTitle}`, size: "small", variant: "outlined" }) }, i)) }) : null,
+    !isUser && !turn.pending && turn._id && /* @__PURE__ */ jsxs4(Stack4, { direction: "row", spacing: 0.5, sx: { mt: 0.25 }, children: [
+      /* @__PURE__ */ jsx4(IconButton4, { size: "small", onClick: () => onRate(1), color: turn.rating === 1 ? "primary" : "default", children: /* @__PURE__ */ jsx4(ThumbUp3, { sx: { fontSize: 14 } }) }),
+      /* @__PURE__ */ jsx4(IconButton4, { size: "small", onClick: () => onRate(-1), color: turn.rating === -1 ? "error" : "default", children: /* @__PURE__ */ jsx4(ThumbDown3, { sx: { fontSize: 14 } }) })
+    ] })
+  ] }) });
+}
+
+// src/pages/ChatbotSettings.tsx
+import { useState as useState5, useEffect as useEffect3 } from "react";
+import {
+  Card as Card4,
+  CardContent as CardContent4,
+  Typography as Typography5,
+  Stack as Stack5,
+  Box as Box5,
+  TextField as TextField4,
+  Button as Button5,
+  Chip as Chip5
+} from "@mui/material";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function createChatbotSettings(cfg) {
+  return function ChatbotSettings(props) {
+    const { tenant, onSave } = props;
+    const [capInput, setCapInput] = useState5("");
+    const [saving, setSaving] = useState5(false);
+    const [saved, setSaved] = useState5(false);
+    useEffect3(() => {
+      if (tenant?.chatCostCapUsdMonthly != null) setCapInput(String(tenant.chatCostCapUsdMonthly));
+      else setCapInput("");
+    }, [tenant?._id, tenant?.chatCostCapUsdMonthly]);
+    if (!tenant) return null;
+    const handleSave = async () => {
+      setSaved(false);
+      setSaving(true);
+      try {
+        const trimmed = capInput.trim();
+        const cap = trimmed === "" ? null : parseFloat(trimmed);
+        if (trimmed && (Number.isNaN(cap) || cap < 0)) return;
+        await onSave({ chatCostCapUsdMonthly: cap });
+        setSaved(true);
+      } finally {
+        setSaving(false);
+      }
+    };
+    const scriptUrl = props.embedScriptUrl || (typeof window !== "undefined" ? `${window.location.origin}/chatbot.js` : "/chatbot.js");
+    const embedSnippet = `<script src="${scriptUrl}" data-tenant-slug="${tenant.slug}" defer></script>`;
+    return /* @__PURE__ */ jsx5(Card4, { sx: { mt: 2 }, children: /* @__PURE__ */ jsxs5(CardContent4, { children: [
+      /* @__PURE__ */ jsx5(Typography5, { variant: "h6", gutterBottom: true, children: "Chatbot" }),
+      /* @__PURE__ */ jsxs5(Stack5, { spacing: 2, sx: { mt: 1 }, children: [
+        /* @__PURE__ */ jsxs5(Box5, { children: [
+          /* @__PURE__ */ jsx5(Typography5, { variant: "overline", color: "text.secondary", children: "Monthly cost cap" }),
+          /* @__PURE__ */ jsxs5(Stack5, { direction: "row", spacing: 1, alignItems: "center", children: [
+            /* @__PURE__ */ jsx5(
+              TextField4,
+              {
+                size: "small",
+                type: "number",
+                placeholder: "No cap",
+                value: capInput,
+                onChange: (e) => {
+                  setCapInput(e.target.value);
+                  setSaved(false);
+                },
+                InputProps: { startAdornment: /* @__PURE__ */ jsx5(Box5, { sx: { pr: 0.5 }, children: "$" }) },
+                sx: { maxWidth: 220 }
+              }
+            ),
+            /* @__PURE__ */ jsx5(Button5, { variant: "contained", onClick: handleSave, disabled: saving, children: "Save" }),
+            saved && /* @__PURE__ */ jsx5(Chip5, { label: "Saved", color: "success", size: "small" })
+          ] }),
+          /* @__PURE__ */ jsx5(Typography5, { variant: "caption", color: "text.secondary", sx: { display: "block", mt: 0.5 }, children: "When this month's chat spend hits the cap, new messages are refused with a friendly error. Spend resets at the start of every calendar month." })
+        ] }),
+        /* @__PURE__ */ jsxs5(Box5, { children: [
+          /* @__PURE__ */ jsx5(Typography5, { variant: "overline", color: "text.secondary", children: "Embed snippet" }),
+          /* @__PURE__ */ jsxs5(Typography5, { variant: "caption", color: "text.secondary", sx: { display: "block", mb: 1 }, children: [
+            "Drop this in any HTML page to add a floating ",
+            cfg.brand.name,
+            " chat launcher."
+          ] }),
+          /* @__PURE__ */ jsx5(Box5, { component: "pre", sx: {
+            m: 0,
+            p: 1.5,
+            bgcolor: "grey.100",
+            borderRadius: 1,
+            fontSize: 12,
+            fontFamily: "monospace",
+            overflowX: "auto",
+            whiteSpace: "pre-wrap",
+            wordBreak: "break-all"
+          }, children: embedSnippet })
+        ] })
+      ] })
+    ] }) });
+  };
+}
+
+// src/index.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+function createChatbotComponents(cfg) {
+  const resolved = resolveConfig(cfg);
+  const hooks = injectChatbotEndpoints(cfg.apiSlice, { pathPrefix: cfg.pathPrefix });
+  const KnowledgePageBase = createKnowledgePage(resolved, hooks);
+  const ChatPageBase = createChatPage(resolved, hooks);
+  const ChatAnalyticsPageBase = createChatAnalyticsPage(resolved, hooks);
+  const EmbedChatPageBase = createEmbedChatPage(resolved);
+  const ChatbotSettings = createChatbotSettings(resolved);
+  const KnowledgePage = () => {
+    const tenantId = cfg.useTenantId();
+    return /* @__PURE__ */ jsx6(KnowledgePageBase, { tenantId });
+  };
+  const ChatPage = () => {
+    const tenantId = cfg.useTenantId();
+    return /* @__PURE__ */ jsx6(ChatPageBase, { tenantId });
+  };
+  const ChatAnalyticsPage = () => {
+    const tenantId = cfg.useTenantId();
+    return /* @__PURE__ */ jsx6(ChatAnalyticsPageBase, { tenantId });
+  };
+  return {
+    hooks,
+    KnowledgePage,
+    ChatPage,
+    ChatAnalyticsPage,
+    EmbedChatPage: EmbedChatPageBase,
+    ChatbotSettings,
+    // Base variants if the host wants to pass tenantId explicitly.
+    KnowledgePageBase,
+    ChatPageBase,
+    ChatAnalyticsPageBase,
+    EmbedChatPageBase
+  };
+}
+export {
+  createChatbotComponents,
+  injectChatbotEndpoints
+};