@trossino/chat-widget 0.0.0-stage → 0.1.0

package/dist/index.d.cts

@@ -0,0 +1,65 @@
+import * as react from 'react';
+
+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;
+}
+declare function ChatWidget({ endpoint, headers, placeholder, title, welcomeMessage, onError, defaultOpen, }: 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 UseChatOptions, type UseChatResult, useChat };

package/dist/index.d.ts

@@ -0,0 +1,65 @@
+import * as react from 'react';
+
+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;
+}
+declare function ChatWidget({ endpoint, headers, placeholder, title, welcomeMessage, onError, defaultOpen, }: 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 UseChatOptions, type UseChatResult, useChat };

package/dist/index.js

@@ -0,0 +1,402 @@
+"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 ACCENT = "#2563eb";
+var FONT = 'system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif';
+var styles = {
+  root: {
+    position: "fixed",
+    right: 20,
+    bottom: 20,
+    zIndex: 2147483e3,
+    fontFamily: FONT,
+    fontSize: 14,
+    lineHeight: 1.45,
+    color: "#111827",
+    boxSizing: "border-box"
+  },
+  toggle: {
+    width: 56,
+    height: 56,
+    borderRadius: "50%",
+    border: "none",
+    background: ACCENT,
+    color: "#fff",
+    cursor: "pointer",
+    boxShadow: "0 6px 20px rgba(0,0,0,0.2)",
+    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: "#fff",
+    borderRadius: 12,
+    boxShadow: "0 12px 40px rgba(0,0,0,0.18)",
+    border: "1px solid #e5e7eb",
+    display: "flex",
+    flexDirection: "column",
+    overflow: "hidden"
+  },
+  header: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    padding: "12px 14px",
+    background: ACCENT,
+    color: "#fff"
+  },
+  title: { margin: 0, fontSize: 15, fontWeight: 600 },
+  close: {
+    background: "transparent",
+    border: "none",
+    color: "#fff",
+    cursor: "pointer",
+    fontSize: 20,
+    lineHeight: 1,
+    padding: 4
+  },
+  list: {
+    flex: 1,
+    overflowY: "auto",
+    padding: 14,
+    display: "flex",
+    flexDirection: "column",
+    gap: 8,
+    background: "#f9fafb",
+    margin: 0,
+    listStyle: "none"
+  },
+  bubble: {
+    maxWidth: "85%",
+    padding: "8px 12px",
+    borderRadius: 12,
+    whiteSpace: "pre-wrap",
+    wordBreak: "break-word"
+  },
+  user: { alignSelf: "flex-end", background: ACCENT, color: "#fff", borderBottomRightRadius: 4 },
+  assistant: { alignSelf: "flex-start", background: "#fff", border: "1px solid #e5e7eb", borderBottomLeftRadius: 4 },
+  status: { alignSelf: "flex-start", color: "#6b7280", fontStyle: "italic", padding: "0 4px" },
+  error: {
+    margin: "0 14px 8px",
+    padding: "8px 10px",
+    borderRadius: 8,
+    background: "#fef2f2",
+    color: "#b91c1c",
+    fontSize: 13
+  },
+  form: { display: "flex", gap: 8, padding: 10, borderTop: "1px solid #e5e7eb", background: "#fff" },
+  input: {
+    flex: 1,
+    resize: "none",
+    border: "1px solid #d1d5db",
+    borderRadius: 8,
+    padding: "8px 10px",
+    font: "inherit",
+    color: "inherit",
+    background: "#fff",
+    minHeight: 38,
+    maxHeight: 120,
+    boxSizing: "border-box"
+  },
+  send: {
+    border: "none",
+    borderRadius: 8,
+    background: ACCENT,
+    color: "#fff",
+    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
+  }
+};
+function ChatWidget({
+  endpoint,
+  headers,
+  placeholder = "Type a message\u2026",
+  title = "Chat",
+  welcomeMessage,
+  onError,
+  defaultOpen = false
+}) {
+  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, 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" }) }) : /* @__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 { useEffect, useId, useRef, useState, type CSSProperties, type FormEvent, type KeyboardEvent } from 'react';\nimport { useChat } from './useChat';\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}\n\nconst ACCENT = '#2563eb';\nconst FONT = 'system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif';\n\nconst styles = {\n  root: {\n    position: 'fixed',\n    right: 20,\n    bottom: 20,\n    zIndex: 2147483000,\n    fontFamily: FONT,\n    fontSize: 14,\n    lineHeight: 1.45,\n    color: '#111827',\n    boxSizing: 'border-box',\n  },\n  toggle: {\n    width: 56,\n    height: 56,\n    borderRadius: '50%',\n    border: 'none',\n    background: ACCENT,\n    color: '#fff',\n    cursor: 'pointer',\n    boxShadow: '0 6px 20px rgba(0,0,0,0.2)',\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: '#fff',\n    borderRadius: 12,\n    boxShadow: '0 12px 40px rgba(0,0,0,0.18)',\n    border: '1px solid #e5e7eb',\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: ACCENT,\n    color: '#fff',\n  },\n  title: { margin: 0, fontSize: 15, fontWeight: 600 },\n  close: {\n    background: 'transparent',\n    border: 'none',\n    color: '#fff',\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: '#f9fafb',\n    margin: 0,\n    listStyle: 'none',\n  },\n  bubble: {\n    maxWidth: '85%',\n    padding: '8px 12px',\n    borderRadius: 12,\n    whiteSpace: 'pre-wrap',\n    wordBreak: 'break-word',\n  },\n  user: { alignSelf: 'flex-end', background: ACCENT, color: '#fff', borderBottomRightRadius: 4 },\n  assistant: { alignSelf: 'flex-start', background: '#fff', border: '1px solid #e5e7eb', borderBottomLeftRadius: 4 },\n  status: { alignSelf: 'flex-start', color: '#6b7280', fontStyle: 'italic', padding: '0 4px' },\n  error: {\n    margin: '0 14px 8px',\n    padding: '8px 10px',\n    borderRadius: 8,\n    background: '#fef2f2',\n    color: '#b91c1c',\n    fontSize: 13,\n  },\n  form: { display: 'flex', gap: 8, padding: 10, borderTop: '1px solid #e5e7eb', background: '#fff' },\n  input: {\n    flex: 1,\n    resize: 'none',\n    border: '1px solid #d1d5db',\n    borderRadius: 8,\n    padding: '8px 10px',\n    font: 'inherit',\n    color: 'inherit',\n    background: '#fff',\n    minHeight: 38,\n    maxHeight: 120,\n    boxSizing: 'border-box',\n  },\n  send: {\n    border: 'none',\n    borderRadius: 8,\n    background: ACCENT,\n    color: '#fff',\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\nexport function ChatWidget({\n  endpoint,\n  headers,\n  placeholder = 'Type a message…',\n  title = 'Chat',\n  welcomeMessage,\n  onError,\n  defaultOpen = false,\n}: ChatWidgetProps) {\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} 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        ) : (\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"]}