@netbirdio/explain 0.1.0

package/README.md

@@ -0,0 +1,402 @@
+# netbird-explain
+
+AI-powered "Explain" assistant for React apps. Users click on UI elements and get contextual AI explanations via a chat panel.
+
+The package has two entry points:
+
+- `netbird-explain/client` — React components (provider, chat panel, floating button)
+- `netbird-explain/server` — Node.js handler that proxies requests to Anthropic or OpenAI
+
+No CSS framework required — the package is fully self-contained with inline styles and CSS custom properties.
+
+## Installation
+
+```bash
+npm install netbird-explain
+```
+
+Peer dependencies: `react >=18`, `react-dom >=18`.
+
+For local development as a workspace package, add it to your `package.json`:
+
+```json
+{
+  "dependencies": {
+    "netbird-explain": "file:./packages/netbird-explain"
+  }
+}
+```
+
+If you're using Next.js, add to `next.config.js`:
+
+```js
+module.exports = {
+  transpilePackages: ["netbird-explain"],
+};
+```
+
+---
+
+## Client
+
+### Setup
+
+Wrap your app with `AIAssistantProvider`:
+
+```tsx
+import { AIAssistantProvider } from "netbird-explain/client";
+
+export default function App({ children }) {
+  return (
+    <AIAssistantProvider
+      endpoint="http://localhost:3080/api/ai/chat"
+      apiKey="your-api-key"
+    >
+      {children}
+    </AIAssistantProvider>
+  );
+}
+```
+
+This renders the floating action button and chat panel automatically. No CSS imports are needed — the provider injects all required styles via CSS custom properties.
+
+### Props
+
+| Prop       | Type        | Required | Description                         |
+| ---------- | ----------- | -------- | ----------------------------------- |
+| `endpoint` | `string`    | Yes      | URL of the AI chat API              |
+| `apiKey`   | `string`    | No       | Bearer token sent with each request |
+| `children` | `ReactNode` | Yes      | Your application                    |
+
+### Marking elements as explainable
+
+Add the `data-nb-explain` attribute to any element you want users to be able to click on in explain mode:
+
+```tsx
+<div data-nb-explain>
+  <Label>Name</Label>
+  <Input value={name} onChange={setName} />
+</div>
+```
+
+When clicked, the library extracts a label from the element (first `<label>`, heading, or text content) and sends it as the query.
+
+You can also pass a custom label directly:
+
+```tsx
+<div data-nb-explain="Database connection string">...</div>
+```
+
+### Documentation URLs
+
+Attach docs to an element or its parent so the AI can reference them:
+
+```tsx
+<div data-nb-explain-docs='["https://docs.example.com/resources"]'>
+  <div data-nb-explain>...</div>
+</div>
+```
+
+### Excluding elements
+
+Use `data-nb-explain-ignore` to prevent an element from being selectable in explain mode:
+
+```tsx
+<button data-nb-explain-ignore onClick={enterExplainMode}>
+  Explain
+</button>
+```
+
+### Setting page/modal context
+
+Use the `useAIAssistant` hook to provide context that gets included in every query:
+
+```tsx
+import { useAIAssistant } from "netbird-explain/client";
+
+function MyModal() {
+  const { setExplainContext, clearExplainContext } = useAIAssistant();
+
+  useEffect(() => {
+    setExplainContext({
+      modalName: "Add Resource",
+      pageName: "Networks",
+      docsUrls: ["https://docs.example.com/networks"],
+    });
+    return () => clearExplainContext();
+  }, []);
+
+  return <div data-nb-explain>...</div>;
+}
+```
+
+This produces queries like: `Explain "Name" on Add Resource modal in Networks`.
+
+### Hook API
+
+`useAIAssistant()` returns:
+
+| Method / Property        | Description                                |
+| ------------------------ | ------------------------------------------ |
+| `openChat(query?)`       | Open the chat panel, optionally with a query |
+| `closeChat()`            | Close the chat panel                       |
+| `isChatOpen`             | Whether the chat panel is open             |
+| `explainMode`            | Whether explain mode is active             |
+| `enterExplainMode()`     | Activate explain mode (click-to-explain)   |
+| `exitExplainMode()`      | Deactivate explain mode                    |
+| `setExplainContext(ctx)` | Set page/modal context for queries         |
+| `clearExplainContext()`  | Clear the context                          |
+
+### Theming
+
+The package ships with a dark theme out of the box. All visual properties are controlled via CSS custom properties (`--nb-explain-*`) injected into `:root` by the provider. Override any of them in your own CSS to match your app's look and feel.
+
+#### How it works
+
+1. `AIAssistantProvider` injects a `<style>` tag with default values for all `--nb-explain-*` variables.
+2. Components use inline styles that reference these variables (e.g., `background: var(--nb-explain-bg)`).
+3. Your CSS can override any variable — later declarations on `:root` or more specific selectors win.
+
+#### Overriding in CSS
+
+Add a stylesheet or `<style>` block **after** the provider mounts (or use higher specificity):
+
+```css
+:root {
+  /* Change to a light theme */
+  --nb-explain-bg: #ffffff;
+  --nb-explain-bg-subtle: rgba(0, 0, 0, 0.04);
+  --nb-explain-bg-hover: rgba(0, 0, 0, 0.06);
+  --nb-explain-border: rgba(0, 0, 0, 0.12);
+  --nb-explain-text: #1a1a1a;
+  --nb-explain-text-muted: #6b7280;
+  --nb-explain-text-dim: #9ca3af;
+  --nb-explain-accent: #2563eb;
+  --nb-explain-accent-hover: #3b82f6;
+  --nb-explain-user-bg: #2563eb;
+  --nb-explain-user-text: #ffffff;
+}
+```
+
+#### Full variable reference
+
+| Variable              | Default                          | Description                        |
+| --------------------- | -------------------------------- | ---------------------------------- |
+| `--nb-explain-bg`             | `#0a0a0f`                        | Chat panel background              |
+| `--nb-explain-bg-subtle`      | `rgba(255,255,255,0.06)`         | Input field & assistant message bg |
+| `--nb-explain-bg-hover`       | `rgba(255,255,255,0.08)`         | Hover state background             |
+| `--nb-explain-border`         | `rgba(255,255,255,0.1)`          | Border color                       |
+| `--nb-explain-text`           | `#f0f0f5`                        | Primary text color                 |
+| `--nb-explain-text-muted`     | `#9ca3af`                        | Secondary text color               |
+| `--nb-explain-text-dim`       | `#6b7280`                        | Placeholder / tertiary text        |
+| `--nb-explain-accent`         | `#eab308`                        | Accent color (buttons, icons)      |
+| `--nb-explain-accent-hover`   | `#facc15`                        | Accent hover state                 |
+| `--nb-explain-accent-glow`    | `rgba(234,179,8,0.15)`           | Accent glow (avatar backgrounds)   |
+| `--nb-explain-user-bg`        | `#4f46e5`                        | User message bubble background     |
+| `--nb-explain-user-text`      | `#ffffff`                        | User message text color            |
+| `--nb-explain-user-glow`      | `rgba(79,70,229,0.25)`           | User avatar glow                   |
+| `--nb-explain-radius`         | `12px`                           | Panel border radius                |
+| `--nb-explain-radius-sm`      | `8px`                            | Message bubble border radius       |
+| `--nb-explain-radius-xs`      | `6px`                            | Button border radius               |
+| `--nb-explain-font`           | system font stack                | Font family for all components     |
+| `--nb-explain-shadow`         | large drop shadow                | Chat panel box shadow              |
+| `--nb-explain-banner-bg`      | `rgba(234,179,8,0.92)`           | Explain mode banner background     |
+| `--nb-explain-banner-text`    | `#000000`                        | Explain mode banner text           |
+| `--nb-explain-error-text`     | `#f87171`                        | Error message text                 |
+
+### Data attributes
+
+| Attribute            | Description                                                        |
+| -------------------- | ------------------------------------------------------------------ |
+| `data-nb-explain`       | Marks element as explainable. Value can be a custom label or boolean. |
+| `data-nb-explain-docs`  | JSON array of documentation URLs for context.                      |
+| `data-nb-explain-ignore` | Element is non-interactive during explain mode.                   |
+
+---
+
+## Server
+
+The server module provides a framework-agnostic handler that proxies chat requests to Anthropic or OpenAI.
+
+### With Express
+
+```ts
+import express from "express";
+import { createAssistant } from "netbird-explain/server";
+
+const assistant = createAssistant({
+  provider: "anthropic",
+  apiKey: process.env.ANTHROPIC_API_KEY!,
+  model: "claude-sonnet-4-20250514",
+  systemPrompt: "You are a helpful assistant for MyApp.",
+});
+
+const app = express();
+app.use(express.json());
+
+app.post("/api/ai/chat", assistant.handler({ apiKey: "your-api-key" }));
+
+app.listen(3080);
+```
+
+### With plain Node.js HTTP
+
+```ts
+import http from "http";
+import { createAssistant } from "netbird-explain/server";
+
+const assistant = createAssistant({
+  provider: "openai",
+  apiKey: process.env.OPENAI_API_KEY!,
+  model: "gpt-4o",
+});
+
+const handle = assistant.handler({ apiKey: "your-api-key" });
+
+http.createServer(handle).listen(3080);
+```
+
+### Programmatic usage (no HTTP)
+
+```ts
+const assistant = createAssistant({
+  provider: "anthropic",
+  apiKey: process.env.ANTHROPIC_API_KEY!,
+});
+
+const { reply } = await assistant.chat({
+  messages: [{ role: "user", content: "What is a network resource?" }],
+});
+```
+
+### `createAssistant(config)`
+
+| Option         | Type                          | Required | Default                  |
+| -------------- | ----------------------------- | -------- | ------------------------ |
+| `provider`     | `"anthropic"` \| `"openai"`  | Yes      | —                        |
+| `apiKey`       | `string`                      | Yes      | —                        |
+| `model`        | `string`                      | No       | Provider default         |
+| `systemPrompt` | `string`                      | No       | Generic assistant prompt |
+
+### `assistant.handler(opts?)`
+
+Returns a `(req, res) => Promise<void>` handler compatible with Express, plain `http`, and similar frameworks.
+
+| Option   | Type     | Description                                                    |
+| -------- | -------- | -------------------------------------------------------------- |
+| `apiKey` | `string` | If set, requires `Authorization: Bearer <key>` on requests     |
+
+### API contract
+
+**Request** `POST /api/ai/chat`
+
+```json
+{
+  "messages": [
+    { "role": "context", "content": "Docs: https://..." },
+    { "role": "user", "content": "Explain network routes" }
+  ]
+}
+```
+
+**Response**
+
+```json
+{
+  "reply": "Network routes allow you to..."
+}
+```
+
+**Error codes:** `400` (bad request), `401` (unauthorized), `502` (LLM error).
+
+---
+
+## Standalone dev server
+
+The `server/` directory in the dashboard repo contains a ready-to-run Express server for local development.
+
+```bash
+cd server
+cp .env .env.local   # edit with your LLM API key
+npm install
+node index.js
+```
+
+Environment variables:
+
+| Variable            | Default                    | Description            |
+| ------------------- | -------------------------- | ---------------------- |
+| `PORT`              | `3080`                     | Server port            |
+| `API_KEY`           | `nb-ai-dev-key-change-me`  | Bearer token for auth  |
+| `LLM_PROVIDER`      | `anthropic`                | `anthropic` or `openai` |
+| `ANTHROPIC_API_KEY`  | —                          | Anthropic API key      |
+| `ANTHROPIC_MODEL`   | `claude-sonnet-4-20250514` | Model ID               |
+| `OPENAI_API_KEY`     | —                          | OpenAI API key         |
+| `OPENAI_MODEL`      | `gpt-4o`                   | Model ID               |
+| `SYSTEM_PROMPT`     | Generic NetBird prompt      | System prompt for the LLM |
+
+---
+
+## Full integration example
+
+```tsx
+// layout.tsx — wrap app with provider
+import { AIAssistantProvider } from "netbird-explain/client";
+
+export default function Layout({ children }) {
+  return (
+    <AIAssistantProvider
+      endpoint={process.env.NEXT_PUBLIC_AI_SERVER_URL || "http://localhost:3080/api/ai/chat"}
+      apiKey={process.env.NEXT_PUBLIC_AI_API_KEY || "nb-ai-dev-key-change-me"}
+    >
+      {children}
+    </AIAssistantProvider>
+  );
+}
+```
+
+```tsx
+// MyModal.tsx — add explain support to a modal
+import { useAIAssistant } from "netbird-explain/client";
+import { Sparkles } from "lucide-react";
+
+function MyModal() {
+  const { setExplainContext, clearExplainContext, explainMode, enterExplainMode, exitExplainMode } =
+    useAIAssistant();
+
+  useEffect(() => {
+    setExplainContext({
+      modalName: "Add Resource",
+      pageName: "Networks",
+      docsUrls: ["https://docs.netbird.io/manage/networks"],
+    });
+    return () => clearExplainContext();
+  }, []);
+
+  return (
+    <div data-nb-explain>
+      <button
+        data-nb-explain-ignore
+        onClick={() => (explainMode ? exitExplainMode() : enterExplainMode())}
+      >
+        <Sparkles size={13} />
+        {explainMode ? "Click an element..." : "Explain"}
+      </button>
+
+      <div data-nb-explain>
+        <label>Name</label>
+        <input placeholder="e.g., Postgres Database" />
+      </div>
+
+      <div data-nb-explain>
+        <label>Address</label>
+        <input placeholder="e.g., 10.0.0.1" />
+      </div>
+    </div>
+  );
+}
+```
+
+## License
+
+BSD-3-Clause

