@netbirdio/explain 0.1.0

package/dist/client/AIChatBot.js

@@ -0,0 +1,139 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Bot, MessageCircleQuestion, Send, Sparkles, User, X, } from "lucide-react";
+import React, { useCallback, useEffect, useRef, useState } from "react";
+import * as S from "./styles";
+async function fetchAIResponse(endpoint, apiKey, messages) {
+    const headers = {
+        "Content-Type": "application/json",
+    };
+    if (apiKey) {
+        headers["Authorization"] = `Bearer ${apiKey}`;
+    }
+    const response = await fetch(endpoint, {
+        method: "POST",
+        headers,
+        body: JSON.stringify({
+            messages: messages.map((m) => ({
+                role: m.role,
+                content: m.content,
+            })),
+        }),
+    });
+    if (!response.ok) {
+        const text = await response.text();
+        throw new Error(`${response.status}: ${text}`);
+    }
+    const data = await response.json();
+    return data.reply;
+}
+export default function AIChatBot({ open, onClose, initialQuery, endpoint, apiKey, }) {
+    const [messages, setMessages] = useState([]);
+    const [input, setInput] = useState("");
+    const [isTyping, setIsTyping] = useState(false);
+    const messagesEndRef = useRef(null);
+    const inputRef = useRef(null);
+    const hasProcessedInitialQuery = useRef(false);
+    const scrollToBottom = useCallback(() => {
+        messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
+    }, []);
+    useEffect(() => {
+        scrollToBottom();
+    }, [messages, isTyping, scrollToBottom]);
+    const getAIResponse = useCallback(async (allMessages) => {
+        setIsTyping(true);
+        try {
+            const reply = await fetchAIResponse(endpoint, apiKey, allMessages);
+            const response = {
+                id: Date.now().toString(),
+                role: "assistant",
+                content: reply,
+            };
+            setMessages((prev) => [...prev, response]);
+        }
+        catch (err) {
+            const errorMsg = err instanceof Error ? err.message : "Unknown error";
+            const response = {
+                id: Date.now().toString(),
+                role: "assistant",
+                content: `Sorry, I couldn't get a response. Error: ${errorMsg}`,
+            };
+            setMessages((prev) => [...prev, response]);
+        }
+        finally {
+            setIsTyping(false);
+        }
+    }, [endpoint, apiKey]);
+    // Handle initial query from explain mode
+    useEffect(() => {
+        if (open && initialQuery && !hasProcessedInitialQuery.current) {
+            hasProcessedInitialQuery.current = true;
+            const lines = initialQuery.split("\n");
+            const userMessage = lines[0];
+            const docsLine = lines.find((l) => l.startsWith("Docs: "));
+            const msgs = [];
+            if (docsLine) {
+                msgs.push({
+                    id: Date.now().toString() + "-ctx",
+                    role: "context",
+                    content: docsLine,
+                });
+            }
+            msgs.push({
+                id: Date.now().toString(),
+                role: "user",
+                content: userMessage,
+            });
+            setMessages(msgs);
+            getAIResponse(msgs);
+        }
+    }, [open, initialQuery, getAIResponse]);
+    // Reset when closed
+    useEffect(() => {
+        if (!open) {
+            hasProcessedInitialQuery.current = false;
+            setMessages([]);
+            setInput("");
+            setIsTyping(false);
+        }
+    }, [open]);
+    // Focus input when opened
+    useEffect(() => {
+        if (open) {
+            setTimeout(() => inputRef.current?.focus(), 200);
+        }
+    }, [open]);
+    const sendMessage = useCallback(() => {
+        const text = input.trim();
+        if (!text || isTyping)
+            return;
+        const userMsg = {
+            id: Date.now().toString(),
+            role: "user",
+            content: text,
+        };
+        const updatedMessages = [...messages, userMsg];
+        setMessages(updatedMessages);
+        setInput("");
+        getAIResponse(updatedMessages);
+    }, [input, isTyping, messages, getAIResponse]);
+    const handleKeyDown = (e) => {
+        if (e.key === "Enter" && !e.shiftKey) {
+            e.preventDefault();
+            sendMessage();
+        }
+    };
+    if (!open)
+        return null;
+    const active = !!input.trim() && !isTyping;
+    return (_jsxs("div", { style: S.chatPanel, children: [_jsxs("div", { style: S.chatHeader, children: [_jsxs("div", { style: S.chatHeaderLeft, children: [_jsx("div", { style: S.chatHeaderIcon, children: _jsx(Sparkles, { size: 15, style: { color: "var(--nb-explain-accent)" } }) }), _jsxs("div", { children: [_jsx("h3", { style: S.chatHeaderTitle, children: "AI Assistant" }), _jsx("span", { style: S.chatHeaderSubtitle, children: "Ask anything" })] })] }), _jsx("button", { onClick: onClose, style: S.chatCloseBtn, onMouseEnter: (e) => {
+                            e.currentTarget.style.color = "var(--nb-explain-text)";
+                            e.currentTarget.style.background = "var(--nb-explain-bg-hover)";
+                        }, onMouseLeave: (e) => {
+                            e.currentTarget.style.color = "var(--nb-explain-text-dim)";
+                            e.currentTarget.style.background = "none";
+                        }, children: _jsx(X, { size: 16 }) })] }), _jsxs("div", { style: S.messagesArea, children: [messages.length === 0 && !isTyping && (_jsxs("div", { style: S.emptyState, children: [_jsx(MessageCircleQuestion, { size: 40, style: { color: "var(--nb-explain-text-dim)" } }), _jsxs("div", { children: [_jsx("p", { style: S.emptyStateTitle, children: "How can I help?" }), _jsx("p", { style: S.emptyStateHint, children: "Use the Explain button to click on any element, or ask a question below." })] })] })), messages.map((msg) => msg.role === "context" ? (_jsx("div", { style: S.contextBadge, children: _jsxs("div", { style: S.contextBadgeInner, children: [_jsx(Sparkles, { size: 10, style: { color: "var(--nb-explain-accent)", opacity: 0.6 } }), msg.content] }) }, msg.id)) : (_jsxs("div", { style: S.messageRow(msg.role === "user"), children: [msg.role === "assistant" && (_jsx("div", { style: S.messageAvatar(false), children: _jsx(Bot, { size: 13, style: { color: "var(--nb-explain-accent)" } }) })), _jsx("div", { style: S.messageBubble(msg.role === "user"), children: msg.content.split("\n").map((line, i) => (_jsxs(React.Fragment, { children: [line
+                                            .split(/(\*\*[^*]+\*\*)/)
+                                            .map((part, j) => part.startsWith("**") && part.endsWith("**") ? (_jsx("strong", { style: S.messageBold, children: part.slice(2, -2) }, j)) : (_jsx(React.Fragment, { children: part }, j))), i < msg.content.split("\n").length - 1 && _jsx("br", {})] }, i))) }), msg.role === "user" && (_jsx("div", { style: S.messageAvatar(true), children: _jsx(User, { size: 13, style: { color: "var(--nb-explain-user-text)" } }) }))] }, msg.id))), isTyping && (_jsxs("div", { style: S.typingRow, children: [_jsx("div", { style: S.messageAvatar(false), children: _jsx(Bot, { size: 13, style: { color: "var(--nb-explain-accent)" } }) }), _jsxs("div", { style: S.typingBubble, children: [_jsx("span", { className: "nb-explain-dot-1", style: S.typingDot }), _jsx("span", { className: "nb-explain-dot-2", style: S.typingDot }), _jsx("span", { className: "nb-explain-dot-3", style: S.typingDot })] })] })), _jsx("div", { ref: messagesEndRef })] }), _jsxs("div", { style: S.inputArea, children: [_jsxs("div", { style: S.inputRow, children: [_jsx("input", { ref: inputRef, type: "text", value: input, onChange: (e) => setInput(e.target.value), onKeyDown: handleKeyDown, placeholder: "Ask a follow-up question...", style: S.inputField }), _jsx("button", { onClick: sendMessage, disabled: !active, style: S.sendBtn(active), children: _jsx(Send, { size: 15 }) })] }), _jsx("p", { style: S.inputFooter, children: "AI-powered assistant" })] })] }));
+}
+//# sourceMappingURL=AIChatBot.js.map

