@trossino/chat-widget 0.0.0-stage → 0.2.0

package/dist/index.d.ts

@@ -0,0 +1,79 @@
+import * as react from 'react';
+import { CSSProperties, ReactNode } from 'react';
+
+/** `CSSProperties` that also accepts CSS custom properties, e.g. `{ '--cw-accent': '#c8553d' }`. */
+type ChatWidgetStyle = CSSProperties & {
+    [key: `--${string}`]: string | number | undefined;
+};
+type ChatWidgetVariant = 'light' | 'dark';
+interface ChatWidgetProps {
+    /** URL that receives `POST { messages }` and answers with `{ reply }` JSON or an SSE stream. */
+    endpoint: string;
+    /** Extra headers sent with every request. Never put provider API keys here: they would be public. */
+    headers?: Record<string, string>;
+    /** Input placeholder. */
+    placeholder?: string;
+    /** Panel title. */
+    title?: string;
+    /** Message shown when the conversation is empty. Display-only: not sent to the backend. */
+    welcomeMessage?: string;
+    /** Called on network / HTTP / stream errors. */
+    onError?: (error: Error) => void;
+    /** Open the panel on mount. */
+    defaultOpen?: boolean;
+    /** Built-in palette used when a `--cw-*` property is not set. */
+    variant?: ChatWidgetVariant;
+    /** Extra class on the root element. Set `--cw-*` properties on it to theme the widget. */
+    className?: string;
+    /** Inline styles merged onto the root element. Accepts `--cw-*` properties. */
+    style?: ChatWidgetStyle;
+    /** Custom launcher icon, shown while the panel is closed. */
+    toggleIcon?: ReactNode;
+}
+declare function ChatWidget({ endpoint, headers, placeholder, title, welcomeMessage, onError, defaultOpen, variant, className, style, toggleIcon, }: ChatWidgetProps): react.JSX.Element;
+
+type ChatRole = 'user' | 'assistant';
+interface ChatMessage {
+    role: ChatRole;
+    content: string;
+}
+/** Body sent by the client to the endpoint. */
+interface ChatRequestBody {
+    messages: ChatMessage[];
+}
+/** Non-streaming JSON response expected from the endpoint. */
+interface ChatResponseBody {
+    reply: string;
+}
+/**
+ * One SSE event payload (`data: <json>`) for streaming responses.
+ * The stream ends with `data: [DONE]`. Errors are sent as `event: error` + `data: {"error": "..."}`.
+ */
+interface ChatStreamChunk {
+    delta: string;
+}
+
+interface UseChatOptions {
+    /** URL that receives `POST { messages }` and answers with `{ reply }` JSON or an SSE stream. */
+    endpoint: string;
+    /** Extra headers sent with every request (e.g. a session token). Never put provider API keys here. */
+    headers?: Record<string, string>;
+    /** Initial conversation history. */
+    initialMessages?: ChatMessage[];
+    /** Called on network / HTTP / stream errors. */
+    onError?: (error: Error) => void;
+}
+interface UseChatResult {
+    messages: ChatMessage[];
+    loading: boolean;
+    error: Error | null;
+    /** Sends a user message and appends the assistant reply. Resolves when the reply is complete. */
+    send: (message: string) => Promise<void>;
+    /** Aborts the in-flight request, if any. */
+    stop: () => void;
+    /** Clears the conversation and the error. */
+    reset: () => void;
+}
+declare function useChat({ endpoint, headers, initialMessages, onError }: UseChatOptions): UseChatResult;
+
+export { type ChatMessage, type ChatRequestBody, type ChatResponseBody, type ChatRole, type ChatStreamChunk, ChatWidget, type ChatWidgetProps, type ChatWidgetStyle, type ChatWidgetVariant, type UseChatOptions, type UseChatResult, useChat };

package/dist/index.js

