@githat/nextjs 0.4.1 → 0.4.2

package/dist/index.mjs

@@ -86,14 +86,21 @@ function createClient(apiUrl, appKey, options = {}) {
       });
     } catch (networkError) {
       if (networkError instanceof TypeError) {
-        const isMissingKey = !appKey || !appKey.startsWith("pk_live_");
+        const isMissingKey = !appKey || !appKey.startsWith("pk_live_") && !appKey.startsWith("pk_test_");
         const isLocalhost = typeof window !== "undefined" && (window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1");
         if (isMissingKey && !isLocalhost) {
           throw new Error(
-            "Missing GitHat API key. Add NEXT_PUBLIC_GITHAT_PUBLISHABLE_KEY to .env.local"
+            "GitHat: Missing or invalid publishable key. Add NEXT_PUBLIC_GITHAT_PUBLISHABLE_KEY to your environment variables. Get your key at https://githat.io/dashboard/apps"
           );
         }
-        throw new Error("Unable to connect to GitHat API. Check your network connection.");
+        if (isLocalhost) {
+          throw new Error(
+            "GitHat: Cannot reach api.githat.io. Check your internet connection."
+          );
+        }
+        throw new Error(
+          "GitHat: API request failed. Verify your publishable key and app domain at https://githat.io/dashboard/apps"
+        );
       }
       throw networkError;
     }
@@ -129,12 +136,61 @@ function createClient(apiUrl, appKey, options = {}) {
 }
 
 // src/provider.tsx
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 var GitHatContext = createContext(null);
+function isDevMode(key) {
+  return !key || !key.startsWith("pk_live_") && !key.startsWith("pk_test_");
+}
+function DevModeBanner() {
+  const [dismissed, setDismissed] = useState(() => {
+    if (typeof window === "undefined") return true;
+    return localStorage.getItem("githat_dev_banner_dismissed") === "1";
+  });
+  if (dismissed || typeof window === "undefined") return null;
+  const hostname = window.location.hostname;
+  if (hostname !== "localhost" && hostname !== "127.0.0.1") return null;
+  return /* @__PURE__ */ jsxs("div", { className: "githat-dev-banner", role: "status", children: [
+    /* @__PURE__ */ jsxs("span", { children: [
+      /* @__PURE__ */ jsx("strong", { children: "GitHat Dev Mode" }),
+      " \u2014 No publishable key. Auth works on localhost.",
+      " ",
+      /* @__PURE__ */ jsx("a", { href: "https://githat.io/dashboard/apps", target: "_blank", rel: "noopener noreferrer", children: "Get your key" })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => {
+          setDismissed(true);
+          localStorage.setItem("githat_dev_banner_dismissed", "1");
+        },
+        "aria-label": "Dismiss",
+        children: "\xD7"
+      }
+    )
+  ] });
+}
 function GitHatProvider({ config: rawConfig, children }) {
   const config = useMemo(() => resolveConfig(rawConfig), [rawConfig]);
   const useCookies = config.tokenStorage === "cookie";
+  const devMode = isDevMode(config.publishableKey);
   const clientRef = useRef(createClient(config.apiUrl, config.publishableKey, { useCookies }));
+  useEffect(() => {
+    if (!devMode || typeof window === "undefined") return;
+    const hostname = window.location.hostname;
+    if (hostname === "localhost" || hostname === "127.0.0.1") {
+      console.warn(
+        "%c GitHat Dev Mode %c No publishable key configured. Auth works on localhost but will fail in production. Get your key at https://githat.io/dashboard/apps",
+        "background: #f59e0b; color: #000; font-weight: bold; padding: 2px 6px; border-radius: 3px;",
+        "color: #f59e0b;"
+      );
+    } else {
+      console.error(
+        "%c GitHat %c Missing publishable key. Auth requests will fail. Add NEXT_PUBLIC_GITHAT_PUBLISHABLE_KEY to your environment. Get your key at https://githat.io/dashboard/apps",
+        "background: #ef4444; color: #fff; font-weight: bold; padding: 2px 6px; border-radius: 3px;",
+        "color: #ef4444;"
+      );
+    }
+  }, []);
   const [user, setUser] = useState(null);
   const [org, setOrg] = useState(null);
   const [isSignedIn, setIsSignedIn] = useState(false);
@@ -282,7 +338,10 @@ function GitHatProvider({ config: rawConfig, children }) {
     signOut,
     switchOrg
   }), [user, org, isSignedIn, isLoading, authError, config, signIn, signUp, signOut, switchOrg]);
-  return /* @__PURE__ */ jsx(GitHatContext.Provider, { value, children });
+  return /* @__PURE__ */ jsxs(GitHatContext.Provider, { value, children: [
+    devMode && /* @__PURE__ */ jsx(DevModeBanner, {}),
+    children
+  ] });
 }
 
 // src/hooks.ts