package/dist/client/AIChatBot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIChatBot.js","sourceRoot":"","sources":["../../src/client/AIChatBot.tsx"],"names":[],"mappings":"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"}

package/dist/client/AIFloatingButton.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    isOpen: boolean;
+    onClick: () => void;
+};
+export default function AIFloatingButton({ isOpen, onClick }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AIFloatingButton.d.ts.map

package/dist/client/AIFloatingButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIFloatingButton.d.ts","sourceRoot":"","sources":["../../src/client/AIFloatingButton.tsx"],"names":[],"mappings":"AAMA,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,KAAK,2CAsBlE"}

package/dist/client/AIFloatingButton.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MessageCircleQuestion, X } from "lucide-react";
+import * as S from "./styles";
+export default function AIFloatingButton({ isOpen, onClick }) {
+    return (_jsx("button", { onClick: onClick, "data-nb-explain-ignore": true, style: S.fab(isOpen), onMouseEnter: (e) => {
+            e.currentTarget.style.transform = "scale(1.05)";
+        }, onMouseLeave: (e) => {
+            e.currentTarget.style.transform = "scale(1)";
+        }, onMouseDown: (e) => {
+            e.currentTarget.style.transform = "scale(0.95)";
+        }, onMouseUp: (e) => {
+            e.currentTarget.style.transform = "scale(1.05)";
+        }, children: isOpen ? _jsx(X, { size: 20 }) : _jsx(MessageCircleQuestion, { size: 22 }) }));
+}
+//# sourceMappingURL=AIFloatingButton.js.map

