@cognicatch/react 1.1.1 → 1.1.2

package/dist/index.js

@@ -1,27 +1,63 @@
 import { jsx as r, jsxs as u } from "react/jsx-runtime";
-import { useState as R, useEffect as D, createContext as S, useCallback as P, useMemo as T, useContext as M, Component as I } from "react";
-import { AlertCircle as y, AlertTriangle as C, AlertOctagon as F, RefreshCcw as L, ExternalLink as j, CheckCircle2 as U, Info as O } from "lucide-react";
-import { clsx as B } from "clsx";
-import { twMerge as Z } from "tailwind-merge";
-import * as k from "@radix-ui/react-dialog";
-import { Toaster as $, toast as h } from "sonner";
-const J = [
-  { name: "email", pattern: /[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}/g, replacement: "[EMAIL_REDACTED]" },
-  { name: "bearer_token", pattern: /Bearer\s+[A-Za-z0-9\-._~+/]+=*/gi, replacement: "Bearer [TOKEN_REDACTED]" },
-  { name: "jwt", pattern: /eyJ[A-Za-z0-9\-_]+\.eyJ[A-Za-z0-9\-_]+\.[A-Za-z0-9\-_]+/g, replacement: "[JWT_REDACTED]" },
-  { name: "api_key", pattern: /\b(?:sk|pk|key|api|sec)_[a-zA-Z0-9]{20,}\b|\b[A-Za-z0-9]{32,48}\b/g, replacement: "[KEY_REDACTED]" },
-  { name: "phone", pattern: /(?:\+?\d{1,3}[-.\s]?)?\(?\d{2,4}\)?[-.\s]?\d{3,5}[-.\s]?\d{4}\b/g, replacement: "[PHONE_REDACTED]" },
-  { name: "ipv4", pattern: /\b(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\b/g, replacement: "[IP_REDACTED]" },
-  { name: "url_query_params", pattern: /([?&](?:token|key|secret|auth|email|user|access_token|refresh_token|api_key|apikey|password|passwd|pwd)=[^&\s]+)/gi, replacement: "[PARAM_REDACTED]" },
-  { name: "ssn", pattern: /\b\d{3}[-\s]?\d{2}[-\s]?\d{4}\b/g, replacement: "[SSN_REDACTED]" },
-  { name: "credit_card", pattern: /\b(?:\d[ -]?){12,18}\d\b/g, replacement: "[CC_REDACTED]" }
+import { useState as P, useEffect as T, createContext as M, useCallback as I, useMemo as F, useContext as L, Component as j } from "react";
+import { AlertCircle as y, AlertTriangle as C, AlertOctagon as U, RefreshCcw as B, ExternalLink as O, CheckCircle2 as $, Info as Z } from "lucide-react";
+import { clsx as J } from "clsx";
+import { twMerge as K } from "tailwind-merge";
+import * as g from "@radix-ui/react-dialog";
+import { toast as h, Toaster as W } from "sonner";
+const Y = [
+  {
+    name: "email",
+    pattern: /[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}/g,
+    replacement: "[EMAIL_REDACTED]"
+  },
+  {
+    name: "bearer_token",
+    pattern: /Bearer\s+[A-Za-z0-9\-._~+/]+=*/gi,
+    replacement: "Bearer [TOKEN_REDACTED]"
+  },
+  {
+    name: "jwt",
+    pattern: /eyJ[A-Za-z0-9\-_]+\.eyJ[A-Za-z0-9\-_]+\.[A-Za-z0-9\-_]+/g,
+    replacement: "[JWT_REDACTED]"
+  },
+  {
+    name: "api_key",
+    pattern: /\b(?:sk|pk|key|api|sec)_[a-zA-Z0-9]{20,}\b|\b[A-Za-z0-9]{32,48}\b/g,
+    replacement: "[KEY_REDACTED]"
+  },
+  {
+    name: "phone",
+    pattern: /(?:\+?\d{1,3}[-.\s]?)?\(?\d{2,4}\)?[-.\s]?\d{3,5}[-.\s]?\d{4}\b/g,
+    replacement: "[PHONE_REDACTED]"
+  },
+  {
+    name: "ipv4",
+    pattern: /\b(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\b/g,
+    replacement: "[IP_REDACTED]"
+  },
+  {
+    name: "url_query_params",
+    pattern: /([?&](?:token|key|secret|auth|email|user|access_token|refresh_token|api_key|apikey|password|passwd|pwd)=[^&\s]+)/gi,
+    replacement: "[PARAM_REDACTED]"
+  },
+  {
+    name: "ssn",
+    pattern: /\b\d{3}[-\s]?\d{2}[-\s]?\d{4}\b/g,
+    replacement: "[SSN_REDACTED]"
+  },
+  {
+    name: "credit_card",
+    pattern: /\b(?:\d[ -]?){12,18}\d\b/g,
+    replacement: "[CC_REDACTED]"
+  }
 ];
-function z(t, e = 1e3) {
+function A(t, e = 1e3) {
   if (!t) return "";
   let o = String(t);
-  return o.length > e && (o = o.slice(0, e) + "... [TRUNCATED]"), J.reduce((a, { pattern: s, replacement: n }) => a.replace(s, n), o);
+  return o.length > e && (o = `${o.slice(0, e)}... [TRUNCATED]`), Y.reduce((a, { pattern: i, replacement: n }) => a.replace(i, n), o);
 }
-function _(t) {
+function R(t) {
   let e;
   if (t.url)
     try {
@@ -36,26 +72,26 @@ function _(t) {
     o = /at (\w+)/.exec(a)?.[1];
   }
   return {
-    message: z(t.message, 500),
+    message: A(t.message, 500),
     httpStatus: t.httpStatus,
-    errorCode: t.errorCode ? z(t.errorCode, 100) : void 0,
+    errorCode: t.errorCode ? A(t.errorCode, 100) : void 0,
     routePath: e,
     componentName: o
   };
 }
 function f(...t) {
-  return Z(B(t));
+  return K(J(t));
 }
-function A({
+function N({
   title: t,
   description: e,
   severity: o = "medium",
   primaryAction: a,
-  secondaryAction: s,
+  secondaryAction: i,
   theme: n,
-  className: i
+  className: s
 }) {
-  const d = o === "high";
+  const l = o === "high";
   return /* @__PURE__ */ r(
     "div",
     {
@@ -65,7 +101,7 @@ function A({
         "rounded-xl border p-4 transition-all shadow-sm",
         !n?.backgroundColor && "bg-amber-50 border-amber-200/60 dark:bg-amber-950/20 dark:border-amber-900/40",
         n?.fontFamily,
-        i
+        s
       ),
       style: {
         backgroundColor: n?.backgroundColor,
@@ -73,7 +109,7 @@ function A({
         borderColor: n?.primaryColor ? `${n.primaryColor}40` : void 0
       },
       children: /* @__PURE__ */ u("div", { className: "flex gap-3", children: [
-        /* @__PURE__ */ r("div", { className: "shrink-0 mt-0.5", children: d ? /* @__PURE__ */ r(y, { className: "h-5 w-5 text-red-500" }) : /* @__PURE__ */ r(C, { className: "h-5 w-5 text-amber-500" }) }),
+        /* @__PURE__ */ r("div", { className: "shrink-0 mt-0.5", children: l ? /* @__PURE__ */ r(y, { className: "h-5 w-5 text-red-500" }) : /* @__PURE__ */ r(C, { className: "h-5 w-5 text-amber-500" }) }),
         /* @__PURE__ */ u("div", { className: "flex-1 min-w-0", children: [
           /* @__PURE__ */ r(
             "h3",
@@ -91,11 +127,12 @@ function A({
               children: e
             }
           ),
-          (a || s) && /* @__PURE__ */ u("div", { className: "mt-4 flex flex-wrap items-center gap-3", children: [
+          (a || i) && /* @__PURE__ */ u("div", { className: "mt-4 flex flex-wrap items-center gap-3", children: [
             a && /* @__PURE__ */ r(
               "button",
               {
                 onClick: a.onClick,
+                type: "button",
                 style: n?.primaryColor ? { backgroundColor: n.primaryColor, color: "#fff" } : {},
                 className: f(
                   "text-xs font-medium px-3 py-1.5 rounded-lg transition-all active:scale-95",
@@ -105,13 +142,14 @@ function A({
                 children: a.label
               }
             ),
-            s && /* @__PURE__ */ r(
+            i && /* @__PURE__ */ r(
               "button",
               {
-                onClick: s.onClick,
+                type: "button",
+                onClick: i.onClick,
                 className: "text-xs font-medium opacity-70 hover:opacity-100 transition-opacity underline-offset-4 hover:underline",
                 style: { color: n?.textColor },
-                children: s.label
+                children: i.label
               }
             )
           ] })
@@ -120,92 +158,177 @@ function A({
     }
   );
 }
-function N({
+function E({
   title: t,
   description: e,
   statusUrl: o,
   showRefresh: a = !0,
-  isOpen: s,
+  isOpen: i,
   onOpenChange: n,
-  theme: i,
-  onPrimaryAction: d,
-  primaryActionLabel: c = "Refresh the page"
+  theme: s,
+  onPrimaryAction: l,
+  primaryActionLabel: m = "Refresh the page"
 }) {
-  const [l, m] = R(!1);
-  D(() => {
-    m(!0);
+  const [d, p] = P(!1);
+  T(() => {
+    p(!0);
   }, []);
-  const b = i === "dark" || typeof i == "object" && i?.backgroundColor === "dark", p = typeof i == "object" ? i.primaryColor : void 0, v = typeof i == "object" ? i.fontFamily : void 0;
-  return l ? /* @__PURE__ */ r(k.Root, { open: s, onOpenChange: n, children: /* @__PURE__ */ r(k.Portal, { children: /* @__PURE__ */ u("div", { className: `cognicatch-ui-wrapper ${b ? "dark" : ""} ${v || ""}`, children: [
-    /* @__PURE__ */ r(
-      k.Overlay,
-      {
-        className: "radix-overlay fixed inset-0 z-[99999] bg-zinc-900/20 dark:bg-black/80 backdrop-blur-sm"
-      }
-    ),
-    /* @__PURE__ */ r("div", { className: "fixed inset-0 z-[999999] flex items-end md:items-center justify-center pointer-events-none md:p-4", children: /* @__PURE__ */ u(
-      k.Content,
-      {
-        onInteractOutside: (g) => g.preventDefault(),
-        onEscapeKeyDown: (g) => g.preventDefault(),
-        className: f(
-          "pointer-events-auto w-full flex flex-col items-center text-center shadow-2xl transition-all",
-          "bg-white dark:bg-zinc-950",
-          "rounded-t-3xl border-t border-zinc-200 dark:border-zinc-800 p-8 pb-10",
-          "md:max-w-md md:rounded-2xl md:border md:border-zinc-200 md:dark:border-zinc-800"
-        ),
-        style: { boxSizing: "border-box" },
-        children: [
-          /* @__PURE__ */ r("div", { className: "mx-auto w-12 h-1.5 rounded-full bg-zinc-200 dark:bg-zinc-800 mb-6 md:hidden" }),
-          /* @__PURE__ */ r("div", { className: "w-16 h-16 rounded-full flex items-center justify-center mb-6 border bg-red-50 border-red-100 dark:bg-red-500/10 dark:border-red-500/20", children: /* @__PURE__ */ r(F, { className: "w-8 h-8 text-red-600 dark:text-red-500" }) }),
-          /* @__PURE__ */ r(k.Title, { className: "text-xl font-semibold text-zinc-900 dark:text-zinc-50 mb-3 tracking-tight", children: t }),
-          /* @__PURE__ */ r(k.Description, { className: "text-sm leading-relaxed mb-8 max-w-[280px] md:max-w-none text-zinc-600 dark:text-zinc-400", children: e }),
-          /* @__PURE__ */ u("div", { className: "flex flex-col w-full gap-3", children: [
-            a && /* @__PURE__ */ u(
-              "button",
-              {
-                onClick: () => d ? d() : window.location.reload(),
-                style: p ? { backgroundColor: p, borderColor: p } : {},
-                className: f(
-                  "flex items-center justify-center gap-2 w-full py-3 px-4 rounded-xl font-medium transition-all shadow-sm",
-                  p ? "text-white hover:opacity-90 hover:scale-[1.02] active:scale-95" : "bg-zinc-900 text-white hover:bg-zinc-800 dark:bg-zinc-100 dark:text-zinc-900 dark:hover:bg-white hover:scale-[1.02] active:scale-95"
-                ),
-                children: [
-                  /* @__PURE__ */ r(L, { className: "w-4 h-4" }),
-                  c
-                ]
-              }
+  const b = s === "dark" || typeof s == "object" && s?.backgroundColor === "dark", c = typeof s == "object" ? s.primaryColor : void 0, v = typeof s == "object" ? s.fontFamily : void 0;
+  return d ? /* @__PURE__ */ r(g.Root, { open: i, onOpenChange: n, children: /* @__PURE__ */ r(g.Portal, { children: /* @__PURE__ */ u(
+    "div",
+    {
+      className: `cognicatch-ui-wrapper ${b ? "dark" : ""} ${v || ""}`,
+      children: [
+        /* @__PURE__ */ r(g.Overlay, { className: "radix-overlay fixed inset-0 z-[99999] bg-zinc-900/20 dark:bg-black/80 backdrop-blur-sm" }),
+        /* @__PURE__ */ r("div", { className: "fixed inset-0 z-[999999] flex items-end md:items-center justify-center pointer-events-none md:p-4", children: /* @__PURE__ */ u(
+          g.Content,
+          {
+            onInteractOutside: (k) => k.preventDefault(),
+            onEscapeKeyDown: (k) => k.preventDefault(),
+            className: f(
+              "pointer-events-auto w-full flex flex-col items-center text-center shadow-2xl transition-all",
+              "bg-white dark:bg-zinc-950",
+              "rounded-t-3xl border-t border-zinc-200 dark:border-zinc-800 p-8 pb-10",
+              "md:max-w-md md:rounded-2xl md:border md:border-zinc-200 md:dark:border-zinc-800"
             ),
-            o && /* @__PURE__ */ u(
-              "a",
-              {
-                href: o,
-                target: "_blank",
-                rel: "noopener noreferrer",
-                className: f(
-                  "flex items-center justify-center gap-2 w-full py-3 px-4 rounded-xl font-medium transition-colors border border-transparent",
-                  "text-zinc-500 hover:text-zinc-900 hover:bg-zinc-100 dark:text-zinc-400 dark:hover:text-zinc-200 dark:hover:bg-zinc-900 dark:hover:border-zinc-800"
+            style: { boxSizing: "border-box" },
+            children: [
+              /* @__PURE__ */ r("div", { className: "mx-auto w-12 h-1.5 rounded-full bg-zinc-200 dark:bg-zinc-800 mb-6 md:hidden" }),
+              /* @__PURE__ */ r("div", { className: "w-16 h-16 rounded-full flex items-center justify-center mb-6 border bg-red-50 border-red-100 dark:bg-red-500/10 dark:border-red-500/20", children: /* @__PURE__ */ r(U, { className: "w-8 h-8 text-red-600 dark:text-red-500" }) }),
+              /* @__PURE__ */ r(g.Title, { className: "text-xl font-semibold text-zinc-900 dark:text-zinc-50 mb-3 tracking-tight", children: t }),
+              /* @__PURE__ */ r(g.Description, { className: "text-sm leading-relaxed mb-8 max-w-[280px] md:max-w-none text-zinc-600 dark:text-zinc-400", children: e }),
+              /* @__PURE__ */ u("div", { className: "flex flex-col w-full gap-3", children: [
+                a && /* @__PURE__ */ u(
+                  "button",
+                  {
+                    onClick: () => l ? l() : window.location.reload(),
+                    type: "button",
+                    style: c ? {
+                      backgroundColor: c,
+                      borderColor: c
+                    } : {},
+                    className: f(
+                      "flex items-center justify-center gap-2 w-full py-3 px-4 rounded-xl font-medium transition-all shadow-sm",
+                      c ? "text-white hover:opacity-90 hover:scale-[1.02] active:scale-95" : "bg-zinc-900 text-white hover:bg-zinc-800 dark:bg-zinc-100 dark:text-zinc-900 dark:hover:bg-white hover:scale-[1.02] active:scale-95"
+                    ),
+                    children: [
+                      /* @__PURE__ */ r(B, { className: "w-4 h-4" }),
+                      m
+                    ]
+                  }
                 ),
-                children: [
-                  "Check system status",
-                  /* @__PURE__ */ r(j, { className: "w-4 h-4 opacity-70" })
-                ]
-              }
-            )
-          ] })
-        ]
+                o && /* @__PURE__ */ u(
+                  "a",
+                  {
+                    href: o,
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    className: f(
+                      "flex items-center justify-center gap-2 w-full py-3 px-4 rounded-xl font-medium transition-colors border border-transparent",
+                      "text-zinc-500 hover:text-zinc-900 hover:bg-zinc-100 dark:text-zinc-400 dark:hover:text-zinc-200 dark:hover:bg-zinc-900 dark:hover:border-zinc-800"
+                    ),
+                    children: [
+                      "Check system status",
+                      /* @__PURE__ */ r(O, { className: "w-4 h-4 opacity-70" })
+                    ]
+                  }
+                )
+              ] })
+            ]
+          }
+        ) })
+      ]
+    }
+  ) }) }) : null;
+}
+const w = M(
+  void 0
+);
+function re({
+  apiKey: t,
+  apiUrl: e,
+  language: o,
+  handleUserBilling: a = !1,
+  children: i
+}) {
+  const n = I(
+    async (l, m) => {
+      const d = l instanceof Error ? l : new Error(String(l)), p = h.loading("Analyzing error context...", {
+        description: "Applying AI recovery heuristics..."
+      });
+      if (t === "sk_test_mock") {
+        setTimeout(() => {
+          h.info("Mock Mode Analysis", {
+            id: p,
+            description: "This is a mocked async recovery because sk_test_mock was used."
+          });
+        }, 1500);
+        return;
+      }
+      try {
+        const b = {
+          message: d.message,
+          componentStack: d.stack,
+          url: typeof window < "u" ? window.location.href : void 0
+        }, c = R(b), v = e || "https://api.cognicatch.dev/v1/analyze-error", k = typeof navigator < "u" ? navigator.language : "en-US", D = o || k, S = m?.handleUserBilling !== void 0 ? m.handleUserBilling : a, z = await fetch(v, {
+          method: "POST",
+          headers: {
+            Authorization: `Bearer ${t}`,
+            "Content-Type": "application/json"
+          },
+          body: JSON.stringify({
+            error: c.message,
+            stack: c.componentName ? `Component: ${c.componentName}` : c.errorCode || "Async Error",
+            routePath: c.routePath,
+            language: D,
+            handleUserBilling: S
+          })
+        });
+        if (!z.ok) throw new Error("SaaS API Error");
+        const x = await z.json();
+        x && ((x.severity || x.level) === "low" ? h.info(x.title, {
+          id: p,
+          description: x.description
+        }) : h.error(x.title, {
+          id: p,
+          description: x.description
+        }));
+      } catch (b) {
+        console.error("AdaptiveUI API Request failed:", b), h.error("Analysis Failed", {
+          id: p,
+          description: "We couldn't reach the AI servers. Please try again later."
+        });
       }
-    ) })
-  ] }) }) }) : null;
+    },
+    [t, e, o, a]
+  ), s = F(
+    () => ({
+      apiKey: t,
+      apiUrl: e,
+      language: o,
+      handleUserBilling: a,
+      captureAsyncError: n
+    }),
+    [t, e, o, a, n]
+  );
+  return /* @__PURE__ */ r(w.Provider, { value: s, children: i });
+}
+function oe() {
+  const t = L(w);
+  if (!t)
+    throw new Error(
+      "❌ AdaptiveUI Developer Error: You tried to use the 'useAdaptive' hook outside of an <AdaptiveProvider>. Please wrap the root of your application (e.g., App.tsx or layout.tsx) with <AdaptiveProvider apiKey='YOUR_KEY'>"
+    );
+  return t;
 }
-function X({
+function ae({
   customTheme: t,
   toastOptions: e,
   position: o = "top-right",
   ...a
 }) {
   return /* @__PURE__ */ r(
-    $,
+    W,
     {
       position: o,
       containerAriaLabel: "Notifications",
@@ -220,8 +343,14 @@ function X({
             t?.fontFamily,
             e?.classNames?.toast
           ),
-          title: f("font-medium text-sm text-zinc-900 dark:text-zinc-50", e?.classNames?.title),
-          description: f("mt-0.5 text-xs text-zinc-500 dark:text-zinc-400 line-clamp-2", e?.classNames?.description),
+          title: f(
+            "font-medium text-sm text-zinc-900 dark:text-zinc-50",
+            e?.classNames?.title
+          ),
+          description: f(
+            "mt-0.5 text-xs text-zinc-500 dark:text-zinc-400 line-clamp-2",
+            e?.classNames?.description
+          ),
           actionButton: f(
             "font-medium rounded-lg transition-all px-3 py-1.5 border text-xs",
             "bg-zinc-900 text-white border-transparent hover:scale-[1.02] active:scale-95",
@@ -240,25 +369,25 @@ function X({
     }
   );
 }
-function E(t, e, o, a, s = "medium") {
+function _(t, e, o, a, i = "medium") {
   return h(t, {
     description: e,
     icon: {
-      low: /* @__PURE__ */ r(O, { className: "w-5 h-5 text-blue-500" }),
+      low: /* @__PURE__ */ r(Z, { className: "w-5 h-5 text-blue-500" }),
       medium: /* @__PURE__ */ r(C, { className: "w-5 h-5 text-amber-500" }),
       high: /* @__PURE__ */ r(y, { className: "w-5 h-5 text-red-500" })
-    }[s],
-    duration: s === "high" ? 8e3 : 5e3,
+    }[i],
+    duration: i === "high" ? 8e3 : 5e3,
     action: o ? {
       label: o,
       onClick: () => a?.()
     } : void 0
   });
 }
-const ee = {
+const ne = {
   success: (t, e) => h(t, {
     description: e,
-    icon: /* @__PURE__ */ r(U, { className: "w-5 h-5 text-emerald-500" })
+    icon: /* @__PURE__ */ r($, { className: "w-5 h-5 text-emerald-500" })
   }),
   error: (t, e) => h(t, {
     description: e,
@@ -270,7 +399,7 @@ const ee = {
   }),
   loading: (t, e) => h.loading(t, { description: e }),
   custom: (t, e, o) => {
-    h.custom((a) => /* @__PURE__ */ r(
+    h.custom(() => /* @__PURE__ */ r(
       "div",
       {
         className: f("flex gap-3 p-4 shadow-2xl border", o.fontFamily),
@@ -287,88 +416,51 @@ const ee = {
       }
     ));
   }
-}, w = S(void 0);
-function te({
-  apiKey: t,
-  apiUrl: e,
-  language: o,
-  children: a
-}) {
-  const s = P(async (i) => {
-    const d = i instanceof Error ? i : new Error(String(i)), c = h.loading("Analyzing error context...", {
-      description: "Applying AI recovery heuristics..."
-    });
-    if (t === "sk_test_mock") {
-      setTimeout(() => {
-        h.info("Mock Mode Analysis", {
-          id: c,
-          description: "This is a mocked async recovery because sk_test_mock was used."
-        });
-      }, 1500);
-      return;
-    }
-    try {
-      const l = {
-        message: d.message,
-        componentStack: d.stack,
-        url: typeof window < "u" ? window.location.href : void 0
-      }, m = _(l), b = e || "https://api.cognicatch.dev/v1/analyze-error", p = typeof navigator < "u" ? navigator.language : "en-US", v = o || p, g = await fetch(b, {
-        method: "POST",
-        headers: {
-          Authorization: `Bearer ${t}`,
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify({
-          error: m.message,
-          stack: m.componentName ? `Component: ${m.componentName}` : m.errorCode || "Async Error",
-          routePath: m.routePath,
-          language: v
-        })
-      });
-      if (!g.ok) throw new Error("SaaS API Error");
-      const x = await g.json();
-      x && ((x.severity || x.level) === "low" ? h.info(x.title, { id: c, description: x.description }) : h.error(x.title, { id: c, description: x.description }));
-    } catch (l) {
-      console.error("AdaptiveUI API Request failed:", l), h.error("Analysis Failed", {
-        id: c,
-        description: "We couldn't reach the AI servers. Please try again later."
-      });
-    }
-  }, [t, e, o]), n = T(() => ({
-    apiKey: t,
-    apiUrl: e,
-    language: o,
-    captureAsyncError: s
-  }), [t, e, o, s]);
-  return /* @__PURE__ */ r(w.Provider, { value: n, children: a });
-}
-function re() {
-  const t = M(w);
-  if (!t)
-    throw new Error(
-      "❌ AdaptiveUI Developer Error: You tried to use the 'useAdaptive' hook outside of an <AdaptiveProvider>. Please wrap the root of your application (e.g., App.tsx or layout.tsx) with <AdaptiveProvider apiKey='YOUR_KEY'>"
-    );
-  return t;
-}
-const K = ({ onRecover: t, theme: e }) => /* @__PURE__ */ r("div", { className: `p-6 rounded-xl border border-zinc-200 dark:border-zinc-800 bg-white dark:bg-zinc-950 shadow-sm ${e === "dark" ? "dark" : ""}`, children: /* @__PURE__ */ u("div", { className: "flex flex-col items-center text-center gap-4", children: [
-  /* @__PURE__ */ r("div", { className: "p-3 rounded-full bg-red-50 dark:bg-red-900/20", children: /* @__PURE__ */ r("svg", { className: "w-6 h-6 text-red-600 dark:text-red-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" }) }) }),
-  /* @__PURE__ */ u("div", { children: [
-    /* @__PURE__ */ r("h3", { className: "text-sm font-semibold text-zinc-900 dark:text-zinc-100", children: "Component Unavailable" }),
-    /* @__PURE__ */ r("p", { className: "text-xs text-zinc-500 dark:text-zinc-400 mt-1", children: "An unexpected error occurred in the interface." })
-  ] }),
-  /* @__PURE__ */ r(
-    "button",
-    {
-      onClick: t,
-      style: {
-        backgroundColor: e?.primaryColor || void 0
-      },
-      className: "px-4 py-2 text-xs font-medium bg-zinc-900 dark:bg-zinc-100 text-white dark:text-zinc-900 rounded-lg hover:opacity-90 transition-opacity",
-      children: "Try Reloading"
-    }
-  )
-] }) });
-class oe extends I {
+}, q = ({ onRecover: t, theme: e }) => /* @__PURE__ */ r(
+  "div",
+  {
+    className: `p-6 rounded-xl border border-zinc-200 dark:border-zinc-800 bg-white dark:bg-zinc-950 shadow-sm ${e === "dark" ? "dark" : ""}`,
+    children: /* @__PURE__ */ u("div", { className: "flex flex-col items-center text-center gap-4", children: [
+      /* @__PURE__ */ r("div", { className: "p-3 rounded-full bg-red-50 dark:bg-red-900/20", children: /* @__PURE__ */ r(
+        "svg",
+        {
+          className: "w-6 h-6 text-red-600 dark:text-red-400",
+          fill: "none",
+          viewBox: "0 0 24 24",
+          stroke: "currentColor",
+          role: "img",
+          "aria-label": "error icon",
+          children: /* @__PURE__ */ r(
+            "path",
+            {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: 2,
+              d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+            }
+          )
+        }
+      ) }),
+      /* @__PURE__ */ u("div", { children: [
+        /* @__PURE__ */ r("h3", { className: "text-sm font-semibold text-zinc-900 dark:text-zinc-100", children: "Component Unavailable" }),
+        /* @__PURE__ */ r("p", { className: "text-xs text-zinc-500 dark:text-zinc-400 mt-1", children: "An unexpected error occurred in the interface." })
+      ] }),
+      /* @__PURE__ */ r(
+        "button",
+        {
+          onClick: t,
+          type: "button",
+          style: {
+            backgroundColor: e?.primaryColor || void 0
+          },
+          className: "px-4 py-2 text-xs font-medium bg-zinc-900 dark:bg-zinc-100 text-white dark:text-zinc-900 rounded-lg hover:opacity-90 transition-opacity",
+          children: "Try Reloading"
+        }
+      )
+    ] })
+  }
+);
+class ie extends j {
   static contextType = w;
   _isMounted = !1;
   constructor(e) {
@@ -392,7 +484,7 @@ class oe extends I {
   componentDidCatch(e, o) {
     if (this.state.hasCrashedFallback) return;
     const { mode: a } = this.props;
-    a === "manual" && this.props.severity === "low" && E(
+    a === "manual" && this.props.severity === "low" && _(
       this.props.title,
       this.props.description,
       this.props.actionLabel ?? void 0,
@@ -400,12 +492,14 @@ class oe extends I {
     ), a === "auto" && this._isMounted && (this.setState({ isProcessingAuto: !0 }), this.processAutoMode(e, o));
   }
   processAutoMode = async (e, o) => {
-    const a = this.props, s = a.apiKey || this.context?.apiKey, n = a.apiUrl || this.context?.apiUrl, i = typeof navigator < "u" ? navigator.language : "en-US", d = a.language || this.context?.language || i;
-    if (!s) {
-      console.error("AdaptiveUI: Missing API Key for auto mode. Provide it via props or <AdaptiveProvider>."), this._isMounted && this.setState({ isProcessingAuto: !1 });
+    const a = this.props, i = a.apiKey || this.context?.apiKey, n = a.apiUrl || this.context?.apiUrl, s = typeof navigator < "u" ? navigator.language : "en-US", l = a.language || this.context?.language || s;
+    if (!i) {
+      console.error(
+        "AdaptiveUI: Missing API Key for auto mode. Provide it via props or <AdaptiveProvider>."
+      ), this._isMounted && this.setState({ isProcessingAuto: !1 });
       return;
     }
-    if (s === "sk_test_mock") {
+    if (i === "sk_test_mock") {
       setTimeout(() => {
         this._isMounted && this.setState({
           isProcessingAuto: !1,
@@ -420,34 +514,34 @@ class oe extends I {
       return;
     }
     try {
-      const c = {
+      const m = {
         message: e.message,
         componentStack: o.componentStack || void 0,
         url: typeof window < "u" ? window.location.href : void 0
-      }, l = _(c), b = await fetch(n || "https://api.cognicatch.dev/v1/analyze-error", {
+      }, d = R(m), b = await fetch(n || "https://api.cognicatch.dev/v1/analyze-error", {
         method: "POST",
         headers: {
-          Authorization: `Bearer ${s}`,
+          Authorization: `Bearer ${i}`,
           "Content-Type": "application/json"
         },
         body: JSON.stringify({
-          error: l.message,
-          stack: l.componentName ? `Component: ${l.componentName}` : "No stack",
-          routePath: l.routePath,
-          language: d
+          error: d.message,
+          stack: d.componentName ? `Component: ${d.componentName}` : "No stack",
+          routePath: d.routePath,
+          language: l
         })
       });
       if (!b.ok)
         throw new Error(`SaaS API returned ${b.status}`);
-      const p = await b.json();
-      p && this._isMounted && (p.severity === "low" ? (E(
-        p.title,
-        p.description,
-        p.actionLabel ?? void 0,
+      const c = await b.json();
+      c && this._isMounted && (c.severity === "low" ? (_(
+        c.title,
+        c.description,
+        c.actionLabel ?? void 0,
         this.handleRecover
-      ), this.setState({ isProcessingAuto: !1, aiData: p })) : this.setState({ isProcessingAuto: !1, aiData: p }));
-    } catch (c) {
-      console.error("AdaptiveUI AI Request failed:", c), this._isMounted && this.setState({
+      ), this.setState({ isProcessingAuto: !1, aiData: c })) : this.setState({ isProcessingAuto: !1, aiData: c }));
+    } catch (m) {
+      console.error("AdaptiveUI AI Request failed:", m), this._isMounted && this.setState({
         isProcessingAuto: !1,
         aiData: {
           severity: "medium",
@@ -459,12 +553,17 @@ class oe extends I {
     }
   };
   handleRecover = () => {
-    this._isMounted && this.setState({ hasError: !1, error: null, aiData: null, hasCrashedFallback: !1 }), this.props.onRecover && this.props.onRecover();
+    this._isMounted && this.setState({
+      hasError: !1,
+      error: null,
+      aiData: null,
+      hasCrashedFallback: !1
+    }), this.props.onRecover && this.props.onRecover();
   };
   render() {
     if (this.state.hasCrashedFallback)
       return /* @__PURE__ */ r(
-        K,
+        q,
         {
           onRecover: this.handleRecover,
           theme: this.props.theme
@@ -472,27 +571,37 @@ class oe extends I {
       );
     if (!this.state.hasError)
       return this.props.children;
-    const { mode: e, theme: o, className: a, showRefresh: s, statusUrl: n } = this.props;
+    const { mode: e, theme: o, className: a, showRefresh: i, statusUrl: n } = this.props;
     if (e === "manual") {
-      const { severity: i, title: d, description: c, actionLabel: l } = this.props;
+      const { severity: s, title: l, description: m, actionLabel: d } = this.props;
       try {
-        if (i === "high")
+        if (s === "high")
           return /* @__PURE__ */ r(
-            N,
+            E,
             {
               isOpen: !0,
-              onOpenChange: (m) => {
-                m || this.handleRecover();
+              onOpenChange: (p) => {
+                p || this.handleRecover();
               },
-              title: d,
-              description: c,
+              title: l,
+              description: m,
               theme: o,
-              showRefresh: s,
+              showRefresh: i,
               statusUrl: n
             }
           );
-        if (i === "medium") return /* @__PURE__ */ r(A, { title: d, description: c, primaryAction: l ? { label: l, onClick: this.handleRecover } : void 0, theme: o, className: a });
-        if (i === "low") return null;
+        if (s === "medium")
+          return /* @__PURE__ */ r(
+            N,
+            {
+              title: l,
+              description: m,
+              primaryAction: d ? { label: d, onClick: this.handleRecover } : void 0,
+              theme: o,
+              className: a
+            }
+          );
+        if (s === "low") return null;
       } catch {
         return this.setState({ hasCrashedFallback: !0 }), null;
       }
@@ -504,26 +613,35 @@ class oe extends I {
           /* @__PURE__ */ r("p", { className: "text-xs font-medium text-zinc-500 dark:text-zinc-400", children: "Analyzing error context..." })
         ] });
       if (this.state.aiData) {
-        const { severity: i, title: d, description: c, actionLabel: l } = this.state.aiData;
+        const { severity: s, title: l, description: m, actionLabel: d } = this.state.aiData;
         try {
-          if (i === "high")
+          if (s === "high")
             return /* @__PURE__ */ r(
-              N,
+              E,
               {
                 isOpen: !0,
-                onOpenChange: (m) => {
-                  m || this.handleRecover();
+                onOpenChange: (p) => {
+                  p || this.handleRecover();
                 },
-                title: d,
-                description: c,
+                title: l,
+                description: m,
                 theme: o,
-                showRefresh: s,
+                showRefresh: i,
                 statusUrl: n
               }
             );
-          if (i === "medium")
-            return /* @__PURE__ */ r(A, { title: d, description: c, primaryAction: l ? { label: l, onClick: this.handleRecover } : void 0, theme: o, className: a });
-          if (i === "low")
+          if (s === "medium")
+            return /* @__PURE__ */ r(
+              N,
+              {
+                title: l,
+                description: m,
+                primaryAction: d ? { label: d, onClick: this.handleRecover } : void 0,
+                theme: o,
+                className: a
+              }
+            );
+          if (s === "low")
             return null;
         } catch {
           return this.setState({ hasCrashedFallback: !0 }), null;
@@ -534,9 +652,9 @@ class oe extends I {
   }
 }
 export {
-  oe as AdaptiveErrorBoundary,
-  te as AdaptiveProvider,
-  X as AdaptiveToastProvider,
-  ee as adaptiveToast,
-  re as useAdaptive
+  ie as AdaptiveErrorBoundary,
+  re as AdaptiveProvider,
+  ae as AdaptiveToastProvider,
+  ne as adaptiveToast,
+  oe as useAdaptive
 };