@@ -490,7 +549,7 @@ function useData() {
 
 // src/components/SignInForm.tsx
 import { useState as useState2 } from "react";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function SignInForm({ onSuccess, signUpUrl, forgotPasswordUrl }) {
   const { signIn, config } = useAuth();
   const [email, setEmail] = useState2("");
@@ -520,14 +579,14 @@ function SignInForm({ onSuccess, signUpUrl, forgotPasswordUrl }) {
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ jsxs("div", { className: "githat-form-container", children: [
-    /* @__PURE__ */ jsxs("div", { className: "githat-form-header", children: [
+  return /* @__PURE__ */ jsxs2("div", { className: "githat-form-container", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "githat-form-header", children: [
       /* @__PURE__ */ jsx2("h2", { className: "githat-form-title", children: "Sign in" }),
       /* @__PURE__ */ jsx2("p", { className: "githat-form-subtitle", children: "Welcome back to GitHat" })
     ] }),
     error && /* @__PURE__ */ jsx2("div", { className: "githat-alert githat-alert-error", role: "alert", "aria-live": "polite", children: error }),
-    /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "githat-form", "aria-label": "Sign in form", children: [
-      /* @__PURE__ */ jsxs("div", { className: "githat-field", children: [
+    /* @__PURE__ */ jsxs2("form", { onSubmit: handleSubmit, className: "githat-form", "aria-label": "Sign in form", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "githat-field", children: [
         /* @__PURE__ */ jsx2("label", { className: "githat-label", htmlFor: "githat-signin-email", children: "Email" }),
         /* @__PURE__ */ jsx2(
           "input",
@@ -543,7 +602,7 @@ function SignInForm({ onSuccess, signUpUrl, forgotPasswordUrl }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "githat-field", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "githat-field", children: [
         /* @__PURE__ */ jsx2("label", { className: "githat-label", htmlFor: "githat-signin-password", children: "Password" }),
         /* @__PURE__ */ jsx2(
           "input",
@@ -570,11 +629,11 @@ function SignInForm({ onSuccess, signUpUrl, forgotPasswordUrl }) {
         }
       )
     ] }),
-    signUpUrl && /* @__PURE__ */ jsxs("p", { className: "githat-form-footer", children: [
+    signUpUrl && /* @__PURE__ */ jsxs2("p", { className: "githat-form-footer", children: [
       "Don't have an account? ",
       /* @__PURE__ */ jsx2("a", { href: signUpUrl, className: "githat-link", children: "Sign up" })
     ] }),
-    /* @__PURE__ */ jsxs("p", { className: "githat-powered-by", children: [
+    /* @__PURE__ */ jsxs2("p", { className: "githat-powered-by", children: [
       "Secured by ",
       /* @__PURE__ */ jsx2("strong", { children: "GitHat" })
     ] })
@@ -583,7 +642,7 @@ function SignInForm({ onSuccess, signUpUrl, forgotPasswordUrl }) {
 
 // src/components/SignUpForm.tsx
 import { useState as useState3 } from "react";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function SignUpForm({ onSuccess, signInUrl }) {
   const { signUp, config } = useAuth();
   const [name, setName] = useState3("");
@@ -618,14 +677,14 @@ function SignUpForm({ onSuccess, signInUrl }) {
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ jsxs2("div", { className: "githat-form-container", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "githat-form-header", children: [
+  return /* @__PURE__ */ jsxs3("div", { className: "githat-form-container", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "githat-form-header", children: [
       /* @__PURE__ */ jsx3("h2", { className: "githat-form-title", children: "Create an account" }),
       /* @__PURE__ */ jsx3("p", { className: "githat-form-subtitle", children: "Get started with GitHat" })
     ] }),
     error && /* @__PURE__ */ jsx3("div", { className: "githat-alert githat-alert-error", role: "alert", "aria-live": "polite", children: error }),
-    /* @__PURE__ */ jsxs2("form", { onSubmit: handleSubmit, className: "githat-form", "aria-label": "Sign up form", children: [
-      /* @__PURE__ */ jsxs2("div", { className: "githat-field", children: [
+    /* @__PURE__ */ jsxs3("form", { onSubmit: handleSubmit, className: "githat-form", "aria-label": "Sign up form", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "githat-field", children: [
         /* @__PURE__ */ jsx3("label", { className: "githat-label", htmlFor: "githat-signup-name", children: "Full name" }),
         /* @__PURE__ */ jsx3(
           "input",
@@ -641,7 +700,7 @@ function SignUpForm({ onSuccess, signInUrl }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs2("div", { className: "githat-field", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "githat-field", children: [
         /* @__PURE__ */ jsx3("label", { className: "githat-label", htmlFor: "githat-signup-email", children: "Email" }),
         /* @__PURE__ */ jsx3(
           "input",
@@ -657,7 +716,7 @@ function SignUpForm({ onSuccess, signInUrl }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs2("div", { className: "githat-field", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "githat-field", children: [
         /* @__PURE__ */ jsx3("label", { className: "githat-label", htmlFor: "githat-signup-password", children: "Password" }),
         /* @__PURE__ */ jsx3(
           "input",
@@ -684,11 +743,11 @@ function SignUpForm({ onSuccess, signInUrl }) {
         }
       )
     ] }),
-    signInUrl && /* @__PURE__ */ jsxs2("p", { className: "githat-form-footer", children: [
+    signInUrl && /* @__PURE__ */ jsxs3("p", { className: "githat-form-footer", children: [
       "Already have an account? ",
       /* @__PURE__ */ jsx3("a", { href: signInUrl, className: "githat-link", children: "Sign in" })
     ] }),
-    /* @__PURE__ */ jsxs2("p", { className: "githat-powered-by", children: [
+    /* @__PURE__ */ jsxs3("p", { className: "githat-powered-by", children: [
       "Secured by ",
       /* @__PURE__ */ jsx3("strong", { children: "GitHat" })
     ] })
@@ -715,7 +774,7 @@ function SignUpButton({ className, children, href }) {
 
 // src/components/UserButton.tsx
 import { useState as useState4, useRef as useRef2, useEffect as useEffect2 } from "react";
-import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function UserButton() {
   const { user, org, isSignedIn, signOut } = useAuth();
   const [open, setOpen] = useState4(false);
@@ -729,10 +788,10 @@ function UserButton() {
   }, []);
   if (!isSignedIn || !user) return null;
   const initials = user.name ? user.name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2) : user.email[0].toUpperCase();
-  return /* @__PURE__ */ jsxs3("div", { className: "githat-user-button", ref, children: [
+  return /* @__PURE__ */ jsxs4("div", { className: "githat-user-button", ref, children: [
     /* @__PURE__ */ jsx6("button", { className: "githat-avatar-trigger", onClick: () => setOpen(!open), "aria-label": "User menu", "aria-expanded": open, "aria-haspopup": "true", children: user.avatarUrl ? /* @__PURE__ */ jsx6("img", { src: user.avatarUrl, alt: user.name || "User avatar", className: "githat-avatar-img" }) : /* @__PURE__ */ jsx6("span", { className: "githat-avatar-initials", children: initials }) }),
-    open && /* @__PURE__ */ jsxs3("div", { className: "githat-dropdown", role: "menu", children: [
-      /* @__PURE__ */ jsxs3("div", { className: "githat-dropdown-header", children: [
+    open && /* @__PURE__ */ jsxs4("div", { className: "githat-dropdown", role: "menu", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "githat-dropdown-header", children: [
         /* @__PURE__ */ jsx6("p", { className: "githat-dropdown-name", children: user.name }),
         /* @__PURE__ */ jsx6("p", { className: "githat-dropdown-email", children: user.email }),
         org && /* @__PURE__ */ jsx6("p", { className: "githat-dropdown-org", children: org.name })
@@ -748,7 +807,7 @@ function UserButton() {
 
 // src/components/OrgSwitcher.tsx
 import { useState as useState5, useEffect as useEffect3, useRef as useRef3 } from "react";
-import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function OrgSwitcher() {
   const { org, isSignedIn, switchOrg } = useAuth();
   const githat = useGitHat();
@@ -771,12 +830,12 @@ function OrgSwitcher() {
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
   if (!isSignedIn || !org || orgs.length < 2 && !orgsLoading) return null;
-  return /* @__PURE__ */ jsxs4("div", { className: "githat-org-switcher", ref, children: [
-    /* @__PURE__ */ jsxs4("button", { className: "githat-org-trigger", onClick: () => setOpen(!open), "aria-label": "Switch organization", "aria-expanded": open, "aria-haspopup": "true", children: [
+  return /* @__PURE__ */ jsxs5("div", { className: "githat-org-switcher", ref, children: [
+    /* @__PURE__ */ jsxs5("button", { className: "githat-org-trigger", onClick: () => setOpen(!open), "aria-label": "Switch organization", "aria-expanded": open, "aria-haspopup": "true", children: [
       /* @__PURE__ */ jsx7("span", { className: "githat-org-name", children: org.name }),
       /* @__PURE__ */ jsx7("span", { className: "githat-chevron", children: open ? "\u25B2" : "\u25BC" })
     ] }),
-    open && /* @__PURE__ */ jsx7("div", { className: "githat-dropdown", role: "menu", children: orgsLoading ? /* @__PURE__ */ jsx7("div", { className: "githat-dropdown-item", "aria-busy": "true", children: "Loading..." }) : orgs.map((o) => /* @__PURE__ */ jsxs4(
+    open && /* @__PURE__ */ jsx7("div", { className: "githat-dropdown", role: "menu", children: orgsLoading ? /* @__PURE__ */ jsx7("div", { className: "githat-dropdown-item", "aria-busy": "true", children: "Loading..." }) : orgs.map((o) => /* @__PURE__ */ jsxs5(
       "button",
       {
         className: `githat-dropdown-item ${o.id === org.id ? "githat-dropdown-item-active" : ""}`,
@@ -798,7 +857,7 @@ function OrgSwitcher() {
 
 // src/components/VerifiedBadge.tsx
 import { useState as useState6, useEffect as useEffect4, useRef as useRef4 } from "react";
-import { jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsxs as jsxs6 } from "react/jsx-runtime";
 var CACHE_TTL = 5 * 60 * 1e3;
 var cache = /* @__PURE__ */ new Map();
 function VerifiedBadge({ type, identifier, label }) {
@@ -827,7 +886,7 @@ function VerifiedBadge({ type, identifier, label }) {
     };
   }, [type, identifier]);
   if (verified === null) return null;
-  return /* @__PURE__ */ jsxs5("span", { className: `githat-badge ${verified ? "githat-badge-verified" : "githat-badge-unverified"}`, children: [
+  return /* @__PURE__ */ jsxs6("span", { className: `githat-badge ${verified ? "githat-badge-verified" : "githat-badge-unverified"}`, children: [
     verified ? "\u2713" : "\u2717",
     " ",
     label || (verified ? "Verified" : "Unverified")
@@ -852,7 +911,7 @@ function ProtectedRoute({ children, fallback }) {
 
 // src/components/ForgotPasswordForm.tsx
 import { useState as useState7 } from "react";
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function ForgotPasswordForm({
   onSuccess,
   onError,
@@ -885,29 +944,29 @@ function ForgotPasswordForm({
     }
   };
   if (sent) {
-    return /* @__PURE__ */ jsxs6("div", { className: "githat-form-container", children: [
-      /* @__PURE__ */ jsxs6("div", { className: "githat-form-header", children: [
+    return /* @__PURE__ */ jsxs7("div", { className: "githat-form-container", children: [
+      /* @__PURE__ */ jsxs7("div", { className: "githat-form-header", children: [
         /* @__PURE__ */ jsx9("h2", { className: "githat-form-title", children: "Check your email" }),
-        /* @__PURE__ */ jsxs6("p", { className: "githat-form-subtitle", children: [
+        /* @__PURE__ */ jsxs7("p", { className: "githat-form-subtitle", children: [
           "We sent a password reset link to ",
           /* @__PURE__ */ jsx9("strong", { children: email })
         ] })
       ] }),
       /* @__PURE__ */ jsx9("a", { href: signInUrl, className: "githat-link", children: "Back to sign in" }),
-      /* @__PURE__ */ jsxs6("p", { className: "githat-powered-by", children: [
+      /* @__PURE__ */ jsxs7("p", { className: "githat-powered-by", children: [
         "Secured by ",
         /* @__PURE__ */ jsx9("strong", { children: "GitHat" })
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs6("div", { className: "githat-form-container", children: [
-    /* @__PURE__ */ jsxs6("div", { className: "githat-form-header", children: [
+  return /* @__PURE__ */ jsxs7("div", { className: "githat-form-container", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "githat-form-header", children: [
       /* @__PURE__ */ jsx9("h2", { className: "githat-form-title", children: "Forgot password" }),
       /* @__PURE__ */ jsx9("p", { className: "githat-form-subtitle", children: "Enter your email and we'll send you a reset link" })
     ] }),
     error && /* @__PURE__ */ jsx9("div", { className: "githat-alert githat-alert-error", role: "alert", "aria-live": "polite", children: error }),
-    /* @__PURE__ */ jsxs6("form", { onSubmit: handleSubmit, className: "githat-form", "aria-label": "Forgot password form", children: [
-      /* @__PURE__ */ jsxs6("div", { className: "githat-field", children: [
+    /* @__PURE__ */ jsxs7("form", { onSubmit: handleSubmit, className: "githat-form", "aria-label": "Forgot password form", children: [
+      /* @__PURE__ */ jsxs7("div", { className: "githat-field", children: [
         /* @__PURE__ */ jsx9("label", { className: "githat-label", htmlFor: "githat-forgot-email", children: "Email" }),
         /* @__PURE__ */ jsx9(
           "input",
@@ -934,11 +993,11 @@ function ForgotPasswordForm({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs6("p", { className: "githat-form-footer", children: [
+    /* @__PURE__ */ jsxs7("p", { className: "githat-form-footer", children: [
       "Remember your password? ",
       /* @__PURE__ */ jsx9("a", { href: signInUrl, className: "githat-link", children: "Sign in" })
     ] }),
-    /* @__PURE__ */ jsxs6("p", { className: "githat-powered-by", children: [
+    /* @__PURE__ */ jsxs7("p", { className: "githat-powered-by", children: [
       "Secured by ",
       /* @__PURE__ */ jsx9("strong", { children: "GitHat" })
     ] })
@@ -947,7 +1006,7 @@ function ForgotPasswordForm({
 
 // src/components/ResetPasswordForm.tsx
 import { useState as useState8 } from "react";
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function ResetPasswordForm({
   token,
   onSuccess,
@@ -986,26 +1045,26 @@ function ResetPasswordForm({
     }
   };
   if (success) {
-    return /* @__PURE__ */ jsxs7("div", { className: "githat-form-container", children: [
-      /* @__PURE__ */ jsxs7("div", { className: "githat-form-header", children: [
+    return /* @__PURE__ */ jsxs8("div", { className: "githat-form-container", children: [
+      /* @__PURE__ */ jsxs8("div", { className: "githat-form-header", children: [
         /* @__PURE__ */ jsx10("h2", { className: "githat-form-title", children: "Password reset!" }),
         /* @__PURE__ */ jsx10("p", { className: "githat-form-subtitle", children: "Your password has been successfully reset." })
       ] }),
       /* @__PURE__ */ jsx10("a", { href: signInUrl, className: "githat-button githat-button-primary", style: { display: "block", textAlign: "center", textDecoration: "none" }, children: "Sign in" }),
-      /* @__PURE__ */ jsxs7("p", { className: "githat-powered-by", children: [
+      /* @__PURE__ */ jsxs8("p", { className: "githat-powered-by", children: [
         "Secured by ",
         /* @__PURE__ */ jsx10("strong", { children: "GitHat" })
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs7("div", { className: "githat-form-container", children: [
-    /* @__PURE__ */ jsxs7("div", { className: "githat-form-header", children: [
+  return /* @__PURE__ */ jsxs8("div", { className: "githat-form-container", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "githat-form-header", children: [
       /* @__PURE__ */ jsx10("h2", { className: "githat-form-title", children: "Reset password" }),
       /* @__PURE__ */ jsx10("p", { className: "githat-form-subtitle", children: "Enter your new password" })
     ] }),
     error && /* @__PURE__ */ jsx10("div", { className: "githat-alert githat-alert-error", role: "alert", "aria-live": "polite", children: error }),
-    /* @__PURE__ */ jsxs7("form", { onSubmit: handleSubmit, className: "githat-form", "aria-label": "Reset password form", children: [
-      /* @__PURE__ */ jsxs7("div", { className: "githat-field", children: [
+    /* @__PURE__ */ jsxs8("form", { onSubmit: handleSubmit, className: "githat-form", "aria-label": "Reset password form", children: [
+      /* @__PURE__ */ jsxs8("div", { className: "githat-field", children: [
         /* @__PURE__ */ jsx10("label", { className: "githat-label", htmlFor: "githat-reset-password", children: "New password" }),
         /* @__PURE__ */ jsx10(
           "input",
@@ -1023,7 +1082,7 @@ function ResetPasswordForm({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs7("div", { className: "githat-field", children: [
+      /* @__PURE__ */ jsxs8("div", { className: "githat-field", children: [
         /* @__PURE__ */ jsx10("label", { className: "githat-label", htmlFor: "githat-reset-confirm", children: "Confirm password" }),
         /* @__PURE__ */ jsx10(
           "input",
@@ -1050,7 +1109,7 @@ function ResetPasswordForm({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs7("p", { className: "githat-powered-by", children: [
+    /* @__PURE__ */ jsxs8("p", { className: "githat-powered-by", children: [
       "Secured by ",
       /* @__PURE__ */ jsx10("strong", { children: "GitHat" })
     ] })
@@ -1059,7 +1118,7 @@ function ResetPasswordForm({
 
 // src/components/VerifyEmailStatus.tsx
 import { useEffect as useEffect5, useState as useState9 } from "react";
-import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 function VerifyEmailStatus({
   token,
   onSuccess,
@@ -1091,29 +1150,29 @@ function VerifyEmailStatus({
       onError?.(err instanceof Error ? err : new Error(message));
     });
   }, [token, verifyEmail, onSuccess, onError, signInUrl, redirectDelay]);
-  return /* @__PURE__ */ jsxs8("div", { className: "githat-form-container", children: [
-    status === "loading" && /* @__PURE__ */ jsxs8("div", { className: "githat-form-header", children: [
+  return /* @__PURE__ */ jsxs9("div", { className: "githat-form-container", children: [
+    status === "loading" && /* @__PURE__ */ jsxs9("div", { className: "githat-form-header", children: [
       /* @__PURE__ */ jsx11("h2", { className: "githat-form-title", children: "Verifying email..." }),
       /* @__PURE__ */ jsx11("p", { className: "githat-form-subtitle", children: "Please wait while we verify your email address." })
     ] }),
-    status === "success" && /* @__PURE__ */ jsxs8(Fragment2, { children: [
-      /* @__PURE__ */ jsxs8("div", { className: "githat-form-header", children: [
+    status === "success" && /* @__PURE__ */ jsxs9(Fragment2, { children: [
+      /* @__PURE__ */ jsxs9("div", { className: "githat-form-header", children: [
         /* @__PURE__ */ jsx11("h2", { className: "githat-form-title", children: "Email verified!" }),
         /* @__PURE__ */ jsx11("p", { className: "githat-form-subtitle", children: "Your email has been successfully verified. Redirecting to sign in..." })
       ] }),
       /* @__PURE__ */ jsx11("a", { href: signInUrl, className: "githat-button githat-button-primary", style: { display: "block", textAlign: "center", textDecoration: "none" }, children: "Sign in now" })
     ] }),
-    status === "error" && /* @__PURE__ */ jsxs8(Fragment2, { children: [
-      /* @__PURE__ */ jsxs8("div", { className: "githat-form-header", children: [
+    status === "error" && /* @__PURE__ */ jsxs9(Fragment2, { children: [
+      /* @__PURE__ */ jsxs9("div", { className: "githat-form-header", children: [
         /* @__PURE__ */ jsx11("h2", { className: "githat-form-title", children: "Verification failed" }),
         /* @__PURE__ */ jsx11("p", { className: "githat-form-subtitle", children: error })
       ] }),
-      /* @__PURE__ */ jsxs8("p", { className: "githat-form-footer", children: [
+      /* @__PURE__ */ jsxs9("p", { className: "githat-form-footer", children: [
         "The link may have expired. ",
         /* @__PURE__ */ jsx11("a", { href: "/sign-up", className: "githat-link", children: "Try signing up again" })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs8("p", { className: "githat-powered-by", children: [
+    /* @__PURE__ */ jsxs9("p", { className: "githat-powered-by", children: [
       "Secured by ",
       /* @__PURE__ */ jsx11("strong", { children: "GitHat" })
     ] })
@@ -1122,7 +1181,7 @@ function VerifyEmailStatus({
 
 // src/components/ChangePasswordForm.tsx
 import { useState as useState10 } from "react";
-import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 function ChangePasswordForm({
   onSuccess,
   onError,
@@ -1162,15 +1221,15 @@ function ChangePasswordForm({
       setIsLoading(false);
     }
   };
-  return /* @__PURE__ */ jsxs9("div", { className: "githat-form-container", children: [
-    /* @__PURE__ */ jsxs9("div", { className: "githat-form-header", children: [
+  return /* @__PURE__ */ jsxs10("div", { className: "githat-form-container", children: [
+    /* @__PURE__ */ jsxs10("div", { className: "githat-form-header", children: [
       /* @__PURE__ */ jsx12("h2", { className: "githat-form-title", children: "Change password" }),
       /* @__PURE__ */ jsx12("p", { className: "githat-form-subtitle", children: "Update your account password" })
     ] }),
     success && /* @__PURE__ */ jsx12("div", { className: "githat-alert githat-alert-success", role: "status", "aria-live": "polite", children: "Password changed successfully!" }),
     error && /* @__PURE__ */ jsx12("div", { className: "githat-alert githat-alert-error", role: "alert", "aria-live": "polite", children: error }),
-    /* @__PURE__ */ jsxs9("form", { onSubmit: handleSubmit, className: "githat-form", "aria-label": "Change password form", children: [
-      /* @__PURE__ */ jsxs9("div", { className: "githat-field", children: [
+    /* @__PURE__ */ jsxs10("form", { onSubmit: handleSubmit, className: "githat-form", "aria-label": "Change password form", children: [
+      /* @__PURE__ */ jsxs10("div", { className: "githat-field", children: [
         /* @__PURE__ */ jsx12("label", { className: "githat-label", htmlFor: "githat-change-current", children: "Current password" }),
         /* @__PURE__ */ jsx12(
           "input",
@@ -1187,7 +1246,7 @@ function ChangePasswordForm({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs9("div", { className: "githat-field", children: [
+      /* @__PURE__ */ jsxs10("div", { className: "githat-field", children: [
         /* @__PURE__ */ jsx12("label", { className: "githat-label", htmlFor: "githat-change-new", children: "New password" }),
         /* @__PURE__ */ jsx12(
           "input",
@@ -1205,7 +1264,7 @@ function ChangePasswordForm({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs9("div", { className: "githat-field", children: [
+      /* @__PURE__ */ jsxs10("div", { className: "githat-field", children: [
         /* @__PURE__ */ jsx12("label", { className: "githat-label", htmlFor: "githat-change-confirm", children: "Confirm new password" }),
         /* @__PURE__ */ jsx12(
           "input",
@@ -1232,7 +1291,7 @@ function ChangePasswordForm({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs9("p", { className: "githat-powered-by", children: [
+    /* @__PURE__ */ jsxs10("p", { className: "githat-powered-by", children: [
       "Secured by ",
       /* @__PURE__ */ jsx12("strong", { children: "GitHat" })
     ] })