package/dist/client/AIFloatingButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIFloatingButton.js","sourceRoot":"","sources":["../../src/client/AIFloatingButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,qBAAqB,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAExD,OAAO,KAAK,CAAC,MAAM,UAAU,CAAC;AAO9B,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAS;IACjE,OAAO,CACL,iBACE,OAAO,EAAE,OAAO,kCAEhB,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EACpB,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;YAClB,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,SAAS,GAAG,aAAa,CAAC;QAClD,CAAC,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;YAClB,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,SAAS,GAAG,UAAU,CAAC;QAC/C,CAAC,EACD,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;YACjB,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,SAAS,GAAG,aAAa,CAAC;QAClD,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;YACf,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,SAAS,GAAG,aAAa,CAAC;QAClD,CAAC,YAEA,MAAM,CAAC,CAAC,CAAC,KAAC,CAAC,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,KAAC,qBAAqB,IAAC,IAAI,EAAE,EAAE,GAAI,GACxD,CACV,CAAC;AACJ,CAAC"}

package/dist/client/index.d.ts

@@ -0,0 +1,5 @@
+export { default as AIAssistantProvider, useAIAssistant } from "./AIAssistantProvider";
+export { default as AIChatBot } from "./AIChatBot";
+export { default as AIFloatingButton } from "./AIFloatingButton";
+export type { Message, ExplainContext } from "../types";
+//# sourceMappingURL=index.d.ts.map

package/dist/client/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/client/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,YAAY,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC"}

package/dist/client/index.js

@@ -0,0 +1,4 @@
+export { default as AIAssistantProvider, useAIAssistant } from "./AIAssistantProvider";
+export { default as AIChatBot } from "./AIChatBot";
+export { default as AIFloatingButton } from "./AIFloatingButton";
+//# sourceMappingURL=index.js.map

package/dist/client/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/client/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/client/styles.d.ts