package/dist/client/AIAssistantProvider.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import type { ExplainContext } from "../types";
+type AIAssistantContextType = {
+    openChat: (selectedText?: string) => void;
+    closeChat: () => void;
+    isChatOpen: boolean;
+    explainMode: boolean;
+    enterExplainMode: () => void;
+    exitExplainMode: () => void;
+    setExplainContext: (ctx: ExplainContext) => void;
+    clearExplainContext: () => void;
+};
+export declare const useAIAssistant: () => AIAssistantContextType;
+type AIAssistantProviderProps = {
+    endpoint: string;
+    apiKey?: string;
+    children: React.ReactNode;
+};
+export default function AIAssistantProvider({ endpoint, apiKey, children, }: AIAssistantProviderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AIAssistantProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AIAssistantProvider.d.ts","sourceRoot":"","sources":["../../src/client/AIAssistantProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAK/C,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,EAAE,CAAC,YAAY,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,iBAAiB,EAAE,CAAC,GAAG,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD,mBAAmB,EAAE,MAAM,IAAI,CAAC;CACjC,CAAC;AAaF,eAAO,MAAM,cAAc,8BAAuC,CAAC;AAEnE,KAAK,wBAAwB,GAAG;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAyEF,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,QAAQ,EACR,MAAM,EACN,QAAQ,GACT,EAAE,wBAAwB,2CAwK1B"}

package/dist/client/AIAssistantProvider.js

@@ -0,0 +1,198 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useEffect, useState, } from "react";
+import AIChatBot from "./AIChatBot";
+import AIFloatingButton from "./AIFloatingButton";
+import * as S from "./styles";
+const AIAssistantContext = createContext({
+    openChat: () => { },
+    closeChat: () => { },
+    isChatOpen: false,
+    explainMode: false,
+    enterExplainMode: () => { },
+    exitExplainMode: () => { },
+    setExplainContext: () => { },
+    clearExplainContext: () => { },
+});
+export const useAIAssistant = () => useContext(AIAssistantContext);
+/**
+ * Find the closest ancestor (or self) with a data-nb-explain attribute.
+ * Returns null if nothing is explainable.
+ */
+function findExplainable(el) {
+    return el.closest("[data-nb-explain]");
+}
+/**
+ * Extract a short label from an explainable element by looking for
+ * a label, heading, or first bit of text content.
+ */
+function extractLabel(el) {
+    const label = el.querySelector("label");
+    if (label?.innerText?.trim())
+        return label.innerText.trim();
+    const heading = el.querySelector("h1, h2, h3, h4");
+    if (heading?.innerText?.trim())
+        return heading.innerText.trim();
+    const text = el.innerText?.trim();
+    if (text && text.length <= 80)
+        return text;
+    if (text)
+        return text.slice(0, 80) + "...";
+    return "this element";
+}
+/**
+ * Look for data-nb-explain-docs on the element or its ancestors.
+ * Returns an array of documentation URLs, or an empty array.
+ */
+function findExplainDocs(el) {
+    const withDocs = el.closest("[data-nb-explain-docs]");
+    if (!withDocs)
+        return [];
+    const raw = withDocs.getAttribute("data-nb-explain-docs") || "";
+    try {
+        const parsed = JSON.parse(raw);
+        if (Array.isArray(parsed))
+            return parsed;
+    }
+    catch {
+        // If not valid JSON, treat as a single URL
+        if (raw.trim())
+            return [raw.trim()];
+    }
+    return [];
+}
+function buildQuery(label, ctx, elementDocs) {
+    let userMessage = `Explain "${label}"`;
+    if (ctx) {
+        if (ctx.modalName)
+            userMessage += ` on ${ctx.modalName} modal`;
+        if (ctx.pageName)
+            userMessage += ` in ${ctx.pageName}`;
+    }
+    // Merge docs from context and element attribute
+    const allDocs = [
+        ...(ctx?.docsUrls || []),
+        ...elementDocs,
+    ];
+    // Deduplicate
+    const uniqueDocs = [...new Set(allDocs)];
+    const parts = [userMessage];
+    if (uniqueDocs.length > 0) {
+        parts.push(`Docs: ${uniqueDocs.join(", ")}`);
+    }
+    return parts.join("\n");
+}
+export default function AIAssistantProvider({ endpoint, apiKey, children, }) {
+    const [isChatOpen, setIsChatOpen] = useState(false);
+    const [initialQuery, setInitialQuery] = useState("");
+    const [explainMode, setExplainMode] = useState(false);
+    const [hoveredEl, setHoveredEl] = useState(null);
+    const [explainCtx, setExplainCtx] = useState(null);
+    const openChat = useCallback((selectedText) => {
+        setInitialQuery(selectedText || "");
+        setIsChatOpen(true);
+        setExplainMode(false);
+        setHoveredEl(null);
+    }, []);
+    const closeChat = useCallback(() => {
+        setIsChatOpen(false);
+        setInitialQuery("");
+    }, []);
+    const enterExplainMode = useCallback(() => {
+        setExplainMode(true);
+    }, []);
+    const exitExplainMode = useCallback(() => {
+        setExplainMode(false);
+        setHoveredEl(null);
+    }, []);
+    const setExplainContext = useCallback((ctx) => {
+        setExplainCtx(ctx);
+    }, []);
+    const clearExplainContext = useCallback(() => {
+        setExplainCtx(null);
+    }, []);
+    // Explain mode: highlight explainable elements on hover, open chat on click
+    useEffect(() => {
+        if (!explainMode)
+            return;
+        const handleMouseOver = (e) => {
+            const target = e.target;
+            if (target.closest("[data-nb-explain-ignore]") ||
+                target.closest("[data-nb-explain-banner]"))
+                return;
+            const explainable = findExplainable(target);
+            setHoveredEl(explainable);
+        };
+        const handleMouseOut = () => {
+            setHoveredEl(null);
+        };
+        const handleClick = (e) => {
+            const target = e.target;
+            if (target.closest("[data-nb-explain-ignore]") ||
+                target.closest("[data-nb-explain-banner]"))
+                return;
+            e.preventDefault();
+            e.stopPropagation();
+            const explainable = findExplainable(target);
+            if (!explainable)
+                return;
+            const attrValue = explainable.getAttribute("data-nb-explain") || "";
+            const label = attrValue && attrValue !== "true"
+                ? attrValue
+                : extractLabel(explainable);
+            const elementDocs = findExplainDocs(explainable);
+            const query = buildQuery(label, explainCtx, elementDocs);
+            openChat(query);
+        };
+        const handleKeyDown = (e) => {
+            if (e.key === "Escape") {
+                exitExplainMode();
+            }
+        };
+        document.addEventListener("mouseover", handleMouseOver, true);
+        document.addEventListener("mouseout", handleMouseOut, true);
+        document.addEventListener("click", handleClick, true);
+        document.addEventListener("keydown", handleKeyDown);
+        return () => {
+            document.removeEventListener("mouseover", handleMouseOver, true);
+            document.removeEventListener("mouseout", handleMouseOut, true);
+            document.removeEventListener("click", handleClick, true);
+            document.removeEventListener("keydown", handleKeyDown);
+        };
+    }, [explainMode, explainCtx, openChat, exitExplainMode]);
+    // Apply/remove highlight on hovered explainable element via CSS class
+    useEffect(() => {
+        if (!hoveredEl)
+            return;
+        hoveredEl.setAttribute("data-nb-explain-highlight", "");
+        return () => {
+            hoveredEl.removeAttribute("data-nb-explain-highlight");
+        };
+    }, [hoveredEl]);
+    // Force-remove all highlights when leaving explain mode
+    useEffect(() => {
+        if (!explainMode) {
+            document.querySelectorAll("[data-nb-explain-highlight]").forEach((el) => {
+                el.removeAttribute("data-nb-explain-highlight");
+            });
+        }
+    }, [explainMode]);
+    return (_jsxs(AIAssistantContext.Provider, { value: {
+            openChat,
+            closeChat,
+            isChatOpen,
+            explainMode,
+            enterExplainMode,
+            exitExplainMode,
+            setExplainContext,
+            clearExplainContext,
+        }, children: [_jsx("style", { children: S.CSS_VARS + S.ANIMATIONS + S.HIGHLIGHT_STYLES }), children, explainMode && (_jsxs("div", { "data-nb-explain-banner": true, style: S.banner, children: [_jsx("span", { children: "Click on a highlighted element to explain it" }), _jsx("button", { onClick: () => exitExplainMode(), style: S.bannerCancel, children: "Cancel" })] })), _jsx(AIFloatingButton, { isOpen: isChatOpen, onClick: () => {
+                    if (isChatOpen) {
+                        closeChat();
+                    }
+                    else {
+                        openChat();
+                    }
+                } }), _jsx(AIChatBot, { open: isChatOpen, onClose: closeChat, initialQuery: initialQuery, endpoint: endpoint, apiKey: apiKey })] }));
+}
+//# sourceMappingURL=AIAssistantProvider.js.map

package/dist/client/AIAssistantProvider.js.map

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

package/dist/client/AIChatBot.d.ts

@@ -0,0 +1,10 @@
+type Props = {
+    open: boolean;
+    onClose: () => void;
+    initialQuery: string;
+    endpoint: string;
+    apiKey?: string;
+};
+export default function AIChatBot({ open, onClose, initialQuery, endpoint, apiKey, }: Props): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=AIChatBot.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AIChatBot.d.ts","sourceRoot":"","sources":["../../src/client/AIChatBot.tsx"],"names":[],"mappings":"AAcA,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAkCF,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,MAAM,GACP,EAAE,KAAK,kDAwPP"}