@@ -0,0 +1,462 @@
+"use client";
+
+// src/client/ChatWidget.tsx
+import {
+  useEffect as useEffect2,
+  useId,
+  useRef as useRef2,
+  useState as useState2
+} from "react";
+
+// src/client/useChat.ts
+import { useCallback, useEffect, useRef, useState } from "react";
+function useChat({ endpoint, headers, initialMessages, onError }) {
+  const [messages, setMessages] = useState(initialMessages ?? []);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const messagesRef = useRef(messages);
+  messagesRef.current = messages;
+  const headersRef = useRef(headers);
+  headersRef.current = headers;
+  const onErrorRef = useRef(onError);
+  onErrorRef.current = onError;
+  const abortRef = useRef(null);
+  useEffect(() => () => abortRef.current?.abort(), []);
+  const stop = useCallback(() => {
+    abortRef.current?.abort();
+    abortRef.current = null;
+    setLoading(false);
+  }, []);
+  const reset = useCallback(() => {
+    stop();
+    setMessages([]);
+    setError(null);
+  }, [stop]);
+  const send = useCallback(
+    async (message) => {
+      const content = message.trim();
+      if (!content || abortRef.current) return;
+      const history = [...messagesRef.current.filter((m) => m.content.trim()), { role: "user", content }];
+      setMessages(history);
+      setLoading(true);
+      setError(null);
+      const controller = new AbortController();
+      abortRef.current = controller;
+      const appendToReply = (text) => {
+        setMessages((prev) => {
+          const next = prev.slice();
+          const current = next[history.length];
+          next[history.length] = { role: "assistant", content: (current?.content ?? "") + text };
+          return next;
+        });
+      };
+      try {
+        const res = await fetch(endpoint, {
+          method: "POST",
+          headers: { "Content-Type": "application/json", Accept: "application/json, text/event-stream", ...headersRef.current },
+          body: JSON.stringify({ messages: history }),
+          signal: controller.signal
+        });
+        if (!res.ok) throw new Error(await readErrorMessage(res));
+        const contentType = res.headers.get("content-type") ?? "";
+        if (contentType.includes("text/event-stream")) {
+          if (!res.body) throw new Error("Empty response stream");
+          await readSSE(res.body, appendToReply);
+        } else {
+          const data = await res.json();
+          const reply = data && typeof data === "object" ? data.reply : void 0;
+          if (typeof reply !== "string") throw new Error("Invalid response: expected { reply: string }");
+          if (reply) appendToReply(reply);
+        }
+      } catch (err) {
+        if (controller.signal.aborted) return;
+        const e = err instanceof Error ? err : new Error(String(err));
+        setError(e);
+        onErrorRef.current?.(e);
+      } finally {
+        if (abortRef.current === controller) {
+          abortRef.current = null;
+          setLoading(false);
+        }
+      }
+    },
+    [endpoint]
+  );
+  return { messages, loading, error, send, stop, reset };
+}
+async function readErrorMessage(res) {
+  try {
+    const data = await res.json();
+    const msg = data && typeof data === "object" ? data.error : void 0;
+    if (typeof msg === "string" && msg) return msg;
+  } catch {
+  }
+  return `Request failed with status ${res.status}`;
+}
+async function readSSE(body, onDelta) {
+  const reader = body.getReader();
+  const decoder = new TextDecoder();
+  let buffer = "";
+  const handleEvent = (raw) => {
+    let event = "message";
+    const dataLines = [];
+    for (const line of raw.split(/\r?\n/)) {
+      if (line.startsWith("event:")) event = line.slice(6).trim();
+      else if (line.startsWith("data:")) dataLines.push(line.slice(5).replace(/^ /, ""));
+    }
+    if (dataLines.length === 0) return false;
+    const data = dataLines.join("\n");
+    if (data === "[DONE]") return true;
+    let parsed = data;
+    try {
+      parsed = JSON.parse(data);
+    } catch {
+    }
+    if (event === "error") {
+      const msg = parsed && typeof parsed === "object" ? parsed.error : parsed;
+      throw new Error(typeof msg === "string" && msg ? msg : "Stream error");
+    }
+    if (typeof parsed === "string") onDelta(parsed);
+    else if (parsed && typeof parsed === "object") {
+      const p = parsed;
+      const text = p.delta ?? p.text ?? p.content;
+      if (typeof text === "string") onDelta(text);
+    }
+    return false;
+  };
+  try {
+    while (true) {
+      const { done, value } = await reader.read();
+      if (done) break;
+      buffer += decoder.decode(value, { stream: true });
+      const events = buffer.split(/\r?\n\r?\n/);
+      buffer = events.pop() ?? "";
+      for (const evt of events) {
+        if (handleEvent(evt)) return;
+      }
+    }
+    buffer += decoder.decode();
+    if (buffer.trim()) handleEvent(buffer);
+  } finally {
+    reader.cancel().catch(() => {
+    });
+  }
+}
+
+// src/client/ChatWidget.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var FONT = 'system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif';
+var LIGHT = {
+  font: FONT,
+  text: "#111827",
+  muted: "#6b7280",
+  "panel-bg": "#ffffff",
+  "list-bg": "#f9fafb",
+  border: "#e5e7eb",
+  accent: "#2563eb",
+  "accent-contrast": "#ffffff",
+  "bubble-bg": "#ffffff",
+  "bubble-text": "#111827",
+  "input-bg": "#ffffff",
+  "input-border": "#d1d5db",
+  "error-bg": "#fef2f2",
+  "error-text": "#b91c1c",
+  shadow: "0 12px 40px rgba(0,0,0,0.18)",
+  "toggle-shadow": "0 6px 20px rgba(0,0,0,0.2)",
+  radius: "12px",
+  "radius-sm": "8px"
+};
+var DARK = {
+  ...LIGHT,
+  text: "#e5e0db",
+  muted: "#8a8580",
+  "panel-bg": "#0c0c0c",
+  "list-bg": "#0a0a0a",
+  border: "rgba(255,255,255,0.08)",
+  "bubble-bg": "rgba(255,255,255,0.04)",
+  "bubble-text": "#e5e0db",
+  "input-bg": "rgba(255,255,255,0.03)",
+  "input-border": "rgba(255,255,255,0.08)",
+  "error-bg": "rgba(185,28,28,0.15)",
+  "error-text": "#fca5a5"
+};
+function createStyles(theme) {
+  const v = (name) => `var(--cw-${name}, ${theme[name]})`;
+  const accent = v("accent");
+  const accentContrast = v("accent-contrast");
+  const border = `1px solid ${v("border")}`;
+  return {
+    root: {
+      position: "fixed",
+      right: 20,
+      bottom: 20,
+      zIndex: 2147483e3,
+      fontFamily: v("font"),
+      fontSize: 14,
+      lineHeight: 1.45,
+      color: v("text"),
+      boxSizing: "border-box"
+    },
+    toggle: {
+      width: 56,
+      height: 56,
+      borderRadius: "50%",
+      border: "none",
+      background: accent,
+      color: accentContrast,
+      cursor: "pointer",
+      boxShadow: v("toggle-shadow"),
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      marginLeft: "auto",
+      padding: 0
+    },
+    panel: {
+      width: "min(370px, calc(100vw - 40px))",
+      height: "min(540px, calc(100vh - 110px))",
+      marginBottom: 12,
+      background: v("panel-bg"),
+      borderRadius: v("radius"),
+      boxShadow: v("shadow"),
+      border,
+      display: "flex",
+      flexDirection: "column",
+      overflow: "hidden"
+    },
+    header: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      padding: "12px 14px",
+      background: `var(--cw-header-bg, ${accent})`,
+      color: `var(--cw-header-text, ${accentContrast})`,
+      borderBottom: "var(--cw-header-border, none)"
+    },
+    title: { margin: 0, fontSize: 15, fontWeight: 600, fontFamily: "var(--cw-title-font, inherit)" },
+    close: {
+      background: "transparent",
+      border: "none",
+      color: "inherit",
+      cursor: "pointer",
+      fontSize: 20,
+      lineHeight: 1,
+      padding: 4
+    },
+    list: {
+      flex: 1,
+      overflowY: "auto",
+      padding: 14,
+      display: "flex",
+      flexDirection: "column",
+      gap: 8,
+      background: v("list-bg"),
+      margin: 0,
+      listStyle: "none"
+    },
+    bubble: {
+      maxWidth: "85%",
+      padding: "8px 12px",
+      borderRadius: v("radius"),
+      whiteSpace: "pre-wrap",
+      wordBreak: "break-word"
+    },
+    user: { alignSelf: "flex-end", background: accent, color: accentContrast, borderBottomRightRadius: 4 },
+    assistant: {
+      alignSelf: "flex-start",
+      background: v("bubble-bg"),
+      color: v("bubble-text"),
+      border,
+      borderBottomLeftRadius: 4
+    },
+    status: { alignSelf: "flex-start", color: v("muted"), fontStyle: "italic", padding: "0 4px" },
+    error: {
+      margin: "0 14px 8px",
+      padding: "8px 10px",
+      borderRadius: v("radius-sm"),
+      background: v("error-bg"),
+      color: v("error-text"),
+      fontSize: 13
+    },
+    form: { display: "flex", gap: 8, padding: 10, borderTop: border, background: v("panel-bg") },
+    input: {
+      flex: 1,
+      resize: "none",
+      border: `1px solid ${v("input-border")}`,
+      borderRadius: v("radius-sm"),
+      padding: "8px 10px",
+      font: "inherit",
+      color: "inherit",
+      background: v("input-bg"),
+      minHeight: 38,
+      maxHeight: 120,
+      boxSizing: "border-box"
+    },
+    send: {
+      border: "none",
+      borderRadius: v("radius-sm"),
+      background: accent,
+      color: accentContrast,
+      padding: "0 14px",
+      font: "inherit",
+      fontWeight: 600,
+      cursor: "pointer"
+    },
+    srOnly: {
+      position: "absolute",
+      width: 1,
+      height: 1,
+      padding: 0,
+      margin: -1,
+      overflow: "hidden",
+      clip: "rect(0,0,0,0)",
+      whiteSpace: "nowrap",
+      border: 0
+    }
+  };
+}
+var STYLES = {
+  light: createStyles(LIGHT),
+  dark: createStyles(DARK)
+};
+function ChatWidget({
+  endpoint,
+  headers,
+  placeholder = "Ask me anything\u2026",
+  title = "Chat with me",
+  welcomeMessage,
+  onError,
+  defaultOpen = false,
+  variant = "light",
+  className,
+  style,
+  toggleIcon
+}) {
+  const styles = STYLES[variant] ?? STYLES.light;
+  const [open, setOpen] = useState2(defaultOpen);
+  const [input, setInput] = useState2("");
+  const { messages, loading, error, send } = useChat({ endpoint, headers, onError });
+  const id = useId();
+  const panelId = `${id}-panel`;
+  const titleId = `${id}-title`;
+  const inputId = `${id}-input`;
+  const toggleRef = useRef2(null);
+  const inputRef = useRef2(null);
+  const listRef = useRef2(null);
+  useEffect2(() => {
+    if (open) inputRef.current?.focus();
+  }, [open]);
+  useEffect2(() => {
+    const el = listRef.current;
+    if (el) el.scrollTop = el.scrollHeight;
+  }, [messages, loading, open]);
+  const close = () => {
+    setOpen(false);
+    toggleRef.current?.focus();
+  };
+  const submit = (e) => {
+    e?.preventDefault();
+    if (!input.trim() || loading) return;
+    const text = input;
+    setInput("");
+    void send(text);
+  };
+  const onInputKeyDown = (e) => {
+    if (e.key === "Enter" && !e.shiftKey && !e.nativeEvent.isComposing) {
+      e.preventDefault();
+      submit();
+    }
+  };
+  const onPanelKeyDown = (e) => {
+    if (e.key === "Escape") {
+      e.stopPropagation();
+      close();
+    }
+  };
+  const last = messages[messages.length - 1];
+  const waitingFirstToken = loading && last?.role !== "assistant";
+  const canSend = input.trim().length > 0 && !loading;
+  return /* @__PURE__ */ jsxs("div", { style: { ...styles.root, ...style }, className: className ? `tr-chat-widget ${className}` : "tr-chat-widget", children: [
+    open && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        id: panelId,
+        role: "dialog",
+        "aria-labelledby": titleId,
+        style: styles.panel,
+        className: "tr-chat-panel",
+        onKeyDown: onPanelKeyDown,
+        children: [
+          /* @__PURE__ */ jsxs("div", { style: styles.header, className: "tr-chat-header", children: [
+            /* @__PURE__ */ jsx("h2", { id: titleId, style: styles.title, children: title }),
+            /* @__PURE__ */ jsx("button", { type: "button", onClick: close, "aria-label": "Close chat", style: styles.close, className: "tr-chat-close", children: "\xD7" })
+          ] }),
+          /* @__PURE__ */ jsxs("ol", { ref: listRef, role: "log", "aria-live": "polite", "aria-relevant": "additions text", "aria-busy": loading, style: styles.list, className: "tr-chat-list", children: [
+            welcomeMessage && messages.length === 0 && /* @__PURE__ */ jsx("li", { style: { ...styles.bubble, ...styles.assistant }, className: "tr-chat-msg tr-chat-msg-assistant", children: welcomeMessage }),
+            messages.map((m, i) => /* @__PURE__ */ jsxs(
+              "li",
+              {
+                style: { ...styles.bubble, ...m.role === "user" ? styles.user : styles.assistant },
+                className: `tr-chat-msg tr-chat-msg-${m.role}`,
+                children: [
+                  /* @__PURE__ */ jsx("span", { style: styles.srOnly, children: m.role === "user" ? "You: " : "Assistant: " }),
+                  m.content
+                ]
+              },
+              i
+            )),
+            waitingFirstToken && /* @__PURE__ */ jsx("li", { style: styles.status, className: "tr-chat-typing", children: "Typing\u2026" })
+          ] }),
+          error && /* @__PURE__ */ jsx("div", { role: "alert", style: styles.error, className: "tr-chat-error", children: error.message || "Something went wrong." }),
+          /* @__PURE__ */ jsxs("form", { onSubmit: submit, style: styles.form, className: "tr-chat-form", children: [
+            /* @__PURE__ */ jsx("label", { htmlFor: inputId, style: styles.srOnly, children: "Message" }),
+            /* @__PURE__ */ jsx(
+              "textarea",
+              {
+                id: inputId,
+                ref: inputRef,
+                rows: 1,
+                value: input,
+                placeholder,
+                onChange: (e) => setInput(e.target.value),
+                onKeyDown: onInputKeyDown,
+                style: styles.input,
+                className: "tr-chat-input"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "submit",
+                disabled: !canSend,
+                "aria-label": "Send message",
+                style: { ...styles.send, opacity: canSend ? 1 : 0.5, cursor: canSend ? "pointer" : "not-allowed" },
+                className: "tr-chat-send",
+                children: "Send"
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref: toggleRef,
+        type: "button",
+        onClick: () => open ? close() : setOpen(true),
+        "aria-label": open ? "Close chat" : "Open chat",
+        "aria-expanded": open,
+        "aria-controls": open ? panelId : void 0,
+        style: styles.toggle,
+        className: "tr-chat-toggle",
+        children: open ? /* @__PURE__ */ jsx("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M6 6l12 12M18 6L6 18" }) }) : toggleIcon !== void 0 ? toggleIcon : /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M21 12a8 8 0 0 1-11.6 7.1L4 20l1-4.6A8 8 0 1 1 21 12z" }) })
+      }
+    )
+  ] });
+}
+export {
+  ChatWidget,
+  useChat
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/client/ChatWidget.tsx","../src/client/useChat.ts"],"sourcesContent":["import {\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FormEvent,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport { useChat } from './useChat';\n\n/** `CSSProperties` that also accepts CSS custom properties, e.g. `{ '--cw-accent': '#c8553d' }`. */\nexport type ChatWidgetStyle = CSSProperties & { [key: `--${string}`]: string | number | undefined };\n\nexport type ChatWidgetVariant = 'light' | 'dark';\n\nexport interface ChatWidgetProps {\n  /** URL that receives `POST { messages }` and answers with `{ reply }` JSON or an SSE stream. */\n  endpoint: string;\n  /** Extra headers sent with every request. Never put provider API keys here: they would be public. */\n  headers?: Record<string, string>;\n  /** Input placeholder. */\n  placeholder?: string;\n  /** Panel title. */\n  title?: string;\n  /** Message shown when the conversation is empty. Display-only: not sent to the backend. */\n  welcomeMessage?: string;\n  /** Called on network / HTTP / stream errors. */\n  onError?: (error: Error) => void;\n  /** Open the panel on mount. */\n  defaultOpen?: boolean;\n  /** Built-in palette used when a `--cw-*` property is not set. */\n  variant?: ChatWidgetVariant;\n  /** Extra class on the root element. Set `--cw-*` properties on it to theme the widget. */\n  className?: string;\n  /** Inline styles merged onto the root element. Accepts `--cw-*` properties. */\n  style?: ChatWidgetStyle;\n  /** Custom launcher icon, shown while the panel is closed. */\n  toggleIcon?: ReactNode;\n}\n\nconst FONT = 'system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif';\n\n/** Fallback values for every `--cw-*` property. A property set by the consumer always wins. */\nconst LIGHT = {\n  font: FONT,\n  text: '#111827',\n  muted: '#6b7280',\n  'panel-bg': '#ffffff',\n  'list-bg': '#f9fafb',\n  border: '#e5e7eb',\n  accent: '#2563eb',\n  'accent-contrast': '#ffffff',\n  'bubble-bg': '#ffffff',\n  'bubble-text': '#111827',\n  'input-bg': '#ffffff',\n  'input-border': '#d1d5db',\n  'error-bg': '#fef2f2',\n  'error-text': '#b91c1c',\n  shadow: '0 12px 40px rgba(0,0,0,0.18)',\n  'toggle-shadow': '0 6px 20px rgba(0,0,0,0.2)',\n  radius: '12px',\n  'radius-sm': '8px',\n};\n\ntype Theme = typeof LIGHT;\n\nconst DARK: Theme = {\n  ...LIGHT,\n  text: '#e5e0db',\n  muted: '#8a8580',\n  'panel-bg': '#0c0c0c',\n  'list-bg': '#0a0a0a',\n  border: 'rgba(255,255,255,0.08)',\n  'bubble-bg': 'rgba(255,255,255,0.04)',\n  'bubble-text': '#e5e0db',\n  'input-bg': 'rgba(255,255,255,0.03)',\n  'input-border': 'rgba(255,255,255,0.08)',\n  'error-bg': 'rgba(185,28,28,0.15)',\n  'error-text': '#fca5a5',\n};\n\nfunction createStyles(theme: Theme) {\n  const v = (name: keyof Theme) => `var(--cw-${name}, ${theme[name]})`;\n  const accent = v('accent');\n  const accentContrast = v('accent-contrast');\n  const border = `1px solid ${v('border')}`;\n\n  return {\n    root: {\n      position: 'fixed',\n      right: 20,\n      bottom: 20,\n      zIndex: 2147483000,\n      fontFamily: v('font'),\n      fontSize: 14,\n      lineHeight: 1.45,\n      color: v('text'),\n      boxSizing: 'border-box',\n    },\n    toggle: {\n      width: 56,\n      height: 56,\n      borderRadius: '50%',\n      border: 'none',\n      background: accent,\n      color: accentContrast,\n      cursor: 'pointer',\n      boxShadow: v('toggle-shadow'),\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      marginLeft: 'auto',\n      padding: 0,\n    },\n    panel: {\n      width: 'min(370px, calc(100vw - 40px))',\n      height: 'min(540px, calc(100vh - 110px))',\n      marginBottom: 12,\n      background: v('panel-bg'),\n      borderRadius: v('radius'),\n      boxShadow: v('shadow'),\n      border,\n      display: 'flex',\n      flexDirection: 'column',\n      overflow: 'hidden',\n    },\n    header: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      padding: '12px 14px',\n      background: `var(--cw-header-bg, ${accent})`,\n      color: `var(--cw-header-text, ${accentContrast})`,\n      borderBottom: 'var(--cw-header-border, none)',\n    },\n    title: { margin: 0, fontSize: 15, fontWeight: 600, fontFamily: 'var(--cw-title-font, inherit)' },\n    close: {\n      background: 'transparent',\n      border: 'none',\n      color: 'inherit',\n      cursor: 'pointer',\n      fontSize: 20,\n      lineHeight: 1,\n      padding: 4,\n    },\n    list: {\n      flex: 1,\n      overflowY: 'auto',\n      padding: 14,\n      display: 'flex',\n      flexDirection: 'column',\n      gap: 8,\n      background: v('list-bg'),\n      margin: 0,\n      listStyle: 'none',\n    },\n    bubble: {\n      maxWidth: '85%',\n      padding: '8px 12px',\n      borderRadius: v('radius'),\n      whiteSpace: 'pre-wrap',\n      wordBreak: 'break-word',\n    },\n    user: { alignSelf: 'flex-end', background: accent, color: accentContrast, borderBottomRightRadius: 4 },\n    assistant: {\n      alignSelf: 'flex-start',\n      background: v('bubble-bg'),\n      color: v('bubble-text'),\n      border,\n      borderBottomLeftRadius: 4,\n    },\n    status: { alignSelf: 'flex-start', color: v('muted'), fontStyle: 'italic', padding: '0 4px' },\n    error: {\n      margin: '0 14px 8px',\n      padding: '8px 10px',\n      borderRadius: v('radius-sm'),\n      background: v('error-bg'),\n      color: v('error-text'),\n      fontSize: 13,\n    },\n    form: { display: 'flex', gap: 8, padding: 10, borderTop: border, background: v('panel-bg') },\n    input: {\n      flex: 1,\n      resize: 'none',\n      border: `1px solid ${v('input-border')}`,\n      borderRadius: v('radius-sm'),\n      padding: '8px 10px',\n      font: 'inherit',\n      color: 'inherit',\n      background: v('input-bg'),\n      minHeight: 38,\n      maxHeight: 120,\n      boxSizing: 'border-box',\n    },\n    send: {\n      border: 'none',\n      borderRadius: v('radius-sm'),\n      background: accent,\n      color: accentContrast,\n      padding: '0 14px',\n      font: 'inherit',\n      fontWeight: 600,\n      cursor: 'pointer',\n    },\n    srOnly: {\n      position: 'absolute',\n      width: 1,\n      height: 1,\n      padding: 0,\n      margin: -1,\n      overflow: 'hidden',\n      clip: 'rect(0,0,0,0)',\n      whiteSpace: 'nowrap',\n      border: 0,\n    },\n  } satisfies Record<string, CSSProperties>;\n}\n\nconst STYLES: Record<ChatWidgetVariant, ReturnType<typeof createStyles>> = {\n  light: createStyles(LIGHT),\n  dark: createStyles(DARK),\n};\n\nexport function ChatWidget({\n  endpoint,\n  headers,\n  placeholder = 'Ask me anything…',\n  title = 'Chat with me',\n  welcomeMessage,\n  onError,\n  defaultOpen = false,\n  variant = 'light',\n  className,\n  style,\n  toggleIcon,\n}: ChatWidgetProps) {\n  const styles = STYLES[variant] ?? STYLES.light;\n  const [open, setOpen] = useState(defaultOpen);\n  const [input, setInput] = useState('');\n  const { messages, loading, error, send } = useChat({ endpoint, headers, onError });\n\n  const id = useId();\n  const panelId = `${id}-panel`;\n  const titleId = `${id}-title`;\n  const inputId = `${id}-input`;\n\n  const toggleRef = useRef<HTMLButtonElement>(null);\n  const inputRef = useRef<HTMLTextAreaElement>(null);\n  const listRef = useRef<HTMLOListElement>(null);\n\n  useEffect(() => {\n    if (open) inputRef.current?.focus();\n  }, [open]);\n\n  useEffect(() => {\n    const el = listRef.current;\n    if (el) el.scrollTop = el.scrollHeight;\n  }, [messages, loading, open]);\n\n  const close = () => {\n    setOpen(false);\n    toggleRef.current?.focus();\n  };\n\n  const submit = (e?: FormEvent) => {\n    e?.preventDefault();\n    if (!input.trim() || loading) return;\n    const text = input;\n    setInput('');\n    void send(text);\n  };\n\n  const onInputKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.key === 'Enter' && !e.shiftKey && !e.nativeEvent.isComposing) {\n      e.preventDefault();\n      submit();\n    }\n  };\n\n  const onPanelKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation();\n      close();\n    }\n  };\n\n  const last = messages[messages.length - 1];\n  const waitingFirstToken = loading && last?.role !== 'assistant';\n  const canSend = input.trim().length > 0 && !loading;\n\n  return (\n    <div style={{ ...styles.root, ...style }} className={className ? `tr-chat-widget ${className}` : 'tr-chat-widget'}>\n      {open && (\n        <div\n          id={panelId}\n          role=\"dialog\"\n          aria-labelledby={titleId}\n          style={styles.panel}\n          className=\"tr-chat-panel\"\n          onKeyDown={onPanelKeyDown}\n        >\n          <div style={styles.header} className=\"tr-chat-header\">\n            <h2 id={titleId} style={styles.title}>\n              {title}\n            </h2>\n            <button type=\"button\" onClick={close} aria-label=\"Close chat\" style={styles.close} className=\"tr-chat-close\">\n              ×\n            </button>\n          </div>\n\n          <ol ref={listRef} role=\"log\" aria-live=\"polite\" aria-relevant=\"additions text\" aria-busy={loading} style={styles.list} className=\"tr-chat-list\">\n            {welcomeMessage && messages.length === 0 && (\n              <li style={{ ...styles.bubble, ...styles.assistant }} className=\"tr-chat-msg tr-chat-msg-assistant\">\n                {welcomeMessage}\n              </li>\n            )}\n            {messages.map((m, i) => (\n              <li\n                key={i}\n                style={{ ...styles.bubble, ...(m.role === 'user' ? styles.user : styles.assistant) }}\n                className={`tr-chat-msg tr-chat-msg-${m.role}`}\n              >\n                <span style={styles.srOnly}>{m.role === 'user' ? 'You: ' : 'Assistant: '}</span>\n                {m.content}\n              </li>\n            ))}\n            {waitingFirstToken && (\n              <li style={styles.status} className=\"tr-chat-typing\">\n                Typing…\n              </li>\n            )}\n          </ol>\n\n          {error && (\n            <div role=\"alert\" style={styles.error} className=\"tr-chat-error\">\n              {error.message || 'Something went wrong.'}\n            </div>\n          )}\n\n          <form onSubmit={submit} style={styles.form} className=\"tr-chat-form\">\n            <label htmlFor={inputId} style={styles.srOnly}>\n              Message\n            </label>\n            <textarea\n              id={inputId}\n              ref={inputRef}\n              rows={1}\n              value={input}\n              placeholder={placeholder}\n              onChange={(e) => setInput(e.target.value)}\n              onKeyDown={onInputKeyDown}\n              style={styles.input}\n              className=\"tr-chat-input\"\n            />\n            <button\n              type=\"submit\"\n              disabled={!canSend}\n              aria-label=\"Send message\"\n              style={{ ...styles.send, opacity: canSend ? 1 : 0.5, cursor: canSend ? 'pointer' : 'not-allowed' }}\n              className=\"tr-chat-send\"\n            >\n              Send\n            </button>\n          </form>\n        </div>\n      )}\n\n      <button\n        ref={toggleRef}\n        type=\"button\"\n        onClick={() => (open ? close() : setOpen(true))}\n        aria-label={open ? 'Close chat' : 'Open chat'}\n        aria-expanded={open}\n        aria-controls={open ? panelId : undefined}\n        style={styles.toggle}\n        className=\"tr-chat-toggle\"\n      >\n        {open ? (\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.2\" strokeLinecap=\"round\" aria-hidden=\"true\">\n            <path d=\"M6 6l12 12M18 6L6 18\" />\n          </svg>\n        ) : toggleIcon !== undefined ? (\n          toggleIcon\n        ) : (\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n            <path d=\"M21 12a8 8 0 0 1-11.6 7.1L4 20l1-4.6A8 8 0 1 1 21 12z\" />\n          </svg>\n        )}\n      </button>\n    </div>\n  );\n}\n","import { useCallback, useEffect, useRef, useState } from 'react';\nimport type { ChatMessage } from '../types';\n\nexport interface UseChatOptions {\n  /** URL that receives `POST { messages }` and answers with `{ reply }` JSON or an SSE stream. */\n  endpoint: string;\n  /** Extra headers sent with every request (e.g. a session token). Never put provider API keys here. */\n  headers?: Record<string, string>;\n  /** Initial conversation history. */\n  initialMessages?: ChatMessage[];\n  /** Called on network / HTTP / stream errors. */\n  onError?: (error: Error) => void;\n}\n\nexport interface UseChatResult {\n  messages: ChatMessage[];\n  loading: boolean;\n  error: Error | null;\n  /** Sends a user message and appends the assistant reply. Resolves when the reply is complete. */\n  send: (message: string) => Promise<void>;\n  /** Aborts the in-flight request, if any. */\n  stop: () => void;\n  /** Clears the conversation and the error. */\n  reset: () => void;\n}\n\nexport function useChat({ endpoint, headers, initialMessages, onError }: UseChatOptions): UseChatResult {\n  const [messages, setMessages] = useState<ChatMessage[]>(initialMessages ?? []);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  // Refs keep `send` stable and always reading the latest values.\n  const messagesRef = useRef(messages);\n  messagesRef.current = messages;\n  const headersRef = useRef(headers);\n  headersRef.current = headers;\n  const onErrorRef = useRef(onError);\n  onErrorRef.current = onError;\n  const abortRef = useRef<AbortController | null>(null);\n\n  useEffect(() => () => abortRef.current?.abort(), []);\n\n  const stop = useCallback(() => {\n    abortRef.current?.abort();\n    abortRef.current = null;\n    setLoading(false);\n  }, []);\n\n  const reset = useCallback(() => {\n    stop();\n    setMessages([]);\n    setError(null);\n  }, [stop]);\n\n  const send = useCallback(\n    async (message: string) => {\n      const content = message.trim();\n      if (!content || abortRef.current) return;\n\n      // Drop empty turns (e.g. a reply that failed before its first token): backends reject them.\n      const history: ChatMessage[] = [...messagesRef.current.filter((m) => m.content.trim()), { role: 'user', content }];\n      setMessages(history);\n      setLoading(true);\n      setError(null);\n\n      const controller = new AbortController();\n      abortRef.current = controller;\n\n      // Appends text to the assistant message at `history.length`, creating it on first call.\n      const appendToReply = (text: string) => {\n        setMessages((prev) => {\n          const next = prev.slice();\n          const current = next[history.length];\n          next[history.length] = { role: 'assistant', content: (current?.content ?? '') + text };\n          return next;\n        });\n      };\n\n      try {\n        const res = await fetch(endpoint, {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json', Accept: 'application/json, text/event-stream', ...headersRef.current },\n          body: JSON.stringify({ messages: history }),\n          signal: controller.signal,\n        });\n\n        if (!res.ok) throw new Error(await readErrorMessage(res));\n\n        const contentType = res.headers.get('content-type') ?? '';\n        if (contentType.includes('text/event-stream')) {\n          if (!res.body) throw new Error('Empty response stream');\n          await readSSE(res.body, appendToReply);\n        } else {\n          const data: unknown = await res.json();\n          const reply = data && typeof data === 'object' ? (data as { reply?: unknown }).reply : undefined;\n          if (typeof reply !== 'string') throw new Error('Invalid response: expected { reply: string }');\n          if (reply) appendToReply(reply);\n        }\n      } catch (err) {\n        if (controller.signal.aborted) return;\n        const e = err instanceof Error ? err : new Error(String(err));\n        setError(e);\n        onErrorRef.current?.(e);\n      } finally {\n        // Skip if `stop()` or a newer request already took over.\n        if (abortRef.current === controller) {\n          abortRef.current = null;\n          setLoading(false);\n        }\n      }\n    },\n    [endpoint],\n  );\n\n  return { messages, loading, error, send, stop, reset };\n}\n\nasync function readErrorMessage(res: Response): Promise<string> {\n  try {\n    const data: unknown = await res.json();\n    const msg = data && typeof data === 'object' ? (data as { error?: unknown }).error : undefined;\n    if (typeof msg === 'string' && msg) return msg;\n  } catch {\n    // not JSON\n  }\n  return `Request failed with status ${res.status}`;\n}\n\n/** Minimal SSE reader. Accepts `data: {\"delta\": \"...\"}` (also `text`/`content`) or raw text; stops at `[DONE]`. */\nasync function readSSE(body: ReadableStream<Uint8Array>, onDelta: (text: string) => void): Promise<void> {\n  const reader = body.getReader();\n  const decoder = new TextDecoder();\n  let buffer = '';\n\n  const handleEvent = (raw: string): boolean => {\n    let event = 'message';\n    const dataLines: string[] = [];\n    for (const line of raw.split(/\\r?\\n/)) {\n      if (line.startsWith('event:')) event = line.slice(6).trim();\n      else if (line.startsWith('data:')) dataLines.push(line.slice(5).replace(/^ /, ''));\n    }\n    if (dataLines.length === 0) return false;\n    const data = dataLines.join('\\n');\n    if (data === '[DONE]') return true;\n\n    let parsed: unknown = data;\n    try {\n      parsed = JSON.parse(data);\n    } catch {\n      // raw text chunk\n    }\n\n    if (event === 'error') {\n      const msg = parsed && typeof parsed === 'object' ? (parsed as { error?: unknown }).error : parsed;\n      throw new Error(typeof msg === 'string' && msg ? msg : 'Stream error');\n    }\n\n    if (typeof parsed === 'string') onDelta(parsed);\n    else if (parsed && typeof parsed === 'object') {\n      const p = parsed as { delta?: unknown; text?: unknown; content?: unknown };\n      const text = p.delta ?? p.text ?? p.content;\n      if (typeof text === 'string') onDelta(text);\n    }\n    return false;\n  };\n\n  try {\n    while (true) {\n      const { done, value } = await reader.read();\n      if (done) break;\n      buffer += decoder.decode(value, { stream: true });\n      const events = buffer.split(/\\r?\\n\\r?\\n/);\n      buffer = events.pop() ?? '';\n      for (const evt of events) {\n        if (handleEvent(evt)) return;\n      }\n    }\n    buffer += decoder.decode();\n    if (buffer.trim()) handleEvent(buffer);\n  } finally {\n    reader.cancel().catch(() => {});\n  }\n}\n"],"mappings":"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","names":["useEffect","useRef","useState","useState","useRef","useEffect"]}