@@ -0,0 +1,51 @@
+/**
+ * All styles for netbird-explain components.
+ * Uses inline styles + CSS custom properties so the package
+ * works without any external CSS framework.
+ *
+ * Consumers can override via CSS custom properties:
+ *   --nb-explain-bg:          panel background
+ *   --nb-explain-bg-subtle:   input/message background
+ *   --nb-explain-border:      border color
+ *   --nb-explain-text:        primary text
+ *   --nb-explain-text-muted:  secondary text
+ *   --nb-explain-text-dim:    tertiary/placeholder text
+ *   --nb-explain-accent:      accent color (yellow)
+ *   --nb-explain-accent-hover: accent hover
+ *   --nb-explain-user-bg:     user message background
+ *   --nb-explain-user-text:   user message text
+ *   --nb-explain-radius:      border radius
+ *   --nb-explain-font:        font family
+ */
+export declare const CSS_VARS = "\n  :root {\n    --nb-explain-bg: #0a0a0f;\n    --nb-explain-bg-subtle: rgba(255,255,255,0.06);\n    --nb-explain-bg-hover: rgba(255,255,255,0.08);\n    --nb-explain-border: rgba(255,255,255,0.1);\n    --nb-explain-text: #f0f0f5;\n    --nb-explain-text-muted: #9ca3af;\n    --nb-explain-text-dim: #6b7280;\n    --nb-explain-accent: #eab308;\n    --nb-explain-accent-hover: #facc15;\n    --nb-explain-accent-glow: rgba(234,179,8,0.15);\n    --nb-explain-user-bg: #4f46e5;\n    --nb-explain-user-text: #ffffff;\n    --nb-explain-user-glow: rgba(79,70,229,0.25);\n    --nb-explain-radius: 12px;\n    --nb-explain-radius-sm: 8px;\n    --nb-explain-radius-xs: 6px;\n    --nb-explain-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n    --nb-explain-shadow: 0 25px 50px -12px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.05);\n    --nb-explain-banner-bg: rgba(234,179,8,0.92);\n    --nb-explain-banner-text: #000000;\n    --nb-explain-error-text: #f87171;\n  }\n";
+export declare const chatPanel: React.CSSProperties;
+export declare const chatHeader: React.CSSProperties;
+export declare const chatHeaderLeft: React.CSSProperties;
+export declare const chatHeaderIcon: React.CSSProperties;
+export declare const chatHeaderTitle: React.CSSProperties;
+export declare const chatHeaderSubtitle: React.CSSProperties;
+export declare const chatCloseBtn: React.CSSProperties;
+export declare const messagesArea: React.CSSProperties;
+export declare const emptyState: React.CSSProperties;
+export declare const emptyStateTitle: React.CSSProperties;
+export declare const emptyStateHint: React.CSSProperties;
+export declare const contextBadge: React.CSSProperties;
+export declare const contextBadgeInner: React.CSSProperties;
+export declare const messageRow: (isUser: boolean) => React.CSSProperties;
+export declare const messageAvatar: (isUser: boolean) => React.CSSProperties;
+export declare const messageBubble: (isUser: boolean) => React.CSSProperties;
+export declare const messageBold: React.CSSProperties;
+export declare const typingRow: React.CSSProperties;
+export declare const typingBubble: React.CSSProperties;
+export declare const typingDot: React.CSSProperties;
+export declare const inputArea: React.CSSProperties;
+export declare const inputRow: React.CSSProperties;
+export declare const inputField: React.CSSProperties;
+export declare const sendBtn: (active: boolean) => React.CSSProperties;
+export declare const inputFooter: React.CSSProperties;
+export declare const fab: (isOpen: boolean) => React.CSSProperties;
+export declare const banner: React.CSSProperties;
+export declare const bannerCancel: React.CSSProperties;
+export declare const ANIMATIONS = "\n  @keyframes nb-explain-slide-up {\n    from { opacity: 0; transform: translateY(8px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n  @keyframes nb-explain-fade-in {\n    from { opacity: 0; transform: translateX(-50%) translateY(-4px); }\n    to { opacity: 1; transform: translateX(-50%) translateY(0); }\n  }\n  @keyframes nb-explain-bounce {\n    0%, 80%, 100% { transform: translateY(0); }\n    40% { transform: translateY(-4px); }\n  }\n  .nb-explain-dot-1 { animation: nb-explain-bounce 1.2s infinite; animation-delay: 0ms; }\n  .nb-explain-dot-2 { animation: nb-explain-bounce 1.2s infinite; animation-delay: 150ms; }\n  .nb-explain-dot-3 { animation: nb-explain-bounce 1.2s infinite; animation-delay: 300ms; }\n";
+export declare const HIGHLIGHT_STYLES = "\n  [data-nb-explain-highlight] {\n    outline: 2px solid rgba(234, 179, 8, 0.7) !important;\n    border-radius: 6px;\n    cursor: help !important;\n    transition: outline 0.1s ease;\n  }\n";
+//# sourceMappingURL=styles.d.ts.map

