@sylphx/sdk 0.5.0 → 0.8.0-rc.1

package/dist/react/index.mjs

@@ -7374,22 +7374,22 @@ import { jsx, jsxs } from "react/jsx-runtime";
 var Accordion = forwardRef8(
   ({
     className,
-    type = "single",
+    type: _type = "single",
     value,
     defaultValue,
     onValueChange,
     disabled: disabled2,
-    orientation = "vertical",
+    orientation: _orientation = "vertical",
     children
   }, ref) => /* @__PURE__ */ jsx(
     index_parts_exports.Root,
     {
       ref,
-      value,
-      defaultValue,
-      onValueChange,
-      disabled: disabled2,
-      className,
+      ...value !== void 0 && { value },
+      ...defaultValue !== void 0 && { defaultValue },
+      ...onValueChange !== void 0 && { onValueChange },
+      ...disabled2 !== void 0 && { disabled: disabled2 },
+      ...className !== void 0 && { className },
       children
     }
   )
@@ -7401,7 +7401,7 @@ var AccordionItem3 = forwardRef8(
     {
       ref,
       value,
-      disabled: disabled2,
+      ...disabled2 !== void 0 && { disabled: disabled2 },
       className: cn("border-b", className),
       children
     }
@@ -14947,7 +14947,14 @@ function buttonVariants({
 var Button = forwardRef21(
   ({ className, variant = "default", size: size4 = "default", asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
-    return /* @__PURE__ */ jsx2(Comp, { ref, className: buttonVariants({ variant, size: size4, className }), ...props });
+    return /* @__PURE__ */ jsx2(
+      Comp,
+      {
+        ref,
+        className: buttonVariants({ variant, size: size4, ...className !== void 0 && { className } }),
+        ...props
+      }
+    );
   }
 );
 Button.displayName = "Button";
@@ -14959,8 +14966,8 @@ var AlertDialogTrigger = forwardRef22(
     index_parts_exports2.Trigger,
     {
       ref,
-      className,
-      render: asChild ? children : void 0,
+      ...className !== void 0 && { className },
+      ...asChild ? { render: children } : {},
       children: asChild ? void 0 : children
     }
   )
@@ -15111,6 +15118,7 @@ var AvatarFallback = forwardRef23(
         const timer = setTimeout(() => setCanRender(true), delayMs);
         return () => clearTimeout(timer);
       }
+      return void 0;
     }, [delayMs]);
     if (status === "loaded" || !canRender) {
       return null;
@@ -15174,8 +15182,6 @@ var BreadcrumbPage = forwardRef24(
     "span",
     {
       ref,
-      role: "link",
-      "aria-disabled": "true",
       "aria-current": "page",
       className: cn("font-medium text-foreground", className),
       ...props
@@ -25501,6 +25507,7 @@ var ChallengeModal = forwardRef35(
         const timer = setTimeout(reset, 200);
         return () => clearTimeout(timer);
       }
+      return void 0;
     }, [open, reset]);
     useEffect24(() => {
       if (requirement) {
@@ -25521,6 +25528,7 @@ var ChallengeModal = forwardRef35(
         const timer = setTimeout(() => setCountdown(countdown - 1), 1e3);
         return () => clearTimeout(timer);
       }
+      return void 0;
     }, [countdown]);
     const handleSendCode = async () => {
       setLoading(true);
@@ -25606,7 +25614,7 @@ var ChallengeModal = forwardRef35(
             }
           )
         ] }),
-        step === "identity" ? /* @__PURE__ */ jsx17(Fragment7, { children: hasMultipleIdentityMethods ? /* @__PURE__ */ jsxs7(
+        step === "identity" ? hasMultipleIdentityMethods ? /* @__PURE__ */ jsxs7(
           Tabs,
           {
             value: identityMethod,
@@ -25677,7 +25685,7 @@ var ChallengeModal = forwardRef35(
             error: error2 ?? void 0,
             autoFocus: true
           }
-        ) }) : /* @__PURE__ */ jsx17(Fragment7, { children: hasMultipleMfaMethods ? /* @__PURE__ */ jsxs7(
+        ) : hasMultipleMfaMethods ? /* @__PURE__ */ jsxs7(
           Tabs,
           {
             value: mfaMethod,
@@ -25740,7 +25748,7 @@ var ChallengeModal = forwardRef35(
             error: error2 ?? void 0,
             autoFocus: true
           }
-        ) })
+        )
       ] }),
       /* @__PURE__ */ jsxs7(DialogFooter, { children: [
         step === "mfa" && /* @__PURE__ */ jsxs7(Button, { variant: "outline", onClick: () => setStep("identity"), disabled: loading, children: [
@@ -33642,7 +33650,7 @@ var SelectScrollDownButton = forwardRef78(
 );
 SelectScrollDownButton.displayName = "SelectScrollDownButton";
 var SelectContent = forwardRef78(
-  ({ className, children, position = "popper", side = "bottom", sideOffset = 4 }, ref) => /* @__PURE__ */ jsx23(index_parts_exports8.Portal, { children: /* @__PURE__ */ jsx23(index_parts_exports8.Positioner, { side, sideOffset, children: /* @__PURE__ */ jsx23(
+  ({ className, children, position: _position = "popper", side = "bottom", sideOffset = 4 }, ref) => /* @__PURE__ */ jsx23(index_parts_exports8.Portal, { children: /* @__PURE__ */ jsx23(index_parts_exports8.Positioner, { side, sideOffset, children: /* @__PURE__ */ jsx23(
     index_parts_exports8.Popup,
     {
       ref,
@@ -34046,6 +34054,7 @@ function TextEditor({
       }, successDuration);
       return () => clearTimeout(timer);
     }
+    return void 0;
   }, [state]);
   const startEditing = useCallback29(() => {
     if (disabled2 || state !== "idle") return;
@@ -34161,11 +34170,12 @@ function TextEditor({
     )
   ] });
   return /* @__PURE__ */ jsxs12(
-    "div",
+    "fieldset",
     {
       ref: containerRef,
+      "aria-label": label,
       className: cn(
-        "group relative inline-flex items-center gap-1.5",
+        "group relative inline-flex items-center gap-1.5 border-0 p-0 m-0 min-w-0",
         disabled2 && "opacity-60 cursor-not-allowed",
         className
       ),
@@ -34329,6 +34339,7 @@ function SwitchEditor({ value, onSave, validate, disabled: disabled2, className,
       }, successDuration);
       return () => clearTimeout(timer);
     }
+    return void 0;
   }, [state]);
   const handleSwitchChange = useCallback29(
     async (checked) => {
@@ -34395,11 +34406,12 @@ function SwitchEditor({ value, onSave, validate, disabled: disabled2, className,
     )
   ] });
   return /* @__PURE__ */ jsxs12(
-    "div",
+    "fieldset",
     {
       ref: containerRef,
+      "aria-label": label,
       className: cn(
-        "inline-flex items-center gap-2",
+        "inline-flex items-center gap-2 border-0 p-0 m-0 min-w-0",
         disabled2 && "opacity-60 cursor-not-allowed",
         className
       ),
@@ -34449,6 +34461,7 @@ function SelectEditor({
       }, successDuration);
       return () => clearTimeout(timer);
     }
+    return void 0;
   }, [state]);
   const handleSelectChange = useCallback29(
     async (newValue) => {
@@ -34518,11 +34531,12 @@ function SelectEditor({
     )
   ] });
   return /* @__PURE__ */ jsxs12(
-    "div",
+    "fieldset",
     {
       ref: containerRef,
+      "aria-label": label,
       className: cn(
-        "inline-flex items-center gap-2",
+        "inline-flex items-center gap-2 border-0 p-0 m-0 min-w-0",
         disabled2 && "opacity-60 cursor-not-allowed",
         className
       ),
@@ -41467,8 +41481,8 @@ var TooltipTrigger3 = forwardRef134(
     index_parts_exports16.Trigger,
     {
       ref,
-      className,
-      render: asChild ? children : void 0,
+      ...className !== void 0 ? { className } : {},
+      ...asChild ? { render: children } : {},
       children: asChild ? void 0 : children
     }
   )
@@ -42807,7 +42821,7 @@ function createConfigFromComponents(input) {
     const credentialType = match[1];
     const env = match[2];
     const slug = resolvedSlug.trim().toLowerCase();
-    const domain = input.domain?.trim() || "sylphx.com";
+    const domain = input.domain?.trim() || "api.sylphx.com";
     const baseUrl = `https://${slug}.${domain}/v1`;
     return freezeConfig({
       credential: trimmedCred,
@@ -43518,6 +43532,11 @@ function injectGlobalStyles() {
       outline: 2px solid var(--sylphx-ring);
       outline-offset: 2px;
     }
+
+    .sylphx-upload-hover:hover .sylphx-upload-hover__overlay,
+    .sylphx-upload-hover:focus-within .sylphx-upload-hover__overlay {
+      opacity: 1 !important;
+    }
   `;
   document.head.appendChild(style);
   stylesInjected = true;
@@ -43738,6 +43757,8 @@ function ToolIcon() {
       fill: "none",
       stroke: "currentColor",
       strokeWidth: "2",
+      "aria-hidden": "true",
+      focusable: "false",
       children: /* @__PURE__ */ jsx42("path", { d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z" })
     }
   );
@@ -43752,6 +43773,8 @@ function CopyIcon() {
       fill: "none",
       stroke: "currentColor",
       strokeWidth: "2",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ jsx42("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
         /* @__PURE__ */ jsx42("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
@@ -43760,7 +43783,20 @@ function CopyIcon() {
   );
 }
 function CheckIcon() {
-  return /* @__PURE__ */ jsx42("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "#22c55e", strokeWidth: "2", children: /* @__PURE__ */ jsx42("polyline", { points: "20 6 9 17 4 12" }) });
+  return /* @__PURE__ */ jsx42(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "#22c55e",
+      strokeWidth: "2",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: /* @__PURE__ */ jsx42("polyline", { points: "20 6 9 17 4 12" })
+    }
+  );
 }
 function BookIcon() {
   return /* @__PURE__ */ jsxs24(
@@ -43772,6 +43808,8 @@ function BookIcon() {
       fill: "none",
       stroke: "currentColor",
       strokeWidth: "2",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ jsx42("path", { d: "M4 19.5A2.5 2.5 0 0 1 6.5 17H20" }),
         /* @__PURE__ */ jsx42("path", { d: "M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z" })
@@ -43780,11 +43818,24 @@ function BookIcon() {
   );
 }
 function AlertIcon({ color: color2 }) {
-  return /* @__PURE__ */ jsxs24("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: color2, strokeWidth: "2", children: [
-    /* @__PURE__ */ jsx42("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ jsx42("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
-    /* @__PURE__ */ jsx42("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
-  ] });
+  return /* @__PURE__ */ jsxs24(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: color2,
+      strokeWidth: "2",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: [
+        /* @__PURE__ */ jsx42("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ jsx42("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+        /* @__PURE__ */ jsx42("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+      ]
+    }
+  );
 }
 var styles = {
   // Development card styles
@@ -44303,9 +44354,9 @@ function useOrganization() {
   const [isLoading, setIsLoading] = useState50(true);
   const [error2, setError] = useState50(null);
   const channelRef = useRef79(null);
-  const config2 = platform3?.ref ? createConfig({
+  const config2 = platform3?.slug ? createConfig({
     secretKey: platform3.appId,
-    ref: platform3.ref
+    slug: platform3.slug
   }) : null;
   const getStoredOrgSlug = useCallback41(() => {
     if (typeof window === "undefined") return null;
@@ -45424,6 +45475,8 @@ function CheckIcon3({ size: size4 = 24 }) {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       style: { flexShrink: 0 },
+      "aria-hidden": "true",
+      focusable: "false",
       children: /* @__PURE__ */ jsx45("path", { d: "M20 6 9 17l-5-5" })
     }
   );
@@ -45431,7 +45484,7 @@ function CheckIcon3({ size: size4 = 24 }) {
 
 // src/react/components/forgot-password.tsx
 init_constants();
-import { useCallback as useCallback46, useEffect as useEffect47, useState as useState54 } from "react";
+import { useCallback as useCallback46, useEffect as useEffect47, useId as useId8, useState as useState54 } from "react";
 
 // src/react/security-utils.ts
 var DANGEROUS_PROTOCOLS = ["javascript:", "data:", "vbscript:", "file:"];
@@ -45630,14 +45683,17 @@ function Modal({
     cursor: "pointer",
     transition: "color 0.15s ease-in-out, background-color 0.15s ease-in-out"
   };
-  const modal = /* @__PURE__ */ jsx46("div", { style: backdropStyle, onClick: handleBackdropClick, role: "dialog", "aria-modal": "true", children: /* @__PURE__ */ jsxs27(
+  const modal = /* @__PURE__ */ jsx46(
     "div",
     {
-      ref: modalRef,
-      style: mergeStyles(contentStyle),
-      className,
-      onClick: (e2) => e2.stopPropagation(),
-      children: [
+      style: backdropStyle,
+      onClick: handleBackdropClick,
+      onKeyDown: (e2) => {
+        if (closeOnEscape && e2.key === "Escape") onClose();
+      },
+      role: "dialog",
+      "aria-modal": "true",
+      children: /* @__PURE__ */ jsxs27("div", { ref: modalRef, style: mergeStyles(contentStyle), className, children: [
         /* @__PURE__ */ jsx46(
           "button",
           {
@@ -45657,9 +45713,9 @@ function Modal({
           }
         ),
         children
-      ]
+      ] })
     }
-  ) });
+  );
   return createPortal3(modal, document.body);
 }
 function CloseIcon() {
@@ -45673,6 +45729,8 @@ function CloseIcon() {
       stroke: "currentColor",
       strokeWidth: "2",
       strokeLinecap: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: /* @__PURE__ */ jsx46("path", { d: "M4 4L12 12M12 4L4 12" })
     }
   );
@@ -45713,6 +45771,7 @@ function ForgotPassword({
   const { forgotPassword } = useSafeAuth();
   const { isSignedIn, isLoaded } = useSafeUser();
   const styles2 = baseStyles(theme);
+  const emailId = useId8();
   const [modalOpen, setModalOpen] = useState54(false);
   const [email, setEmail] = useState54("");
   const [error2, setError] = useState54(null);
@@ -45722,12 +45781,6 @@ function ForgotPassword({
   useEffect47(() => {
     injectGlobalStyles();
   }, []);
-  if (!isReady) {
-    return renderError();
-  }
-  if (isLoaded && isSignedIn) {
-    return null;
-  }
   const handleSubmit = useCallback46(
     async (e2) => {
       e2.preventDefault();
@@ -45755,6 +45808,12 @@ function ForgotPassword({
     },
     [email, forgotPassword, afterSubmitUrl, onSuccess, onError]
   );
+  if (!isReady) {
+    return renderError();
+  }
+  if (isLoaded && isSignedIn) {
+    return null;
+  }
   const renderForm = () => {
     if (isSubmitted) {
       return /* @__PURE__ */ jsxs28("div", { style: styles2.textCenter, children: [
@@ -45785,10 +45844,11 @@ function ForgotPassword({
     }
     return /* @__PURE__ */ jsxs28("form", { onSubmit: handleSubmit, children: [
       /* @__PURE__ */ jsxs28("div", { style: styles2.formGroup, children: [
-        /* @__PURE__ */ jsx47("label", { style: styles2.label, children: "Email address" }),
+        /* @__PURE__ */ jsx47("label", { htmlFor: emailId, style: styles2.label, children: "Email address" }),
         /* @__PURE__ */ jsx47(
           "input",
           {
+            id: emailId,
             type: "email",
             value: email,
             onChange: (e2) => {
@@ -45885,6 +45945,8 @@ function MailIcon({ color: color2 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ jsx47("rect", { width: "20", height: "16", x: "2", y: "4", rx: "2" }),
         /* @__PURE__ */ jsx47("path", { d: "m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" })
@@ -45895,7 +45957,7 @@ function MailIcon({ color: color2 }) {
 
 // src/react/components/invite-member.tsx
 init_constants();
-import { useCallback as useCallback47, useEffect as useEffect48, useState as useState55 } from "react";
+import { useCallback as useCallback47, useEffect as useEffect48, useId as useId9, useState as useState55 } from "react";
 import { Fragment as Fragment22, jsx as jsx48, jsxs as jsxs29 } from "react/jsx-runtime";
 var ROLE_OPTIONS = [
   {
@@ -45944,6 +46006,8 @@ function InviteMemberInner({
 }) {
   const { organization, inviteMember, hasPermission: hasPermission2 } = useOrganization();
   const styles2 = baseStyles(theme);
+  const emailId = useId9();
+  const roleGroupId = useId9();
   const [email, setEmail] = useState55("");
   const [role, setRole] = useState55(defaultRole);
   const [isLoading, setIsLoading] = useState55(false);
@@ -46008,10 +46072,11 @@ function InviteMemberInner({
   }
   const formContent = /* @__PURE__ */ jsxs29("form", { onSubmit: handleSubmit, children: [
     /* @__PURE__ */ jsxs29("div", { style: styles2.formGroup, children: [
-      /* @__PURE__ */ jsx48("label", { style: styles2.label, children: "Email address" }),
+      /* @__PURE__ */ jsx48("label", { htmlFor: emailId, style: styles2.label, children: "Email address" }),
       /* @__PURE__ */ jsx48(
         "input",
         {
+          id: emailId,
           type: "email",
           value: email,
           onChange: (e2) => {
@@ -46033,10 +46098,12 @@ function InviteMemberInner({
       )
     ] }),
     /* @__PURE__ */ jsxs29("div", { style: styles2.formGroup, children: [
-      /* @__PURE__ */ jsx48("label", { style: styles2.label, children: "Role" }),
+      /* @__PURE__ */ jsx48("div", { id: roleGroupId, style: styles2.label, children: "Role" }),
       /* @__PURE__ */ jsx48(
         "div",
         {
+          role: "radiogroup",
+          "aria-labelledby": roleGroupId,
           style: {
             display: "flex",
             flexDirection: "column",
@@ -46157,14 +46224,19 @@ function InviteMemberInner({
   if (asModal) {
     return /* @__PURE__ */ jsxs29(Fragment22, { children: [
       /* @__PURE__ */ jsx48(
-        "div",
+        "button",
         {
+          type: "button",
+          "aria-label": "Close dialog",
           style: {
             position: "fixed",
             inset: 0,
             backgroundColor: "rgba(0, 0, 0, 0.5)",
             zIndex: 99,
-            animation: "sylphx-fade-in 0.15s ease-out"
+            animation: "sylphx-fade-in 0.15s ease-out",
+            border: "none",
+            padding: 0,
+            cursor: "pointer"
           },
           onClick: onClose
         }
@@ -46240,6 +46312,8 @@ function CheckIcon4({ color: color2, size: size4 = 24 }) {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       style: { flexShrink: 0 },
+      "aria-hidden": "true",
+      focusable: "false",
       children: /* @__PURE__ */ jsx48("path", { d: "M20 6 9 17l-5-5" })
     }
   );
@@ -46257,6 +46331,8 @@ function SendIcon({ size: size4 = 24 }) {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       style: { flexShrink: 0 },
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ jsx48("path", { d: "M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z" }),
         /* @__PURE__ */ jsx48("path", { d: "m21.854 2.147-10.94 10.939" })
@@ -46277,6 +46353,8 @@ function XIcon({ size: size4 = 24 }) {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       style: { flexShrink: 0 },
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ jsx48("path", { d: "M18 6 6 18" }),
         /* @__PURE__ */ jsx48("path", { d: "m6 6 12 12" })
@@ -46515,16 +46593,13 @@ function MembersListInner({
         },
         children: [
           visibleMembers.map((member) => /* @__PURE__ */ jsxs30("div", { style: memberItemStyles, children: [
-            member.image ? (
-              // biome-ignore lint/performance/noImgElement: SDK package — Next.js Image not available
-              /* @__PURE__ */ jsx49(
-                "img",
-                {
-                  src: member.image,
-                  alt: member.name || member.email,
-                  style: { ...avatarStyles, objectFit: "cover" }
-                }
-              )
+            member.image ? /* @__PURE__ */ jsx49(
+              "img",
+              {
+                src: member.image,
+                alt: member.name || member.email,
+                style: { ...avatarStyles, objectFit: "cover" }
+              }
             ) : /* @__PURE__ */ jsx49("div", { style: avatarStyles, children: (member.name || member.email).charAt(0).toUpperCase() }),
             /* @__PURE__ */ jsxs30("div", { style: { flex: 1, minWidth: 0 }, children: [
               /* @__PURE__ */ jsxs30(
@@ -47359,12 +47434,27 @@ function ChevronIcon() {
       fill: "none",
       stroke: "currentColor",
       strokeWidth: "2",
+      "aria-hidden": "true",
+      focusable: "false",
       children: /* @__PURE__ */ jsx50("path", { d: "m6 9 6 6 6-6" })
     }
   );
 }
 function CheckIcon5({ color: color2, size: size4 = 24 }) {
-  return /* @__PURE__ */ jsx50("svg", { width: size4, height: size4, viewBox: "0 0 24 24", fill: "none", stroke: color2, strokeWidth: "2", children: /* @__PURE__ */ jsx50("path", { d: "M20 6 9 17l-5-5" }) });
+  return /* @__PURE__ */ jsx50(
+    "svg",
+    {
+      width: size4,
+      height: size4,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: color2,
+      strokeWidth: "2",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: /* @__PURE__ */ jsx50("path", { d: "M20 6 9 17l-5-5" })
+    }
+  );
 }
 function PlusIcon2() {
   return /* @__PURE__ */ jsx50(
@@ -47376,15 +47466,30 @@ function PlusIcon2() {
       fill: "none",
       stroke: "currentColor",
       strokeWidth: "2",
+      "aria-hidden": "true",
+      focusable: "false",
       children: /* @__PURE__ */ jsx50("path", { d: "M12 5v14M5 12h14" })
     }
   );
 }
 function SettingsIcon2({ color: color2 }) {
-  return /* @__PURE__ */ jsxs31("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: color2, strokeWidth: "2", children: [
-    /* @__PURE__ */ jsx50("path", { d: "M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" }),
-    /* @__PURE__ */ jsx50("circle", { cx: "12", cy: "12", r: "3" })
-  ] });
+  return /* @__PURE__ */ jsxs31(
+    "svg",
+    {
+      width: "18",
+      height: "18",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: color2,
+      strokeWidth: "2",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: [
+        /* @__PURE__ */ jsx50("path", { d: "M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" }),
+        /* @__PURE__ */ jsx50("circle", { cx: "12", cy: "12", r: "3" })
+      ]
+    }
+  );
 }
 
 // src/react/components/pricing-table.tsx
@@ -47406,7 +47511,9 @@ function PricingTableInner({
 }) {
   const { plans, plansLoading, plansError, subscription, isPremium, createCheckout, refresh } = useBilling();
   const styles2 = baseStyles(theme);
-  const [interval, setInterval2] = useState58(defaultInterval);
+  const [interval, setSelectedInterval] = useState58(
+    defaultInterval
+  );
   const [loadingPlan, setLoadingPlan] = useState58(null);
   useEffect51(() => {
     injectGlobalStyles();
@@ -47555,7 +47662,7 @@ function PricingTableInner({
             "button",
             {
               type: "button",
-              onClick: () => setInterval2("monthly"),
+              onClick: () => setSelectedInterval("monthly"),
               style: mergeStyles(styles2.tab, interval === "monthly" ? styles2.tabActive : {}),
               children: "Monthly"
             }
@@ -47564,7 +47671,7 @@ function PricingTableInner({
             "button",
             {
               type: "button",
-              onClick: () => setInterval2("annual"),
+              onClick: () => setSelectedInterval("annual"),
               style: mergeStyles(styles2.tab, interval === "annual" ? styles2.tabActive : {}),
               children: [
                 "Annual",
@@ -47804,7 +47911,7 @@ function RefreshIcon({ color: color2, size: size4 = 24 }) {
 
 // src/react/components/reset-password.tsx
 init_constants();
-import { useCallback as useCallback51, useEffect as useEffect52, useState as useState59 } from "react";
+import { useCallback as useCallback51, useEffect as useEffect52, useId as useId10, useState as useState59 } from "react";
 import { Fragment as Fragment26, jsx as jsx52, jsxs as jsxs33 } from "react/jsx-runtime";
 function ResetPassword({
   token,
@@ -47824,6 +47931,8 @@ function ResetPassword({
   const { resetPassword } = useSafeAuth();
   const { isSignedIn, isLoaded } = useSafeUser();
   const styles2 = baseStyles(theme);
+  const passwordId = useId10();
+  const confirmPasswordId = useId10();
   const [password, setPassword] = useState59("");
   const [confirmPassword, setConfirmPassword] = useState59("");
   const [error2, setError] = useState59(null);
@@ -47833,31 +47942,6 @@ function ResetPassword({
   useEffect52(() => {
     injectGlobalStyles();
   }, []);
-  if (!isReady) {
-    return renderError();
-  }
-  if (isLoaded && isSignedIn) {
-    if (typeof window !== "undefined") {
-      safeRedirect(afterResetUrl, { fallback: "/sign-in" });
-    }
-    return null;
-  }
-  if (!token) {
-    return /* @__PURE__ */ jsx52("div", { style: showCard ? styles2.card : {}, children: /* @__PURE__ */ jsxs33("div", { style: styles2.container, children: [
-      /* @__PURE__ */ jsxs33("div", { style: mergeStyles(styles2.cardHeader, styles2.textCenter), children: [
-        /* @__PURE__ */ jsx52("h2", { style: styles2.cardTitle, children: "Invalid reset link" }),
-        /* @__PURE__ */ jsx52("p", { style: styles2.cardDescription, children: "This password reset link is invalid or has expired." })
-      ] }),
-      /* @__PURE__ */ jsx52("div", { style: styles2.cardContent, children: /* @__PURE__ */ jsx52(
-        "a",
-        {
-          href: signInUrl,
-          style: mergeStyles(styles2.button, styles2.buttonPrimary, styles2.buttonFullWidth),
-          children: "Back to sign in"
-        }
-      ) })
-    ] }) });
-  }
   const handleSubmit = useCallback51(
     async (e2) => {
       e2.preventDefault();
@@ -47870,6 +47954,10 @@ function ResetPassword({
         setError("Password must be at least 12 characters");
         return;
       }
+      if (!token) {
+        setError("Missing reset token");
+        return;
+      }
       setIsLoading(true);
       try {
         if (!resetPassword) {
@@ -47893,6 +47981,31 @@ function ResetPassword({
     },
     [token, password, confirmPassword, resetPassword, afterResetUrl, onSuccess, onError]
   );
+  if (!isReady) {
+    return renderError();
+  }
+  if (isLoaded && isSignedIn) {
+    if (typeof window !== "undefined") {
+      safeRedirect(afterResetUrl, { fallback: "/sign-in" });
+    }
+    return null;
+  }
+  if (!token) {
+    return /* @__PURE__ */ jsx52("div", { style: showCard ? styles2.card : {}, children: /* @__PURE__ */ jsxs33("div", { style: styles2.container, children: [
+      /* @__PURE__ */ jsxs33("div", { style: mergeStyles(styles2.cardHeader, styles2.textCenter), children: [
+        /* @__PURE__ */ jsx52("h2", { style: styles2.cardTitle, children: "Invalid reset link" }),
+        /* @__PURE__ */ jsx52("p", { style: styles2.cardDescription, children: "This password reset link is invalid or has expired." })
+      ] }),
+      /* @__PURE__ */ jsx52("div", { style: styles2.cardContent, children: /* @__PURE__ */ jsx52(
+        "a",
+        {
+          href: signInUrl,
+          style: mergeStyles(styles2.button, styles2.buttonPrimary, styles2.buttonFullWidth),
+          children: "Back to sign in"
+        }
+      ) })
+    ] }) });
+  }
   const renderForm = () => {
     if (isSuccess) {
       return /* @__PURE__ */ jsxs33("div", { style: styles2.textCenter, children: [
@@ -47915,10 +48028,11 @@ function ResetPassword({
     }
     return /* @__PURE__ */ jsxs33("form", { onSubmit: handleSubmit, children: [
       /* @__PURE__ */ jsxs33("div", { style: styles2.formGroup, children: [
-        /* @__PURE__ */ jsx52("label", { style: styles2.label, children: "New password" }),
+        /* @__PURE__ */ jsx52("label", { htmlFor: passwordId, style: styles2.label, children: "New password" }),
         /* @__PURE__ */ jsx52(
           "input",
           {
+            id: passwordId,
             type: "password",
             value: password,
             onChange: (e2) => {
@@ -47942,10 +48056,11 @@ function ResetPassword({
         /* @__PURE__ */ jsx52("p", { style: mergeStyles(styles2.textXs, styles2.textMuted, styles2.mt1), children: "Must be at least 12 characters" })
       ] }),
       /* @__PURE__ */ jsxs33("div", { style: styles2.formGroup, children: [
-        /* @__PURE__ */ jsx52("label", { style: styles2.label, children: "Confirm password" }),
+        /* @__PURE__ */ jsx52("label", { htmlFor: confirmPasswordId, style: styles2.label, children: "Confirm password" }),
         /* @__PURE__ */ jsx52(
           "input",
           {
+            id: confirmPasswordId,
             type: "password",
             value: confirmPassword,
             onChange: (e2) => {
@@ -48011,6 +48126,8 @@ function CheckIcon7({ color: color2 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: /* @__PURE__ */ jsx52("path", { d: "M20 6 9 17l-5-5" })
     }
   );
@@ -48458,13 +48575,11 @@ function SignInFormInner({
     isLoading,
     loadingProvider,
     error: error2,
-    pendingTwoFactor,
     handlePasswordSubmit,
     handleOAuthSignIn,
     handleMagicLinkRequest,
     handleOtpRequest,
-    handleOtpVerify,
-    handleTwoFactorVerify
+    handleOtpVerify
   } = useSignInForm({
     methods,
     providers,
@@ -50698,47 +50813,59 @@ function useConsentCheck(options) {
 }
 var noopAsync2 = async () => {
 };
+var NOOP_CONSENT_CTX = {
+  anonymousId: null,
+  userId: null,
+  getConsentTypes: async () => [],
+  getUserConsents: async () => [],
+  setConsents: async () => ({ success: true, consents: [] }),
+  acceptAll: async () => ({ success: true, consents: [] }),
+  declineOptional: async () => ({ success: true, consents: [] }),
+  checkConsent: async () => false,
+  getHistory: async () => ({ entries: [], nextCursor: null, hasMore: false }),
+  initialConsentTypes: []
+};
+var SAFE_CONSENT_DEFAULTS = {
+  types: [],
+  consents: {},
+  isLoading: false,
+  error: null,
+  showBanner: false,
+  hasConsented: false,
+  hasConsent: () => false,
+  setConsent: () => {
+  },
+  setConsents: () => {
+  },
+  acceptAll: noopAsync2,
+  declineOptional: noopAsync2,
+  saveConsents: noopAsync2,
+  openPreferences: () => {
+  },
+  closeBanner: () => {
+  },
+  grantConsent: noopAsync2,
+  revokeConsent: noopAsync2,
+  isConfigured: false
+};
 function useSafeConsent() {
   const ctx = useContext71(ConsentContext);
-  if (!ctx) {
-    return {
-      types: [],
-      consents: {},
-      isLoading: false,
-      error: null,
-      showBanner: false,
-      hasConsented: false,
-      hasConsent: () => false,
-      setConsent: () => {
-      },
-      setConsents: () => {
-      },
-      acceptAll: noopAsync2,
-      declineOptional: noopAsync2,
-      saveConsents: noopAsync2,
-      openPreferences: () => {
-      },
-      closeBanner: () => {
-      },
-      grantConsent: noopAsync2,
-      revokeConsent: noopAsync2,
-      isConfigured: false
-    };
-  }
+  const effectiveCtx = ctx ?? NOOP_CONSENT_CTX;
   const queryClient = useQueryClient3();
   const [localConsents, setLocalConsentsState] = useState67({});
   const [showBanner, setShowBanner] = useState67(false);
   const [initialized2, setInitialized] = useState67(false);
   const typesQuery = useQuery2({
-    queryKey: ["sylphx", "consent", "types"],
-    queryFn: () => ctx.getConsentTypes(),
+    queryKey: ["sylphx", "consent", "types", ctx ? "live" : "noop"],
+    queryFn: () => effectiveCtx.getConsentTypes(),
     staleTime: STALE_TIME_STABLE_MS,
-    initialData: ctx.initialConsentTypes
+    initialData: effectiveCtx.initialConsentTypes,
+    enabled: !!ctx
   });
   const userConsentsQuery = useQuery2({
-    queryKey: ["sylphx", "consent", "user"],
+    queryKey: ["sylphx", "consent", "user", ctx ? "live" : "noop"],
     queryFn: async () => {
-      const consentsResponse = await ctx.getUserConsents();
+      const consentsResponse = await effectiveCtx.getUserConsents();
       const consentsMap = {};
       let hasExplicitChoice = false;
       for (const consent of consentsResponse) {
@@ -50751,9 +50878,11 @@ function useSafeConsent() {
     },
     staleTime: STALE_TIME_STABLE_MS,
     // Return empty object for unauthenticated users (explicit retry: false)
-    retry: false
+    retry: false,
+    enabled: !!ctx
   });
   useEffect58(() => {
+    if (!ctx) return;
     if (!typesQuery.isLoading && !userConsentsQuery.isLoading && !initialized2) {
       const data = userConsentsQuery.data;
       const serverConsents = data?.consents ?? {};
@@ -50762,10 +50891,10 @@ function useSafeConsent() {
       setShowBanner(!hasExplicitChoice);
       setInitialized(true);
     }
-  }, [typesQuery.isLoading, userConsentsQuery.isLoading, userConsentsQuery.data, initialized2]);
+  }, [ctx, typesQuery.isLoading, userConsentsQuery.isLoading, userConsentsQuery.data, initialized2]);
   const saveConsentsMutation = useMutation({
     mutationFn: async (consentList) => {
-      await ctx.setConsents(consentList);
+      await effectiveCtx.setConsents(consentList);
       return consentList;
     },
     onSuccess: (consentList) => {
@@ -50773,7 +50902,7 @@ function useSafeConsent() {
       for (const consent of consentList) {
         consentsMap[consent.slug] = consent.granted;
       }
-      queryClient.setQueryData(["sylphx", "consent", "user"], {
+      queryClient.setQueryData(["sylphx", "consent", "user", "live"], {
         consents: consentsMap,
         hasExplicitChoice: true
       });
@@ -50783,7 +50912,7 @@ function useSafeConsent() {
   });
   const acceptAllMutation = useMutation({
     mutationFn: async () => {
-      await ctx.acceptAll();
+      await effectiveCtx.acceptAll();
     },
     onSuccess: () => {
       const types2 = typesQuery.data ?? [];
@@ -50791,7 +50920,7 @@ function useSafeConsent() {
       for (const type of types2) {
         allConsents[type.slug] = true;
       }
-      queryClient.setQueryData(["sylphx", "consent", "user"], {
+      queryClient.setQueryData(["sylphx", "consent", "user", "live"], {
         consents: allConsents,
         hasExplicitChoice: true
       });
@@ -50801,7 +50930,7 @@ function useSafeConsent() {
   });
   const declineOptionalMutation = useMutation({
     mutationFn: async () => {
-      await ctx.declineOptional();
+      await effectiveCtx.declineOptional();
     },
     onSuccess: () => {
       const types2 = typesQuery.data ?? [];
@@ -50809,7 +50938,7 @@ function useSafeConsent() {
       for (const type of types2) {
         requiredConsents[type.slug] = type.required;
       }
-      queryClient.setQueryData(["sylphx", "consent", "user"], {
+      queryClient.setQueryData(["sylphx", "consent", "user", "live"], {
         consents: requiredConsents,
         hasExplicitChoice: true
       });
@@ -50891,6 +51020,7 @@ function useSafeConsent() {
     },
     [types, consents, saveConsentsMutation]
   );
+  if (!ctx) return SAFE_CONSENT_DEFAULTS;
   return {
     types,
     consents,
@@ -50919,6 +51049,7 @@ import {
   useCallback as useCallback56,
   useContext as useContext72,
   useEffect as useEffect59,
+  useMemo as useMemo123,
   useRef as useRef84,
   useState as useState68
 } from "react";
@@ -51083,12 +51214,15 @@ function ConsentScript({
   });
   const scriptIdRef = useRef84(providedId ?? generateScriptId(src));
   const loadedRef = useRef84(false);
-  const attributes = {
-    async: asyncAttr,
-    defer,
-    nonce,
-    ...dataAttributes
-  };
+  const attributes = useMemo123(
+    () => ({
+      async: asyncAttr,
+      defer,
+      nonce,
+      ...dataAttributes
+    }),
+    [asyncAttr, defer, nonce, dataAttributes]
+  );
   useEffect59(() => {
     if (loadedRef.current) return;
     if (isLoading) return;
@@ -51201,13 +51335,14 @@ function FacebookPixel({ pixelId, onLoad, autoPageView = true }) {
   const loadedRef = useRef84(false);
   useEffect59(() => {
     if (loadedRef.current || isLoading || !hasConsent) return;
-    const n2 = window.fbq = ((...args) => {
+    const n2 = ((...args) => {
       if (n2.callMethod) {
         n2.callMethod.apply(n2, args);
       } else {
         n2.queue.push(args);
       }
     });
+    window.fbq = n2;
     if (!window._fbq) window._fbq = n2;
     n2.push = n2;
     n2.loaded = true;
@@ -51234,8 +51369,8 @@ function Hotjar({ siteId, version: version2 = 6, onLoad }) {
   useEffect59(() => {
     if (loadedRef.current || isLoading || !hasConsent) return;
     window.hj = window.hj || ((...args) => {
-      ;
-      (window.hj.q = window.hj.q || []).push(args);
+      window.hj.q = window.hj.q || [];
+      window.hj.q.push(args);
     });
     window._hjSettings = { hjid: siteId, hjsv: version2 };
     const script3 = document.createElement("script");
@@ -51484,7 +51619,7 @@ function useEmail() {
 // src/react/engagement-hooks.ts
 init_constants();
 import { useQuery as useQuery3 } from "@tanstack/react-query";
-import { useCallback as useCallback58, useContext as useContext73, useMemo as useMemo123, useState as useState70 } from "react";
+import { useCallback as useCallback58, useContext as useContext73, useMemo as useMemo124, useState as useState70 } from "react";
 function useEngagementContext() {
   const context = useContext73(PlatformContext);
   if (!context) {
@@ -51593,8 +51728,8 @@ function useAchievements() {
     // 5 min - achievements don't change often
   });
   const achievements = achievementsQuery.data ?? [];
-  const unlocked = useMemo123(() => achievements.filter((a2) => a2.unlocked), [achievements]);
-  const locked = useMemo123(() => achievements.filter((a2) => !a2.unlocked), [achievements]);
+  const unlocked = useMemo124(() => achievements.filter((a2) => a2.unlocked), [achievements]);
+  const locked = useMemo124(() => achievements.filter((a2) => !a2.unlocked), [achievements]);
   const getAchievement = useCallback58(
     (id3) => {
       return achievements.find((a2) => a2.achievementId === id3) ?? null;
@@ -51700,32 +51835,19 @@ var stubUnlockAchievement = async () => ({
 var stubIncrementProgress = async () => defaultUserAchievement;
 function useSafeStreak(streakId, options) {
   const ctx = useEngagementContextSafe();
-  if (!ctx) {
-    return {
-      state: null,
-      isLoading: false,
-      error: null,
-      current: 0,
-      longest: 0,
-      canRecover: false,
-      timeRemainingMs: null,
-      userTimezone: null,
-      recordActivity: stubRecordActivity,
-      recover: stubRecover,
-      refresh: noopAsyncVoid,
-      isConfigured: false
-    };
-  }
   const { defaults, userTimezone } = options ?? {};
   const streakQuery = useQuery3({
-    queryKey: ["sylphx", ctx.appId, "streak", streakId, userTimezone],
-    queryFn: () => ctx.getStreak(streakId, defaults, userTimezone),
-    enabled: !!ctx.user,
+    queryKey: ["sylphx", ctx?.appId ?? "__noop__", "streak", streakId, userTimezone],
+    queryFn: () => {
+      if (!ctx) throw new Error("useSafeStreak called without provider");
+      return ctx.getStreak(streakId, defaults, userTimezone);
+    },
+    enabled: !!ctx && !!ctx.user,
     staleTime: STALE_TIME_FREQUENT_MS
   });
-  const state = streakQuery.data ?? null;
   const recordActivity = useCallback58(
     async (metadata) => {
+      if (!ctx) return stubRecordActivity();
       const result = await ctx.recordStreakActivity(streakId, metadata, defaults, userTimezone);
       ctx.queryClient.setQueryData(
         ["sylphx", ctx.appId, "streak", streakId, userTimezone],
@@ -51736,6 +51858,7 @@ function useSafeStreak(streakId, options) {
     [ctx, streakId, defaults, userTimezone]
   );
   const recover = useCallback58(async () => {
+    if (!ctx) return stubRecover();
     const result = await ctx.recoverStreak(streakId, userTimezone);
     if (result.success) {
       ctx.queryClient.setQueryData(
@@ -51746,10 +51869,28 @@ function useSafeStreak(streakId, options) {
     return result;
   }, [ctx, streakId, userTimezone]);
   const refresh = useCallback58(async () => {
+    if (!ctx) return;
     await ctx.queryClient.invalidateQueries({
       queryKey: ["sylphx", ctx.appId, "streak", streakId]
     });
   }, [ctx, streakId]);
+  if (!ctx) {
+    return {
+      state: null,
+      isLoading: false,
+      error: null,
+      current: 0,
+      longest: 0,
+      canRecover: false,
+      timeRemainingMs: null,
+      userTimezone: null,
+      recordActivity: stubRecordActivity,
+      recover: stubRecover,
+      refresh: noopAsyncVoid,
+      isConfigured: false
+    };
+  }
+  const state = streakQuery.data ?? null;
   return {
     state,
     isLoading: streakQuery.isLoading,
@@ -51767,28 +51908,19 @@ function useSafeStreak(streakId, options) {
 }
 function useSafeLeaderboard(leaderboardId, options, defaults) {
   const ctx = useEngagementContextSafe();
-  if (!ctx) {
-    return {
-      data: null,
-      isLoading: false,
-      error: null,
-      entries: [],
-      currentUserEntry: null,
-      totalParticipants: 0,
-      submitScore: stubSubmitScore,
-      refresh: noopAsyncVoid,
-      isConfigured: false
-    };
-  }
   const optionsKey = JSON.stringify(options ?? {});
   const leaderboardQuery = useQuery3({
-    queryKey: ["sylphx", ctx.appId, "leaderboard", leaderboardId, optionsKey],
-    queryFn: () => ctx.getLeaderboard(leaderboardId, options),
+    queryKey: ["sylphx", ctx?.appId ?? "__noop__", "leaderboard", leaderboardId, optionsKey],
+    queryFn: () => {
+      if (!ctx) throw new Error("useSafeLeaderboard called without provider");
+      return ctx.getLeaderboard(leaderboardId, options);
+    },
+    enabled: !!ctx,
     staleTime: STALE_TIME_MODERATE_MS
   });
-  const data = leaderboardQuery.data ?? null;
   const submitScore = useCallback58(
     async (value, metadata) => {
+      if (!ctx) return stubSubmitScore();
       const result = await ctx.submitScore(leaderboardId, value, metadata, defaults);
       void ctx.queryClient.invalidateQueries({
         queryKey: ["sylphx", ctx.appId, "leaderboard", leaderboardId]
@@ -51798,10 +51930,25 @@ function useSafeLeaderboard(leaderboardId, options, defaults) {
     [ctx, leaderboardId, defaults]
   );
   const refresh = useCallback58(async () => {
+    if (!ctx) return;
     await ctx.queryClient.invalidateQueries({
       queryKey: ["sylphx", ctx.appId, "leaderboard", leaderboardId]
     });
   }, [ctx, leaderboardId]);
+  if (!ctx) {
+    return {
+      data: null,
+      isLoading: false,
+      error: null,
+      entries: [],
+      currentUserEntry: null,
+      totalParticipants: 0,
+      submitScore: stubSubmitScore,
+      refresh: noopAsyncVoid,
+      isConfigured: false
+    };
+  }
+  const data = leaderboardQuery.data ?? null;
   return {
     data,
     isLoading: leaderboardQuery.isLoading,
@@ -51817,32 +51964,18 @@ function useSafeLeaderboard(leaderboardId, options, defaults) {
 function useSafeAchievements() {
   const ctx = useEngagementContextSafe();
   const [recentUnlock, setRecentUnlock] = useState70(null);
-  if (!ctx) {
-    return {
-      achievements: [],
-      isLoading: false,
-      error: null,
-      unlocked: [],
-      locked: [],
-      getAchievement: () => null,
-      unlock: stubUnlockAchievement,
-      incrementProgress: stubIncrementProgress,
-      refresh: noopAsyncVoid,
-      recentUnlock: null,
-      dismissRecentUnlock: () => {
-      },
-      isConfigured: false
-    };
-  }
   const achievementsQuery = useQuery3({
-    queryKey: ["sylphx", ctx.appId, "achievements"],
-    queryFn: () => ctx.getAchievements(),
-    enabled: !!ctx.user,
+    queryKey: ["sylphx", ctx?.appId ?? "__noop__", "achievements"],
+    queryFn: () => {
+      if (!ctx) throw new Error("useSafeAchievements called without provider");
+      return ctx.getAchievements();
+    },
+    enabled: !!ctx && !!ctx.user,
     staleTime: STALE_TIME_STABLE_MS
   });
   const achievements = achievementsQuery.data ?? [];
-  const unlocked = useMemo123(() => achievements.filter((a2) => a2.unlocked), [achievements]);
-  const locked = useMemo123(() => achievements.filter((a2) => !a2.unlocked), [achievements]);
+  const unlocked = useMemo124(() => achievements.filter((a2) => a2.unlocked), [achievements]);
+  const locked = useMemo124(() => achievements.filter((a2) => !a2.unlocked), [achievements]);
   const getAchievement = useCallback58(
     (id3) => {
       return achievements.find((a2) => a2.achievementId === id3) ?? null;
@@ -51851,6 +51984,7 @@ function useSafeAchievements() {
   );
   const unlock = useCallback58(
     async (achievementId, defaults) => {
+      if (!ctx) return stubUnlockAchievement();
       const result = await ctx.unlockAchievement(achievementId, defaults);
       if (result.isNew) {
         setRecentUnlock(result);
@@ -51864,6 +51998,7 @@ function useSafeAchievements() {
   );
   const incrementProgress = useCallback58(
     async (achievementId, amount, defaults) => {
+      if (!ctx) return stubIncrementProgress();
       const result = await ctx.incrementAchievementProgress(achievementId, amount, defaults);
       void ctx.queryClient.invalidateQueries({
         queryKey: ["sylphx", ctx.appId, "achievements"]
@@ -51873,6 +52008,7 @@ function useSafeAchievements() {
     [ctx]
   );
   const refresh = useCallback58(async () => {
+    if (!ctx) return;
     await ctx.queryClient.invalidateQueries({
       queryKey: ["sylphx", ctx.appId, "achievements"]
     });
@@ -51880,6 +52016,23 @@ function useSafeAchievements() {
   const dismissRecentUnlock = useCallback58(() => {
     setRecentUnlock(null);
   }, []);
+  if (!ctx) {
+    return {
+      achievements: [],
+      isLoading: false,
+      error: null,
+      unlocked: [],
+      locked: [],
+      getAchievement: () => null,
+      unlock: stubUnlockAchievement,
+      incrementProgress: stubIncrementProgress,
+      refresh: noopAsyncVoid,
+      recentUnlock: null,
+      dismissRecentUnlock: () => {
+      },
+      isConfigured: false
+    };
+  }
   return {
     achievements,
     isLoading: achievementsQuery.isLoading,
@@ -51904,7 +52057,7 @@ import {
   useCallback as useCallback59,
   useContext as useContext74,
   useEffect as useEffect60,
-  useMemo as useMemo124,
+  useMemo as useMemo125,
   useState as useState71
 } from "react";
 import { jsx as jsx62 } from "react/jsx-runtime";
@@ -51972,10 +52125,12 @@ function FeatureFlagProvider({
     refetchInterval: refreshInterval > 0 ? refreshInterval : void 0,
     enabled: cachedInitialFlags.length === 0 || refreshInterval > 0
   });
-  const flags = useMemo124(() => {
+  const flags = useMemo125(() => {
     const map = /* @__PURE__ */ new Map();
     const flagList = flagsQuery.data ?? cachedInitialFlags;
-    flagList.forEach((flag) => map.set(flag.key, flag));
+    flagList.forEach((flag) => {
+      map.set(flag.key, flag);
+    });
     return map;
   }, [flagsQuery.data, cachedInitialFlags]);
   const getFlag = useCallback59(
@@ -52167,7 +52322,7 @@ function useForgotPasswordForm(options = {}) {
 
 // src/react/hooks/use-reset-password-form.ts
 init_constants();
-import { useCallback as useCallback61, useContext as useContext76, useMemo as useMemo125, useState as useState73 } from "react";
+import { useCallback as useCallback61, useContext as useContext76, useMemo as useMemo126, useState as useState73 } from "react";
 function useResetPasswordForm(options) {
   const {
     token,
@@ -52187,15 +52342,15 @@ function useResetPasswordForm(options) {
   const [isLoading, setIsLoading] = useState73(false);
   const [error2, setError] = useState73(null);
   const [success, setSuccess] = useState73(false);
-  const passwordValid = useMemo125(
+  const passwordValid = useMemo126(
     () => form.password.length >= minPasswordLength,
     [form.password, minPasswordLength]
   );
-  const passwordsMatch = useMemo125(
+  const passwordsMatch = useMemo126(
     () => form.password === form.confirmPassword && form.confirmPassword.length > 0,
     [form.password, form.confirmPassword]
   );
-  const isValid = useMemo125(() => passwordValid && passwordsMatch, [passwordValid, passwordsMatch]);
+  const isValid = useMemo126(() => passwordValid && passwordsMatch, [passwordValid, passwordsMatch]);
   const setPassword = useCallback61((password) => {
     setForm((prev) => ({ ...prev, password }));
     setError(null);
@@ -52295,7 +52450,7 @@ function useResetPasswordForm(options) {
 
 // src/react/hooks/use-task-run.ts
 init_constants();
-import { useCallback as useCallback62, useContext as useContext77, useEffect as useEffect61, useMemo as useMemo126, useRef as useRef85, useState as useState74 } from "react";
+import { useCallback as useCallback62, useContext as useContext77, useEffect as useEffect61, useMemo as useMemo127, useRef as useRef85, useState as useState74 } from "react";
 var TERMINAL_STATUSES = /* @__PURE__ */ new Set(["completed", "failed", "cancelled"]);
 var ACTIVE_STATUSES = /* @__PURE__ */ new Set(["pending", "running", "waiting"]);
 var HTTP_CODE_MAP = {
@@ -52326,7 +52481,7 @@ function useTaskRun(runId, options) {
   const mountedRef = useRef85(true);
   const callbacksFiredRef = useRef85({ complete: false, failed: false });
   const pollingRef = useRef85(true);
-  const headers = useMemo126(
+  const headers = useMemo127(
     () => ({
       "Content-Type": "application/json",
       "x-app-secret": appId,
@@ -52899,7 +53054,7 @@ function AuthLoading({ children, loading = null }) {
 
 // src/react/provider.tsx
 import { QueryClient, QueryClientProvider, useQuery as useQuery5 } from "@tanstack/react-query";
-import { useCallback as useCallback66, useEffect as useEffect63, useMemo as useMemo127, useRef as useRef88, useState as useState77 } from "react";
+import { useCallback as useCallback66, useEffect as useEffect63, useMemo as useMemo128, useRef as useRef88, useState as useState77 } from "react";
 
 // src/consent.ts
 async function linkAnonymousConsents(config2, input) {
@@ -53780,7 +53935,11 @@ function createRestApi(config2) {
   }
   async function get(path, query) {
     const url = new URL(`${baseUrl}${path}`);
-    if (query) Object.entries(query).forEach(([k2, v2]) => v2 && url.searchParams.set(k2, v2));
+    if (query) {
+      Object.entries(query).forEach(([k2, v2]) => {
+        if (v2) url.searchParams.set(k2, v2);
+      });
+    }
     const res = await fetchWithAuth(url.toString(), "GET");
     return handleResponse(res);
   }
@@ -54172,7 +54331,7 @@ function SylphxProviderInner({
     return parts.length === 4 && /^[a-z0-9]{12}$/.test(parts[2] ?? "") ? parts[2] : void 0;
   })();
   const platformUrl = resolvedRef ? `https://${resolvedRef}.${DEFAULT_SDK_API_HOST}` : providedPlatformUrl?.trim() || `https://${DEFAULT_SDK_API_HOST}`;
-  const storage2 = useMemo127(() => new SylphxStorage(appId), [appId]);
+  const storage2 = useMemo128(() => new SylphxStorage(appId), [appId]);
   const [anonymousId, setAnonymousId] = useState77("");
   useEffect63(() => {
     setAnonymousId(getOrCreateAnonymousId(storage2));
@@ -54216,7 +54375,7 @@ function SylphxProviderInner({
   useEffect63(() => {
     authStateRef.current = authState;
   }, [authState]);
-  const tokenManager = useMemo127(
+  const tokenManager = useMemo128(
     () => new TokenManager({
       isSignedIn: () => authStateRef.current.isSignedIn,
       onSessionExpired: () => {
@@ -54249,7 +54408,7 @@ function SylphxProviderInner({
     if (wasAnonymous && isNowAuthenticated && authState.user && anonymousId && resolvedRef) {
       const config3 = createConfig({
         secretKey: appId,
-        ref: resolvedRef
+        slug: resolvedRef
       });
       linkAnonymousConsents(config3, {
         userId: authState.user.id,
@@ -54266,9 +54425,9 @@ function SylphxProviderInner({
     anonymousId,
     appId,
     authState.user,
-    providedRef
+    resolvedRef
   ]);
-  const api = useMemo127(
+  const api = useMemo128(
     () => createRestApi({
       appId,
       platformUrl,
@@ -54400,7 +54559,7 @@ function SylphxProviderInner({
       document.removeEventListener("visibilitychange", handleVisibilityChange);
     };
   }, [appId, platformUrl]);
-  const autoTrackConfig = useMemo127(() => {
+  const autoTrackConfig = useMemo128(() => {
     if (autoTracking === false) {
       return {
         pageview: false,
@@ -54629,7 +54788,7 @@ function SylphxProviderInner({
   }, [authState.isSignedIn, authPrefix]);
   const resetPassword = useCallback66(
     async (options) => {
-      const response = await fetch(`${platformUrl}/api/auth/reset-password`, {
+      const response = await fetch(`${platformUrl}/v1/auth/reset-password`, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({
@@ -54647,7 +54806,7 @@ function SylphxProviderInner({
   );
   const verifyEmail = useCallback66(
     async (options) => {
-      const response = await fetch(`${platformUrl}/api/auth/verify-email`, {
+      const response = await fetch(`${platformUrl}/v1/auth/verify-email`, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({
@@ -54664,7 +54823,7 @@ function SylphxProviderInner({
   );
   const resendVerificationEmail = useCallback66(
     async (options) => {
-      const response = await fetch(`${platformUrl}/api/auth/resend-verification`, {
+      const response = await fetch(`${platformUrl}/v1/auth/resend-verification`, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({
@@ -54681,7 +54840,7 @@ function SylphxProviderInner({
   );
   const forgotPassword = useCallback66(
     async (options) => {
-      const response = await fetch(`${platformUrl}/api/auth/forgot-password`, {
+      const response = await fetch(`${platformUrl}/v1/auth/forgot-password`, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({
@@ -55468,16 +55627,16 @@ function SylphxProviderInner({
     // biome-ignore lint/correctness/useExhaustiveDependencies: query key is stable
     [api, queryClient, inboxQueryKey]
   );
-  const aiValue = useMemo127(
+  const aiValue = useMemo128(
     () => createAIValue({ api, platformUrl, appId }),
     [api, platformUrl, appId]
   );
-  const tasksValue = useMemo127(() => createTasksValue({ api }), [api]);
-  const monitoringValue = useMemo127(
+  const tasksValue = useMemo128(() => createTasksValue({ api }), [api]);
+  const monitoringValue = useMemo128(
     () => createMonitoringValue({ api }),
     [api]
   );
-  const consentValue = useMemo127(
+  const consentValue = useMemo128(
     () => createConsentValue({
       api,
       anonymousId,
@@ -55486,7 +55645,7 @@ function SylphxProviderInner({
     }),
     [api, anonymousId, authState.user?.id, config2]
   );
-  const storageValue = useMemo127(
+  const storageValue = useMemo128(
     () => createStorageValue({
       api,
       platformUrl,
@@ -55495,14 +55654,14 @@ function SylphxProviderInner({
     }),
     [api, platformUrl, appId, authState.user?.id]
   );
-  const newsletterValue = useMemo127(
+  const newsletterValue = useMemo128(
     () => createNewsletterValue({ api }),
     [api]
   );
-  const databaseValue = useMemo127(() => createDatabaseValue(), []);
-  const emailValue = useMemo127(() => createEmailValue({ api }), [api]);
-  const webhooksValue = useMemo127(() => createWebhooksValue({ api }), [api]);
-  const sdkAuthValue = useMemo127(
+  const databaseValue = useMemo128(() => createDatabaseValue(), []);
+  const emailValue = useMemo128(() => createEmailValue({ api }), [api]);
+  const webhooksValue = useMemo128(() => createWebhooksValue({ api }), [api]);
+  const sdkAuthValue = useMemo128(
     () => ({
       login: async (email, password) => {
         const result = await api.post("/auth/login", { email, password });
@@ -55569,7 +55728,7 @@ function SylphxProviderInner({
         });
       },
       verifyEmail: async (token) => {
-        const response = await fetch(`${platformUrl}/api/auth/verify-email`, {
+        const response = await fetch(`${platformUrl}/v1/auth/verify-email`, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify({ token, client_id: appId || "" })
@@ -55599,8 +55758,8 @@ function SylphxProviderInner({
       },
       getOAuthProviders: async () => {
         if (!appId) return { providers: [] };
-        const response = await fetch(`${platformUrl}/api/auth/providers`, {
-          headers: { "X-App-Id": appId }
+        const response = await fetch(`${platformUrl}/v1/auth/oauth-providers`, {
+          headers: { "x-app-secret": appId }
         });
         if (!response.ok) {
           return { providers: [] };
@@ -55611,7 +55770,7 @@ function SylphxProviderInner({
     }),
     [api, platformUrl, appId, saveTokens, clearTokens]
   );
-  const userValue = useMemo127(
+  const userValue = useMemo128(
     () => ({
       getProfile: async () => {
         const profile = await api.get("/user/profile");
@@ -55734,7 +55893,7 @@ function SylphxProviderInner({
     }),
     [api, authState]
   );
-  const securityValue = useMemo127(
+  const securityValue = useMemo128(
     () => ({
       getTwoFactorStatus: async () => {
         const settings = await api.get("/user/security");
@@ -55839,7 +55998,7 @@ function SylphxProviderInner({
     }),
     [api, platformUrl, appId]
   );
-  const authValue = useMemo127(
+  const authValue = useMemo128(
     () => ({
       ...authState,
       signIn,
@@ -55884,10 +56043,11 @@ function SylphxProviderInner({
       signInWithMagicLink
     ]
   );
-  const platformValue = useMemo127(
+  const platformValue = useMemo128(
     () => ({
       appId,
       platformUrl,
+      slug: resolvedRef,
       ref: resolvedRef,
       anonymousId,
       queryClient,
@@ -56021,7 +56181,7 @@ function SylphxProviderInner({
       getAchievements,
       unlockAchievement,
       incrementAchievementProgress,
-      providedRef
+      resolvedRef
     ]
   );
   return /* @__PURE__ */ jsx64(AuthContext.Provider, { value: authValue, children: /* @__PURE__ */ jsx64(SdkAuthContext.Provider, { value: sdkAuthValue, children: /* @__PURE__ */ jsx64(UserContext.Provider, { value: userValue, children: /* @__PURE__ */ jsx64(SecurityContext.Provider, { value: securityValue, children: /* @__PURE__ */ jsx64(PlatformContext.Provider, { value: platformValue, children: /* @__PURE__ */ jsx64(StorageContext.Provider, { value: storageValue, children: /* @__PURE__ */ jsx64(AIContext.Provider, { value: aiValue, children: /* @__PURE__ */ jsx64(TasksContext.Provider, { value: tasksValue, children: /* @__PURE__ */ jsx64(MonitoringContext.Provider, { value: monitoringValue, children: /* @__PURE__ */ jsx64(ConsentContext.Provider, { value: consentValue, children: /* @__PURE__ */ jsx64(DatabaseContext.Provider, { value: databaseValue, children: /* @__PURE__ */ jsx64(EmailContext.Provider, { value: emailValue, children: /* @__PURE__ */ jsx64(NewsletterContext.Provider, { value: newsletterValue, children: /* @__PURE__ */ jsx64(WebhooksContext.Provider, { value: webhooksValue, children }) }) }) }) }) }) }) }) }) }) }) }) }) });
@@ -56029,7 +56189,7 @@ function SylphxProviderInner({
 
 // src/react/rbac-hooks.ts
 import { useQuery as useQuery6, useQueryClient as useQueryClient5 } from "@tanstack/react-query";
-import { useCallback as useCallback67, useContext as useContext78, useMemo as useMemo128 } from "react";
+import { useCallback as useCallback67, useContext as useContext78, useMemo as useMemo129 } from "react";
 
 // src/permissions.ts
 async function listPermissions(config2) {
@@ -56060,17 +56220,17 @@ async function listRoles(config2) {
 function useSdkConfig() {
   const platform3 = useContext78(PlatformContext);
   const auth = useContext78(AuthContext);
-  return useMemo128(() => {
-    if (!platform3?.ref) return null;
+  return useMemo129(() => {
+    if (!platform3?.slug) return null;
     let config2 = createConfig({
       secretKey: platform3.appId,
-      ref: platform3.ref
+      slug: platform3.slug
     });
     if (auth?.accessToken) {
       config2 = withToken(config2, auth.accessToken);
     }
     return config2;
-  }, [platform3?.ref, platform3?.appId, auth?.accessToken]);
+  }, [platform3?.slug, platform3?.appId, auth?.accessToken]);
 }
 var rbacKeys = {
   all: ["rbac"],
@@ -56157,7 +56317,7 @@ function useMemberPermissions(orgIdOrSlug, memberId) {
   };
 }
 function useHasPermission(permissions, required) {
-  return useMemo128(() => {
+  return useMemo129(() => {
     const requiredArray = Array.isArray(required) ? required : [required];
     return {
       allowed: Array.isArray(required) ? hasAllPermissions(permissions, requiredArray) : hasPermission(permissions, required),
@@ -56659,7 +56819,7 @@ function useWebhookStats(period = "week") {
 
 // src/react/ui/account-section.tsx
 init_constants();
-import { useCallback as useCallback71, useEffect as useEffect65, useState as useState80 } from "react";
+import { useCallback as useCallback71, useEffect as useEffect65, useId as useId11, useState as useState80 } from "react";
 import { Fragment as Fragment35, jsx as jsx65, jsxs as jsxs42 } from "react/jsx-runtime";
 function AccountSection(props) {
   return /* @__PURE__ */ jsx65(RequireSdk, { services: ["auth"], componentType: "account", theme: props.theme, children: /* @__PURE__ */ jsx65(AccountSectionInner, { ...props }) });
@@ -56679,6 +56839,8 @@ function AccountSectionInner({
   const userContext = useUserContext();
   const securityContext = useSecurityContext();
   const styles2 = baseStyles(theme);
+  const newEmailId = useId11();
+  const emailPasswordId = useId11();
   const [error2, setError] = useState80(null);
   const [success, setSuccess] = useState80(null);
   const [showEmailChangeForm, setShowEmailChangeForm] = useState80(false);
@@ -56855,10 +57017,11 @@ function AccountSectionInner({
           },
           children: [
             /* @__PURE__ */ jsxs42("div", { style: styles2.formGroup, children: [
-              /* @__PURE__ */ jsx65("label", { style: styles2.label, children: "New Email Address" }),
+              /* @__PURE__ */ jsx65("label", { htmlFor: newEmailId, style: styles2.label, children: "New Email Address" }),
               /* @__PURE__ */ jsx65(
                 "input",
                 {
+                  id: newEmailId,
                   type: "email",
                   value: newEmail,
                   onChange: (e2) => setNewEmail(e2.target.value),
@@ -56869,10 +57032,11 @@ function AccountSectionInner({
               )
             ] }),
             /* @__PURE__ */ jsxs42("div", { style: styles2.formGroup, children: [
-              /* @__PURE__ */ jsx65("label", { style: styles2.label, children: "Current Password" }),
+              /* @__PURE__ */ jsx65("label", { htmlFor: emailPasswordId, style: styles2.label, children: "Current Password" }),
               /* @__PURE__ */ jsx65(
                 "input",
                 {
+                  id: emailPasswordId,
                   type: "password",
                   value: emailPassword,
                   onChange: (e2) => setEmailPassword(e2.target.value),
@@ -57231,6 +57395,8 @@ function DownloadIcon({ size: size4 = 24 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ jsx65("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
         /* @__PURE__ */ jsx65("polyline", { points: "7 10 12 15 17 10" }),
@@ -57251,6 +57417,8 @@ function TrashIcon2({ size: size4 = 24 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ jsx65("polyline", { points: "3 6 5 6 21 6" }),
         /* @__PURE__ */ jsx65("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
@@ -57270,6 +57438,8 @@ function ShieldIcon({ size: size4 = 24, color: color2 = "currentColor" }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: /* @__PURE__ */ jsx65("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" })
     }
   );
@@ -57369,15 +57539,22 @@ function EventViewer({
         ]
       }
     ) : filteredEvents.map((event2, i2) => /* @__PURE__ */ jsxs43(
-      "div",
+      "button",
       {
+        type: "button",
         onClick: () => {
           setExpandedId(expandedId === event2.id ? null : event2.id);
           onEventClick?.(event2);
         },
+        "aria-expanded": expandedId === event2.id,
         style: {
           ...eventItemStyle,
-          borderBottom: i2 === filteredEvents.length - 1 ? "none" : eventItemStyle.borderBottom
+          borderBottom: i2 === filteredEvents.length - 1 ? "none" : eventItemStyle.borderBottom,
+          textAlign: "left",
+          font: "inherit",
+          color: "inherit",
+          width: "100%",
+          cursor: "pointer"
         },
         children: [
           /* @__PURE__ */ jsxs43(
@@ -57802,6 +57979,8 @@ function EventIcon({ color: color2, size: size4 = 20 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ jsx66("circle", { cx: "12", cy: "12", r: "10" }),
         /* @__PURE__ */ jsx66("polyline", { points: "12 6 12 12 16 14" })
@@ -57821,6 +58000,8 @@ function UsersIcon({ color: color2 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ jsx66("path", { d: "M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" }),
         /* @__PURE__ */ jsx66("circle", { cx: "9", cy: "7", r: "4" }),
@@ -57842,6 +58023,8 @@ function PageviewsIcon({ color: color2 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ jsx66("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
         /* @__PURE__ */ jsx66("circle", { cx: "12", cy: "12", r: "3" })
@@ -57861,6 +58044,8 @@ function SessionsIcon({ color: color2 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ jsx66("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
         /* @__PURE__ */ jsx66("line", { x1: "9", y1: "3", x2: "9", y2: "21" })
@@ -57880,6 +58065,8 @@ function RevenueIcon({ color: color2 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ jsx66("line", { x1: "12", y1: "1", x2: "12", y2: "23" }),
         /* @__PURE__ */ jsx66("path", { d: "M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6" })
@@ -57899,6 +58086,8 @@ function ChartIcon({ color: color2 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ jsx66("line", { x1: "18", y1: "20", x2: "18", y2: "10" }),
         /* @__PURE__ */ jsx66("line", { x1: "12", y1: "20", x2: "12", y2: "4" }),
@@ -57910,7 +58099,7 @@ function ChartIcon({ color: color2 }) {
 
 // src/react/ui/api-key-manager.tsx
 init_constants();
-import { useEffect as useEffect67, useState as useState82 } from "react";
+import { useEffect as useEffect67, useId as useId12, useState as useState82 } from "react";
 import { jsx as jsx67, jsxs as jsxs44 } from "react/jsx-runtime";
 var DEFAULT_SCOPES = [
   "read:users",
@@ -57932,6 +58121,8 @@ function APIKeyManager({
   emptyMessage = "No API keys created",
   showEnvironment = true
 }) {
+  const keyNameId = useId12();
+  const expirationId = useId12();
   const [showCreate, setShowCreate] = useState82(false);
   const [name, setName] = useState82("");
   const [selectedScopes, setSelectedScopes] = useState82([]);
@@ -58181,6 +58372,7 @@ function APIKeyManager({
               /* @__PURE__ */ jsx67(
                 "label",
                 {
+                  htmlFor: keyNameId,
                   style: {
                     display: "block",
                     marginBottom: "0.5rem",
@@ -58193,6 +58385,7 @@ function APIKeyManager({
               /* @__PURE__ */ jsx67(
                 "input",
                 {
+                  id: keyNameId,
                   type: "text",
                   value: name,
                   onChange: (e2) => setName(e2.target.value),
@@ -58213,15 +58406,16 @@ function APIKeyManager({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs44("div", { style: { marginBottom: "1rem" }, children: [
+            /* @__PURE__ */ jsxs44("fieldset", { style: { marginBottom: "1rem", border: "none", padding: 0, margin: 0 }, children: [
               /* @__PURE__ */ jsx67(
-                "label",
+                "legend",
                 {
                   style: {
                     display: "block",
                     marginBottom: "0.5rem",
                     fontWeight: 500,
-                    fontSize: theme.fontSizeSm
+                    fontSize: theme.fontSizeSm,
+                    padding: 0
                   },
                   children: "Scopes"
                 }
@@ -58260,6 +58454,7 @@ function APIKeyManager({
               /* @__PURE__ */ jsx67(
                 "label",
                 {
+                  htmlFor: expirationId,
                   style: {
                     display: "block",
                     marginBottom: "0.5rem",
@@ -58272,6 +58467,7 @@ function APIKeyManager({
               /* @__PURE__ */ jsxs44(
                 "select",
                 {
+                  id: expirationId,
                   value: expiresIn ?? "",
                   onChange: (e2) => setExpiresIn(e2.target.value ? Number.parseInt(e2.target.value, 10) : void 0),
                   style: inputStyle,
@@ -58474,6 +58670,8 @@ function KeyIcon({ color: color2, size: size4 = 24 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: /* @__PURE__ */ jsx67("path", { d: "M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4" })
     }
   );
@@ -58491,6 +58689,8 @@ function PlusIcon3({ color: color2 }) {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       style: { marginRight: "0.25rem" },
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ jsx67("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
         /* @__PURE__ */ jsx67("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
@@ -58510,6 +58710,8 @@ function CheckIcon10({ color: color2 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: /* @__PURE__ */ jsx67("polyline", { points: "20 6 9 17 4 12" })
     }
   );
@@ -59073,6 +59275,8 @@ function InvoiceIcon({ color: color2, size: size4 = 24 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ jsx68("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
         /* @__PURE__ */ jsx68("polyline", { points: "14 2 14 8 20 8" }),
@@ -59095,6 +59299,8 @@ function DownloadIcon2({ color: color2 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ jsx68("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
         /* @__PURE__ */ jsx68("polyline", { points: "7 10 12 15 17 10" }),
@@ -59115,6 +59321,8 @@ function CreditCardIcon({ color: color2, size: size4 = 24 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ jsx68("rect", { x: "1", y: "4", width: "22", height: "16", rx: "2", ry: "2" }),
         /* @__PURE__ */ jsx68("line", { x1: "1", y1: "10", x2: "23", y2: "10" })
@@ -59135,6 +59343,8 @@ function PlusIcon4({ color: color2 }) {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       style: { marginRight: "0.25rem" },
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ jsx68("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
         /* @__PURE__ */ jsx68("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
@@ -60039,6 +60249,8 @@ function ChatIcon({ color: color2, size: size4 = 20 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: /* @__PURE__ */ jsx70("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" })
     }
   );
@@ -60055,6 +60267,8 @@ function SendIcon2({ color: color2 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ jsx70("line", { x1: "22", y1: "2", x2: "11", y2: "13" }),
         /* @__PURE__ */ jsx70("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })
@@ -60115,7 +60329,6 @@ function ConsentPreferences({
     acceptAll,
     declineOptional,
     saveConsents,
-    isLoading,
     hasConsented
   } = useConsent();
   const [isSaving, setIsSaving] = useState86(false);
@@ -60540,6 +60753,8 @@ function CheckIcon12({ color: color2 }) {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       style: { marginRight: "0.5rem" },
+      "aria-hidden": "true",
+      focusable: "false",
       children: /* @__PURE__ */ jsx71("polyline", { points: "20 6 9 17 4 12" })
     }
   );
@@ -60572,7 +60787,6 @@ function CookieBanner({
     declineOptional,
     setConsent,
     saveConsents,
-    closeBanner,
     isLoading
   } = useConsent();
   const [showCustomize, setShowCustomize] = useState87(false);
@@ -60934,6 +61148,8 @@ function CloseIcon2() {
       fill: "none",
       stroke: "currentColor",
       strokeWidth: "2",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ jsx72("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
         /* @__PURE__ */ jsx72("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
@@ -61349,11 +61565,24 @@ function FeedbackWidget({
   ] }) });
 }
 function ErrorIcon({ color: color2 }) {
-  return /* @__PURE__ */ jsxs50("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", stroke: color2, strokeWidth: "2", children: [
-    /* @__PURE__ */ jsx73("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ jsx73("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
-    /* @__PURE__ */ jsx73("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
-  ] });
+  return /* @__PURE__ */ jsxs50(
+    "svg",
+    {
+      width: "32",
+      height: "32",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: color2,
+      strokeWidth: "2",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: [
+        /* @__PURE__ */ jsx73("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ jsx73("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+        /* @__PURE__ */ jsx73("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+      ]
+    }
+  );
 }
 function FeedbackIcon() {
   return /* @__PURE__ */ jsx73(
@@ -61366,6 +61595,8 @@ function FeedbackIcon() {
       stroke: "currentColor",
       strokeWidth: "2",
       style: { marginRight: "0.5rem" },
+      "aria-hidden": "true",
+      focusable: "false",
       children: /* @__PURE__ */ jsx73("path", { d: "M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z" })
     }
   );
@@ -61380,6 +61611,8 @@ function CloseIcon3() {
       fill: "none",
       stroke: "currentColor",
       strokeWidth: "2",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ jsx73("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
         /* @__PURE__ */ jsx73("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
@@ -61388,10 +61621,23 @@ function CloseIcon3() {
   );
 }
 function CheckCircleIcon({ color: color2 }) {
-  return /* @__PURE__ */ jsxs50("svg", { width: "48", height: "48", viewBox: "0 0 24 24", fill: "none", stroke: color2, strokeWidth: "2", children: [
-    /* @__PURE__ */ jsx73("path", { d: "M22 11.08V12a10 10 0 11-5.93-9.14" }),
-    /* @__PURE__ */ jsx73("polyline", { points: "22 4 12 14.01 9 11.01" })
-  ] });
+  return /* @__PURE__ */ jsxs50(
+    "svg",
+    {
+      width: "48",
+      height: "48",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: color2,
+      strokeWidth: "2",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: [
+        /* @__PURE__ */ jsx73("path", { d: "M22 11.08V12a10 10 0 11-5.93-9.14" }),
+        /* @__PURE__ */ jsx73("polyline", { points: "22 4 12 14.01 9 11.01" })
+      ]
+    }
+  );
 }
 
 // src/react/ui/feature-gate.tsx
@@ -61668,6 +61914,8 @@ function FlagIcon() {
       fill: "none",
       stroke: "currentColor",
       strokeWidth: "2",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ jsx74("path", { d: "M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z" }),
         /* @__PURE__ */ jsx74("line", { x1: "4", y1: "22", x2: "4", y2: "15" })
@@ -61685,6 +61933,8 @@ function CloseIcon4() {
       fill: "none",
       stroke: "currentColor",
       strokeWidth: "2",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ jsx74("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
         /* @__PURE__ */ jsx74("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
@@ -61796,13 +62046,22 @@ function FileUploadInner({
   const acceptString = accept?.join(",");
   return /* @__PURE__ */ jsxs52("div", { className, style: { fontFamily: theme.fontFamily }, children: [
     /* @__PURE__ */ jsxs52(
-      "div",
+      "button",
       {
+        type: "button",
         onDrop: handleDrop,
         onDragOver: handleDragOver,
         onDragLeave: handleDragLeave,
         onClick: handleClick,
-        style: dropZoneStyle,
+        disabled: disabled2 || isUploading,
+        "aria-label": "Upload files",
+        style: {
+          ...dropZoneStyle,
+          textAlign: "center",
+          font: "inherit",
+          color: "inherit",
+          width: "100%"
+        },
         children: [
           /* @__PURE__ */ jsx75(
             "input",
@@ -61979,7 +62238,7 @@ function ImageUploaderInner({
     transition: "all 0.2s ease"
   };
   return /* @__PURE__ */ jsxs52("div", { className, style: { fontFamily: theme.fontFamily }, children: [
-    /* @__PURE__ */ jsxs52("div", { style: containerStyle, onClick: handleClick, children: [
+    /* @__PURE__ */ jsxs52("div", { style: containerStyle, children: [
       /* @__PURE__ */ jsx75(
         "input",
         {
@@ -61991,21 +62250,7 @@ function ImageUploaderInner({
           disabled: disabled2
         }
       ),
-      /* @__PURE__ */ jsx75("div", { style: innerStyle, children: isUploading ? /* @__PURE__ */ jsxs52("div", { style: { textAlign: "center" }, children: [
-        /* @__PURE__ */ jsx75("span", { style: styles2.spinner }),
-        /* @__PURE__ */ jsxs52(
-          "p",
-          {
-            style: mergeStyles(styles2.textSm, styles2.textMuted, {
-              marginTop: "0.5rem"
-            }),
-            children: [
-              progress2,
-              "%"
-            ]
-          }
-        )
-      ] }) : previewUrl ? /* @__PURE__ */ jsxs52(Fragment43, { children: [
+      previewUrl && !isUploading ? /* @__PURE__ */ jsxs52("div", { style: innerStyle, className: "sylphx-upload-hover", children: [
         /* @__PURE__ */ jsx75(
           "img",
           {
@@ -62023,6 +62268,7 @@ function ImageUploaderInner({
         /* @__PURE__ */ jsxs52(
           "div",
           {
+            className: "sylphx-upload-hover__overlay",
             style: {
               position: "absolute",
               inset: 0,
@@ -62033,8 +62279,6 @@ function ImageUploaderInner({
               opacity: 0,
               transition: "opacity 0.2s ease"
             },
-            onMouseEnter: (e2) => e2.currentTarget.style.opacity = "1",
-            onMouseLeave: (e2) => e2.currentTarget.style.opacity = "0",
             children: [
               /* @__PURE__ */ jsx75(
                 "button",
@@ -62047,22 +62291,59 @@ function ImageUploaderInner({
                   children: "Remove"
                 }
               ),
-              /* @__PURE__ */ jsx75("button", { type: "button", style: mergeStyles(styles2.button, styles2.buttonPrimary), children: "Replace" })
+              /* @__PURE__ */ jsx75(
+                "button",
+                {
+                  type: "button",
+                  onClick: handleClick,
+                  style: mergeStyles(styles2.button, styles2.buttonPrimary),
+                  children: "Replace"
+                }
+              )
             ]
           }
         )
-      ] }) : /* @__PURE__ */ jsxs52("div", { style: { textAlign: "center" }, children: [
-        /* @__PURE__ */ jsx75(ImageIcon, { color: theme.colorMutedForeground }),
-        /* @__PURE__ */ jsx75(
-          "p",
-          {
-            style: mergeStyles(styles2.textSm, styles2.textMuted, {
-              marginTop: "0.5rem"
-            }),
-            children: placeholder
-          }
-        )
-      ] }) })
+      ] }) : /* @__PURE__ */ jsx75(
+        "button",
+        {
+          type: "button",
+          onClick: handleClick,
+          disabled: disabled2 || isUploading,
+          "aria-label": "Upload image",
+          style: {
+            ...innerStyle,
+            font: "inherit",
+            color: "inherit",
+            cursor: disabled2 || isUploading ? "not-allowed" : "pointer"
+          },
+          children: isUploading ? /* @__PURE__ */ jsxs52("div", { style: { textAlign: "center" }, children: [
+            /* @__PURE__ */ jsx75("span", { style: styles2.spinner }),
+            /* @__PURE__ */ jsxs52(
+              "p",
+              {
+                style: mergeStyles(styles2.textSm, styles2.textMuted, {
+                  marginTop: "0.5rem"
+                }),
+                children: [
+                  progress2,
+                  "%"
+                ]
+              }
+            )
+          ] }) : /* @__PURE__ */ jsxs52("div", { style: { textAlign: "center" }, children: [
+            /* @__PURE__ */ jsx75(ImageIcon, { color: theme.colorMutedForeground }),
+            /* @__PURE__ */ jsx75(
+              "p",
+              {
+                style: mergeStyles(styles2.textSm, styles2.textMuted, {
+                  marginTop: "0.5rem"
+                }),
+                children: placeholder
+              }
+            )
+          ] })
+        }
+      )
     ] }),
     error2 && /* @__PURE__ */ jsx75(
       "div",
@@ -62153,50 +62434,66 @@ function AvatarUploadInner({
     fontWeight: 600
   };
   return /* @__PURE__ */ jsxs52("div", { className, style: { fontFamily: theme.fontFamily }, children: [
-    /* @__PURE__ */ jsxs52("div", { style: containerStyle, onClick: handleClick, children: [
-      /* @__PURE__ */ jsx75(
-        "input",
-        {
-          ref: inputRef,
-          type: "file",
-          accept: "image/*",
-          onChange: handleInputChange,
-          style: { display: "none" },
-          disabled: disabled2
-        }
-      ),
-      /* @__PURE__ */ jsx75("div", { style: innerStyle, children: isUploading ? /* @__PURE__ */ jsx75("span", { style: styles2.spinner }) : previewUrl ? /* @__PURE__ */ jsx75(
-        "img",
-        {
-          src: previewUrl,
-          alt: "Avatar",
-          style: {
-            width: "100%",
-            height: "100%",
-            objectFit: "cover"
-          }
-        }
-      ) : initials ? initials : /* @__PURE__ */ jsx75(UserIcon, { color: theme.colorMutedForeground, size: size4 * 0.4 }) }),
-      /* @__PURE__ */ jsx75(
-        "div",
-        {
-          style: {
-            position: "absolute",
-            inset: 0,
-            backgroundColor: "rgba(0, 0, 0, 0.5)",
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            opacity: 0,
-            transition: "opacity 0.2s ease",
-            borderRadius: "50%"
-          },
-          onMouseEnter: (e2) => e2.currentTarget.style.opacity = "1",
-          onMouseLeave: (e2) => e2.currentTarget.style.opacity = "0",
-          children: /* @__PURE__ */ jsx75(CameraIcon, { color: "#fff" })
-        }
-      )
-    ] }),
+    /* @__PURE__ */ jsxs52(
+      "button",
+      {
+        type: "button",
+        onClick: handleClick,
+        disabled: disabled2 || isUploading,
+        "aria-label": "Upload avatar",
+        className: "sylphx-upload-hover",
+        style: {
+          ...containerStyle,
+          border: "none",
+          padding: 0,
+          background: "transparent",
+          cursor: disabled2 || isUploading ? "not-allowed" : "pointer"
+        },
+        children: [
+          /* @__PURE__ */ jsx75(
+            "input",
+            {
+              ref: inputRef,
+              type: "file",
+              accept: "image/*",
+              onChange: handleInputChange,
+              style: { display: "none" },
+              disabled: disabled2
+            }
+          ),
+          /* @__PURE__ */ jsx75("div", { style: innerStyle, children: isUploading ? /* @__PURE__ */ jsx75("span", { style: styles2.spinner }) : previewUrl ? /* @__PURE__ */ jsx75(
+            "img",
+            {
+              src: previewUrl,
+              alt: "Avatar",
+              style: {
+                width: "100%",
+                height: "100%",
+                objectFit: "cover"
+              }
+            }
+          ) : initials ? initials : /* @__PURE__ */ jsx75(UserIcon, { color: theme.colorMutedForeground, size: size4 * 0.4 }) }),
+          /* @__PURE__ */ jsx75(
+            "div",
+            {
+              className: "sylphx-upload-hover__overlay",
+              style: {
+                position: "absolute",
+                inset: 0,
+                backgroundColor: "rgba(0, 0, 0, 0.5)",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                opacity: 0,
+                transition: "opacity 0.2s ease",
+                borderRadius: "50%"
+              },
+              children: /* @__PURE__ */ jsx75(CameraIcon, { color: "#fff" })
+            }
+          )
+        ]
+      }
+    ),
     uploadError && /* @__PURE__ */ jsx75(
       "p",
       {
@@ -62241,18 +62538,44 @@ function formatFileSize(bytes) {
   return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
 }
 function UploadIcon({ color: color2 }) {
-  return /* @__PURE__ */ jsxs52("svg", { width: "40", height: "40", viewBox: "0 0 24 24", fill: "none", stroke: color2, strokeWidth: "1.5", children: [
-    /* @__PURE__ */ jsx75("path", { d: "M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4" }),
-    /* @__PURE__ */ jsx75("polyline", { points: "17 8 12 3 7 8" }),
-    /* @__PURE__ */ jsx75("line", { x1: "12", y1: "3", x2: "12", y2: "15" })
-  ] });
+  return /* @__PURE__ */ jsxs52(
+    "svg",
+    {
+      width: "40",
+      height: "40",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: color2,
+      strokeWidth: "1.5",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: [
+        /* @__PURE__ */ jsx75("path", { d: "M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4" }),
+        /* @__PURE__ */ jsx75("polyline", { points: "17 8 12 3 7 8" }),
+        /* @__PURE__ */ jsx75("line", { x1: "12", y1: "3", x2: "12", y2: "15" })
+      ]
+    }
+  );
 }
 function ImageIcon({ color: color2 }) {
-  return /* @__PURE__ */ jsxs52("svg", { width: "40", height: "40", viewBox: "0 0 24 24", fill: "none", stroke: color2, strokeWidth: "1.5", children: [
-    /* @__PURE__ */ jsx75("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
-    /* @__PURE__ */ jsx75("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
-    /* @__PURE__ */ jsx75("polyline", { points: "21 15 16 10 5 21" })
-  ] });
+  return /* @__PURE__ */ jsxs52(
+    "svg",
+    {
+      width: "40",
+      height: "40",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: color2,
+      strokeWidth: "1.5",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: [
+        /* @__PURE__ */ jsx75("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
+        /* @__PURE__ */ jsx75("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
+        /* @__PURE__ */ jsx75("polyline", { points: "21 15 16 10 5 21" })
+      ]
+    }
+  );
 }
 function UserIcon({ color: color2, size: size4 = 24 }) {
   return /* @__PURE__ */ jsxs52(
@@ -62264,6 +62587,8 @@ function UserIcon({ color: color2, size: size4 = 24 }) {
       fill: "none",
       stroke: color2,
       strokeWidth: "1.5",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ jsx75("path", { d: "M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2" }),
         /* @__PURE__ */ jsx75("circle", { cx: "12", cy: "7", r: "4" })
@@ -62272,10 +62597,23 @@ function UserIcon({ color: color2, size: size4 = 24 }) {
   );
 }
 function CameraIcon({ color: color2 }) {
-  return /* @__PURE__ */ jsxs52("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: color2, strokeWidth: "2", children: [
-    /* @__PURE__ */ jsx75("path", { d: "M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2z" }),
-    /* @__PURE__ */ jsx75("circle", { cx: "12", cy: "13", r: "4" })
-  ] });
+  return /* @__PURE__ */ jsxs52(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: color2,
+      strokeWidth: "2",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: [
+        /* @__PURE__ */ jsx75("path", { d: "M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2z" }),
+        /* @__PURE__ */ jsx75("circle", { cx: "12", cy: "13", r: "4" })
+      ]
+    }
+  );
 }
 function CloseIcon5() {
   return /* @__PURE__ */ jsxs52(
@@ -62287,6 +62625,8 @@ function CloseIcon5() {
       fill: "none",
       stroke: "currentColor",
       strokeWidth: "2",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ jsx75("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
         /* @__PURE__ */ jsx75("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
@@ -63368,7 +63708,10 @@ function ModelSelector({
     justifyContent: "space-between",
     cursor: disabled2 ? "not-allowed" : "pointer",
     opacity: disabled2 ? 0.5 : 1,
-    padding: compact ? "0.5rem 0.75rem" : "0.75rem 1rem"
+    padding: compact ? "0.5rem 0.75rem" : "0.75rem 1rem",
+    textAlign: "left",
+    font: "inherit",
+    color: "inherit"
   });
   const dropdownStyles = {
     position: "absolute",
@@ -63421,18 +63764,14 @@ function ModelSelector({
   });
   return /* @__PURE__ */ jsxs54("div", { ref: containerRef, style: containerStyles, className, children: [
     /* @__PURE__ */ jsxs54(
-      "div",
+      "button",
       {
+        type: "button",
         style: triggerStyles,
         onClick: () => !disabled2 && setIsOpen(!isOpen),
-        role: "button",
-        tabIndex: disabled2 ? -1 : 0,
-        onKeyDown: (e2) => {
-          if (e2.key === "Enter" || e2.key === " ") {
-            e2.preventDefault();
-            if (!disabled2) setIsOpen(!isOpen);
-          }
-        },
+        disabled: disabled2,
+        "aria-haspopup": "listbox",
+        "aria-expanded": isOpen,
         children: [
           /* @__PURE__ */ jsx77(
             "div",
@@ -63480,7 +63819,7 @@ function ModelSelector({
           style: searchInputStyles
         }
       ),
-      /* @__PURE__ */ jsxs54("div", { style: listStyles, onScroll: handleScroll, children: [
+      /* @__PURE__ */ jsxs54("div", { role: "listbox", style: listStyles, onScroll: handleScroll, children: [
         error2 && /* @__PURE__ */ jsx77(
           "div",
           {
@@ -63500,9 +63839,19 @@ function ModelSelector({
           }
         ),
         models.map((model) => /* @__PURE__ */ jsxs54(
-          "div",
+          "button",
           {
-            style: itemStyles(model.id === value),
+            type: "button",
+            role: "option",
+            "aria-selected": model.id === value,
+            style: {
+              ...itemStyles(model.id === value),
+              textAlign: "left",
+              font: "inherit",
+              color: "inherit",
+              width: "100%",
+              cursor: "pointer"
+            },
             onClick: () => handleSelect(model),
             onMouseEnter: (e2) => {
               if (model.id !== value) {
@@ -63609,6 +63958,8 @@ function ChevronIcon2({ direction }) {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       style: { transform: direction === "up" ? "rotate(180deg)" : void 0 },
+      "aria-hidden": "true",
+      focusable: "false",
       children: /* @__PURE__ */ jsx77("polyline", { points: "6 9 12 15 18 9" })
     }
   );
@@ -63665,12 +64016,26 @@ function ModelCard({
     textTransform: "uppercase",
     letterSpacing: "0.05em"
   });
+  const CardTag = onSelect ? "button" : "div";
+  const cardInteractiveProps = onSelect ? {
+    type: "button",
+    onClick: onSelect,
+    "aria-pressed": selected
+  } : {};
   return /* @__PURE__ */ jsxs54(
-    "div",
+    CardTag,
     {
-      style: cardStyles,
+      ...cardInteractiveProps,
+      style: {
+        ...cardStyles,
+        ...onSelect ? {
+          textAlign: "left",
+          font: "inherit",
+          color: "inherit",
+          width: "100%"
+        } : {}
+      },
       className,
-      onClick: onSelect,
       onMouseEnter: (e2) => {
         if (onSelect && !selected) {
           e2.currentTarget.style.borderColor = theme.colorPrimary;
@@ -63897,6 +64262,7 @@ function ModelGrid({
 }
 
 // src/react/ui/newsletter-form.tsx
+import { EMAIL_REGEX } from "@sylphx/contract";
 import { useEffect as useEffect78, useState as useState94 } from "react";
 import { jsx as jsx78, jsxs as jsxs55 } from "react/jsx-runtime";
 function NewsletterForm({
@@ -63945,7 +64311,7 @@ function NewsletterForm({
   const handleSubmit = async (e2) => {
     e2.preventDefault();
     setLocalError(null);
-    if (!email || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
+    if (!email || !EMAIL_REGEX.test(email)) {
       setLocalError("Please enter a valid email address");
       return;
     }
@@ -63975,6 +64341,8 @@ function NewsletterForm({
               fill: "none",
               stroke: "currentColor",
               strokeWidth: "2",
+              "aria-hidden": "true",
+              focusable: "false",
               children: [
                 /* @__PURE__ */ jsx78("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
                 /* @__PURE__ */ jsx78("polyline", { points: "22 4 12 14.01 9 11.01" })
@@ -64364,6 +64732,8 @@ function BellOffIcon({ size: size4 = 24 }) {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       style: { flexShrink: 0 },
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ jsx79("path", { d: "M13.73 21a2 2 0 0 1-3.46 0" }),
         /* @__PURE__ */ jsx79("path", { d: "M18.63 13A17.89 17.89 0 0 1 18 8" }),
@@ -64377,7 +64747,7 @@ function BellOffIcon({ size: size4 = 24 }) {
 
 // src/react/ui/organization-management.tsx
 init_constants();
-import { useEffect as useEffect80, useState as useState96 } from "react";
+import { useEffect as useEffect80, useId as useId13, useState as useState96 } from "react";
 import { Fragment as Fragment45, jsx as jsx80, jsxs as jsxs57 } from "react/jsx-runtime";
 function OrganizationProfile(props) {
   return /* @__PURE__ */ jsx80(RequireSdk, { services: ["organization"], componentType: "organization", theme: props.theme, children: /* @__PURE__ */ jsx80(OrganizationProfileInner, { ...props }) });
@@ -64395,6 +64765,9 @@ function OrganizationProfileInner({
   const hookResult = useOrganization();
   const org = propOrg ?? hookResult.organization;
   const members = hookResult.members;
+  const nameId = useId13();
+  const slugId = useId13();
+  const deleteConfirmId = useId13();
   const [name, setName] = useState96(org?.name ?? "");
   const [slug, setSlug] = useState96(org?.slug ?? "");
   const [isSaving, setIsSaving] = useState96(false);
@@ -64496,6 +64869,7 @@ function OrganizationProfileInner({
           /* @__PURE__ */ jsx80(
             "label",
             {
+              htmlFor: nameId,
               style: {
                 display: "block",
                 marginBottom: "0.5rem",
@@ -64508,6 +64882,7 @@ function OrganizationProfileInner({
           /* @__PURE__ */ jsx80(
             "input",
             {
+              id: nameId,
               type: "text",
               value: name,
               onChange: (e2) => setName(e2.target.value),
@@ -64521,6 +64896,7 @@ function OrganizationProfileInner({
           /* @__PURE__ */ jsx80(
             "label",
             {
+              htmlFor: slugId,
               style: {
                 display: "block",
                 marginBottom: "0.5rem",
@@ -64533,6 +64909,7 @@ function OrganizationProfileInner({
           /* @__PURE__ */ jsx80(
             "input",
             {
+              id: slugId,
               type: "text",
               value: slug,
               onChange: (e2) => setSlug(e2.target.value.toLowerCase().replace(/[^a-z0-9-]/g, "")),
@@ -64711,6 +65088,7 @@ function OrganizationProfileInner({
             /* @__PURE__ */ jsxs57(
               "label",
               {
+                htmlFor: deleteConfirmId,
                 style: {
                   display: "block",
                   marginBottom: "0.5rem",
@@ -64726,6 +65104,7 @@ function OrganizationProfileInner({
             /* @__PURE__ */ jsx80(
               "input",
               {
+                id: deleteConfirmId,
                 type: "text",
                 value: deleteConfirm,
                 onChange: (e2) => setDeleteConfirm(e2.target.value),
@@ -64760,6 +65139,8 @@ function CreateOrganization({
   onCancel,
   showCancel = true
 }) {
+  const createNameId = useId13();
+  const createSlugId = useId13();
   const [name, setName] = useState96("");
   const [slug, setSlug] = useState96("");
   const [isCreating, setIsCreating] = useState96(false);
@@ -64842,6 +65223,7 @@ function CreateOrganization({
         /* @__PURE__ */ jsx80(
           "label",
           {
+            htmlFor: createNameId,
             style: {
               display: "block",
               marginBottom: "0.5rem",
@@ -64854,6 +65236,7 @@ function CreateOrganization({
         /* @__PURE__ */ jsx80(
           "input",
           {
+            id: createNameId,
             type: "text",
             value: name,
             onChange: (e2) => setName(e2.target.value),
@@ -64867,6 +65250,7 @@ function CreateOrganization({
         /* @__PURE__ */ jsx80(
           "label",
           {
+            htmlFor: createSlugId,
             style: {
               display: "block",
               marginBottom: "0.5rem",
@@ -64879,6 +65263,7 @@ function CreateOrganization({
         /* @__PURE__ */ jsx80(
           "input",
           {
+            id: createSlugId,
             type: "text",
             value: slug,
             onChange: (e2) => setSlug(e2.target.value.toLowerCase().replace(/[^a-z0-9-]/g, "")),
@@ -64979,16 +65364,15 @@ function OrganizationList({
     }
   ) : /* @__PURE__ */ jsxs57(Fragment45, { children: [
     /* @__PURE__ */ jsx80("div", { style: { display: "flex", flexDirection: "column", gap: "0.5rem" }, children: organizations.map((org) => /* @__PURE__ */ jsxs57(
-      "div",
+      "button",
       {
+        type: "button",
         onClick: () => onSelect?.(org),
-        style: itemStyle(org.id === selectedId),
-        role: "button",
-        tabIndex: 0,
-        onKeyDown: (e2) => {
-          if (e2.key === "Enter" || e2.key === " ") {
-            onSelect?.(org);
-          }
+        style: {
+          ...itemStyle(org.id === selectedId),
+          textAlign: "left",
+          font: "inherit",
+          color: "inherit"
         },
         children: [
           /* @__PURE__ */ jsx80(
@@ -65059,6 +65443,8 @@ function OrgIcon({ color: color2, size: size4 = 24 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ jsx80("path", { d: "M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" }),
         /* @__PURE__ */ jsx80("circle", { cx: "9", cy: "7", r: "4" }),
@@ -65080,6 +65466,8 @@ function CheckIcon13({ color: color2 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: /* @__PURE__ */ jsx80("polyline", { points: "20 6 9 17 4 12" })
     }
   );
@@ -65097,6 +65485,8 @@ function PlusIcon5({ color: color2 }) {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       style: { marginRight: "0.25rem" },
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ jsx80("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
         /* @__PURE__ */ jsx80("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
@@ -65345,8 +65735,12 @@ function NotificationBell({
       onClick,
       style: buttonStyle,
       className,
-      onMouseEnter: (e2) => e2.currentTarget.style.backgroundColor = theme.colorMuted,
-      onMouseLeave: (e2) => e2.currentTarget.style.backgroundColor = "transparent",
+      onMouseEnter: (e2) => {
+        e2.currentTarget.style.backgroundColor = theme.colorMuted;
+      },
+      onMouseLeave: (e2) => {
+        e2.currentTarget.style.backgroundColor = "transparent";
+      },
       children: [
         /* @__PURE__ */ jsx81(BellIcon, { color: color2 || theme.colorForeground, size: s2.icon }),
         count > 0 && /* @__PURE__ */ jsx81("span", { style: badgeStyle, children: showDot ? null : displayCount })
@@ -65464,12 +65858,12 @@ function NotificationItem({
   const styles2 = baseStyles(theme);
   const [showActions, setShowActions] = useState97(false);
   const itemStyle = {
+    position: "relative",
     display: "flex",
     alignItems: "flex-start",
     gap: "0.75rem",
     padding: "0.75rem 1rem",
     borderBottom: `1px solid ${theme.colorBorder}`,
-    cursor: "pointer",
     transition: "background-color 0.15s ease",
     backgroundColor: notification.read ? "transparent" : `${theme.colorPrimary}08`
   };
@@ -65486,141 +65880,167 @@ function NotificationItem({
     if (days < 7) return `${days}d ago`;
     return d2.toLocaleDateString();
   };
-  return /* @__PURE__ */ jsxs58(
-    "div",
-    {
-      style: itemStyle,
-      onClick,
-      onMouseEnter: (e2) => {
-        e2.currentTarget.style.backgroundColor = theme.colorMuted;
-        setShowActions(true);
-      },
-      onMouseLeave: (e2) => {
-        e2.currentTarget.style.backgroundColor = notification.read ? "transparent" : `${theme.colorPrimary}08`;
-        setShowActions(false);
-      },
-      children: [
+  return /* @__PURE__ */ jsxs58("div", { className: "sylphx-notification-item", style: itemStyle, children: [
+    onClick && /* @__PURE__ */ jsx81(
+      "button",
+      {
+        type: "button",
+        onClick,
+        "aria-label": notification.title,
+        onMouseEnter: () => setShowActions(true),
+        onMouseLeave: () => setShowActions(false),
+        onFocus: () => setShowActions(true),
+        onBlur: () => setShowActions(false),
+        style: {
+          position: "absolute",
+          inset: 0,
+          background: "transparent",
+          border: "none",
+          padding: 0,
+          cursor: "pointer",
+          zIndex: 1
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx81(
+      "div",
+      {
+        style: {
+          width: "40px",
+          height: "40px",
+          borderRadius: "50%",
+          backgroundColor: theme.colorMuted,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          flexShrink: 0,
+          overflow: "hidden"
+        },
+        children: notification.icon ? /* @__PURE__ */ jsx81(
+          "img",
+          {
+            src: notification.icon,
+            alt: "",
+            style: { width: "100%", height: "100%", objectFit: "cover" }
+          }
+        ) : /* @__PURE__ */ jsx81(BellIcon, { color: theme.colorMutedForeground, size: 20 })
+      }
+    ),
+    /* @__PURE__ */ jsxs58("div", { style: { flex: 1, minWidth: 0 }, children: [
+      /* @__PURE__ */ jsxs58("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
         /* @__PURE__ */ jsx81(
-          "div",
+          "span",
           {
             style: {
-              width: "40px",
-              height: "40px",
-              borderRadius: "50%",
-              backgroundColor: theme.colorMuted,
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "center",
-              flexShrink: 0,
-              overflow: "hidden"
+              fontWeight: notification.read ? 400 : 600,
+              fontSize: theme.fontSizeSm,
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap"
             },
-            children: notification.icon ? /* @__PURE__ */ jsx81(
-              "img",
-              {
-                src: notification.icon,
-                alt: "",
-                style: { width: "100%", height: "100%", objectFit: "cover" }
-              }
-            ) : /* @__PURE__ */ jsx81(BellIcon, { color: theme.colorMutedForeground, size: 20 })
+            children: notification.title
           }
         ),
-        /* @__PURE__ */ jsxs58("div", { style: { flex: 1, minWidth: 0 }, children: [
-          /* @__PURE__ */ jsxs58("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
-            /* @__PURE__ */ jsx81(
-              "span",
-              {
-                style: {
-                  fontWeight: notification.read ? 400 : 600,
-                  fontSize: theme.fontSizeSm,
-                  overflow: "hidden",
-                  textOverflow: "ellipsis",
-                  whiteSpace: "nowrap"
-                },
-                children: notification.title
-              }
-            ),
-            !notification.read && /* @__PURE__ */ jsx81(
-              "span",
-              {
-                style: {
-                  width: "8px",
-                  height: "8px",
-                  borderRadius: "50%",
-                  backgroundColor: theme.colorPrimary,
-                  flexShrink: 0
-                }
-              }
-            )
-          ] }),
-          notification.body && /* @__PURE__ */ jsx81(
-            "p",
+        !notification.read && /* @__PURE__ */ jsx81(
+          "span",
+          {
+            style: {
+              width: "8px",
+              height: "8px",
+              borderRadius: "50%",
+              backgroundColor: theme.colorPrimary,
+              flexShrink: 0
+            }
+          }
+        )
+      ] }),
+      notification.body && /* @__PURE__ */ jsx81(
+        "p",
+        {
+          style: {
+            margin: "0.25rem 0 0",
+            fontSize: theme.fontSizeXs,
+            color: theme.colorMutedForeground,
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            whiteSpace: "nowrap"
+          },
+          children: notification.body
+        }
+      ),
+      /* @__PURE__ */ jsx81(
+        "p",
+        {
+          style: {
+            margin: "0.25rem 0 0",
+            fontSize: theme.fontSizeXs,
+            color: theme.colorMutedForeground
+          },
+          children: formatTime(notification.createdAt)
+        }
+      )
+    ] }),
+    showActions && /* @__PURE__ */ jsxs58(
+      "div",
+      {
+        style: {
+          display: "flex",
+          gap: "0.25rem",
+          flexShrink: 0,
+          position: "relative",
+          zIndex: 2
+        },
+        role: "toolbar",
+        "aria-label": "Notification actions",
+        children: [
+          !notification.read && onMarkAsRead && /* @__PURE__ */ jsx81(
+            "button",
             {
-              style: {
-                margin: "0.25rem 0 0",
-                fontSize: theme.fontSizeXs,
-                color: theme.colorMutedForeground,
-                overflow: "hidden",
-                textOverflow: "ellipsis",
-                whiteSpace: "nowrap"
-              },
-              children: notification.body
+              type: "button",
+              onClick: onMarkAsRead,
+              style: mergeStyles(styles2.button, styles2.buttonGhost, {
+                padding: "0.25rem"
+              }),
+              title: "Mark as read",
+              children: /* @__PURE__ */ jsx81(CheckIcon14, { color: theme.colorMutedForeground })
             }
           ),
-          /* @__PURE__ */ jsx81(
-            "p",
+          onDelete && /* @__PURE__ */ jsx81(
+            "button",
             {
-              style: {
-                margin: "0.25rem 0 0",
-                fontSize: theme.fontSizeXs,
-                color: theme.colorMutedForeground
-              },
-              children: formatTime(notification.createdAt)
+              type: "button",
+              onClick: onDelete,
+              style: mergeStyles(styles2.button, styles2.buttonGhost, {
+                padding: "0.25rem"
+              }),
+              title: "Delete",
+              children: /* @__PURE__ */ jsx81(TrashIcon3, { color: theme.colorMutedForeground })
             }
           )
-        ] }),
-        showActions && /* @__PURE__ */ jsxs58(
-          "div",
-          {
-            style: { display: "flex", gap: "0.25rem", flexShrink: 0 },
-            onClick: (e2) => e2.stopPropagation(),
-            children: [
-              !notification.read && onMarkAsRead && /* @__PURE__ */ jsx81(
-                "button",
-                {
-                  type: "button",
-                  onClick: onMarkAsRead,
-                  style: mergeStyles(styles2.button, styles2.buttonGhost, {
-                    padding: "0.25rem"
-                  }),
-                  title: "Mark as read",
-                  children: /* @__PURE__ */ jsx81(CheckIcon14, { color: theme.colorMutedForeground })
-                }
-              ),
-              onDelete && /* @__PURE__ */ jsx81(
-                "button",
-                {
-                  type: "button",
-                  onClick: onDelete,
-                  style: mergeStyles(styles2.button, styles2.buttonGhost, {
-                    padding: "0.25rem"
-                  }),
-                  title: "Delete",
-                  children: /* @__PURE__ */ jsx81(TrashIcon3, { color: theme.colorMutedForeground })
-                }
-              )
-            ]
-          }
-        )
+        ]
+      }
+    )
+  ] });
+}
+function BellIcon({ color: color2, size: size4 = 24 }) {
+  return /* @__PURE__ */ jsxs58(
+    "svg",
+    {
+      width: size4,
+      height: size4,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: color2,
+      strokeWidth: "2",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: [
+        /* @__PURE__ */ jsx81("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9" }),
+        /* @__PURE__ */ jsx81("path", { d: "M13.73 21a2 2 0 01-3.46 0" })
       ]
     }
   );
 }
-function BellIcon({ color: color2, size: size4 = 24 }) {
-  return /* @__PURE__ */ jsxs58("svg", { width: size4, height: size4, viewBox: "0 0 24 24", fill: "none", stroke: color2, strokeWidth: "2", children: [
-    /* @__PURE__ */ jsx81("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9" }),
-    /* @__PURE__ */ jsx81("path", { d: "M13.73 21a2 2 0 01-3.46 0" })
-  ] });
-}
 function BellOffIcon2({ color: color2, size: size4 = 40 }) {
   return /* @__PURE__ */ jsxs58(
     "svg",
@@ -65631,6 +66051,8 @@ function BellOffIcon2({ color: color2, size: size4 = 40 }) {
       fill: "none",
       stroke: color2,
       strokeWidth: "1.5",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ jsx81("path", { d: "M8.56 2.9A7 7 0 0119 9v4m-2 4H2s3-2 3-9a4.67 4.67 0 01.3-1.7" }),
         /* @__PURE__ */ jsx81("path", { d: "M13.73 21a2 2 0 01-3.46 0" }),
@@ -65640,18 +66062,44 @@ function BellOffIcon2({ color: color2, size: size4 = 40 }) {
   );
 }
 function CheckIcon14({ color: color2 }) {
-  return /* @__PURE__ */ jsx81("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: color2, strokeWidth: "2", children: /* @__PURE__ */ jsx81("polyline", { points: "20 6 9 17 4 12" }) });
+  return /* @__PURE__ */ jsx81(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: color2,
+      strokeWidth: "2",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: /* @__PURE__ */ jsx81("polyline", { points: "20 6 9 17 4 12" })
+    }
+  );
 }
 function TrashIcon3({ color: color2 }) {
-  return /* @__PURE__ */ jsxs58("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: color2, strokeWidth: "2", children: [
-    /* @__PURE__ */ jsx81("polyline", { points: "3 6 5 6 21 6" }),
-    /* @__PURE__ */ jsx81("path", { d: "M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2" })
-  ] });
+  return /* @__PURE__ */ jsxs58(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: color2,
+      strokeWidth: "2",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: [
+        /* @__PURE__ */ jsx81("polyline", { points: "3 6 5 6 21 6" }),
+        /* @__PURE__ */ jsx81("path", { d: "M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2" })
+      ]
+    }
+  );
 }
 
 // src/react/ui/referral-card.tsx
 init_constants();
-import { useEffect as useEffect82, useState as useState98 } from "react";
+import { useEffect as useEffect82, useId as useId14, useState as useState98 } from "react";
 import { Fragment as Fragment46, jsx as jsx82, jsxs as jsxs59 } from "react/jsx-runtime";
 function ReferralCard(props) {
   return /* @__PURE__ */ jsx82(RequireSdk, { services: ["analytics"], componentType: "referral", theme: props.theme, children: /* @__PURE__ */ jsx82(ReferralCardInner, { ...props }) });
@@ -65678,6 +66126,7 @@ function ReferralCardInner({
     regenerateCode
   } = useReferral();
   const styles2 = baseStyles(theme);
+  const linkId = useId14();
   const [copied, setCopied] = useState98(null);
   const [isRegenerating, setIsRegenerating] = useState98(false);
   const [error2, setError] = useState98(null);
@@ -65772,11 +66221,12 @@ function ReferralCardInner({
     ] }),
     (error2 || referralError) && /* @__PURE__ */ jsx82("div", { style: mergeStyles(styles2.alert, styles2.alertError, styles2.mb4), children: error2 || referralError?.message }),
     link && /* @__PURE__ */ jsxs59("div", { style: { marginBottom: "1.5rem" }, children: [
-      /* @__PURE__ */ jsx82("label", { style: styles2.label, children: "Your Referral Link" }),
+      /* @__PURE__ */ jsx82("label", { htmlFor: linkId, style: styles2.label, children: "Your Referral Link" }),
       /* @__PURE__ */ jsxs59("div", { style: mergeStyles(styles2.flexRow, { gap: "0.5rem" }), children: [
         /* @__PURE__ */ jsx82(
           "input",
           {
+            id: linkId,
             type: "text",
             value: link,
             readOnly: true,
@@ -65807,8 +66257,8 @@ function ReferralCardInner({
         )
       ] })
     ] }),
-    code && /* @__PURE__ */ jsxs59("div", { style: { marginBottom: "1.5rem" }, children: [
-      /* @__PURE__ */ jsx82("label", { style: styles2.label, children: "Your Referral Code" }),
+    code && /* @__PURE__ */ jsxs59("fieldset", { style: { marginBottom: "1.5rem", border: "none", padding: 0, margin: 0 }, children: [
+      /* @__PURE__ */ jsx82("legend", { style: mergeStyles(styles2.label, { padding: 0 }), children: "Your Referral Code" }),
       /* @__PURE__ */ jsxs59("div", { style: mergeStyles(styles2.flexRow, { gap: "0.5rem" }), children: [
         /* @__PURE__ */ jsx82(
           "div",
@@ -65921,8 +66371,8 @@ function ReferralCardInner({
         ]
       }
     ) }),
-    showShare && link && /* @__PURE__ */ jsxs59("div", { children: [
-      /* @__PURE__ */ jsx82("label", { style: styles2.label, children: "Share via" }),
+    showShare && link && /* @__PURE__ */ jsxs59("fieldset", { style: { border: "none", padding: 0, margin: 0 }, children: [
+      /* @__PURE__ */ jsx82("legend", { style: mergeStyles(styles2.label, { padding: 0 }), children: "Share via" }),
       /* @__PURE__ */ jsxs59(
         "div",
         {
@@ -65991,6 +66441,8 @@ function CopyIcon2({ size: size4 = 24 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ jsx82("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
         /* @__PURE__ */ jsx82("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
@@ -66010,6 +66462,8 @@ function CheckIcon15({ size: size4 = 24 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: /* @__PURE__ */ jsx82("polyline", { points: "20 6 9 17 4 12" })
     }
   );
@@ -66026,6 +66480,8 @@ function RefreshIcon2({ size: size4 = 24 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ jsx82("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }),
         /* @__PURE__ */ jsx82("path", { d: "M21 3v5h-5" }),
@@ -66047,6 +66503,8 @@ function GiftIcon({ color: color2 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ jsx82("polyline", { points: "20 12 20 22 4 22 4 12" }),
         /* @__PURE__ */ jsx82("rect", { x: "2", y: "7", width: "20", height: "5" }),
@@ -66058,10 +66516,32 @@ function GiftIcon({ color: color2 }) {
   );
 }
 function TwitterIcon2({ size: size4 = 24 }) {
-  return /* @__PURE__ */ jsx82("svg", { width: size4, height: size4, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx82("path", { d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" }) });
+  return /* @__PURE__ */ jsx82(
+    "svg",
+    {
+      width: size4,
+      height: size4,
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: /* @__PURE__ */ jsx82("path", { d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" })
+    }
+  );
 }
 function LinkedInIcon2({ size: size4 = 24 }) {
-  return /* @__PURE__ */ jsx82("svg", { width: size4, height: size4, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx82("path", { d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" }) });
+  return /* @__PURE__ */ jsx82(
+    "svg",
+    {
+      width: size4,
+      height: size4,
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: /* @__PURE__ */ jsx82("path", { d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" })
+    }
+  );
 }
 function EmailIcon({ size: size4 = 24 }) {
   return /* @__PURE__ */ jsxs59(
@@ -66075,6 +66555,8 @@ function EmailIcon({ size: size4 = 24 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ jsx82("path", { d: "M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" }),
         /* @__PURE__ */ jsx82("polyline", { points: "22,6 12,13 2,6" })
@@ -66086,7 +66568,7 @@ function EmailIcon({ size: size4 = 24 }) {
 // src/react/ui/security-settings.tsx
 init_constants();
 import { useMutation as useMutation3, useQuery as useQuery11, useQueryClient as useQueryClient10 } from "@tanstack/react-query";
-import { useCallback as useCallback75, useEffect as useEffect83, useState as useState99 } from "react";
+import { useCallback as useCallback75, useEffect as useEffect83, useId as useId15, useState as useState99 } from "react";
 import { Fragment as Fragment47, jsx as jsx83, jsxs as jsxs60 } from "react/jsx-runtime";
 function SecuritySettings({
   theme = defaultTheme,
@@ -66102,6 +66584,10 @@ function SecuritySettings({
   const securityContext = useSecurityContext();
   const queryClient = useQueryClient10();
   const styles2 = baseStyles(theme);
+  const verifyCodeId = useId15();
+  const currentPasswordId = useId15();
+  const newPasswordId = useId15();
+  const confirmPasswordId = useId15();
   const [error2, setError] = useState99(null);
   const [success, setSuccess] = useState99(null);
   const [showSetup2FA, setShowSetup2FA] = useState99(false);
@@ -66457,10 +66943,11 @@ function SecuritySettings({
             ] }),
             /* @__PURE__ */ jsxs60("form", { onSubmit: handleEnable2FA, children: [
               /* @__PURE__ */ jsxs60("div", { style: styles2.formGroup, children: [
-                /* @__PURE__ */ jsx83("label", { style: styles2.label, children: "Verification Code" }),
+                /* @__PURE__ */ jsx83("label", { htmlFor: verifyCodeId, style: styles2.label, children: "Verification Code" }),
                 /* @__PURE__ */ jsx83(
                   "input",
                   {
+                    id: verifyCodeId,
                     type: "text",
                     value: verifyCode,
                     onChange: (e2) => setVerifyCode(e2.target.value.replace(/\D/g, "").slice(0, 6)),
@@ -66544,10 +67031,11 @@ function SecuritySettings({
           },
           children: [
             /* @__PURE__ */ jsxs60("div", { style: styles2.formGroup, children: [
-              /* @__PURE__ */ jsx83("label", { style: styles2.label, children: "Current Password" }),
+              /* @__PURE__ */ jsx83("label", { htmlFor: currentPasswordId, style: styles2.label, children: "Current Password" }),
               /* @__PURE__ */ jsx83(
                 "input",
                 {
+                  id: currentPasswordId,
                   type: "password",
                   value: currentPassword,
                   onChange: (e2) => setCurrentPassword(e2.target.value),
@@ -66557,10 +67045,11 @@ function SecuritySettings({
               )
             ] }),
             /* @__PURE__ */ jsxs60("div", { style: styles2.formGroup, children: [
-              /* @__PURE__ */ jsx83("label", { style: styles2.label, children: "New Password" }),
+              /* @__PURE__ */ jsx83("label", { htmlFor: newPasswordId, style: styles2.label, children: "New Password" }),
               /* @__PURE__ */ jsx83(
                 "input",
                 {
+                  id: newPasswordId,
                   type: "password",
                   value: newPassword,
                   onChange: (e2) => setNewPassword(e2.target.value),
@@ -66571,10 +67060,11 @@ function SecuritySettings({
               )
             ] }),
             /* @__PURE__ */ jsxs60("div", { style: styles2.formGroup, children: [
-              /* @__PURE__ */ jsx83("label", { style: styles2.label, children: "Confirm New Password" }),
+              /* @__PURE__ */ jsx83("label", { htmlFor: confirmPasswordId, style: styles2.label, children: "Confirm New Password" }),
               /* @__PURE__ */ jsx83(
                 "input",
                 {
+                  id: confirmPasswordId,
                   type: "password",
                   value: confirmPassword,
                   onChange: (e2) => setConfirmPassword(e2.target.value),
@@ -66809,6 +67299,8 @@ function ShieldIcon2({ size: size4 = 24 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: /* @__PURE__ */ jsx83("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" })
     }
   );
@@ -66827,6 +67319,8 @@ function DeviceIcon({ device, theme }) {
         strokeWidth: "2",
         strokeLinecap: "round",
         strokeLinejoin: "round",
+        "aria-hidden": "true",
+        focusable: "false",
         children: [
           /* @__PURE__ */ jsx83("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", ry: "2" }),
           /* @__PURE__ */ jsx83("line", { x1: "12", y1: "18", x2: "12.01", y2: "18" })
@@ -66845,6 +67339,8 @@ function DeviceIcon({ device, theme }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ jsx83("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", ry: "2" }),
         /* @__PURE__ */ jsx83("line", { x1: "8", y1: "21", x2: "16", y2: "21" }),
@@ -67095,7 +67591,7 @@ function SubscriberPreferences({
 
 // src/react/ui/unsubscribe-confirm.tsx
 init_constants();
-import { useEffect as useEffect85, useState as useState101 } from "react";
+import { useEffect as useEffect85, useId as useId16, useState as useState101 } from "react";
 import { Fragment as Fragment49, jsx as jsx85, jsxs as jsxs62 } from "react/jsx-runtime";
 var DEFAULT_REASONS = [
   { id: "too_many", label: "Too many emails" },
@@ -67121,6 +67617,7 @@ function UnsubscribeConfirm({
 }) {
   const { unsubscribe, subscribe } = useNewsletter();
   const styles2 = baseStyles(theme);
+  const reasonId = useId16();
   const [status, setStatus] = useState101(() => token ? "pending" : "missing_token");
   const [selectedReason, setSelectedReason] = useState101("");
   const [error2, setError] = useState101(null);
@@ -67179,6 +67676,8 @@ function UnsubscribeConfirm({
               fill: "none",
               stroke: "currentColor",
               strokeWidth: "2",
+              "aria-hidden": "true",
+              focusable: "false",
               children: [
                 /* @__PURE__ */ jsx85("circle", { cx: "12", cy: "12", r: "10" }),
                 /* @__PURE__ */ jsx85("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
@@ -67213,6 +67712,7 @@ function UnsubscribeConfirm({
             /* @__PURE__ */ jsx85(
               "label",
               {
+                htmlFor: reasonId,
                 style: mergeStyles(styles2.label, {
                   marginBottom: "0.5rem",
                   display: "block"
@@ -67223,6 +67723,7 @@ function UnsubscribeConfirm({
             /* @__PURE__ */ jsxs62(
               "select",
               {
+                id: reasonId,
                 value: selectedReason,
                 onChange: (e2) => setSelectedReason(e2.target.value),
                 style: styles2.input,
@@ -67271,6 +67772,8 @@ function UnsubscribeConfirm({
               fill: "none",
               stroke: "currentColor",
               strokeWidth: "2",
+              "aria-hidden": "true",
+              focusable: "false",
               children: [
                 /* @__PURE__ */ jsx85("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
                 /* @__PURE__ */ jsx85("polyline", { points: "22 4 12 14.01 9 11.01" })
@@ -67327,6 +67830,8 @@ function UnsubscribeConfirm({
               fill: "none",
               stroke: "currentColor",
               strokeWidth: "2",
+              "aria-hidden": "true",
+              focusable: "false",
               children: [
                 /* @__PURE__ */ jsx85("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
                 /* @__PURE__ */ jsx85("polyline", { points: "22 4 12 14.01 9 11.01" })
@@ -67368,6 +67873,8 @@ function UnsubscribeConfirm({
               fill: "none",
               stroke: "currentColor",
               strokeWidth: "2",
+              "aria-hidden": "true",
+              focusable: "false",
               children: [
                 /* @__PURE__ */ jsx85("circle", { cx: "12", cy: "12", r: "10" }),
                 /* @__PURE__ */ jsx85("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
@@ -67409,6 +67916,8 @@ function UnsubscribeConfirm({
               fill: "none",
               stroke: "currentColor",
               strokeWidth: "2",
+              "aria-hidden": "true",
+              focusable: "false",
               children: [
                 /* @__PURE__ */ jsx85("circle", { cx: "12", cy: "12", r: "10" }),
                 /* @__PURE__ */ jsx85("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
@@ -67471,7 +67980,7 @@ function UnsubscribeConfirm({
 
 // src/react/ui/user-profile.tsx
 init_constants();
-import { useCallback as useCallback76, useEffect as useEffect86, useRef as useRef95, useState as useState102 } from "react";
+import { useCallback as useCallback76, useEffect as useEffect86, useId as useId17, useRef as useRef95, useState as useState102 } from "react";
 import { Fragment as Fragment50, jsx as jsx86, jsxs as jsxs63 } from "react/jsx-runtime";
 function UserProfile(props) {
   return /* @__PURE__ */ jsx86(RequireSdk, { services: ["auth", "storage"], componentType: "user", theme: props.theme, children: /* @__PURE__ */ jsx86(UserProfileInner, { ...props }) });
@@ -67489,8 +67998,10 @@ function UserProfileInner({
 }) {
   const { user, isLoading: isUserLoading, refresh: refreshUser } = useUser();
   const userContext = useUserContext();
-  const { uploadAvatar, isUploading: isUploadingAvatar, uploadError } = useStorage();
+  const { uploadAvatar, isUploading: isUploadingAvatar } = useStorage();
   const styles2 = baseStyles(theme);
+  const nameId = useId17();
+  const emailId = useId17();
   const [activeSection, setActiveSection] = useState102(sections[0]);
   const [form, setForm] = useState102({ name: "", image: "" });
   const [error2, setError] = useState102(null);
@@ -67595,17 +68106,19 @@ function UserProfileInner({
       transition: "opacity 0.15s ease-in-out"
     };
     return /* @__PURE__ */ jsxs63(
-      "div",
+      "button",
       {
-        style: avatarStyle,
+        type: "button",
         onClick: () => fileInputRef.current?.click(),
-        onMouseEnter: (e2) => {
-          const overlay = e2.currentTarget.querySelector(".avatar-overlay");
-          if (overlay) overlay.style.opacity = "1";
-        },
-        onMouseLeave: (e2) => {
-          const overlay = e2.currentTarget.querySelector(".avatar-overlay");
-          if (overlay) overlay.style.opacity = "0";
+        "aria-label": "Upload avatar",
+        className: "sylphx-upload-hover",
+        style: {
+          ...avatarStyle,
+          border: "none",
+          padding: 0,
+          cursor: "pointer",
+          font: "inherit",
+          color: "inherit"
         },
         children: [
           form.image ? /* @__PURE__ */ jsx86(
@@ -67616,7 +68129,7 @@ function UserProfileInner({
               style: { width: "100%", height: "100%", objectFit: "cover" }
             }
           ) : /* @__PURE__ */ jsx86("span", { style: { fontSize: "2rem", color: theme.colorMutedForeground }, children: form.name?.charAt(0)?.toUpperCase() || "?" }),
-          /* @__PURE__ */ jsx86("div", { className: "avatar-overlay", style: overlayStyle, children: isUploadingAvatar ? /* @__PURE__ */ jsx86("span", { style: mergeStyles(styles2.spinner, { color: "#fff" }) }) : /* @__PURE__ */ jsx86(CameraIcon2, { color: "#fff" }) }),
+          /* @__PURE__ */ jsx86("div", { className: "sylphx-upload-hover__overlay", style: overlayStyle, children: isUploadingAvatar ? /* @__PURE__ */ jsx86("span", { style: mergeStyles(styles2.spinner, { color: "#fff" }) }) : /* @__PURE__ */ jsx86(CameraIcon2, { color: "#fff" }) }),
           /* @__PURE__ */ jsx86(
             "input",
             {
@@ -67656,10 +68169,11 @@ function UserProfileInner({
   const renderProfileSection = () => /* @__PURE__ */ jsxs63("form", { onSubmit: handleProfileUpdate, children: [
     /* @__PURE__ */ jsx86("div", { style: mergeStyles(styles2.flexCenter, styles2.mb6), children: renderAvatar() }),
     /* @__PURE__ */ jsxs63("div", { style: styles2.formGroup, children: [
-      /* @__PURE__ */ jsx86("label", { style: styles2.label, children: "Name" }),
+      /* @__PURE__ */ jsx86("label", { htmlFor: nameId, style: styles2.label, children: "Name" }),
       /* @__PURE__ */ jsx86(
         "input",
         {
+          id: nameId,
           type: "text",
           value: form.name,
           onChange: (e2) => setForm((prev) => ({ ...prev, name: e2.target.value })),
@@ -67670,10 +68184,11 @@ function UserProfileInner({
       )
     ] }),
     /* @__PURE__ */ jsxs63("div", { style: styles2.formGroup, children: [
-      /* @__PURE__ */ jsx86("label", { style: styles2.label, children: "Email" }),
+      /* @__PURE__ */ jsx86("label", { htmlFor: emailId, style: styles2.label, children: "Email" }),
       /* @__PURE__ */ jsx86(
         "input",
         {
+          id: emailId,
           type: "email",
           value: user?.email || "",
           disabled: true,
@@ -67812,6 +68327,8 @@ function CameraIcon2({ color: color2 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ jsx86("path", { d: "M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z" }),
         /* @__PURE__ */ jsx86("circle", { cx: "12", cy: "13", r: "3" })
@@ -67830,13 +68347,15 @@ function CloseIcon6({ color: color2 }) {
       stroke: color2,
       strokeWidth: "2",
       strokeLinecap: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: /* @__PURE__ */ jsx86("path", { d: "M4 4L12 12M12 4L4 12" })
     }
   );
 }
 
 // src/react/ui/webhook-manager.tsx
-import { useEffect as useEffect87, useState as useState103 } from "react";
+import { useEffect as useEffect87, useId as useId18, useState as useState103 } from "react";
 import { jsx as jsx87, jsxs as jsxs64 } from "react/jsx-runtime";
 var DEFAULT_EVENTS = [
   "user.created",
@@ -67862,6 +68381,7 @@ function WebhookManager({
   isLoading = false,
   emptyMessage = "No webhooks configured"
 }) {
+  const urlId = useId18();
   const [showCreate, setShowCreate] = useState103(false);
   const [url, setUrl] = useState103("");
   const [selectedEvents, setSelectedEvents] = useState103([]);
@@ -68005,6 +68525,7 @@ function WebhookManager({
               /* @__PURE__ */ jsx87(
                 "label",
                 {
+                  htmlFor: urlId,
                   style: {
                     display: "block",
                     marginBottom: "0.5rem",
@@ -68017,6 +68538,7 @@ function WebhookManager({
               /* @__PURE__ */ jsx87(
                 "input",
                 {
+                  id: urlId,
                   type: "url",
                   value: url,
                   onChange: (e2) => setUrl(e2.target.value),
@@ -68026,15 +68548,16 @@ function WebhookManager({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs64("div", { style: { marginBottom: "1.5rem" }, children: [
+            /* @__PURE__ */ jsxs64("fieldset", { style: { marginBottom: "1.5rem", border: "none", padding: 0, margin: 0 }, children: [
               /* @__PURE__ */ jsx87(
-                "label",
+                "legend",
                 {
                   style: {
                     display: "block",
                     marginBottom: "0.5rem",
                     fontWeight: 500,
-                    fontSize: theme.fontSizeSm
+                    fontSize: theme.fontSizeSm,
+                    padding: 0
                   },
                   children: "Events to listen for *"
                 }
@@ -68295,12 +68818,24 @@ function WebhookDeliveryLog({
         children: emptyMessage
       }
     ) : displayedDeliveries.map((delivery, i2) => /* @__PURE__ */ jsxs64(
-      "div",
+      "button",
       {
+        type: "button",
+        "aria-expanded": expandedId === delivery.id,
         style: {
           padding: "0.75rem 1rem",
           borderBottom: i2 === displayedDeliveries.length - 1 ? "none" : `1px solid ${theme.colorBorder}`,
-          cursor: "pointer"
+          cursor: "pointer",
+          textAlign: "left",
+          font: "inherit",
+          color: "inherit",
+          width: "100%",
+          background: "transparent",
+          border: "none",
+          borderBottomStyle: "solid",
+          borderBottomWidth: i2 === displayedDeliveries.length - 1 ? 0 : 1,
+          borderBottomColor: theme.colorBorder,
+          display: "block"
         },
         onClick: () => setExpandedId(expandedId === delivery.id ? null : delivery.id),
         children: [
@@ -68450,6 +68985,8 @@ function WebhookIcon({ color: color2, size: size4 = 24 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ jsx87("path", { d: "M18 16.98h-5.99c-1.1 0-1.95.94-2.48 1.9A4 4 0 0 1 2 17c.01-.7.2-1.4.57-2" }),
         /* @__PURE__ */ jsx87("path", { d: "m6 17 3.13-5.78c.53-.97.1-2.18-.5-3.1a4 4 0 1 1 6.89-4.06" }),
@@ -68471,6 +69008,8 @@ function PlusIcon6({ color: color2 }) {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       style: { marginRight: "0.25rem" },
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ jsx87("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
         /* @__PURE__ */ jsx87("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
@@ -69562,7 +70101,7 @@ var ErrorTracker = class {
           const isInApp = !filename?.includes("node_modules") && !filename?.includes("vendor");
           let absPath = filename;
           if (urlPrefix && filename && !filename.startsWith("http")) {
-            absPath = urlPrefix.replace(/\/$/, "") + "/" + filename.replace(/^\.?\//, "");
+            absPath = `${urlPrefix.replace(/\/$/, "")}/${filename.replace(/^\.?\//, "")}`;
           }
           const debugId = debugIds?.[filename ?? ""];
           frames.push({
@@ -74015,7 +74554,6 @@ function toWebVitalMetric(metric) {
 async function reportMetric(metric) {
   metrics2[metric.name] = metric;
   if (config.debug) {
-    console.log(`[Web Vitals] ${metric.name}: ${metric.value.toFixed(2)} (${metric.rating})`);
   }
   config.onReport(metric);
   if (config.reportUrl && config.reportingMode === "immediate") {
@@ -74075,7 +74613,6 @@ function initWebVitals(userConfig = {}) {
   const samplingRate = userConfig.samplingRate ?? DEFAULT_WEB_VITALS_CONFIG.samplingRate;
   if (Math.random() > samplingRate) {
     if (userConfig.debug) {
-      console.log("[Web Vitals] Sampling skipped this page view");
     }
     return;
   }
@@ -74098,7 +74635,6 @@ function initWebVitals(userConfig = {}) {
     });
   }
   if (config.debug) {
-    console.log("[Web Vitals] Initialized");
   }
 }
 function getWebVitalsReport() {
@@ -74615,9 +75151,10 @@ function murmurHash3(key, seed = 0) {
   }
   k1 = 0;
   switch (remainder) {
+    // biome-ignore lint/suspicious/noFallthroughSwitchClause: MurmurHash3 tail mixing requires intentional fallthrough
     case 3:
       k1 ^= (key.charCodeAt(i2 + 2) & 255) << 16;
-    // fallthrough
+    // biome-ignore lint/suspicious/noFallthroughSwitchClause: MurmurHash3 tail mixing requires intentional fallthrough
     case 2:
       k1 ^= (key.charCodeAt(i2 + 1) & 255) << 8;
     // fallthrough
@@ -75180,7 +75717,6 @@ var LocalEvaluator = class {
   }
   debug(message, data) {
     if (this.config.debug) {
-      console.log(`[FeatureFlags] ${message}`, data ?? "");
     }
   }
   /**
@@ -75395,7 +75931,6 @@ var ExperimentManager = class {
   }
   debug(message, data) {
     if (this.config.debug) {
-      console.log(`[Experiments] ${message}`, data ?? "");
     }
   }
 };
@@ -75689,7 +76224,6 @@ var FlagStream = class {
   // ==========================================
   debug(message, data) {
     if (this.options.debug) {
-      console.log(`[FlagStream] ${message}`, data ?? "");
     }
   }
 };
@@ -75737,10 +76271,10 @@ var DEFAULT_FLAGS_CONFIG = {
 };
 
 // src/react/hooks/use-flag.ts
-import { useCallback as useCallback81, useContext as useContext81, useEffect as useEffect92, useMemo as useMemo130, useRef as useRef100, useState as useState107 } from "react";
+import { useCallback as useCallback81, useContext as useContext81, useEffect as useEffect92, useMemo as useMemo131, useRef as useRef100, useState as useState107 } from "react";
 
 // src/react/hooks/use-flags.tsx
-import { createContext as createContext67, useCallback as useCallback80, useContext as useContext80, useEffect as useEffect91, useMemo as useMemo129, useRef as useRef99, useState as useState106 } from "react";
+import { createContext as createContext67, useCallback as useCallback80, useContext as useContext80, useEffect as useEffect91, useMemo as useMemo130, useRef as useRef99, useState as useState106 } from "react";
 import { jsx as jsx89 } from "react/jsx-runtime";
 var FeatureFlagsContext = createContext67(null);
 function FeatureFlagsProvider({
@@ -75831,7 +76365,7 @@ function FeatureFlagsProvider({
       evaluatorRef.current.setContext(context);
     }
   }, [context]);
-  const value = useMemo129(
+  const value = useMemo130(
     () => ({
       evaluator: evaluatorRef.current,
       stream: streamRef.current,
@@ -75918,7 +76452,7 @@ function useFeatureFlags2() {
 }
 function useFlag(flagKey, defaultValue = false) {
   const { isEnabled, updateVersion } = useFeatureFlagsContext();
-  return useMemo129(
+  return useMemo130(
     () => isEnabled(flagKey, defaultValue),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [flagKey, defaultValue, isEnabled]
@@ -75926,7 +76460,7 @@ function useFlag(flagKey, defaultValue = false) {
 }
 function useFlagString(flagKey, defaultValue = "") {
   const { getString, updateVersion } = useFeatureFlagsContext();
-  return useMemo129(
+  return useMemo130(
     () => getString(flagKey, defaultValue),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [flagKey, defaultValue, getString]
@@ -75934,7 +76468,7 @@ function useFlagString(flagKey, defaultValue = "") {
 }
 function useFlagNumber(flagKey, defaultValue = 0) {
   const { getNumber, updateVersion } = useFeatureFlagsContext();
-  return useMemo129(
+  return useMemo130(
     () => getNumber(flagKey, defaultValue),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [flagKey, defaultValue, getNumber]
@@ -75942,7 +76476,7 @@ function useFlagNumber(flagKey, defaultValue = 0) {
 }
 function useFlagJSON(flagKey, defaultValue) {
   const { getJSON, updateVersion } = useFeatureFlagsContext();
-  return useMemo129(
+  return useMemo130(
     () => getJSON(flagKey, defaultValue),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [flagKey, defaultValue, getJSON]
@@ -75950,7 +76484,7 @@ function useFlagJSON(flagKey, defaultValue) {
 }
 function useFlagEvaluation(flagKey, defaultValue, contextOverride) {
   const { evaluate: evaluate2, updateVersion } = useFeatureFlagsContext();
-  return useMemo129(
+  return useMemo130(
     () => evaluate2(flagKey, defaultValue, contextOverride),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [flagKey, defaultValue, contextOverride, evaluate2]
@@ -75962,7 +76496,7 @@ function useExperiment(experimentKey) {
     throw new Error("useExperiment must be used within a FeatureFlagsProvider");
   }
   const { experiments, updateVersion } = ctx;
-  return useMemo129(() => {
+  return useMemo130(() => {
     const result = experiments.getVariant(experimentKey);
     return {
       variant: result.variant,
@@ -76020,7 +76554,7 @@ function useFlagStatus(key, options) {
   const [loading, setLoading] = useState107(!ctx?.isReady);
   const [error2, setError] = useState107(null);
   const mountedRef = useRef100(true);
-  const evalContext = useMemo130(() => {
+  const evalContext = useMemo131(() => {
     if (contextOverride) return contextOverride;
     if (userId || attributes) return { userId, ...attributes };
     return void 0;
@@ -76829,9 +77363,6 @@ var mixpanelHandler = {
     const { token, debug } = config2;
     ((f2, b2) => {
       if (!b2) return;
-      let _e;
-      let g2;
-      let a2;
       const c2 = {};
       c2._i = [];
       c2.init = (e2, f3) => {
@@ -76844,15 +77375,16 @@ var mixpanelHandler = {
         c2._i[0]?.[2]?.identify?.(...args);
       };
       c2.people = {
+        // biome-ignore lint/suspicious/noExplicitAny: Mixpanel SDK vendor snippet — matches Mixpanel's own typings
         set: (...args) => {
           c2._i[0]?.[2]?.people?.set?.(...args);
         }
       };
-      a2 = b2.createElement("script");
+      const a2 = b2.createElement("script");
       a2.type = "text/javascript";
       a2.async = true;
       a2.src = "https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js";
-      g2 = b2.getElementsByTagName("script")[0];
+      const g2 = b2.getElementsByTagName("script")[0];
       g2.parentNode?.insertBefore(a2, g2);
       f2.mixpanel = c2;
     })(window, document);
@@ -76907,7 +77439,8 @@ var segmentHandler = {
         "setAnonymousId",
         "addDestinationMiddleware"
       ];
-      analytics.factory = (e2) => (...args) => {
+      analytics.factory = // biome-ignore lint/suspicious/noExplicitAny: Segment SDK vendor snippet — returns a stub function that matches any Segment analytics method signature
+      (e2) => (...args) => {
         args.unshift(e2);
         analytics.push(args);
         return analytics;
@@ -76977,6 +77510,7 @@ var posthogHandler = {
         })(n2);
       }
       o2.people = {
+        // biome-ignore lint/suspicious/noExplicitAny: PostHog SDK vendor snippet — matches PostHog's own typings
         set: (...args) => {
           o2.__load_queue.push(["people.set", args]);
         }
@@ -77174,7 +77708,7 @@ function createDestinationRouter(config2) {
           } else {
             handlers[dest.type].page(name || document.title, properties, dest.config);
           }
-          if (debug) console.log(`[Router] Page view to ${dest.type}`);
+          if (debug) console.log(`[Router] Paged to ${dest.type}`);
         } catch (error2) {
           console.error(`[Router] Failed to page to ${dest.type}:`, error2);
         }
@@ -78184,7 +78718,6 @@ var AnalyticsTracker = class {
   }
   debug(message, data) {
     if (this.config.debug) {
-      console.log(`[Analytics] ${message}`, data ?? "");
     }
   }
 };
@@ -78207,7 +78740,7 @@ function resetAnalyticsTracker() {
 
 // src/react/hooks/use-analytics.tsx
 init_constants();
-import React227, { createContext as createContext68, useCallback as useCallback82, useContext as useContext82, useEffect as useEffect93, useMemo as useMemo131, useRef as useRef101 } from "react";
+import React227, { createContext as createContext68, useCallback as useCallback82, useContext as useContext82, useEffect as useEffect93, useMemo as useMemo132, useRef as useRef101 } from "react";
 import { Fragment as Fragment51, jsx as jsx90 } from "react/jsx-runtime";
 var AnalyticsContext = createContext68(null);
 function AnalyticsProvider({
@@ -78232,7 +78765,7 @@ function AnalyticsProvider({
       trackerRef.current.identify(user.id, user.properties);
     }
   }, [user]);
-  const value = useMemo131(() => {
+  const value = useMemo132(() => {
     if (!trackerRef.current || disabled2) return null;
     return {
       tracker: trackerRef.current,
@@ -78246,94 +78779,71 @@ function AnalyticsProvider({
 }
 function useAnalyticsHook() {
   const ctx = useContext82(AnalyticsContext);
-  const noopTrack = useCallback82(() => {
-  }, []);
-  const noopIdentify = useCallback82(() => {
-  }, []);
-  const noopReset = useCallback82(() => {
-  }, []);
-  const noopSetUserProperties = useCallback82(() => {
-  }, []);
-  const noopSetUserPropertiesOnce = useCallback82(() => {
-  }, []);
-  const noopIncrementUserProperty = useCallback82(() => {
-  }, []);
-  const noopGroup = useCallback82(() => {
-  }, []);
-  const noopRegister = useCallback82(() => {
-  }, []);
-  const noopGetDistinctId = useCallback82(() => null, []);
-  const noopFlush = useCallback82(async () => {
-  }, []);
-  if (!ctx) {
-    return {
-      track: noopTrack,
-      identify: noopIdentify,
-      reset: noopReset,
-      setUserProperties: noopSetUserProperties,
-      setUserPropertiesOnce: noopSetUserPropertiesOnce,
-      incrementUserProperty: noopIncrementUserProperty,
-      group: noopGroup,
-      register: noopRegister,
-      getDistinctId: noopGetDistinctId,
-      isReady: false,
-      flush: noopFlush
-    };
-  }
-  const { tracker, isReady } = ctx;
+  const tracker = ctx?.tracker ?? null;
+  const isReady = ctx?.isReady ?? false;
+  const track = useCallback82(
+    (eventName, properties) => {
+      tracker?.track(eventName, properties);
+    },
+    [tracker]
+  );
+  const identify = useCallback82(
+    (userId, properties) => {
+      tracker?.identify(userId, properties);
+    },
+    [tracker]
+  );
+  const reset = useCallback82(() => {
+    tracker?.reset();
+  }, [tracker]);
+  const setUserProperties = useCallback82(
+    (properties) => {
+      tracker?.setUserProperties(properties);
+    },
+    [tracker]
+  );
+  const setUserPropertiesOnce = useCallback82(
+    (properties) => {
+      tracker?.setUserPropertiesOnce(properties);
+    },
+    [tracker]
+  );
+  const incrementUserProperty = useCallback82(
+    (property, value) => {
+      tracker?.incrementUserProperty(property, value);
+    },
+    [tracker]
+  );
+  const group = useCallback82(
+    (groupType, groupKey, properties) => {
+      tracker?.group(groupType, groupKey, properties);
+    },
+    [tracker]
+  );
+  const register = useCallback82(
+    (properties) => {
+      tracker?.register(properties);
+    },
+    [tracker]
+  );
+  const getDistinctId = useCallback82(() => {
+    return tracker?.getDistinctId() ?? null;
+  }, [tracker]);
+  const flush = useCallback82(async () => {
+    await tracker?.flush();
+  }, [tracker]);
   return {
-    track: useCallback82(
-      (eventName, properties) => {
-        tracker.track(eventName, properties);
-      },
-      [tracker]
-    ),
-    identify: useCallback82(
-      (userId, properties) => {
-        tracker.identify(userId, properties);
-      },
-      [tracker]
-    ),
-    reset: useCallback82(() => {
-      tracker.reset();
-    }, [tracker]),
-    setUserProperties: useCallback82(
-      (properties) => {
-        tracker.setUserProperties(properties);
-      },
-      [tracker]
-    ),
-    setUserPropertiesOnce: useCallback82(
-      (properties) => {
-        tracker.setUserPropertiesOnce(properties);
-      },
-      [tracker]
-    ),
-    incrementUserProperty: useCallback82(
-      (property, value) => {
-        tracker.incrementUserProperty(property, value);
-      },
-      [tracker]
-    ),
-    group: useCallback82(
-      (groupType, groupKey, properties) => {
-        tracker.group(groupType, groupKey, properties);
-      },
-      [tracker]
-    ),
-    register: useCallback82(
-      (properties) => {
-        tracker.register(properties);
-      },
-      [tracker]
-    ),
-    getDistinctId: useCallback82(() => {
-      return tracker.getDistinctId();
-    }, [tracker]),
+    track,
+    identify,
+    reset,
+    setUserProperties,
+    setUserPropertiesOnce,
+    incrementUserProperty,
+    group,
+    register,
+    getDistinctId,
     isReady,
-    flush: useCallback82(async () => {
-      await tracker.flush();
-    }, [tracker])
+    flush
   };
 }
 function usePageView(pageName, properties) {
@@ -78494,7 +79004,7 @@ function useTimeTracking(name, options) {
 }
 
 // src/react/hooks/use-destination-router.tsx
-import { useCallback as useCallback83, useEffect as useEffect94, useMemo as useMemo132, useRef as useRef102 } from "react";
+import { useCallback as useCallback83, useEffect as useEffect94, useMemo as useMemo133, useRef as useRef102 } from "react";
 import { createContext as createContext69, useContext as useContext83 } from "react";
 import { jsx as jsx91 } from "react/jsx-runtime";
 function useDestinationRouter(options) {
@@ -78509,7 +79019,7 @@ function useDestinationRouter(options) {
   const initializedRef = useRef102(false);
   const { hasConsent: checkConsent } = useConsent();
   const { user } = useUser();
-  const router = useMemo132(() => {
+  const router = useMemo133(() => {
     if (!autoInit || typeof window === "undefined") return null;
     const newRouter = createDestinationRouter({
       destinations,
@@ -79431,7 +79941,7 @@ var job = task;
 
 // src/react/hooks/use-realtime.ts
 init_constants();
-import { useCallback as useCallback84, useContext as useContext84, useEffect as useEffect95, useMemo as useMemo133, useRef as useRef103, useState as useState108 } from "react";
+import { useCallback as useCallback84, useContext as useContext84, useEffect as useEffect95, useMemo as useMemo134, useRef as useRef103, useState as useState108 } from "react";
 function useRealtime(channel, options = {}) {
   const {
     events,
@@ -79461,7 +79971,7 @@ function useRealtime(channel, options = {}) {
     }
     return url.toString();
   }, [platformUrl, channel]);
-  const sdkHeaders = useMemo133(
+  const sdkHeaders = useMemo134(
     () => ({
       "Content-Type": "application/json",
       "x-app-secret": appId,
@@ -79634,7 +80144,6 @@ function useRealtime(channel, options = {}) {
 function useRealtimeChannels(channels, options = {}) {
   const {
     events,
-    history: history2,
     onConnect,
     onMessage,
     onReconnect,
@@ -79712,11 +80221,13 @@ function useRealtimeChannels(channels, options = {}) {
     channels.forEach(connectChannel);
   }, [channels, connectChannel]);
   const disconnect = useCallback84(() => {
-    Object.values(eventSourcesRef.current).forEach((es) => es.close());
+    Object.values(eventSourcesRef.current).forEach((es) => {
+      es.close();
+    });
     eventSourcesRef.current = {};
     setStatuses({});
   }, []);
-  const sdkHeaders = useMemo133(
+  const sdkHeaders = useMemo134(
     () => ({
       "Content-Type": "application/json",
       "x-app-secret": appId,
@@ -79778,13 +80289,13 @@ function useRealtimeChannels(channels, options = {}) {
 
 // src/react/hooks/use-kv.ts
 init_constants();
-import { useCallback as useCallback85, useContext as useContext85, useMemo as useMemo134 } from "react";
+import { useCallback as useCallback85, useContext as useContext85, useMemo as useMemo135 } from "react";
 function useKv(options = {}) {
   const { platformUrl: customPlatformUrl } = options;
   const platformContext = useContext85(PlatformContext);
   const appId = platformContext?.appId || "";
   const platformUrl = customPlatformUrl || platformContext?.platformUrl || `https://${DEFAULT_SDK_API_HOST}`;
-  const headers = useMemo134(
+  const headers = useMemo135(
     () => ({
       "Content-Type": "application/json",
       "x-app-secret": appId,
@@ -79998,7 +80509,7 @@ function useKv(options = {}) {
     },
     [request]
   );
-  return useMemo134(
+  return useMemo135(
     () => ({
       get,
       set: set3,
@@ -80241,7 +80752,6 @@ var WebAnalyticsTracker = class {
       this._hookHistoryApi();
     }
     if (this.options.debug) {
-      console.log("[WebAnalytics] Initialized", this.options);
     }
   }
   /**
@@ -80263,7 +80773,6 @@ var WebAnalyticsTracker = class {
       timestamp: Date.now()
     };
     if (this.options.debug) {
-      console.log("[WebAnalytics] Page view:", payload);
     }
     this._send(`${SDK_API_PATH}/analytics/pageview`, payload);
   }
@@ -80279,7 +80788,6 @@ var WebAnalyticsTracker = class {
       sessionId: getOrCreateSessionId()
     };
     if (this.options.debug) {
-      console.log("[WebAnalytics] Identify:", payload);
     }
     this._send(`${SDK_API_PATH}/analytics/identify`, payload);
   }
@@ -80422,9 +80930,15 @@ function sendVital(url, appKey, payload) {
       headers,
       body: data,
       keepalive: true
-    }).catch(() => {
+    }).catch((err) => {
+      if (typeof console !== "undefined" && console.debug) {
+        console.debug("[sylphx:speed-insights] vitals beacon failed", err);
+      }
     });
-  } catch {
+  } catch (err) {
+    if (typeof console !== "undefined" && console.debug) {
+      console.debug("[sylphx:speed-insights] beacon setup failed", err);
+    }
   }
 }
 function SpeedInsights({