@cognicatch/react 1.1.0 → 1.1.2

package/dist/index.js

@@ -1,28 +1,63 @@
-import { jsx as r, jsxs as m } from "react/jsx-runtime";
-import { useState as D, useEffect as R, 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 O, Info as U } from "lucide-react";
-import { clsx as B } from "clsx";
-import { twMerge as Z } from "tailwind-merge";
-import { createPortal as $ } from "react-dom";
+import { jsx as r, jsxs as u } from "react/jsx-runtime";
+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 { Toaster as J, toast as u } from "sonner";
-const K = [
-  { 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 { 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]"), K.reduce((a, { pattern: n, replacement: i }) => a.replace(n, i), 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 {
@@ -37,23 +72,23 @@ 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: n,
-  theme: i,
+  secondaryAction: i,
+  theme: n,
   className: s
 }) {
   const l = o === "high";
@@ -64,23 +99,23 @@ function A({
       "aria-live": "polite",
       className: f(
         "rounded-xl border p-4 transition-all shadow-sm",
-        !i?.backgroundColor && "bg-amber-50 border-amber-200/60 dark:bg-amber-950/20 dark:border-amber-900/40",
-        i?.fontFamily,
+        !n?.backgroundColor && "bg-amber-50 border-amber-200/60 dark:bg-amber-950/20 dark:border-amber-900/40",
+        n?.fontFamily,
         s
       ),
       style: {
-        backgroundColor: i?.backgroundColor,
-        color: i?.textColor,
-        borderColor: i?.primaryColor ? `${i.primaryColor}40` : void 0
+        backgroundColor: n?.backgroundColor,
+        color: n?.textColor,
+        borderColor: n?.primaryColor ? `${n.primaryColor}40` : void 0
       },
-      children: /* @__PURE__ */ m("div", { className: "flex gap-3", children: [
+      children: /* @__PURE__ */ u("div", { className: "flex gap-3", children: [
         /* @__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__ */ m("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ u("div", { className: "flex-1 min-w-0", children: [
           /* @__PURE__ */ r(
             "h3",
             {
               className: "text-sm font-medium leading-none text-amber-900 dark:text-amber-100",
-              style: { color: i?.textColor },
+              style: { color: n?.textColor },
               children: t
             }
           ),
@@ -88,16 +123,17 @@ function A({
             "p",
             {
               className: "mt-2 text-sm leading-relaxed opacity-90",
-              style: { color: i?.textColor },
+              style: { color: n?.textColor },
               children: e
             }
           ),
-          (a || n) && /* @__PURE__ */ m("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,
-                style: i?.primaryColor ? { backgroundColor: i.primaryColor, color: "#fff" } : {},
+                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",
                   "bg-amber-100 border border-amber-200 text-amber-900 hover:bg-amber-200",
@@ -106,13 +142,14 @@ function A({
                 children: a.label
               }
             ),
-            n && /* @__PURE__ */ r(
+            i && /* @__PURE__ */ r(
               "button",
               {
-                onClick: n.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: i?.textColor },
-                children: n.label
+                style: { color: n?.textColor },
+                children: i.label
               }
             )
           ] })
@@ -121,94 +158,177 @@ function A({
     }
   );
 }
-function N({
+function E({
   title: t,
   description: e,
   statusUrl: o,
   showRefresh: a = !0,
-  isOpen: n,
-  onOpenChange: i,
+  isOpen: i,
+  onOpenChange: n,
   theme: s,
   onPrimaryAction: l,
-  primaryActionLabel: c = "Atualizar a página"
+  primaryActionLabel: m = "Refresh the page"
 }) {
-  const [h, b] = D(!1);
-  R(() => {
-    b(!0);
+  const [d, p] = P(!1);
+  T(() => {
+    p(!0);
   }, []);
-  const x = s === "dark" || typeof s == "object" && s?.backgroundColor === "dark", d = typeof s == "object" ? s.primaryColor : void 0, v = typeof s == "object" ? s.fontFamily : void 0;
-  if (!h) return null;
-  const k = /* @__PURE__ */ r(g.Root, { open: n, onOpenChange: i, children: /* @__PURE__ */ r(g.Portal, { children: /* @__PURE__ */ m("div", { className: `cognicatch-ui-wrapper ${x ? "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__ */ m(
-      g.Content,
-      {
-        onInteractOutside: (p) => p.preventDefault(),
-        onEscapeKeyDown: (p) => p.preventDefault(),
-        className: f(
-          "radix-content fixed z-[999999] flex flex-col items-center text-center shadow-2xl transition-all",
-          "bg-white border-zinc-200 dark:bg-zinc-950 dark:border-zinc-800",
-          "bottom-0 left-0 right-0 border-t rounded-t-3xl p-8 pb-10",
-          "sm:bottom-auto sm:top-1/2 sm:left-1/2 sm:-translate-x-1/2 sm:-translate-y-1/2 sm:w-full sm:max-w-md sm:rounded-2xl sm:border"
-        ),
-        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 sm: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(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] sm:max-w-none text-zinc-600 dark:text-zinc-400", children: e }),
-          /* @__PURE__ */ m("div", { className: "flex flex-col w-full gap-3", children: [
-            a && /* @__PURE__ */ m(
-              "button",
-              {
-                onClick: () => l ? l() : window.location.reload(),
-                style: d ? { backgroundColor: d, borderColor: d } : {},
-                className: f(
-                  "flex items-center justify-center gap-2 w-full py-3 px-4 rounded-xl font-medium transition-all shadow-sm",
-                  d ? "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__ */ m(
-              "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;
       }
-    )
-  ] }) }) });
-  return $(k, document.body);
+      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."
+        });
+      }
+    },
+    [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 te({
+function ae({
   customTheme: t,
   toastOptions: e,
   position: o = "top-right",
   ...a
 }) {
   return /* @__PURE__ */ r(
-    J,
+    W,
     {
       position: o,
       containerAriaLabel: "Notifications",
@@ -223,8 +343,14 @@ function te({
             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",
@@ -243,37 +369,37 @@ function te({
     }
   );
 }
-function E(t, e, o, a, n = "medium") {
-  return u(t, {
+function _(t, e, o, a, i = "medium") {
+  return h(t, {
     description: e,
     icon: {
-      low: /* @__PURE__ */ r(U, { 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" })
-    }[n],
-    duration: n === "high" ? 8e3 : 5e3,
+    }[i],
+    duration: i === "high" ? 8e3 : 5e3,
     action: o ? {
       label: o,
       onClick: () => a?.()
     } : void 0
   });
 }
-const re = {
-  success: (t, e) => u(t, {
+const ne = {
+  success: (t, e) => h(t, {
     description: e,
-    icon: /* @__PURE__ */ r(O, { className: "w-5 h-5 text-emerald-500" })
+    icon: /* @__PURE__ */ r($, { className: "w-5 h-5 text-emerald-500" })
   }),
-  error: (t, e) => u(t, {
+  error: (t, e) => h(t, {
     description: e,
     icon: /* @__PURE__ */ r(y, { className: "w-5 h-5 text-red-500" })
   }),
-  warning: (t, e) => u(t, {
+  warning: (t, e) => h(t, {
     description: e,
     icon: /* @__PURE__ */ r(C, { className: "w-5 h-5 text-amber-500 dark:text-amber-400" })
   }),
-  loading: (t, e) => u.loading(t, { description: e }),
+  loading: (t, e) => h.loading(t, { description: e }),
   custom: (t, e, o) => {
-    u.custom((a) => /* @__PURE__ */ r(
+    h.custom(() => /* @__PURE__ */ r(
       "div",
       {
         className: f("flex gap-3 p-4 shadow-2xl border", o.fontFamily),
@@ -283,96 +409,58 @@ const re = {
           borderColor: o.primaryColor || "#e4e4e7",
           borderRadius: o.borderRadius || "12px"
         },
-        children: /* @__PURE__ */ m("div", { className: "flex flex-col gap-1", children: [
+        children: /* @__PURE__ */ u("div", { className: "flex flex-col gap-1", children: [
           /* @__PURE__ */ r("span", { className: "font-semibold text-sm", children: t }),
           /* @__PURE__ */ r("span", { className: "text-xs opacity-70", children: e })
         ] })
       }
     ));
   }
-}, w = S(void 0);
-function oe({
-  apiKey: t,
-  apiUrl: e,
-  language: o,
-  children: a
-}) {
-  const n = P(async (s) => {
-    const l = s instanceof Error ? s : new Error(String(s)), c = u.loading("Analyzing error context...", {
-      description: "Applying AI recovery heuristics..."
-    });
-    if (t === "sk_test_mock") {
-      setTimeout(() => {
-        u.info("Mock Mode Analysis", {
-          id: c,
-          description: "This is a mocked async recovery because sk_test_mock was used."
-        });
-      }, 1500);
-      return;
-    }
-    try {
-      const h = {
-        message: l.message,
-        componentStack: l.stack,
-        url: typeof window < "u" ? window.location.href : void 0
-      }, b = _(h), x = e || "https://api.cognicatch.dev/v1/analyze-error", d = typeof navigator < "u" ? navigator.language : "en-US", v = o || d, k = await fetch(x, {
-        method: "POST",
-        headers: {
-          Authorization: `Bearer ${t}`,
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify({
-          error: b.message,
-          stack: b.componentName ? `Component: ${b.componentName}` : b.errorCode || "Async Error",
-          routePath: b.routePath,
-          language: v
-        })
-      });
-      if (!k.ok) throw new Error("SaaS API Error");
-      const p = await k.json();
-      p && ((p.severity || p.level) === "low" ? u.info(p.title, { id: c, description: p.description }) : u.error(p.title, { id: c, description: p.description }));
-    } catch (h) {
-      console.error("AdaptiveUI API Request failed:", h), u.error("Analysis Failed", {
-        id: c,
-        description: "We couldn't reach the AI servers. Please try again later."
-      });
-    }
-  }, [t, e, o]), i = T(() => ({
-    apiKey: t,
-    apiUrl: e,
-    language: o,
-    captureAsyncError: n
-  }), [t, e, o, n]);
-  return /* @__PURE__ */ r(w.Provider, { value: i, children: a });
-}
-function ae() {
-  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 W = ({ 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__ */ m("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__ */ m("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: {
-        // Se o usuário definiu uma cor primária no objeto ThemeOptions, usamos aqui!
-        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 ne 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) {
@@ -396,7 +484,7 @@ class ne 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,
@@ -404,12 +492,14 @@ class ne extends I {
     ), a === "auto" && this._isMounted && (this.setState({ isProcessingAuto: !0 }), this.processAutoMode(e, o));
   }
   processAutoMode = async (e, o) => {
-    const a = this.props, n = a.apiKey || this.context?.apiKey, i = a.apiUrl || this.context?.apiUrl, s = typeof navigator < "u" ? navigator.language : "en-US", l = a.language || this.context?.language || s;
-    if (!n) {
-      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 (n === "sk_test_mock") {
+    if (i === "sk_test_mock") {
       setTimeout(() => {
         this._isMounted && this.setState({
           isProcessingAuto: !1,
@@ -424,34 +514,34 @@ class ne 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
-      }, h = _(c), x = await fetch(i || "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 ${n}`,
+          Authorization: `Bearer ${i}`,
           "Content-Type": "application/json"
         },
         body: JSON.stringify({
-          error: h.message,
-          stack: h.componentName ? `Component: ${h.componentName}` : "No stack",
-          routePath: h.routePath,
+          error: d.message,
+          stack: d.componentName ? `Component: ${d.componentName}` : "No stack",
+          routePath: d.routePath,
           language: l
         })
       });
-      if (!x.ok)
-        throw new Error(`SaaS API returned ${x.status}`);
-      const d = await x.json();
-      d && this._isMounted && (d.severity === "low" ? (E(
-        d.title,
-        d.description,
-        d.actionLabel ?? void 0,
+      if (!b.ok)
+        throw new Error(`SaaS API returned ${b.status}`);
+      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: d })) : this.setState({ isProcessingAuto: !1, aiData: d }));
-    } 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",
@@ -463,12 +553,17 @@ class ne 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(
-        W,
+        q,
         {
           onRecover: this.handleRecover,
           theme: this.props.theme
@@ -476,35 +571,77 @@ class ne extends I {
       );
     if (!this.state.hasError)
       return this.props.children;
-    const { mode: e, theme: o, className: a } = this.props;
+    const { mode: e, theme: o, className: a, showRefresh: i, statusUrl: n } = this.props;
     if (e === "manual") {
-      const { severity: n, title: i, description: s, actionLabel: l } = this.props;
+      const { severity: s, title: l, description: m, actionLabel: d } = this.props;
       try {
-        if (n === "high") return /* @__PURE__ */ r(N, { isOpen: !0, onOpenChange: (c) => {
-          c || this.handleRecover();
-        }, title: i, description: s, theme: o });
-        if (n === "medium") return /* @__PURE__ */ r(A, { title: i, description: s, primaryAction: l ? { label: l, onClick: this.handleRecover } : void 0, theme: o, className: a });
-        if (n === "low") return null;
+        if (s === "high")
+          return /* @__PURE__ */ r(
+            E,
+            {
+              isOpen: !0,
+              onOpenChange: (p) => {
+                p || this.handleRecover();
+              },
+              title: l,
+              description: m,
+              theme: o,
+              showRefresh: i,
+              statusUrl: n
+            }
+          );
+        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;
       }
     }
     if (e === "auto") {
       if (this.state.isProcessingAuto)
-        return /* @__PURE__ */ m("div", { className: "w-full h-full min-h-[100px] rounded-xl border border-zinc-200/50 dark:border-zinc-800/50 bg-zinc-50/50 dark:bg-zinc-900/20 flex flex-col items-center justify-center p-6 animate-pulse", children: [
+        return /* @__PURE__ */ u("div", { className: "w-full h-full min-h-[100px] rounded-xl border border-zinc-200/50 dark:border-zinc-800/50 bg-zinc-50/50 dark:bg-zinc-900/20 flex flex-col items-center justify-center p-6 animate-pulse", children: [
           /* @__PURE__ */ r("div", { className: "w-5 h-5 border-2 border-zinc-400/30 dark:border-zinc-500/30 border-t-zinc-900 dark:border-t-zinc-100 rounded-full animate-spin mb-3" }),
           /* @__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: n, title: i, description: s, actionLabel: l } = this.state.aiData;
+        const { severity: s, title: l, description: m, actionLabel: d } = this.state.aiData;
         try {
-          if (n === "high")
-            return /* @__PURE__ */ r(N, { isOpen: !0, onOpenChange: (c) => {
-              c || this.handleRecover();
-            }, title: i, description: s, theme: o });
-          if (n === "medium")
-            return /* @__PURE__ */ r(A, { title: i, description: s, primaryAction: l ? { label: l, onClick: this.handleRecover } : void 0, theme: o, className: a });
-          if (n === "low")
+          if (s === "high")
+            return /* @__PURE__ */ r(
+              E,
+              {
+                isOpen: !0,
+                onOpenChange: (p) => {
+                  p || this.handleRecover();
+                },
+                title: l,
+                description: m,
+                theme: o,
+                showRefresh: i,
+                statusUrl: n
+              }
+            );
+          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;
@@ -515,9 +652,9 @@ class ne extends I {
   }
 }
 export {
-  ne as AdaptiveErrorBoundary,
-  oe as AdaptiveProvider,
-  te as AdaptiveToastProvider,
-  re as adaptiveToast,
-  ae as useAdaptive
+  ie as AdaptiveErrorBoundary,
+  re as AdaptiveProvider,
+  ae as AdaptiveToastProvider,
+  ne as adaptiveToast,
+  oe as useAdaptive
 };