package/dist/client/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/client/styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,eAAO,MAAM,QAAQ,69BAwBpB,CAAC;AAIF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,aAgB7B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,aAM9B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,aAIlC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,aAQlC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,aAMnC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,aAGtC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,aAUhC,CAAC;AAIF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,aAOhC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,aAS9B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,aAKnC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,aAIlC,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,aAGhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,aASrC,CAAC;AAGF,eAAO,MAAM,UAAU,GAAI,QAAQ,OAAO,KAAG,KAAK,CAAC,aAIjD,CAAC;AAEH,eAAO,MAAM,aAAa,GAAI,QAAQ,OAAO,KAAG,KAAK,CAAC,aAUpD,CAAC;AAEH,eAAO,MAAM,aAAa,GAAI,QAAQ,OAAO,KAAG,KAAK,CAAC,aASpD,CAAC;AAEH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,aAG/B,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,aAG7B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,aAMhC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,aAK7B,CAAC;AAIF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,aAG7B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,aAO5B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,aAQ9B,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,QAAQ,OAAO,KAAG,KAAK,CAAC,aAW9C,CAAC;AAEH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,aAK/B,CAAC;AAIF,eAAO,MAAM,GAAG,GAAI,QAAQ,OAAO,KAAG,KAAK,CAAC,aAmB1C,CAAC;AAIH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,aAkB1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,aAShC,CAAC;AAIF,eAAO,MAAM,UAAU,kuBAgBtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,mMAO5B,CAAC"}

package/dist/client/styles.js

