@shivnandan/connector-react 0.0.0-stage → 1.0.0

package/dist/index.js

@@ -0,0 +1,491 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  TracePulseContext: () => TracePulseContext,
+  TracePulseProvider: () => TracePulseProvider,
+  default: () => TracePulseProvider_default,
+  useTracePulse: () => useTracePulse
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/TracePulseProvider.tsx
+var import_react2 = require("react");
+
+// src/TracePulseContext.tsx
+var import_react = require("react");
+var TracePulseContext = (0, import_react.createContext)(null);
+
+// src/TracePulseProvider.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function TracePulseProvider({
+  apiKey,
+  projectId = "default-project",
+  endpoint = "http://127.0.0.1:8000",
+  targetTransactionId,
+  position = "bottom-right",
+  theme = "light",
+  floatingButton = true,
+  children
+}) {
+  const [isOpen, setIsOpen] = (0, import_react2.useState)(false);
+  const [activeTransactionId, setActiveTransactionId] = (0, import_react2.useState)(
+    targetTransactionId || null
+  );
+  const [isLoading, setIsLoading] = (0, import_react2.useState)(false);
+  const [input, setInput] = (0, import_react2.useState)("");
+  const [messages, setMessages] = (0, import_react2.useState)([
+    {
+      id: "welcome",
+      sender: "copilot",
+      text: "\u{1F44B} Hi! I am **TracePulse AI Copilot**. Ask me anything about any transaction, why a payment failed, or mention a transaction ID to see deep-dive diagnostics.",
+      timestamp: (/* @__PURE__ */ new Date()).toISOString()
+    }
+  ]);
+  const messagesEndRef = (0, import_react2.useRef)(null);
+  (0, import_react2.useEffect)(() => {
+    if (targetTransactionId) {
+      setActiveTransactionId(targetTransactionId);
+    }
+  }, [targetTransactionId]);
+  (0, import_react2.useEffect)(() => {
+    if (isOpen) {
+      messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
+    }
+  }, [messages, isOpen]);
+  const openCopilot = (0, import_react2.useCallback)((transactionId) => {
+    if (transactionId) {
+      setActiveTransactionId(transactionId);
+    }
+    setIsOpen(true);
+  }, []);
+  const closeCopilot = (0, import_react2.useCallback)(() => {
+    setIsOpen(false);
+  }, []);
+  const toggleCopilot = (0, import_react2.useCallback)(() => {
+    setIsOpen((prev) => !prev);
+  }, []);
+  const sendMessage = (0, import_react2.useCallback)(
+    async (text, transactionId) => {
+      if (!text.trim() || isLoading) return "";
+      const effectiveTxnId = transactionId || (() => {
+        const match = text.match(/\b(?:45\d{13}|\d{10,20})\b/);
+        return match ? match[0] : activeTransactionId || void 0;
+      })();
+      const userMsg = {
+        id: `user-${Date.now()}`,
+        sender: "user",
+        text,
+        timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+        transactionId: effectiveTxnId
+      };
+      setMessages((prev) => [...prev, userMsg]);
+      setIsLoading(true);
+      try {
+        const cleanEndpoint = endpoint.replace(/\/+$/, "");
+        const res = await fetch(`${cleanEndpoint}/api/v1/widget/chat`, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+            "X-TracePulse-Key": apiKey,
+            "X-TracePulse-Project": projectId
+          },
+          body: JSON.stringify({
+            query: text,
+            transaction_id: effectiveTxnId,
+            app_context: projectId
+          })
+        });
+        if (!res.ok) {
+          throw new Error(`Server returned ${res.status}`);
+        }
+        const data = await res.json();
+        const reply = data.reply || data.answer || "No response received.";
+        const copilotMsg = {
+          id: `copilot-${Date.now()}`,
+          sender: "copilot",
+          text: reply,
+          timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+          transactionId: data.transactionId || effectiveTxnId
+        };
+        setMessages((prev) => [...prev, copilotMsg]);
+        return reply;
+      } catch (err) {
+        const errorMsg = {
+          id: `copilot-err-${Date.now()}`,
+          sender: "copilot",
+          text: `\u26A0\uFE0F **Failed to reach AI Copilot**: ${err.message || "Network error"}. Check backend connection at \`${endpoint}\`.`,
+          timestamp: (/* @__PURE__ */ new Date()).toISOString()
+        };
+        setMessages((prev) => [...prev, errorMsg]);
+        return errorMsg.text;
+      } finally {
+        setIsLoading(false);
+      }
+    },
+    [apiKey, projectId, endpoint, activeTransactionId, isLoading]
+  );
+  const contextValue = {
+    isOpen,
+    openCopilot,
+    closeCopilot,
+    toggleCopilot,
+    activeTransactionId,
+    setActiveTransactionId,
+    sendMessage,
+    messages,
+    isLoading,
+    endpoint,
+    apiKey
+  };
+  const quickPrompts = [
+    "Why did transaction 450000015526099 fail?",
+    "What happened in Loki logs for 450000015526099?",
+    "Check payment status for 450000015526099",
+    "Show Kafka consumer errors in Loki"
+  ];
+  const handleFormSubmit = (e) => {
+    e.preventDefault();
+    if (!input.trim()) return;
+    const text = input;
+    setInput("");
+    sendMessage(text);
+  };
+  const isRight = position === "bottom-right";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TracePulseContext.Provider, { value: contextValue, children: [
+    children,
+    floatingButton && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        style: {
+          position: "fixed",
+          bottom: "24px",
+          right: isRight ? "24px" : "auto",
+          left: !isRight ? "24px" : "auto",
+          zIndex: 999999,
+          fontFamily: "system-ui, -apple-system, sans-serif"
+        },
+        children: [
+          !isOpen && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "button",
+            {
+              onClick: () => setIsOpen(true),
+              style: {
+                display: "flex",
+                alignItems: "center",
+                gap: "10px",
+                padding: "10px 18px",
+                borderRadius: "9999px",
+                backgroundColor: "#ffffff",
+                color: "#0f172a",
+                border: "1px solid #e2e8f0",
+                boxShadow: "0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)",
+                cursor: "pointer",
+                transition: "all 0.2s ease"
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "div",
+                  {
+                    style: {
+                      width: "32px",
+                      height: "32px",
+                      borderRadius: "50%",
+                      background: "linear-gradient(135deg, #0284c7, #4f46e5)",
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      color: "#ffffff"
+                    },
+                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 8V4H8" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: "16", height: "12", x: "4", y: "8", rx: "2" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M2 14h2" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M20 14h2" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M15 13v2" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M9 13v2" })
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { textAlign: "left" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { display: "block", fontSize: "12px", fontWeight: "700", lineHeight: "1.2" }, children: "Ask AI Copilot" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { display: "block", fontSize: "10px", color: "#64748b" }, children: "AI Diagnostics" })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "span",
+                  {
+                    style: {
+                      width: "8px",
+                      height: "8px",
+                      borderRadius: "50%",
+                      backgroundColor: "#10b981",
+                      marginLeft: "4px"
+                    }
+                  }
+                )
+              ]
+            }
+          ),
+          isOpen && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "div",
+            {
+              style: {
+                width: "min(420px, 92vw)",
+                height: "min(580px, 85vh)",
+                borderRadius: "16px",
+                backgroundColor: "#ffffff",
+                border: "1px solid #e2e8f0",
+                boxShadow: "0 25px 50px -12px rgba(0, 0, 0, 0.25)",
+                display: "flex",
+                flexDirection: "column",
+                overflow: "hidden"
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                  "div",
+                  {
+                    style: {
+                      padding: "14px 16px",
+                      backgroundColor: "#f8fafc",
+                      borderBottom: "1px solid #e2e8f0",
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "space-between"
+                    },
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "10px" }, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                          "div",
+                          {
+                            style: {
+                              width: "32px",
+                              height: "32px",
+                              borderRadius: "8px",
+                              backgroundColor: "#e0f2fe",
+                              border: "1px solid #bae6fd",
+                              display: "flex",
+                              alignItems: "center",
+                              justifyContent: "center",
+                              color: "#0369a1"
+                            },
+                            children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: "16", height: "12", x: "4", y: "8", rx: "2" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 8V4H8" })
+                            ] })
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontWeight: "700", fontSize: "13px", color: "#0f172a" }, children: "TracePulse Copilot" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontSize: "9px", fontWeight: "700", textTransform: "uppercase", padding: "2px 6px", borderRadius: "4px", backgroundColor: "#e0f2fe", color: "#0369a1" }, children: "AI Active" })
+                          ] }),
+                          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontSize: "11px", color: "#64748b" }, children: "Autonomous Transaction Diagnosis" })
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        "button",
+                        {
+                          onClick: () => setIsOpen(false),
+                          style: {
+                            padding: "6px",
+                            borderRadius: "6px",
+                            backgroundColor: "transparent",
+                            border: "none",
+                            color: "#94a3b8",
+                            cursor: "pointer"
+                          },
+                          title: "Close",
+                          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+                          ] })
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                  "div",
+                  {
+                    style: {
+                      flex: 1,
+                      padding: "16px",
+                      overflowY: "auto",
+                      display: "flex",
+                      flexDirection: "column",
+                      gap: "12px",
+                      backgroundColor: "#f8fafc"
+                    },
+                    children: [
+                      messages.map((msg) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                        "div",
+                        {
+                          style: {
+                            display: "flex",
+                            flexDirection: "column",
+                            alignItems: msg.sender === "user" ? "flex-end" : "flex-start"
+                          },
+                          children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                              "div",
+                              {
+                                style: {
+                                  maxWidth: "85%",
+                                  borderRadius: "14px",
+                                  padding: "10px 14px",
+                                  fontSize: "12px",
+                                  lineHeight: "1.5",
+                                  backgroundColor: msg.sender === "user" ? "#0284c7" : "#ffffff",
+                                  color: msg.sender === "user" ? "#ffffff" : "#1e293b",
+                                  border: msg.sender === "user" ? "none" : "1px solid #e2e8f0",
+                                  boxShadow: "0 1px 2px rgba(0, 0, 0, 0.05)",
+                                  whiteSpace: "pre-wrap"
+                                },
+                                children: msg.text
+                              }
+                            ),
+                            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontSize: "10px", color: "#94a3b8", marginTop: "4px", padding: "0 4px" }, children: new Date(msg.timestamp).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) })
+                          ]
+                        },
+                        msg.id
+                      )),
+                      isLoading && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px", color: "#64748b", fontSize: "12px", padding: "4px" }, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { display: "inline-block", width: "12px", height: "12px", border: "2px solid #0284c7", borderTopColor: "transparent", borderRadius: "50%", animation: "spin 1s linear infinite" } }),
+                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Analyzing transaction traces & logs..." })
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: messagesEndRef })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "div",
+                  {
+                    style: {
+                      padding: "6px 12px",
+                      backgroundColor: "#ffffff",
+                      borderTop: "1px solid #f1f5f9",
+                      display: "flex",
+                      gap: "6px",
+                      overflowX: "auto",
+                      whiteSpace: "nowrap"
+                    },
+                    children: quickPrompts.map((q, idx) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      "button",
+                      {
+                        onClick: () => sendMessage(q),
+                        disabled: isLoading,
+                        style: {
+                          fontSize: "11px",
+                          padding: "4px 10px",
+                          borderRadius: "9999px",
+                          backgroundColor: "#f1f5f9",
+                          color: "#334155",
+                          border: "1px solid #e2e8f0",
+                          cursor: "pointer"
+                        },
+                        children: q
+                      },
+                      idx
+                    ))
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                  "form",
+                  {
+                    onSubmit: handleFormSubmit,
+                    style: {
+                      padding: "12px",
+                      backgroundColor: "#ffffff",
+                      borderTop: "1px solid #e2e8f0",
+                      display: "flex",
+                      gap: "8px"
+                    },
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        "input",
+                        {
+                          type: "text",
+                          value: input,
+                          onChange: (e) => setInput(e.target.value),
+                          placeholder: "Ask about any transaction (e.g. Why did 450000015526099 fail?)...",
+                          style: {
+                            flex: 1,
+                            backgroundColor: "#f8fafc",
+                            border: "1px solid #cbd5e1",
+                            borderRadius: "10px",
+                            padding: "8px 12px",
+                            fontSize: "12px",
+                            color: "#0f172a",
+                            outline: "none"
+                          }
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        "button",
+                        {
+                          type: "submit",
+                          disabled: isLoading || !input.trim(),
+                          style: {
+                            padding: "8px 14px",
+                            borderRadius: "10px",
+                            backgroundColor: "#0284c7",
+                            color: "#ffffff",
+                            border: "none",
+                            cursor: "pointer",
+                            fontWeight: "600",
+                            fontSize: "12px",
+                            opacity: isLoading || !input.trim() ? 0.5 : 1
+                          },
+                          children: "Send"
+                        }
+                      )
+                    ]
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+var TracePulseProvider_default = TracePulseProvider;
+
+// src/useTracePulse.ts
+var import_react3 = require("react");
+function useTracePulse() {
+  const ctx = (0, import_react3.useContext)(TracePulseContext);
+  if (!ctx) {
+    throw new Error(
+      '[TracePulse] useTracePulse() must be used within a <TracePulseProvider />. Ensure your application root is wrapped with <TracePulseProvider apiKey="...">.'
+    );
+  }
+  return ctx;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TracePulseContext,
+  TracePulseProvider,
+  useTracePulse
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/TracePulseProvider.tsx","../src/TracePulseContext.tsx","../src/useTracePulse.ts"],"sourcesContent":["export { TracePulseProvider, default } from \"./TracePulseProvider\";\nexport { TracePulseContext } from \"./TracePulseContext\";\nexport { useTracePulse } from \"./useTracePulse\";\nexport type {\n  TracePulseProviderProps,\n  TracePulseContextValue,\n  ChatMessage,\n} from \"./types\";\n","import React, { useState, useRef, useEffect, useCallback } from \"react\";\nimport { TracePulseContext } from \"./TracePulseContext\";\nimport { TracePulseProviderProps, ChatMessage, TracePulseContextValue } from \"./types\";\n\nexport function TracePulseProvider({\n  apiKey,\n  projectId = \"default-project\",\n  endpoint = \"http://127.0.0.1:8000\",\n  targetTransactionId,\n  position = \"bottom-right\",\n  theme = \"light\",\n  floatingButton = true,\n  children,\n}: TracePulseProviderProps) {\n  const [isOpen, setIsOpen] = useState(false);\n  const [activeTransactionId, setActiveTransactionId] = useState<string | null>(\n    targetTransactionId || null\n  );\n  const [isLoading, setIsLoading] = useState(false);\n  const [input, setInput] = useState(\"\");\n  const [messages, setMessages] = useState<ChatMessage[]>([\n    {\n      id: \"welcome\",\n      sender: \"copilot\",\n      text: \"👋 Hi! I am **TracePulse AI Copilot**. Ask me anything about any transaction, why a payment failed, or mention a transaction ID to see deep-dive diagnostics.\",\n      timestamp: new Date().toISOString(),\n    },\n  ]);\n\n  const messagesEndRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (targetTransactionId) {\n      setActiveTransactionId(targetTransactionId);\n    }\n  }, [targetTransactionId]);\n\n  useEffect(() => {\n    if (isOpen) {\n      messagesEndRef.current?.scrollIntoView({ behavior: \"smooth\" });\n    }\n  }, [messages, isOpen]);\n\n  const openCopilot = useCallback((transactionId?: string) => {\n    if (transactionId) {\n      setActiveTransactionId(transactionId);\n    }\n    setIsOpen(true);\n  }, []);\n\n  const closeCopilot = useCallback(() => {\n    setIsOpen(false);\n  }, []);\n\n  const toggleCopilot = useCallback(() => {\n    setIsOpen((prev) => !prev);\n  }, []);\n\n  const sendMessage = useCallback(\n    async (text: string, transactionId?: string): Promise<string> => {\n      if (!text.trim() || isLoading) return \"\";\n\n      const effectiveTxnId =\n        transactionId ||\n        (() => {\n          const match = text.match(/\\b(?:45\\d{13}|\\d{10,20})\\b/);\n          return match ? match[0] : activeTransactionId || undefined;\n        })();\n\n      const userMsg: ChatMessage = {\n        id: `user-${Date.now()}`,\n        sender: \"user\",\n        text,\n        timestamp: new Date().toISOString(),\n        transactionId: effectiveTxnId,\n      };\n\n      setMessages((prev) => [...prev, userMsg]);\n      setIsLoading(true);\n\n      try {\n        const cleanEndpoint = endpoint.replace(/\\/+$/, \"\");\n        const res = await fetch(`${cleanEndpoint}/api/v1/widget/chat`, {\n          method: \"POST\",\n          headers: {\n            \"Content-Type\": \"application/json\",\n            \"X-TracePulse-Key\": apiKey,\n            \"X-TracePulse-Project\": projectId,\n          },\n          body: JSON.stringify({\n            query: text,\n            transaction_id: effectiveTxnId,\n            app_context: projectId,\n          }),\n        });\n\n        if (!res.ok) {\n          throw new Error(`Server returned ${res.status}`);\n        }\n\n        const data = await res.json();\n        const reply = data.reply || data.answer || \"No response received.\";\n\n        const copilotMsg: ChatMessage = {\n          id: `copilot-${Date.now()}`,\n          sender: \"copilot\",\n          text: reply,\n          timestamp: new Date().toISOString(),\n          transactionId: data.transactionId || effectiveTxnId,\n        };\n\n        setMessages((prev) => [...prev, copilotMsg]);\n        return reply;\n      } catch (err: any) {\n        const errorMsg: ChatMessage = {\n          id: `copilot-err-${Date.now()}`,\n          sender: \"copilot\",\n          text: `⚠️ **Failed to reach AI Copilot**: ${err.message || \"Network error\"}. Check backend connection at \\`${endpoint}\\`.`,\n          timestamp: new Date().toISOString(),\n        };\n        setMessages((prev) => [...prev, errorMsg]);\n        return errorMsg.text;\n      } finally {\n        setIsLoading(false);\n      }\n    },\n    [apiKey, projectId, endpoint, activeTransactionId, isLoading]\n  );\n\n  const contextValue: TracePulseContextValue = {\n    isOpen,\n    openCopilot,\n    closeCopilot,\n    toggleCopilot,\n    activeTransactionId,\n    setActiveTransactionId,\n    sendMessage,\n    messages,\n    isLoading,\n    endpoint,\n    apiKey,\n  };\n\n  const quickPrompts = [\n    \"Why did transaction 450000015526099 fail?\",\n    \"What happened in Loki logs for 450000015526099?\",\n    \"Check payment status for 450000015526099\",\n    \"Show Kafka consumer errors in Loki\",\n  ];\n\n  const handleFormSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    if (!input.trim()) return;\n    const text = input;\n    setInput(\"\");\n    sendMessage(text);\n  };\n\n  const isRight = position === \"bottom-right\";\n\n  return (\n    <TracePulseContext.Provider value={contextValue}>\n      {children}\n\n      {/* Floating Action Button & Modal (Self-Contained Light UI) */}\n      {floatingButton && (\n        <div\n          style={{\n            position: \"fixed\",\n            bottom: \"24px\",\n            right: isRight ? \"24px\" : \"auto\",\n            left: !isRight ? \"24px\" : \"auto\",\n            zIndex: 999999,\n            fontFamily: \"system-ui, -apple-system, sans-serif\",\n          }}\n        >\n          {/* Floating Launcher Button */}\n          {!isOpen && (\n            <button\n              onClick={() => setIsOpen(true)}\n              style={{\n                display: \"flex\",\n                alignItems: \"center\",\n                gap: \"10px\",\n                padding: \"10px 18px\",\n                borderRadius: \"9999px\",\n                backgroundColor: \"#ffffff\",\n                color: \"#0f172a\",\n                border: \"1px solid #e2e8f0\",\n                boxShadow: \"0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)\",\n                cursor: \"pointer\",\n                transition: \"all 0.2s ease\",\n              }}\n            >\n              <div\n                style={{\n                  width: \"32px\",\n                  height: \"32px\",\n                  borderRadius: \"50%\",\n                  background: \"linear-gradient(135deg, #0284c7, #4f46e5)\",\n                  display: \"flex\",\n                  alignItems: \"center\",\n                  justifyContent: \"center\",\n                  color: \"#ffffff\",\n                }}\n              >\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n                  <path d=\"M12 8V4H8\"></path>\n                  <rect width=\"16\" height=\"12\" x=\"4\" y=\"8\" rx=\"2\"></rect>\n                  <path d=\"M2 14h2\"></path>\n                  <path d=\"M20 14h2\"></path>\n                  <path d=\"M15 13v2\"></path>\n                  <path d=\"M9 13v2\"></path>\n                </svg>\n              </div>\n              <div style={{ textAlign: \"left\" }}>\n                <span style={{ display: \"block\", fontSize: \"12px\", fontWeight: \"700\", lineHeight: \"1.2\" }}>Ask AI Copilot</span>\n                <span style={{ display: \"block\", fontSize: \"10px\", color: \"#64748b\" }}>AI Diagnostics</span>\n              </div>\n              <span\n                style={{\n                  width: \"8px\",\n                  height: \"8px\",\n                  borderRadius: \"50%\",\n                  backgroundColor: \"#10b981\",\n                  marginLeft: \"4px\",\n                }}\n              />\n            </button>\n          )}\n\n          {/* Floating Drawer Modal */}\n          {isOpen && (\n            <div\n              style={{\n                width: \"min(420px, 92vw)\",\n                height: \"min(580px, 85vh)\",\n                borderRadius: \"16px\",\n                backgroundColor: \"#ffffff\",\n                border: \"1px solid #e2e8f0\",\n                boxShadow: \"0 25px 50px -12px rgba(0, 0, 0, 0.25)\",\n                display: \"flex\",\n                flexDirection: \"column\",\n                overflow: \"hidden\",\n              }}\n            >\n              {/* Header */}\n              <div\n                style={{\n                  padding: \"14px 16px\",\n                  backgroundColor: \"#f8fafc\",\n                  borderBottom: \"1px solid #e2e8f0\",\n                  display: \"flex\",\n                  alignItems: \"center\",\n                  justifyContent: \"space-between\",\n                }}\n              >\n                <div style={{ display: \"flex\", alignItems: \"center\", gap: \"10px\" }}>\n                  <div\n                    style={{\n                      width: \"32px\",\n                      height: \"32px\",\n                      borderRadius: \"8px\",\n                      backgroundColor: \"#e0f2fe\",\n                      border: \"1px solid #bae6fd\",\n                      display: \"flex\",\n                      alignItems: \"center\",\n                      justifyContent: \"center\",\n                      color: \"#0369a1\",\n                    }}\n                  >\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n                      <rect width=\"16\" height=\"12\" x=\"4\" y=\"8\" rx=\"2\"></rect>\n                      <path d=\"M12 8V4H8\"></path>\n                    </svg>\n                  </div>\n                  <div>\n                    <div style={{ display: \"flex\", alignItems: \"center\", gap: \"6px\" }}>\n                      <span style={{ fontWeight: \"700\", fontSize: \"13px\", color: \"#0f172a\" }}>TracePulse Copilot</span>\n                      <span style={{ fontSize: \"9px\", fontWeight: \"700\", textTransform: \"uppercase\", padding: \"2px 6px\", borderRadius: \"4px\", backgroundColor: \"#e0f2fe\", color: \"#0369a1\" }}>AI Active</span>\n                    </div>\n                    <span style={{ fontSize: \"11px\", color: \"#64748b\" }}>Autonomous Transaction Diagnosis</span>\n                  </div>\n                </div>\n\n                <button\n                  onClick={() => setIsOpen(false)}\n                  style={{\n                    padding: \"6px\",\n                    borderRadius: \"6px\",\n                    backgroundColor: \"transparent\",\n                    border: \"none\",\n                    color: \"#94a3b8\",\n                    cursor: \"pointer\",\n                  }}\n                  title=\"Close\"\n                >\n                  <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n                    <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"></line>\n                    <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"></line>\n                  </svg>\n                </button>\n              </div>\n\n              {/* Messages Body */}\n              <div\n                style={{\n                  flex: 1,\n                  padding: \"16px\",\n                  overflowY: \"auto\",\n                  display: \"flex\",\n                  flexDirection: \"column\",\n                  gap: \"12px\",\n                  backgroundColor: \"#f8fafc\",\n                }}\n              >\n                {messages.map((msg) => (\n                  <div\n                    key={msg.id}\n                    style={{\n                      display: \"flex\",\n                      flexDirection: \"column\",\n                      alignItems: msg.sender === \"user\" ? \"flex-end\" : \"flex-start\",\n                    }}\n                  >\n                    <div\n                      style={{\n                        maxWidth: \"85%\",\n                        borderRadius: \"14px\",\n                        padding: \"10px 14px\",\n                        fontSize: \"12px\",\n                        lineHeight: \"1.5\",\n                        backgroundColor: msg.sender === \"user\" ? \"#0284c7\" : \"#ffffff\",\n                        color: msg.sender === \"user\" ? \"#ffffff\" : \"#1e293b\",\n                        border: msg.sender === \"user\" ? \"none\" : \"1px solid #e2e8f0\",\n                        boxShadow: \"0 1px 2px rgba(0, 0, 0, 0.05)\",\n                        whiteSpace: \"pre-wrap\",\n                      }}\n                    >\n                      {msg.text}\n                    </div>\n                    <span style={{ fontSize: \"10px\", color: \"#94a3b8\", marginTop: \"4px\", padding: \"0 4px\" }}>\n                      {new Date(msg.timestamp).toLocaleTimeString([], { hour: \"2-digit\", minute: \"2-digit\" })}\n                    </span>\n                  </div>\n                ))}\n\n                {isLoading && (\n                  <div style={{ display: \"flex\", alignItems: \"center\", gap: \"8px\", color: \"#64748b\", fontSize: \"12px\", padding: \"4px\" }}>\n                    <span style={{ display: \"inline-block\", width: \"12px\", height: \"12px\", border: \"2px solid #0284c7\", borderTopColor: \"transparent\", borderRadius: \"50%\", animation: \"spin 1s linear infinite\" }}></span>\n                    <span>Analyzing transaction traces & logs...</span>\n                  </div>\n                )}\n                <div ref={messagesEndRef} />\n              </div>\n\n              {/* Quick Prompts */}\n              <div\n                style={{\n                  padding: \"6px 12px\",\n                  backgroundColor: \"#ffffff\",\n                  borderTop: \"1px solid #f1f5f9\",\n                  display: \"flex\",\n                  gap: \"6px\",\n                  overflowX: \"auto\",\n                  whiteSpace: \"nowrap\",\n                }}\n              >\n                {quickPrompts.map((q, idx) => (\n                  <button\n                    key={idx}\n                    onClick={() => sendMessage(q)}\n                    disabled={isLoading}\n                    style={{\n                      fontSize: \"11px\",\n                      padding: \"4px 10px\",\n                      borderRadius: \"9999px\",\n                      backgroundColor: \"#f1f5f9\",\n                      color: \"#334155\",\n                      border: \"1px solid #e2e8f0\",\n                      cursor: \"pointer\",\n                    }}\n                  >\n                    {q}\n                  </button>\n                ))}\n              </div>\n\n              {/* Chat Input */}\n              <form\n                onSubmit={handleFormSubmit}\n                style={{\n                  padding: \"12px\",\n                  backgroundColor: \"#ffffff\",\n                  borderTop: \"1px solid #e2e8f0\",\n                  display: \"flex\",\n                  gap: \"8px\",\n                }}\n              >\n                <input\n                  type=\"text\"\n                  value={input}\n                  onChange={(e) => setInput(e.target.value)}\n                  placeholder=\"Ask about any transaction (e.g. Why did 450000015526099 fail?)...\"\n                  style={{\n                    flex: 1,\n                    backgroundColor: \"#f8fafc\",\n                    border: \"1px solid #cbd5e1\",\n                    borderRadius: \"10px\",\n                    padding: \"8px 12px\",\n                    fontSize: \"12px\",\n                    color: \"#0f172a\",\n                    outline: \"none\",\n                  }}\n                />\n                <button\n                  type=\"submit\"\n                  disabled={isLoading || !input.trim()}\n                  style={{\n                    padding: \"8px 14px\",\n                    borderRadius: \"10px\",\n                    backgroundColor: \"#0284c7\",\n                    color: \"#ffffff\",\n                    border: \"none\",\n                    cursor: \"pointer\",\n                    fontWeight: \"600\",\n                    fontSize: \"12px\",\n                    opacity: isLoading || !input.trim() ? 0.5 : 1,\n                  }}\n                >\n                  Send\n                </button>\n              </form>\n            </div>\n          )}\n        </div>\n      )}\n    </TracePulseContext.Provider>\n  );\n}\n\nexport default TracePulseProvider;\n","import React, { createContext } from \"react\";\nimport { TracePulseContextValue } from \"./types\";\n\nexport const TracePulseContext = createContext<TracePulseContextValue | null>(null);\n","import { useContext } from \"react\";\nimport { TracePulseContext } from \"./TracePulseContext\";\nimport { TracePulseContextValue } from \"./types\";\n\n/**\n * React hook to access TracePulse AI Copilot controls from any child component.\n *\n * Example:\n * ```tsx\n * import { useTracePulse } from \"@tracepulse/connector-react\";\n *\n * function OrderCard({ leadId }) {\n *   const { openCopilot } = useTracePulse();\n *   return <button onClick={() => openCopilot(leadId)}>Investigate with AI</button>;\n * }\n * ```\n */\nexport function useTracePulse(): TracePulseContextValue {\n  const ctx = useContext(TracePulseContext);\n  if (!ctx) {\n    throw new Error(\n      \"[TracePulse] useTracePulse() must be used within a <TracePulseProvider />. Ensure your application root is wrapped with <TracePulseProvider apiKey=\\\"...\\\">.\"\n    );\n  }\n  return ctx;\n}\n"],"mappings":"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","names":["import_react","import_react"]}