@@ -0,0 +1,317 @@
+/**
+ * All styles for netbird-explain components.
+ * Uses inline styles + CSS custom properties so the package
+ * works without any external CSS framework.
+ *
+ * Consumers can override via CSS custom properties:
+ *   --nb-explain-bg:          panel background
+ *   --nb-explain-bg-subtle:   input/message background
+ *   --nb-explain-border:      border color
+ *   --nb-explain-text:        primary text
+ *   --nb-explain-text-muted:  secondary text
+ *   --nb-explain-text-dim:    tertiary/placeholder text
+ *   --nb-explain-accent:      accent color (yellow)
+ *   --nb-explain-accent-hover: accent hover
+ *   --nb-explain-user-bg:     user message background
+ *   --nb-explain-user-text:   user message text
+ *   --nb-explain-radius:      border radius
+ *   --nb-explain-font:        font family
+ */
+export const CSS_VARS = `
+  :root {
+    --nb-explain-bg: #0a0a0f;
+    --nb-explain-bg-subtle: rgba(255,255,255,0.06);
+    --nb-explain-bg-hover: rgba(255,255,255,0.08);
+    --nb-explain-border: rgba(255,255,255,0.1);
+    --nb-explain-text: #f0f0f5;
+    --nb-explain-text-muted: #9ca3af;
+    --nb-explain-text-dim: #6b7280;
+    --nb-explain-accent: #eab308;
+    --nb-explain-accent-hover: #facc15;
+    --nb-explain-accent-glow: rgba(234,179,8,0.15);
+    --nb-explain-user-bg: #4f46e5;
+    --nb-explain-user-text: #ffffff;
+    --nb-explain-user-glow: rgba(79,70,229,0.25);
+    --nb-explain-radius: 12px;
+    --nb-explain-radius-sm: 8px;
+    --nb-explain-radius-xs: 6px;
+    --nb-explain-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+    --nb-explain-shadow: 0 25px 50px -12px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.05);
+    --nb-explain-banner-bg: rgba(234,179,8,0.92);
+    --nb-explain-banner-text: #000000;
+    --nb-explain-error-text: #f87171;
+  }
+`;
+// --- Chat Panel ---
+export const chatPanel = {
+    position: "fixed",
+    bottom: 80,
+    right: 20,
+    zIndex: 9998,
+    width: 420,
+    height: 600,
+    display: "flex",
+    flexDirection: "column",
+    borderRadius: "var(--nb-explain-radius)",
+    border: "1px solid var(--nb-explain-border)",
+    background: "var(--nb-explain-bg)",
+    boxShadow: "var(--nb-explain-shadow)",
+    fontFamily: "var(--nb-explain-font)",
+    overflow: "hidden",
+    animation: "nb-explain-slide-up 0.2s ease-out",
+};
+export const chatHeader = {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    padding: "12px 16px",
+    borderBottom: "1px solid var(--nb-explain-border)",
+};
+export const chatHeaderLeft = {
+    display: "flex",
+    alignItems: "center",
+    gap: 10,
+};
+export const chatHeaderIcon = {
+    width: 28,
+    height: 28,
+    borderRadius: "var(--nb-explain-radius-sm)",
+    background: "var(--nb-explain-accent-glow)",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+};
+export const chatHeaderTitle = {
+    fontSize: 14,
+    fontWeight: 600,
+    color: "var(--nb-explain-text)",
+    lineHeight: 1,
+    margin: 0,
+};
+export const chatHeaderSubtitle = {
+    fontSize: 11,
+    color: "var(--nb-explain-text-dim)",
+};
+export const chatCloseBtn = {
+    padding: 6,
+    borderRadius: "var(--nb-explain-radius-xs)",
+    color: "var(--nb-explain-text-dim)",
+    background: "none",
+    border: "none",
+    cursor: "pointer",
+    display: "flex",
+    alignItems: "center",
+    transition: "color 0.15s, background 0.15s",
+};
+// --- Messages ---
+export const messagesArea = {
+    flex: 1,
+    overflowY: "auto",
+    padding: "16px",
+    display: "flex",
+    flexDirection: "column",
+    gap: 16,
+};
+export const emptyState = {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    height: "100%",
+    textAlign: "center",
+    gap: 12,
+    opacity: 0.5,
+};
+export const emptyStateTitle = {
+    fontSize: 14,
+    color: "var(--nb-explain-text-muted)",
+    fontWeight: 500,
+    margin: 0,
+};
+export const emptyStateHint = {
+    fontSize: 12,
+    color: "var(--nb-explain-text-dim)",
+    marginTop: 4,
+};
+// Context badge
+export const contextBadge = {
+    display: "flex",
+    justifyContent: "center",
+};
+export const contextBadgeInner = {
+    fontSize: 11,
+    color: "var(--nb-explain-text-dim)",
+    background: "var(--nb-explain-bg-subtle)",
+    borderRadius: 20,
+    padding: "4px 12px",
+    display: "flex",
+    alignItems: "center",
+    gap: 6,
+};
+// Message row
+export const messageRow = (isUser) => ({
+    display: "flex",
+    gap: 10,
+    justifyContent: isUser ? "flex-end" : "flex-start",
+});
+export const messageAvatar = (isUser) => ({
+    width: 24,
+    height: 24,
+    borderRadius: "var(--nb-explain-radius-xs)",
+    background: isUser ? "var(--nb-explain-user-glow)" : "var(--nb-explain-accent-glow)",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    flexShrink: 0,
+    marginTop: 2,
+});
+export const messageBubble = (isUser) => ({
+    maxWidth: "85%",
+    borderRadius: "var(--nb-explain-radius-sm)",
+    padding: "8px 12px",
+    fontSize: 14,
+    lineHeight: 1.6,
+    background: isUser ? "var(--nb-explain-user-bg)" : "var(--nb-explain-bg-subtle)",
+    color: isUser ? "var(--nb-explain-user-text)" : "var(--nb-explain-text)",
+    wordBreak: "break-word",
+});
+export const messageBold = {
+    fontWeight: 600,
+    color: "var(--nb-explain-text)",
+};
+// Typing indicator
+export const typingRow = {
+    display: "flex",
+    gap: 10,
+};
+export const typingBubble = {
+    background: "var(--nb-explain-bg-subtle)",
+    borderRadius: "var(--nb-explain-radius-sm)",
+    padding: "12px 16px",
+    display: "flex",
+    gap: 6,
+};
+export const typingDot = {
+    width: 6,
+    height: 6,
+    borderRadius: "50%",
+    background: "var(--nb-explain-text-dim)",
+};
+// --- Input area ---
+export const inputArea = {
+    padding: "12px 16px",
+    borderTop: "1px solid var(--nb-explain-border)",
+};
+export const inputRow = {
+    display: "flex",
+    alignItems: "center",
+    gap: 8,
+    background: "var(--nb-explain-bg-subtle)",
+    borderRadius: "var(--nb-explain-radius-sm)",
+    padding: "8px 12px",
+};
+export const inputField = {
+    flex: 1,
+    background: "none",
+    border: "none",
+    outline: "none",
+    fontSize: 14,
+    color: "var(--nb-explain-text)",
+    fontFamily: "var(--nb-explain-font)",
+};
+export const sendBtn = (active) => ({
+    padding: 6,
+    borderRadius: "var(--nb-explain-radius-xs)",
+    background: "none",
+    border: "none",
+    cursor: active ? "pointer" : "not-allowed",
+    color: active ? "var(--nb-explain-accent)" : "var(--nb-explain-text-dim)",
+    display: "flex",
+    alignItems: "center",
+    transition: "color 0.15s",
+    opacity: active ? 1 : 0.5,
+});
+export const inputFooter = {
+    fontSize: 10,
+    color: "var(--nb-explain-text-dim)",
+    textAlign: "center",
+    marginTop: 6,
+};
+// --- Floating button ---
+export const fab = (isOpen) => ({
+    position: "fixed",
+    bottom: 20,
+    right: 20,
+    zIndex: 9997,
+    width: 48,
+    height: 48,
+    borderRadius: "50%",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    border: "none",
+    cursor: "pointer",
+    transition: "transform 0.2s, box-shadow 0.2s",
+    boxShadow: "0 4px 20px rgba(0,0,0,0.3)",
+    background: isOpen
+        ? "var(--nb-explain-bg-hover)"
+        : "linear-gradient(135deg, var(--nb-explain-accent), #f97316)",
+    color: isOpen ? "var(--nb-explain-text-muted)" : "#fff",
+});
+// --- Banner ---
+export const banner = {
+    position: "fixed",
+    top: 12,
+    left: "50%",
+    transform: "translateX(-50%)",
+    zIndex: 9996,
+    background: "var(--nb-explain-banner-bg)",
+    color: "var(--nb-explain-banner-text)",
+    fontSize: 14,
+    fontWeight: 500,
+    padding: "6px 16px",
+    borderRadius: 20,
+    boxShadow: "0 4px 20px rgba(234,179,8,0.3)",
+    display: "flex",
+    alignItems: "center",
+    gap: 8,
+    fontFamily: "var(--nb-explain-font)",
+    animation: "nb-explain-fade-in 0.2s ease-out",
+};
+export const bannerCancel = {
+    marginLeft: 4,
+    color: "rgba(0,0,0,0.5)",
+    background: "none",
+    border: "none",
+    cursor: "pointer",
+    textDecoration: "underline",
+    fontSize: 12,
+    fontFamily: "var(--nb-explain-font)",
+};
+// --- Animations (injected as <style>) ---
+export const ANIMATIONS = `
+  @keyframes nb-explain-slide-up {
+    from { opacity: 0; transform: translateY(8px); }
+    to { opacity: 1; transform: translateY(0); }
+  }
+  @keyframes nb-explain-fade-in {
+    from { opacity: 0; transform: translateX(-50%) translateY(-4px); }
+    to { opacity: 1; transform: translateX(-50%) translateY(0); }
+  }
+  @keyframes nb-explain-bounce {
+    0%, 80%, 100% { transform: translateY(0); }
+    40% { transform: translateY(-4px); }
+  }
+  .nb-explain-dot-1 { animation: nb-explain-bounce 1.2s infinite; animation-delay: 0ms; }
+  .nb-explain-dot-2 { animation: nb-explain-bounce 1.2s infinite; animation-delay: 150ms; }
+  .nb-explain-dot-3 { animation: nb-explain-bounce 1.2s infinite; animation-delay: 300ms; }
+`;
+export const HIGHLIGHT_STYLES = `
+  [data-nb-explain-highlight] {
+    outline: 2px solid rgba(234, 179, 8, 0.7) !important;
+    border-radius: 6px;
+    cursor: help !important;
+    transition: outline 0.1s ease;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/client/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/client/styles.ts"],"names":[],"mappings":"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"}

package/dist/server/handler.d.ts

@@ -0,0 +1,38 @@
+import type { Message } from "../types";
+export type AssistantConfig = {
+    provider: "anthropic" | "openai";
+    apiKey: string;
+    model?: string;
+    systemPrompt?: string;
+};
+type HandlerOptions = {
+    apiKey?: string;
+};
+type ChatRequest = {
+    messages: Message[];
+};
+type ChatResponse = {
+    reply: string;
+};
+interface IncomingRequest {
+    headers: Record<string, string | string[] | undefined> | {
+        get(name: string): string | null;
+    };
+    body?: unknown;
+    method?: string;
+    on?(event: string, callback: (...args: unknown[]) => void): unknown;
+}
+interface OutgoingResponse {
+    status?(code: number): Pick<OutgoingResponse, "json" | "end">;
+    statusCode?: number;
+    json?(data: unknown): void;
+    end?(data?: string): void;
+    setHeader?(name: string, value: string): void;
+    writeHead?(statusCode: number, headers?: Record<string, string>): void;
+}
+export declare function createAssistant(config: AssistantConfig): {
+    chat: (req: ChatRequest) => Promise<ChatResponse>;
+    handler: (opts?: HandlerOptions) => (req: IncomingRequest, res: OutgoingResponse) => Promise<void>;
+};
+export {};
+//# sourceMappingURL=handler.d.ts.map

package/dist/server/handler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"handler.d.ts","sourceRoot":"","sources":["../../src/server/handler.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAKxC,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,EAAE,WAAW,GAAG,QAAQ,CAAC;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,OAAO,EAAE,CAAC;CACrB,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,UAAU,eAAe;IACvB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC,GAAG;QAAE,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;KAAE,CAAC;IAC9F,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,GAAG,OAAO,CAAC;CACrE;AAED,UAAU,gBAAgB;IACxB,MAAM,CAAC,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,KAAK,CAAC,CAAC;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9C,SAAS,CAAC,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC;CACxE;AAmED,wBAAgB,eAAe,CAAC,MAAM,EAAE,eAAe;gBAG5B,WAAW,KAAG,OAAO,CAAC,YAAY,CAAC;qBAQpC,cAAc,MACtB,KAAK,eAAe,EAAE,KAAK,gBAAgB,KAAG,OAAO,CAAC,IAAI,CAAC;EAwC5E"}