@sylphx/sdk 0.5.0 → 0.8.0-rc.1

package/dist/react/index.js

@@ -7730,22 +7730,22 @@ var import_jsx_runtime4 = require("react/jsx-runtime");
 var Accordion = (0, import_react4.forwardRef)(
   ({
     className,
-    type = "single",
+    type: _type = "single",
     value,
     defaultValue,
     onValueChange,
     disabled: disabled2,
-    orientation = "vertical",
+    orientation: _orientation = "vertical",
     children
   }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.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
     }
   )
@@ -7757,7 +7757,7 @@ var AccordionItem3 = (0, import_react4.forwardRef)(
     {
       ref,
       value,
-      disabled: disabled2,
+      ...disabled2 !== void 0 && { disabled: disabled2 },
       className: cn("border-b", className),
       children
     }
@@ -15303,7 +15303,14 @@ function buttonVariants({
 var Button = (0, import_react7.forwardRef)(
   ({ className, variant = "default", size: size4 = "default", asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Comp, { ref, className: buttonVariants({ variant, size: size4, className }), ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      Comp,
+      {
+        ref,
+        className: buttonVariants({ variant, size: size4, ...className !== void 0 && { className } }),
+        ...props
+      }
+    );
   }
 );
 Button.displayName = "Button";
@@ -15315,8 +15322,8 @@ var AlertDialogTrigger = (0, import_react8.forwardRef)(
     index_parts_exports2.Trigger,
     {
       ref,
-      className,
-      render: asChild ? children : void 0,
+      ...className !== void 0 && { className },
+      ...asChild ? { render: children } : {},
       children: asChild ? void 0 : children
     }
   )
@@ -15467,6 +15474,7 @@ var AvatarFallback = (0, import_react10.forwardRef)(
         const timer = setTimeout(() => setCanRender(true), delayMs);
         return () => clearTimeout(timer);
       }
+      return void 0;
     }, [delayMs]);
     if (status === "loaded" || !canRender) {
       return null;
@@ -15530,8 +15538,6 @@ var BreadcrumbPage = (0, import_react11.forwardRef)(
     "span",
     {
       ref,
-      role: "link",
-      "aria-disabled": "true",
       "aria-current": "page",
       className: cn("font-medium text-foreground", className),
       ...props
@@ -25857,6 +25863,7 @@ var ChallengeModal = (0, import_react41.forwardRef)(
         const timer = setTimeout(reset, 200);
         return () => clearTimeout(timer);
       }
+      return void 0;
     }, [open, reset]);
     (0, import_react41.useEffect)(() => {
       if (requirement) {
@@ -25877,6 +25884,7 @@ var ChallengeModal = (0, import_react41.forwardRef)(
         const timer = setTimeout(() => setCountdown(countdown - 1), 1e3);
         return () => clearTimeout(timer);
       }
+      return void 0;
     }, [countdown]);
     const handleSendCode = async () => {
       setLoading(true);
@@ -25962,7 +25970,7 @@ var ChallengeModal = (0, import_react41.forwardRef)(
             }
           )
         ] }),
-        step === "identity" ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_jsx_runtime34.Fragment, { children: hasMultipleIdentityMethods ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+        step === "identity" ? hasMultipleIdentityMethods ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
           Tabs,
           {
             value: identityMethod,
@@ -26033,7 +26041,7 @@ var ChallengeModal = (0, import_react41.forwardRef)(
             error: error2 ?? void 0,
             autoFocus: true
           }
-        ) }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_jsx_runtime34.Fragment, { children: hasMultipleMfaMethods ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+        ) : hasMultipleMfaMethods ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
           Tabs,
           {
             value: mfaMethod,
@@ -26096,7 +26104,7 @@ var ChallengeModal = (0, import_react41.forwardRef)(
             error: error2 ?? void 0,
             autoFocus: true
           }
-        ) })
+        )
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(DialogFooter, { children: [
         step === "mfa" && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Button, { variant: "outline", onClick: () => setStep("identity"), disabled: loading, children: [
@@ -33992,7 +34000,7 @@ var SelectScrollDownButton = (0, import_react49.forwardRef)(
 );
 SelectScrollDownButton.displayName = "SelectScrollDownButton";
 var SelectContent = (0, import_react49.forwardRef)(
-  ({ className, children, position = "popper", side = "bottom", sideOffset = 4 }, ref) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(index_parts_exports8.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(index_parts_exports8.Positioner, { side, sideOffset, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+  ({ className, children, position: _position = "popper", side = "bottom", sideOffset = 4 }, ref) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(index_parts_exports8.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(index_parts_exports8.Positioner, { side, sideOffset, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
     index_parts_exports8.Popup,
     {
       ref,
@@ -34396,6 +34404,7 @@ function TextEditor({
       }, successDuration);
       return () => clearTimeout(timer);
     }
+    return void 0;
   }, [state]);
   const startEditing = (0, import_react52.useCallback)(() => {
     if (disabled2 || state !== "idle") return;
@@ -34511,11 +34520,12 @@ function TextEditor({
     )
   ] });
   return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
-    "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
       ),
@@ -34679,6 +34689,7 @@ function SwitchEditor({ value, onSave, validate, disabled: disabled2, className,
       }, successDuration);
       return () => clearTimeout(timer);
     }
+    return void 0;
   }, [state]);
   const handleSwitchChange = (0, import_react52.useCallback)(
     async (checked) => {
@@ -34745,11 +34756,12 @@ function SwitchEditor({ value, onSave, validate, disabled: disabled2, className,
     )
   ] });
   return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
-    "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
       ),
@@ -34799,6 +34811,7 @@ function SelectEditor({
       }, successDuration);
       return () => clearTimeout(timer);
     }
+    return void 0;
   }, [state]);
   const handleSelectChange = (0, import_react52.useCallback)(
     async (newValue) => {
@@ -34868,11 +34881,12 @@ function SelectEditor({
     )
   ] });
   return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
-    "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
       ),
@@ -41815,8 +41829,8 @@ var TooltipTrigger3 = (0, import_react65.forwardRef)(
     index_parts_exports16.Trigger,
     {
       ref,
-      className,
-      render: asChild ? children : void 0,
+      ...className !== void 0 ? { className } : {},
+      ...asChild ? { render: children } : {},
       children: asChild ? void 0 : children
     }
   )
@@ -43148,7 +43162,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,
@@ -43859,6 +43873,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;
@@ -44079,6 +44098,8 @@ function ToolIcon() {
       fill: "none",
       stroke: "currentColor",
       strokeWidth: "2",
+      "aria-hidden": "true",
+      focusable: "false",
       children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("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" })
     }
   );
@@ -44093,6 +44114,8 @@ function CopyIcon() {
       fill: "none",
       stroke: "currentColor",
       strokeWidth: "2",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
         /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
@@ -44101,7 +44124,20 @@ function CopyIcon() {
   );
 }
 function CheckIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "#22c55e", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("polyline", { points: "20 6 9 17 4 12" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "#22c55e",
+      strokeWidth: "2",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("polyline", { points: "20 6 9 17 4 12" })
+    }
+  );
 }
 function BookIcon() {
   return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
@@ -44113,6 +44149,8 @@ function BookIcon() {
       fill: "none",
       stroke: "currentColor",
       strokeWidth: "2",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("path", { d: "M4 19.5A2.5 2.5 0 0 1 6.5 17H20" }),
         /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("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" })
@@ -44121,11 +44159,24 @@ function BookIcon() {
   );
 }
 function AlertIcon({ color: color2 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: color2, strokeWidth: "2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
-    /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: color2,
+      strokeWidth: "2",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+      ]
+    }
+  );
 }
 var styles = {
   // Development card styles
@@ -44644,9 +44695,9 @@ function useOrganization() {
   const [isLoading, setIsLoading] = (0, import_react76.useState)(true);
   const [error2, setError] = (0, import_react76.useState)(null);
   const channelRef = (0, import_react76.useRef)(null);
-  const config2 = platform3?.ref ? createConfig({
+  const config2 = platform3?.slug ? createConfig({
     secretKey: platform3.appId,
-    ref: platform3.ref
+    slug: platform3.slug
   }) : null;
   const getStoredOrgSlug = (0, import_react76.useCallback)(() => {
     if (typeof window === "undefined") return null;
@@ -45765,6 +45816,8 @@ function CheckIcon3({ size: size4 = 24 }) {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       style: { flexShrink: 0 },
+      "aria-hidden": "true",
+      focusable: "false",
       children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("path", { d: "M20 6 9 17l-5-5" })
     }
   );
@@ -45971,14 +46024,17 @@ function Modal({
     cursor: "pointer",
     transition: "color 0.15s ease-in-out, background-color 0.15s ease-in-out"
   };
-  const modal = /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { style: backdropStyle, onClick: handleBackdropClick, role: "dialog", "aria-modal": "true", children: /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
+  const modal = /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
     "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__ */ (0, import_jsx_runtime111.jsxs)("div", { ref: modalRef, style: mergeStyles(contentStyle), className, children: [
         /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
           "button",
           {
@@ -45998,9 +46054,9 @@ function Modal({
           }
         ),
         children
-      ]
+      ] })
     }
-  ) });
+  );
   return (0, import_react_dom6.createPortal)(modal, document.body);
 }
 function CloseIcon() {
@@ -46014,6 +46070,8 @@ function CloseIcon() {
       stroke: "currentColor",
       strokeWidth: "2",
       strokeLinecap: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("path", { d: "M4 4L12 12M12 4L4 12" })
     }
   );
@@ -46054,6 +46112,7 @@ function ForgotPassword({
   const { forgotPassword } = useSafeAuth();
   const { isSignedIn, isLoaded } = useSafeUser();
   const styles2 = baseStyles(theme);
+  const emailId = (0, import_react82.useId)();
   const [modalOpen, setModalOpen] = (0, import_react82.useState)(false);
   const [email, setEmail] = (0, import_react82.useState)("");
   const [error2, setError] = (0, import_react82.useState)(null);
@@ -46063,12 +46122,6 @@ function ForgotPassword({
   (0, import_react82.useEffect)(() => {
     injectGlobalStyles();
   }, []);
-  if (!isReady) {
-    return renderError();
-  }
-  if (isLoaded && isSignedIn) {
-    return null;
-  }
   const handleSubmit = (0, import_react82.useCallback)(
     async (e2) => {
       e2.preventDefault();
@@ -46096,6 +46149,12 @@ function ForgotPassword({
     },
     [email, forgotPassword, afterSubmitUrl, onSuccess, onError]
   );
+  if (!isReady) {
+    return renderError();
+  }
+  if (isLoaded && isSignedIn) {
+    return null;
+  }
   const renderForm = () => {
     if (isSubmitted) {
       return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { style: styles2.textCenter, children: [
@@ -46126,10 +46185,11 @@ function ForgotPassword({
     }
     return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("form", { onSubmit: handleSubmit, children: [
       /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { style: styles2.formGroup, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("label", { style: styles2.label, children: "Email address" }),
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("label", { htmlFor: emailId, style: styles2.label, children: "Email address" }),
         /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
           "input",
           {
+            id: emailId,
             type: "email",
             value: email,
             onChange: (e2) => {
@@ -46226,6 +46286,8 @@ function MailIcon({ color: color2 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("rect", { width: "20", height: "16", x: "2", y: "4", rx: "2" }),
         /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("path", { d: "m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" })
@@ -46285,6 +46347,8 @@ function InviteMemberInner({
 }) {
   const { organization, inviteMember, hasPermission: hasPermission2 } = useOrganization();
   const styles2 = baseStyles(theme);
+  const emailId = (0, import_react83.useId)();
+  const roleGroupId = (0, import_react83.useId)();
   const [email, setEmail] = (0, import_react83.useState)("");
   const [role, setRole] = (0, import_react83.useState)(defaultRole);
   const [isLoading, setIsLoading] = (0, import_react83.useState)(false);
@@ -46349,10 +46413,11 @@ function InviteMemberInner({
   }
   const formContent = /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("form", { onSubmit: handleSubmit, children: [
     /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { style: styles2.formGroup, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("label", { style: styles2.label, children: "Email address" }),
+      /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("label", { htmlFor: emailId, style: styles2.label, children: "Email address" }),
       /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
         "input",
         {
+          id: emailId,
           type: "email",
           value: email,
           onChange: (e2) => {
@@ -46374,10 +46439,12 @@ function InviteMemberInner({
       )
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { style: styles2.formGroup, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("label", { style: styles2.label, children: "Role" }),
+      /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { id: roleGroupId, style: styles2.label, children: "Role" }),
       /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
         "div",
         {
+          role: "radiogroup",
+          "aria-labelledby": roleGroupId,
           style: {
             display: "flex",
             flexDirection: "column",
@@ -46498,14 +46565,19 @@ function InviteMemberInner({
   if (asModal) {
     return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(import_jsx_runtime113.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
-        "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
         }
@@ -46581,6 +46653,8 @@ function CheckIcon4({ color: color2, size: size4 = 24 }) {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       style: { flexShrink: 0 },
+      "aria-hidden": "true",
+      focusable: "false",
       children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("path", { d: "M20 6 9 17l-5-5" })
     }
   );
@@ -46598,6 +46672,8 @@ function SendIcon({ size: size4 = 24 }) {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       style: { flexShrink: 0 },
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("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__ */ (0, import_jsx_runtime113.jsx)("path", { d: "m21.854 2.147-10.94 10.939" })
@@ -46618,6 +46694,8 @@ function XIcon({ size: size4 = 24 }) {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       style: { flexShrink: 0 },
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("path", { d: "M18 6 6 18" }),
         /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("path", { d: "m6 6 12 12" })
@@ -46856,16 +46934,13 @@ function MembersListInner({
         },
         children: [
           visibleMembers.map((member) => /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { style: memberItemStyles, children: [
-            member.image ? (
-              // biome-ignore lint/performance/noImgElement: SDK package — Next.js Image not available
-              /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
-                "img",
-                {
-                  src: member.image,
-                  alt: member.name || member.email,
-                  style: { ...avatarStyles, objectFit: "cover" }
-                }
-              )
+            member.image ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+              "img",
+              {
+                src: member.image,
+                alt: member.name || member.email,
+                style: { ...avatarStyles, objectFit: "cover" }
+              }
             ) : /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { style: avatarStyles, children: (member.name || member.email).charAt(0).toUpperCase() }),
             /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
               /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
@@ -47700,12 +47775,27 @@ function ChevronIcon() {
       fill: "none",
       stroke: "currentColor",
       strokeWidth: "2",
+      "aria-hidden": "true",
+      focusable: "false",
       children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("path", { d: "m6 9 6 6 6-6" })
     }
   );
 }
 function CheckIcon5({ color: color2, size: size4 = 24 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("svg", { width: size4, height: size4, viewBox: "0 0 24 24", fill: "none", stroke: color2, strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("path", { d: "M20 6 9 17l-5-5" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+    "svg",
+    {
+      width: size4,
+      height: size4,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: color2,
+      strokeWidth: "2",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("path", { d: "M20 6 9 17l-5-5" })
+    }
+  );
 }
 function PlusIcon2() {
   return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
@@ -47717,15 +47807,30 @@ function PlusIcon2() {
       fill: "none",
       stroke: "currentColor",
       strokeWidth: "2",
+      "aria-hidden": "true",
+      focusable: "false",
       children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("path", { d: "M12 5v14M5 12h14" })
     }
   );
 }
 function SettingsIcon2({ color: color2 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: color2, strokeWidth: "2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("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__ */ (0, import_jsx_runtime115.jsx)("circle", { cx: "12", cy: "12", r: "3" })
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
+    "svg",
+    {
+      width: "18",
+      height: "18",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: color2,
+      strokeWidth: "2",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("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__ */ (0, import_jsx_runtime115.jsx)("circle", { cx: "12", cy: "12", r: "3" })
+      ]
+    }
+  );
 }
 
 // src/react/components/pricing-table.tsx
@@ -47747,7 +47852,9 @@ function PricingTableInner({
 }) {
   const { plans, plansLoading, plansError, subscription, isPremium, createCheckout, refresh } = useBilling();
   const styles2 = baseStyles(theme);
-  const [interval, setInterval2] = (0, import_react86.useState)(defaultInterval);
+  const [interval, setSelectedInterval] = (0, import_react86.useState)(
+    defaultInterval
+  );
   const [loadingPlan, setLoadingPlan] = (0, import_react86.useState)(null);
   (0, import_react86.useEffect)(() => {
     injectGlobalStyles();
@@ -47896,7 +48003,7 @@ function PricingTableInner({
             "button",
             {
               type: "button",
-              onClick: () => setInterval2("monthly"),
+              onClick: () => setSelectedInterval("monthly"),
               style: mergeStyles(styles2.tab, interval === "monthly" ? styles2.tabActive : {}),
               children: "Monthly"
             }
@@ -47905,7 +48012,7 @@ function PricingTableInner({
             "button",
             {
               type: "button",
-              onClick: () => setInterval2("annual"),
+              onClick: () => setSelectedInterval("annual"),
               style: mergeStyles(styles2.tab, interval === "annual" ? styles2.tabActive : {}),
               children: [
                 "Annual",
@@ -48165,6 +48272,8 @@ function ResetPassword({
   const { resetPassword } = useSafeAuth();
   const { isSignedIn, isLoaded } = useSafeUser();
   const styles2 = baseStyles(theme);
+  const passwordId = (0, import_react87.useId)();
+  const confirmPasswordId = (0, import_react87.useId)();
   const [password, setPassword] = (0, import_react87.useState)("");
   const [confirmPassword, setConfirmPassword] = (0, import_react87.useState)("");
   const [error2, setError] = (0, import_react87.useState)(null);
@@ -48174,31 +48283,6 @@ function ResetPassword({
   (0, import_react87.useEffect)(() => {
     injectGlobalStyles();
   }, []);
-  if (!isReady) {
-    return renderError();
-  }
-  if (isLoaded && isSignedIn) {
-    if (typeof window !== "undefined") {
-      safeRedirect(afterResetUrl, { fallback: "/sign-in" });
-    }
-    return null;
-  }
-  if (!token) {
-    return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { style: showCard ? styles2.card : {}, children: /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { style: styles2.container, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { style: mergeStyles(styles2.cardHeader, styles2.textCenter), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("h2", { style: styles2.cardTitle, children: "Invalid reset link" }),
-        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("p", { style: styles2.cardDescription, children: "This password reset link is invalid or has expired." })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { style: styles2.cardContent, children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
-        "a",
-        {
-          href: signInUrl,
-          style: mergeStyles(styles2.button, styles2.buttonPrimary, styles2.buttonFullWidth),
-          children: "Back to sign in"
-        }
-      ) })
-    ] }) });
-  }
   const handleSubmit = (0, import_react87.useCallback)(
     async (e2) => {
       e2.preventDefault();
@@ -48211,6 +48295,10 @@ function ResetPassword({
         setError("Password must be at least 12 characters");
         return;
       }
+      if (!token) {
+        setError("Missing reset token");
+        return;
+      }
       setIsLoading(true);
       try {
         if (!resetPassword) {
@@ -48234,6 +48322,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__ */ (0, import_jsx_runtime117.jsx)("div", { style: showCard ? styles2.card : {}, children: /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { style: styles2.container, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { style: mergeStyles(styles2.cardHeader, styles2.textCenter), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("h2", { style: styles2.cardTitle, children: "Invalid reset link" }),
+        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("p", { style: styles2.cardDescription, children: "This password reset link is invalid or has expired." })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { style: styles2.cardContent, children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+        "a",
+        {
+          href: signInUrl,
+          style: mergeStyles(styles2.button, styles2.buttonPrimary, styles2.buttonFullWidth),
+          children: "Back to sign in"
+        }
+      ) })
+    ] }) });
+  }
   const renderForm = () => {
     if (isSuccess) {
       return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { style: styles2.textCenter, children: [
@@ -48256,10 +48369,11 @@ function ResetPassword({
     }
     return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("form", { onSubmit: handleSubmit, children: [
       /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { style: styles2.formGroup, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("label", { style: styles2.label, children: "New password" }),
+        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("label", { htmlFor: passwordId, style: styles2.label, children: "New password" }),
         /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
           "input",
           {
+            id: passwordId,
             type: "password",
             value: password,
             onChange: (e2) => {
@@ -48283,10 +48397,11 @@ function ResetPassword({
         /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("p", { style: mergeStyles(styles2.textXs, styles2.textMuted, styles2.mt1), children: "Must be at least 12 characters" })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { style: styles2.formGroup, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("label", { style: styles2.label, children: "Confirm password" }),
+        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("label", { htmlFor: confirmPasswordId, style: styles2.label, children: "Confirm password" }),
         /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
           "input",
           {
+            id: confirmPasswordId,
             type: "password",
             value: confirmPassword,
             onChange: (e2) => {
@@ -48352,6 +48467,8 @@ function CheckIcon7({ color: color2 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("path", { d: "M20 6 9 17l-5-5" })
     }
   );
@@ -48799,13 +48916,11 @@ function SignInFormInner({
     isLoading,
     loadingProvider,
     error: error2,
-    pendingTwoFactor,
     handlePasswordSubmit,
     handleOAuthSignIn,
     handleMagicLinkRequest,
     handleOtpRequest,
-    handleOtpVerify,
-    handleTwoFactorVerify
+    handleOtpVerify
   } = useSignInForm({
     methods,
     providers,
@@ -51039,47 +51154,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 = (0, import_react98.useContext)(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 = (0, import_react_query3.useQueryClient)();
   const [localConsents, setLocalConsentsState] = (0, import_react98.useState)({});
   const [showBanner, setShowBanner] = (0, import_react98.useState)(false);
   const [initialized2, setInitialized] = (0, import_react98.useState)(false);
   const typesQuery = (0, import_react_query3.useQuery)({
-    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 = (0, import_react_query3.useQuery)({
-    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) {
@@ -51092,9 +51219,11 @@ function useSafeConsent() {
     },
     staleTime: STALE_TIME_STABLE_MS,
     // Return empty object for unauthenticated users (explicit retry: false)
-    retry: false
+    retry: false,
+    enabled: !!ctx
   });
   (0, import_react98.useEffect)(() => {
+    if (!ctx) return;
     if (!typesQuery.isLoading && !userConsentsQuery.isLoading && !initialized2) {
       const data = userConsentsQuery.data;
       const serverConsents = data?.consents ?? {};
@@ -51103,10 +51232,10 @@ function useSafeConsent() {
       setShowBanner(!hasExplicitChoice);
       setInitialized(true);
     }
-  }, [typesQuery.isLoading, userConsentsQuery.isLoading, userConsentsQuery.data, initialized2]);
+  }, [ctx, typesQuery.isLoading, userConsentsQuery.isLoading, userConsentsQuery.data, initialized2]);
   const saveConsentsMutation = (0, import_react_query3.useMutation)({
     mutationFn: async (consentList) => {
-      await ctx.setConsents(consentList);
+      await effectiveCtx.setConsents(consentList);
       return consentList;
     },
     onSuccess: (consentList) => {
@@ -51114,7 +51243,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
       });
@@ -51124,7 +51253,7 @@ function useSafeConsent() {
   });
   const acceptAllMutation = (0, import_react_query3.useMutation)({
     mutationFn: async () => {
-      await ctx.acceptAll();
+      await effectiveCtx.acceptAll();
     },
     onSuccess: () => {
       const types2 = typesQuery.data ?? [];
@@ -51132,7 +51261,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
       });
@@ -51142,7 +51271,7 @@ function useSafeConsent() {
   });
   const declineOptionalMutation = (0, import_react_query3.useMutation)({
     mutationFn: async () => {
-      await ctx.declineOptional();
+      await effectiveCtx.declineOptional();
     },
     onSuccess: () => {
       const types2 = typesQuery.data ?? [];
@@ -51150,7 +51279,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
       });
@@ -51232,6 +51361,7 @@ function useSafeConsent() {
     },
     [types, consents, saveConsentsMutation]
   );
+  if (!ctx) return SAFE_CONSENT_DEFAULTS;
   return {
     types,
     consents,
@@ -51417,12 +51547,15 @@ function ConsentScript({
   });
   const scriptIdRef = (0, import_react99.useRef)(providedId ?? generateScriptId(src));
   const loadedRef = (0, import_react99.useRef)(false);
-  const attributes = {
-    async: asyncAttr,
-    defer,
-    nonce,
-    ...dataAttributes
-  };
+  const attributes = (0, import_react99.useMemo)(
+    () => ({
+      async: asyncAttr,
+      defer,
+      nonce,
+      ...dataAttributes
+    }),
+    [asyncAttr, defer, nonce, dataAttributes]
+  );
   (0, import_react99.useEffect)(() => {
     if (loadedRef.current) return;
     if (isLoading) return;
@@ -51535,13 +51668,14 @@ function FacebookPixel({ pixelId, onLoad, autoPageView = true }) {
   const loadedRef = (0, import_react99.useRef)(false);
   (0, import_react99.useEffect)(() => {
     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;
@@ -51568,8 +51702,8 @@ function Hotjar({ siteId, version: version2 = 6, onLoad }) {
   (0, import_react99.useEffect)(() => {
     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");
@@ -52034,32 +52168,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 = (0, import_react_query4.useQuery)({
-    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 = (0, import_react101.useCallback)(
     async (metadata) => {
+      if (!ctx) return stubRecordActivity();
       const result = await ctx.recordStreakActivity(streakId, metadata, defaults, userTimezone);
       ctx.queryClient.setQueryData(
         ["sylphx", ctx.appId, "streak", streakId, userTimezone],
@@ -52070,6 +52191,7 @@ function useSafeStreak(streakId, options) {
     [ctx, streakId, defaults, userTimezone]
   );
   const recover = (0, import_react101.useCallback)(async () => {
+    if (!ctx) return stubRecover();
     const result = await ctx.recoverStreak(streakId, userTimezone);
     if (result.success) {
       ctx.queryClient.setQueryData(
@@ -52080,10 +52202,28 @@ function useSafeStreak(streakId, options) {
     return result;
   }, [ctx, streakId, userTimezone]);
   const refresh = (0, import_react101.useCallback)(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,
@@ -52101,28 +52241,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 = (0, import_react_query4.useQuery)({
-    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 = (0, import_react101.useCallback)(
     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]
@@ -52132,10 +52263,25 @@ function useSafeLeaderboard(leaderboardId, options, defaults) {
     [ctx, leaderboardId, defaults]
   );
   const refresh = (0, import_react101.useCallback)(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,
@@ -52151,27 +52297,13 @@ function useSafeLeaderboard(leaderboardId, options, defaults) {
 function useSafeAchievements() {
   const ctx = useEngagementContextSafe();
   const [recentUnlock, setRecentUnlock] = (0, import_react101.useState)(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 = (0, import_react_query4.useQuery)({
-    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 ?? [];
@@ -52185,6 +52317,7 @@ function useSafeAchievements() {
   );
   const unlock = (0, import_react101.useCallback)(
     async (achievementId, defaults) => {
+      if (!ctx) return stubUnlockAchievement();
       const result = await ctx.unlockAchievement(achievementId, defaults);
       if (result.isNew) {
         setRecentUnlock(result);
@@ -52198,6 +52331,7 @@ function useSafeAchievements() {
   );
   const incrementProgress = (0, import_react101.useCallback)(
     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"]
@@ -52207,6 +52341,7 @@ function useSafeAchievements() {
     [ctx]
   );
   const refresh = (0, import_react101.useCallback)(async () => {
+    if (!ctx) return;
     await ctx.queryClient.invalidateQueries({
       queryKey: ["sylphx", ctx.appId, "achievements"]
     });
@@ -52214,6 +52349,23 @@ function useSafeAchievements() {
   const dismissRecentUnlock = (0, import_react101.useCallback)(() => {
     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,
@@ -52302,7 +52454,9 @@ function FeatureFlagProvider({
   const flags = (0, import_react102.useMemo)(() => {
     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 = (0, import_react102.useCallback)(
@@ -54107,7 +54261,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);
   }
@@ -54576,7 +54734,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,
@@ -54593,7 +54751,7 @@ function SylphxProviderInner({
     anonymousId,
     appId,
     authState.user,
-    providedRef
+    resolvedRef
   ]);
   const api = (0, import_react109.useMemo)(
     () => createRestApi({
@@ -54956,7 +55114,7 @@ function SylphxProviderInner({
   }, [authState.isSignedIn, authPrefix]);
   const resetPassword = (0, import_react109.useCallback)(
     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({
@@ -54974,7 +55132,7 @@ function SylphxProviderInner({
   );
   const verifyEmail = (0, import_react109.useCallback)(
     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({
@@ -54991,7 +55149,7 @@ function SylphxProviderInner({
   );
   const resendVerificationEmail = (0, import_react109.useCallback)(
     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({
@@ -55008,7 +55166,7 @@ function SylphxProviderInner({
   );
   const forgotPassword = (0, import_react109.useCallback)(
     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({
@@ -55896,7 +56054,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 || "" })
@@ -55926,8 +56084,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: [] };
@@ -56215,6 +56373,7 @@ function SylphxProviderInner({
     () => ({
       appId,
       platformUrl,
+      slug: resolvedRef,
       ref: resolvedRef,
       anonymousId,
       queryClient,
@@ -56348,7 +56507,7 @@ function SylphxProviderInner({
       getAchievements,
       unlockAchievement,
       incrementAchievementProgress,
-      providedRef
+      resolvedRef
     ]
   );
   return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(AuthContext.Provider, { value: authValue, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(SdkAuthContext.Provider, { value: sdkAuthValue, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(UserContext.Provider, { value: userValue, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(SecurityContext.Provider, { value: securityValue, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(PlatformContext.Provider, { value: platformValue, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(StorageContext.Provider, { value: storageValue, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(AIContext.Provider, { value: aiValue, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(TasksContext.Provider, { value: tasksValue, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(MonitoringContext.Provider, { value: monitoringValue, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(ConsentContext.Provider, { value: consentValue, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(DatabaseContext.Provider, { value: databaseValue, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(EmailContext.Provider, { value: emailValue, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(NewsletterContext.Provider, { value: newsletterValue, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(WebhooksContext.Provider, { value: webhooksValue, children }) }) }) }) }) }) }) }) }) }) }) }) }) });
@@ -56388,16 +56547,16 @@ function useSdkConfig() {
   const platform3 = (0, import_react110.useContext)(PlatformContext);
   const auth = (0, import_react110.useContext)(AuthContext);
   return (0, import_react110.useMemo)(() => {
-    if (!platform3?.ref) return null;
+    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"],
@@ -57006,6 +57165,8 @@ function AccountSectionInner({
   const userContext = useUserContext();
   const securityContext = useSecurityContext();
   const styles2 = baseStyles(theme);
+  const newEmailId = (0, import_react114.useId)();
+  const emailPasswordId = (0, import_react114.useId)();
   const [error2, setError] = (0, import_react114.useState)(null);
   const [success, setSuccess] = (0, import_react114.useState)(null);
   const [showEmailChangeForm, setShowEmailChangeForm] = (0, import_react114.useState)(false);
@@ -57182,10 +57343,11 @@ function AccountSectionInner({
           },
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { style: styles2.formGroup, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("label", { style: styles2.label, children: "New Email Address" }),
+              /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("label", { htmlFor: newEmailId, style: styles2.label, children: "New Email Address" }),
               /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
                 "input",
                 {
+                  id: newEmailId,
                   type: "email",
                   value: newEmail,
                   onChange: (e2) => setNewEmail(e2.target.value),
@@ -57196,10 +57358,11 @@ function AccountSectionInner({
               )
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { style: styles2.formGroup, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("label", { style: styles2.label, children: "Current Password" }),
+              /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("label", { htmlFor: emailPasswordId, style: styles2.label, children: "Current Password" }),
               /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
                 "input",
                 {
+                  id: emailPasswordId,
                   type: "password",
                   value: emailPassword,
                   onChange: (e2) => setEmailPassword(e2.target.value),
@@ -57558,6 +57721,8 @@ function DownloadIcon({ size: size4 = 24 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
         /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("polyline", { points: "7 10 12 15 17 10" }),
@@ -57578,6 +57743,8 @@ function TrashIcon2({ size: size4 = 24 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("polyline", { points: "3 6 5 6 21 6" }),
         /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("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" })
@@ -57597,6 +57764,8 @@ function ShieldIcon({ size: size4 = 24, color: color2 = "currentColor" }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" })
     }
   );
@@ -57696,15 +57865,22 @@ function EventViewer({
         ]
       }
     ) : filteredEvents.map((event2, i2) => /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
-      "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__ */ (0, import_jsx_runtime131.jsxs)(
@@ -58129,6 +58305,8 @@ function EventIcon({ color: color2, size: size4 = 20 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
         /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("polyline", { points: "12 6 12 12 16 14" })
@@ -58148,6 +58326,8 @@ function UsersIcon({ color: color2 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("path", { d: "M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" }),
         /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("circle", { cx: "9", cy: "7", r: "4" }),
@@ -58169,6 +58349,8 @@ function PageviewsIcon({ color: color2 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
         /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("circle", { cx: "12", cy: "12", r: "3" })
@@ -58188,6 +58370,8 @@ function SessionsIcon({ color: color2 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
         /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("line", { x1: "9", y1: "3", x2: "9", y2: "21" })
@@ -58207,6 +58391,8 @@ function RevenueIcon({ color: color2 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("line", { x1: "12", y1: "1", x2: "12", y2: "23" }),
         /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("path", { d: "M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6" })
@@ -58226,6 +58412,8 @@ function ChartIcon({ color: color2 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("line", { x1: "18", y1: "20", x2: "18", y2: "10" }),
         /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("line", { x1: "12", y1: "20", x2: "12", y2: "4" }),
@@ -58259,6 +58447,8 @@ function APIKeyManager({
   emptyMessage = "No API keys created",
   showEnvironment = true
 }) {
+  const keyNameId = (0, import_react116.useId)();
+  const expirationId = (0, import_react116.useId)();
   const [showCreate, setShowCreate] = (0, import_react116.useState)(false);
   const [name, setName] = (0, import_react116.useState)("");
   const [selectedScopes, setSelectedScopes] = (0, import_react116.useState)([]);
@@ -58508,6 +58698,7 @@ function APIKeyManager({
               /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
                 "label",
                 {
+                  htmlFor: keyNameId,
                   style: {
                     display: "block",
                     marginBottom: "0.5rem",
@@ -58520,6 +58711,7 @@ function APIKeyManager({
               /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
                 "input",
                 {
+                  id: keyNameId,
                   type: "text",
                   value: name,
                   onChange: (e2) => setName(e2.target.value),
@@ -58540,15 +58732,16 @@ function APIKeyManager({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { style: { marginBottom: "1rem" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("fieldset", { style: { marginBottom: "1rem", border: "none", padding: 0, margin: 0 }, children: [
               /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
-                "label",
+                "legend",
                 {
                   style: {
                     display: "block",
                     marginBottom: "0.5rem",
                     fontWeight: 500,
-                    fontSize: theme.fontSizeSm
+                    fontSize: theme.fontSizeSm,
+                    padding: 0
                   },
                   children: "Scopes"
                 }
@@ -58587,6 +58780,7 @@ function APIKeyManager({
               /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
                 "label",
                 {
+                  htmlFor: expirationId,
                   style: {
                     display: "block",
                     marginBottom: "0.5rem",
@@ -58599,6 +58793,7 @@ function APIKeyManager({
               /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
                 "select",
                 {
+                  id: expirationId,
                   value: expiresIn ?? "",
                   onChange: (e2) => setExpiresIn(e2.target.value ? Number.parseInt(e2.target.value, 10) : void 0),
                   style: inputStyle,
@@ -58801,6 +58996,8 @@ function KeyIcon({ color: color2, size: size4 = 24 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("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" })
     }
   );
@@ -58818,6 +59015,8 @@ function PlusIcon3({ color: color2 }) {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       style: { marginRight: "0.25rem" },
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
         /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
@@ -58837,6 +59036,8 @@ function CheckIcon10({ color: color2 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("polyline", { points: "20 6 9 17 4 12" })
     }
   );
@@ -59400,6 +59601,8 @@ function InvoiceIcon({ color: color2, size: size4 = 24 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
         /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("polyline", { points: "14 2 14 8 20 8" }),
@@ -59422,6 +59625,8 @@ function DownloadIcon2({ color: color2 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
         /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("polyline", { points: "7 10 12 15 17 10" }),
@@ -59442,6 +59647,8 @@ function CreditCardIcon({ color: color2, size: size4 = 24 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("rect", { x: "1", y: "4", width: "22", height: "16", rx: "2", ry: "2" }),
         /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("line", { x1: "1", y1: "10", x2: "23", y2: "10" })
@@ -59462,6 +59669,8 @@ function PlusIcon4({ color: color2 }) {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       style: { marginRight: "0.25rem" },
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
         /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
@@ -60362,6 +60571,8 @@ function ChatIcon({ color: color2, size: size4 = 20 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" })
     }
   );
@@ -60378,6 +60589,8 @@ function SendIcon2({ color: color2 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("line", { x1: "22", y1: "2", x2: "11", y2: "13" }),
         /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })
@@ -60438,7 +60651,6 @@ function ConsentPreferences({
     acceptAll,
     declineOptional,
     saveConsents,
-    isLoading,
     hasConsented
   } = useConsent();
   const [isSaving, setIsSaving] = (0, import_react120.useState)(false);
@@ -60863,6 +61075,8 @@ function CheckIcon12({ color: color2 }) {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       style: { marginRight: "0.5rem" },
+      "aria-hidden": "true",
+      focusable: "false",
       children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("polyline", { points: "20 6 9 17 4 12" })
     }
   );
@@ -60895,7 +61109,6 @@ function CookieBanner({
     declineOptional,
     setConsent,
     saveConsents,
-    closeBanner,
     isLoading
   } = useConsent();
   const [showCustomize, setShowCustomize] = (0, import_react121.useState)(false);
@@ -61257,6 +61470,8 @@ function CloseIcon2() {
       fill: "none",
       stroke: "currentColor",
       strokeWidth: "2",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
         /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
@@ -61668,11 +61883,24 @@ function FeedbackWidget({
   ] }) });
 }
 function ErrorIcon({ color: color2 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", stroke: color2, strokeWidth: "2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
-    /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(
+    "svg",
+    {
+      width: "32",
+      height: "32",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: color2,
+      strokeWidth: "2",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+        /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+      ]
+    }
+  );
 }
 function FeedbackIcon() {
   return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
@@ -61685,6 +61913,8 @@ function FeedbackIcon() {
       stroke: "currentColor",
       strokeWidth: "2",
       style: { marginRight: "0.5rem" },
+      "aria-hidden": "true",
+      focusable: "false",
       children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("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" })
     }
   );
@@ -61699,6 +61929,8 @@ function CloseIcon3() {
       fill: "none",
       stroke: "currentColor",
       strokeWidth: "2",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
         /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
@@ -61707,10 +61939,23 @@ function CloseIcon3() {
   );
 }
 function CheckCircleIcon({ color: color2 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("svg", { width: "48", height: "48", viewBox: "0 0 24 24", fill: "none", stroke: color2, strokeWidth: "2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("path", { d: "M22 11.08V12a10 10 0 11-5.93-9.14" }),
-    /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("polyline", { points: "22 4 12 14.01 9 11.01" })
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(
+    "svg",
+    {
+      width: "48",
+      height: "48",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: color2,
+      strokeWidth: "2",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("path", { d: "M22 11.08V12a10 10 0 11-5.93-9.14" }),
+        /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("polyline", { points: "22 4 12 14.01 9 11.01" })
+      ]
+    }
+  );
 }
 
 // src/react/ui/feature-gate.tsx
@@ -61987,6 +62232,8 @@ function FlagIcon() {
       fill: "none",
       stroke: "currentColor",
       strokeWidth: "2",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("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__ */ (0, import_jsx_runtime139.jsx)("line", { x1: "4", y1: "22", x2: "4", y2: "15" })
@@ -62004,6 +62251,8 @@ function CloseIcon4() {
       fill: "none",
       stroke: "currentColor",
       strokeWidth: "2",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
         /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
@@ -62115,13 +62364,22 @@ function FileUploadInner({
   const acceptString = accept?.join(",");
   return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { className, style: { fontFamily: theme.fontFamily }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
-      "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__ */ (0, import_jsx_runtime140.jsx)(
             "input",
@@ -62298,7 +62556,7 @@ function ImageUploaderInner({
     transition: "all 0.2s ease"
   };
   return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { className, style: { fontFamily: theme.fontFamily }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { style: containerStyle, onClick: handleClick, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { style: containerStyle, children: [
       /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
         "input",
         {
@@ -62310,21 +62568,7 @@ function ImageUploaderInner({
           disabled: disabled2
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", { style: innerStyle, children: isUploading ? /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { style: { textAlign: "center" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("span", { style: styles2.spinner }),
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
-          "p",
-          {
-            style: mergeStyles(styles2.textSm, styles2.textMuted, {
-              marginTop: "0.5rem"
-            }),
-            children: [
-              progress2,
-              "%"
-            ]
-          }
-        )
-      ] }) : previewUrl ? /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(import_jsx_runtime140.Fragment, { children: [
+      previewUrl && !isUploading ? /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { style: innerStyle, className: "sylphx-upload-hover", children: [
         /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
           "img",
           {
@@ -62342,6 +62586,7 @@ function ImageUploaderInner({
         /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
           "div",
           {
+            className: "sylphx-upload-hover__overlay",
             style: {
               position: "absolute",
               inset: 0,
@@ -62352,8 +62597,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__ */ (0, import_jsx_runtime140.jsx)(
                 "button",
@@ -62366,22 +62609,59 @@ function ImageUploaderInner({
                   children: "Remove"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("button", { type: "button", style: mergeStyles(styles2.button, styles2.buttonPrimary), children: "Replace" })
+              /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+                "button",
+                {
+                  type: "button",
+                  onClick: handleClick,
+                  style: mergeStyles(styles2.button, styles2.buttonPrimary),
+                  children: "Replace"
+                }
+              )
             ]
           }
         )
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { style: { textAlign: "center" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(ImageIcon, { color: theme.colorMutedForeground }),
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
-          "p",
-          {
-            style: mergeStyles(styles2.textSm, styles2.textMuted, {
-              marginTop: "0.5rem"
-            }),
-            children: placeholder
-          }
-        )
-      ] }) })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+        "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__ */ (0, import_jsx_runtime140.jsxs)("div", { style: { textAlign: "center" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("span", { style: styles2.spinner }),
+            /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
+              "p",
+              {
+                style: mergeStyles(styles2.textSm, styles2.textMuted, {
+                  marginTop: "0.5rem"
+                }),
+                children: [
+                  progress2,
+                  "%"
+                ]
+              }
+            )
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { style: { textAlign: "center" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(ImageIcon, { color: theme.colorMutedForeground }),
+            /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+              "p",
+              {
+                style: mergeStyles(styles2.textSm, styles2.textMuted, {
+                  marginTop: "0.5rem"
+                }),
+                children: placeholder
+              }
+            )
+          ] })
+        }
+      )
     ] }),
     error2 && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
       "div",
@@ -62472,50 +62752,66 @@ function AvatarUploadInner({
     fontWeight: 600
   };
   return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { className, style: { fontFamily: theme.fontFamily }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { style: containerStyle, onClick: handleClick, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
-        "input",
-        {
-          ref: inputRef,
-          type: "file",
-          accept: "image/*",
-          onChange: handleInputChange,
-          style: { display: "none" },
-          disabled: disabled2
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", { style: innerStyle, children: isUploading ? /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("span", { style: styles2.spinner }) : previewUrl ? /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
-        "img",
-        {
-          src: previewUrl,
-          alt: "Avatar",
-          style: {
-            width: "100%",
-            height: "100%",
-            objectFit: "cover"
-          }
-        }
-      ) : initials ? initials : /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(UserIcon, { color: theme.colorMutedForeground, size: size4 * 0.4 }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
-        "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__ */ (0, import_jsx_runtime140.jsx)(CameraIcon, { color: "#fff" })
-        }
-      )
-    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
+      "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__ */ (0, import_jsx_runtime140.jsx)(
+            "input",
+            {
+              ref: inputRef,
+              type: "file",
+              accept: "image/*",
+              onChange: handleInputChange,
+              style: { display: "none" },
+              disabled: disabled2
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", { style: innerStyle, children: isUploading ? /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("span", { style: styles2.spinner }) : previewUrl ? /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+            "img",
+            {
+              src: previewUrl,
+              alt: "Avatar",
+              style: {
+                width: "100%",
+                height: "100%",
+                objectFit: "cover"
+              }
+            }
+          ) : initials ? initials : /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(UserIcon, { color: theme.colorMutedForeground, size: size4 * 0.4 }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+            "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__ */ (0, import_jsx_runtime140.jsx)(CameraIcon, { color: "#fff" })
+            }
+          )
+        ]
+      }
+    ),
     uploadError && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
       "p",
       {
@@ -62560,18 +62856,44 @@ function formatFileSize(bytes) {
   return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
 }
 function UploadIcon({ color: color2 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("svg", { width: "40", height: "40", viewBox: "0 0 24 24", fill: "none", stroke: color2, strokeWidth: "1.5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("path", { d: "M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("polyline", { points: "17 8 12 3 7 8" }),
-    /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("line", { x1: "12", y1: "3", x2: "12", y2: "15" })
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
+    "svg",
+    {
+      width: "40",
+      height: "40",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: color2,
+      strokeWidth: "1.5",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("path", { d: "M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("polyline", { points: "17 8 12 3 7 8" }),
+        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("line", { x1: "12", y1: "3", x2: "12", y2: "15" })
+      ]
+    }
+  );
 }
 function ImageIcon({ color: color2 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("svg", { width: "40", height: "40", viewBox: "0 0 24 24", fill: "none", stroke: color2, strokeWidth: "1.5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("polyline", { points: "21 15 16 10 5 21" })
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
+    "svg",
+    {
+      width: "40",
+      height: "40",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: color2,
+      strokeWidth: "1.5",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("polyline", { points: "21 15 16 10 5 21" })
+      ]
+    }
+  );
 }
 function UserIcon({ color: color2, size: size4 = 24 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
@@ -62583,6 +62905,8 @@ function UserIcon({ color: color2, size: size4 = 24 }) {
       fill: "none",
       stroke: color2,
       strokeWidth: "1.5",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("path", { d: "M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2" }),
         /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("circle", { cx: "12", cy: "7", r: "4" })
@@ -62591,10 +62915,23 @@ function UserIcon({ color: color2, size: size4 = 24 }) {
   );
 }
 function CameraIcon({ color: color2 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: color2, strokeWidth: "2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("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__ */ (0, import_jsx_runtime140.jsx)("circle", { cx: "12", cy: "13", r: "4" })
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: color2,
+      strokeWidth: "2",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("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__ */ (0, import_jsx_runtime140.jsx)("circle", { cx: "12", cy: "13", r: "4" })
+      ]
+    }
+  );
 }
 function CloseIcon5() {
   return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
@@ -62606,6 +62943,8 @@ function CloseIcon5() {
       fill: "none",
       stroke: "currentColor",
       strokeWidth: "2",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
         /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
@@ -63687,7 +64026,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",
@@ -63740,18 +64082,14 @@ function ModelSelector({
   });
   return /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { ref: containerRef, style: containerStyles, className, children: [
     /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(
-      "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__ */ (0, import_jsx_runtime142.jsx)(
             "div",
@@ -63799,7 +64137,7 @@ function ModelSelector({
           style: searchInputStyles
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { style: listStyles, onScroll: handleScroll, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { role: "listbox", style: listStyles, onScroll: handleScroll, children: [
         error2 && /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
           "div",
           {
@@ -63819,9 +64157,19 @@ function ModelSelector({
           }
         ),
         models.map((model) => /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(
-          "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) {
@@ -63928,6 +64276,8 @@ function ChevronIcon2({ direction }) {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       style: { transform: direction === "up" ? "rotate(180deg)" : void 0 },
+      "aria-hidden": "true",
+      focusable: "false",
       children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("polyline", { points: "6 9 12 15 18 9" })
     }
   );
@@ -63984,12 +64334,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__ */ (0, import_jsx_runtime142.jsxs)(
-    "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;
@@ -64216,6 +64580,7 @@ function ModelGrid({
 }
 
 // src/react/ui/newsletter-form.tsx
+var import_contract = require("@sylphx/contract");
 var import_react128 = require("react");
 var import_jsx_runtime143 = require("react/jsx-runtime");
 function NewsletterForm({
@@ -64264,7 +64629,7 @@ function NewsletterForm({
   const handleSubmit = async (e2) => {
     e2.preventDefault();
     setLocalError(null);
-    if (!email || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
+    if (!email || !import_contract.EMAIL_REGEX.test(email)) {
       setLocalError("Please enter a valid email address");
       return;
     }
@@ -64294,6 +64659,8 @@ function NewsletterForm({
               fill: "none",
               stroke: "currentColor",
               strokeWidth: "2",
+              "aria-hidden": "true",
+              focusable: "false",
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
                 /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("polyline", { points: "22 4 12 14.01 9 11.01" })
@@ -64683,6 +65050,8 @@ function BellOffIcon({ size: size4 = 24 }) {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       style: { flexShrink: 0 },
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("path", { d: "M13.73 21a2 2 0 0 1-3.46 0" }),
         /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("path", { d: "M18.63 13A17.89 17.89 0 0 1 18 8" }),
@@ -64714,6 +65083,9 @@ function OrganizationProfileInner({
   const hookResult = useOrganization();
   const org = propOrg ?? hookResult.organization;
   const members = hookResult.members;
+  const nameId = (0, import_react130.useId)();
+  const slugId = (0, import_react130.useId)();
+  const deleteConfirmId = (0, import_react130.useId)();
   const [name, setName] = (0, import_react130.useState)(org?.name ?? "");
   const [slug, setSlug] = (0, import_react130.useState)(org?.slug ?? "");
   const [isSaving, setIsSaving] = (0, import_react130.useState)(false);
@@ -64815,6 +65187,7 @@ function OrganizationProfileInner({
           /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
             "label",
             {
+              htmlFor: nameId,
               style: {
                 display: "block",
                 marginBottom: "0.5rem",
@@ -64827,6 +65200,7 @@ function OrganizationProfileInner({
           /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
             "input",
             {
+              id: nameId,
               type: "text",
               value: name,
               onChange: (e2) => setName(e2.target.value),
@@ -64840,6 +65214,7 @@ function OrganizationProfileInner({
           /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
             "label",
             {
+              htmlFor: slugId,
               style: {
                 display: "block",
                 marginBottom: "0.5rem",
@@ -64852,6 +65227,7 @@ function OrganizationProfileInner({
           /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
             "input",
             {
+              id: slugId,
               type: "text",
               value: slug,
               onChange: (e2) => setSlug(e2.target.value.toLowerCase().replace(/[^a-z0-9-]/g, "")),
@@ -65030,6 +65406,7 @@ function OrganizationProfileInner({
             /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(
               "label",
               {
+                htmlFor: deleteConfirmId,
                 style: {
                   display: "block",
                   marginBottom: "0.5rem",
@@ -65045,6 +65422,7 @@ function OrganizationProfileInner({
             /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
               "input",
               {
+                id: deleteConfirmId,
                 type: "text",
                 value: deleteConfirm,
                 onChange: (e2) => setDeleteConfirm(e2.target.value),
@@ -65079,6 +65457,8 @@ function CreateOrganization({
   onCancel,
   showCancel = true
 }) {
+  const createNameId = (0, import_react130.useId)();
+  const createSlugId = (0, import_react130.useId)();
   const [name, setName] = (0, import_react130.useState)("");
   const [slug, setSlug] = (0, import_react130.useState)("");
   const [isCreating, setIsCreating] = (0, import_react130.useState)(false);
@@ -65161,6 +65541,7 @@ function CreateOrganization({
         /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
           "label",
           {
+            htmlFor: createNameId,
             style: {
               display: "block",
               marginBottom: "0.5rem",
@@ -65173,6 +65554,7 @@ function CreateOrganization({
         /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
           "input",
           {
+            id: createNameId,
             type: "text",
             value: name,
             onChange: (e2) => setName(e2.target.value),
@@ -65186,6 +65568,7 @@ function CreateOrganization({
         /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
           "label",
           {
+            htmlFor: createSlugId,
             style: {
               display: "block",
               marginBottom: "0.5rem",
@@ -65198,6 +65581,7 @@ function CreateOrganization({
         /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
           "input",
           {
+            id: createSlugId,
             type: "text",
             value: slug,
             onChange: (e2) => setSlug(e2.target.value.toLowerCase().replace(/[^a-z0-9-]/g, "")),
@@ -65298,16 +65682,15 @@ function OrganizationList({
     }
   ) : /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(import_jsx_runtime145.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: "0.5rem" }, children: organizations.map((org) => /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(
-      "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__ */ (0, import_jsx_runtime145.jsx)(
@@ -65378,6 +65761,8 @@ function OrgIcon({ color: color2, size: size4 = 24 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("path", { d: "M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" }),
         /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("circle", { cx: "9", cy: "7", r: "4" }),
@@ -65399,6 +65784,8 @@ function CheckIcon13({ color: color2 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("polyline", { points: "20 6 9 17 4 12" })
     }
   );
@@ -65416,6 +65803,8 @@ function PlusIcon5({ color: color2 }) {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       style: { marginRight: "0.25rem" },
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
         /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
@@ -65664,8 +66053,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__ */ (0, import_jsx_runtime146.jsx)(BellIcon, { color: color2 || theme.colorForeground, size: s2.icon }),
         count > 0 && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("span", { style: badgeStyle, children: showDot ? null : displayCount })
@@ -65783,12 +66176,12 @@ function NotificationItem({
   const styles2 = baseStyles(theme);
   const [showActions, setShowActions] = (0, import_react131.useState)(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`
   };
@@ -65805,141 +66198,167 @@ function NotificationItem({
     if (days < 7) return `${days}d ago`;
     return d2.toLocaleDateString();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(
-    "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__ */ (0, import_jsx_runtime146.jsxs)("div", { className: "sylphx-notification-item", style: itemStyle, children: [
+    onClick && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+      "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__ */ (0, import_jsx_runtime146.jsx)(
+      "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__ */ (0, import_jsx_runtime146.jsx)(
+          "img",
+          {
+            src: notification.icon,
+            alt: "",
+            style: { width: "100%", height: "100%", objectFit: "cover" }
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(BellIcon, { color: theme.colorMutedForeground, size: 20 })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
         /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
-          "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__ */ (0, import_jsx_runtime146.jsx)(
-              "img",
-              {
-                src: notification.icon,
-                alt: "",
-                style: { width: "100%", height: "100%", objectFit: "cover" }
-              }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(BellIcon, { color: theme.colorMutedForeground, size: 20 })
+            children: notification.title
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
-              "span",
-              {
-                style: {
-                  fontWeight: notification.read ? 400 : 600,
-                  fontSize: theme.fontSizeSm,
-                  overflow: "hidden",
-                  textOverflow: "ellipsis",
-                  whiteSpace: "nowrap"
-                },
-                children: notification.title
-              }
-            ),
-            !notification.read && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
-              "span",
-              {
-                style: {
-                  width: "8px",
-                  height: "8px",
-                  borderRadius: "50%",
-                  backgroundColor: theme.colorPrimary,
-                  flexShrink: 0
-                }
-              }
-            )
-          ] }),
-          notification.body && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
-            "p",
+        !notification.read && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+          "span",
+          {
+            style: {
+              width: "8px",
+              height: "8px",
+              borderRadius: "50%",
+              backgroundColor: theme.colorPrimary,
+              flexShrink: 0
+            }
+          }
+        )
+      ] }),
+      notification.body && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+        "p",
+        {
+          style: {
+            margin: "0.25rem 0 0",
+            fontSize: theme.fontSizeXs,
+            color: theme.colorMutedForeground,
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            whiteSpace: "nowrap"
+          },
+          children: notification.body
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+        "p",
+        {
+          style: {
+            margin: "0.25rem 0 0",
+            fontSize: theme.fontSizeXs,
+            color: theme.colorMutedForeground
+          },
+          children: formatTime(notification.createdAt)
+        }
+      )
+    ] }),
+    showActions && /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(
+      "div",
+      {
+        style: {
+          display: "flex",
+          gap: "0.25rem",
+          flexShrink: 0,
+          position: "relative",
+          zIndex: 2
+        },
+        role: "toolbar",
+        "aria-label": "Notification actions",
+        children: [
+          !notification.read && onMarkAsRead && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+            "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__ */ (0, import_jsx_runtime146.jsx)(CheckIcon14, { color: theme.colorMutedForeground })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
-            "p",
+          onDelete && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+            "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__ */ (0, import_jsx_runtime146.jsx)(TrashIcon3, { color: theme.colorMutedForeground })
             }
           )
-        ] }),
-        showActions && /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(
-          "div",
-          {
-            style: { display: "flex", gap: "0.25rem", flexShrink: 0 },
-            onClick: (e2) => e2.stopPropagation(),
-            children: [
-              !notification.read && onMarkAsRead && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
-                "button",
-                {
-                  type: "button",
-                  onClick: onMarkAsRead,
-                  style: mergeStyles(styles2.button, styles2.buttonGhost, {
-                    padding: "0.25rem"
-                  }),
-                  title: "Mark as read",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(CheckIcon14, { color: theme.colorMutedForeground })
-                }
-              ),
-              onDelete && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
-                "button",
-                {
-                  type: "button",
-                  onClick: onDelete,
-                  style: mergeStyles(styles2.button, styles2.buttonGhost, {
-                    padding: "0.25rem"
-                  }),
-                  title: "Delete",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(TrashIcon3, { color: theme.colorMutedForeground })
-                }
-              )
-            ]
-          }
-        )
+        ]
+      }
+    )
+  ] });
+}
+function BellIcon({ color: color2, size: size4 = 24 }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(
+    "svg",
+    {
+      width: size4,
+      height: size4,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: color2,
+      strokeWidth: "2",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9" }),
+        /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("path", { d: "M13.73 21a2 2 0 01-3.46 0" })
       ]
     }
   );
 }
-function BellIcon({ color: color2, size: size4 = 24 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("svg", { width: size4, height: size4, viewBox: "0 0 24 24", fill: "none", stroke: color2, strokeWidth: "2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9" }),
-    /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("path", { d: "M13.73 21a2 2 0 01-3.46 0" })
-  ] });
-}
 function BellOffIcon2({ color: color2, size: size4 = 40 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(
     "svg",
@@ -65950,6 +66369,8 @@ function BellOffIcon2({ color: color2, size: size4 = 40 }) {
       fill: "none",
       stroke: color2,
       strokeWidth: "1.5",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("path", { d: "M8.56 2.9A7 7 0 0119 9v4m-2 4H2s3-2 3-9a4.67 4.67 0 01.3-1.7" }),
         /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("path", { d: "M13.73 21a2 2 0 01-3.46 0" }),
@@ -65959,13 +66380,39 @@ function BellOffIcon2({ color: color2, size: size4 = 40 }) {
   );
 }
 function CheckIcon14({ color: color2 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: color2, strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("polyline", { points: "20 6 9 17 4 12" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: color2,
+      strokeWidth: "2",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("polyline", { points: "20 6 9 17 4 12" })
+    }
+  );
 }
 function TrashIcon3({ color: color2 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: color2, strokeWidth: "2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("polyline", { points: "3 6 5 6 21 6" }),
-    /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("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__ */ (0, import_jsx_runtime146.jsxs)(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: color2,
+      strokeWidth: "2",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("polyline", { points: "3 6 5 6 21 6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("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
@@ -65997,6 +66444,7 @@ function ReferralCardInner({
     regenerateCode
   } = useReferral();
   const styles2 = baseStyles(theme);
+  const linkId = (0, import_react132.useId)();
   const [copied, setCopied] = (0, import_react132.useState)(null);
   const [isRegenerating, setIsRegenerating] = (0, import_react132.useState)(false);
   const [error2, setError] = (0, import_react132.useState)(null);
@@ -66091,11 +66539,12 @@ function ReferralCardInner({
     ] }),
     (error2 || referralError) && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { style: mergeStyles(styles2.alert, styles2.alertError, styles2.mb4), children: error2 || referralError?.message }),
     link && /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { style: { marginBottom: "1.5rem" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("label", { style: styles2.label, children: "Your Referral Link" }),
+      /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("label", { htmlFor: linkId, style: styles2.label, children: "Your Referral Link" }),
       /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { style: mergeStyles(styles2.flexRow, { gap: "0.5rem" }), children: [
         /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
           "input",
           {
+            id: linkId,
             type: "text",
             value: link,
             readOnly: true,
@@ -66126,8 +66575,8 @@ function ReferralCardInner({
         )
       ] })
     ] }),
-    code && /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { style: { marginBottom: "1.5rem" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("label", { style: styles2.label, children: "Your Referral Code" }),
+    code && /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("fieldset", { style: { marginBottom: "1.5rem", border: "none", padding: 0, margin: 0 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("legend", { style: mergeStyles(styles2.label, { padding: 0 }), children: "Your Referral Code" }),
       /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { style: mergeStyles(styles2.flexRow, { gap: "0.5rem" }), children: [
         /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
           "div",
@@ -66240,8 +66689,8 @@ function ReferralCardInner({
         ]
       }
     ) }),
-    showShare && link && /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("label", { style: styles2.label, children: "Share via" }),
+    showShare && link && /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("fieldset", { style: { border: "none", padding: 0, margin: 0 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("legend", { style: mergeStyles(styles2.label, { padding: 0 }), children: "Share via" }),
       /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(
         "div",
         {
@@ -66310,6 +66759,8 @@ function CopyIcon2({ size: size4 = 24 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
         /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
@@ -66329,6 +66780,8 @@ function CheckIcon15({ size: size4 = 24 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("polyline", { points: "20 6 9 17 4 12" })
     }
   );
@@ -66345,6 +66798,8 @@ function RefreshIcon2({ size: size4 = 24 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }),
         /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("path", { d: "M21 3v5h-5" }),
@@ -66366,6 +66821,8 @@ function GiftIcon({ color: color2 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("polyline", { points: "20 12 20 22 4 22 4 12" }),
         /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("rect", { x: "2", y: "7", width: "20", height: "5" }),
@@ -66377,10 +66834,32 @@ function GiftIcon({ color: color2 }) {
   );
 }
 function TwitterIcon2({ size: size4 = 24 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("svg", { width: size4, height: size4, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("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__ */ (0, import_jsx_runtime147.jsx)(
+    "svg",
+    {
+      width: size4,
+      height: size4,
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("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__ */ (0, import_jsx_runtime147.jsx)("svg", { width: size4, height: size4, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("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__ */ (0, import_jsx_runtime147.jsx)(
+    "svg",
+    {
+      width: size4,
+      height: size4,
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("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__ */ (0, import_jsx_runtime147.jsxs)(
@@ -66394,6 +66873,8 @@ function EmailIcon({ size: size4 = 24 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("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__ */ (0, import_jsx_runtime147.jsx)("polyline", { points: "22,6 12,13 2,6" })
@@ -66421,6 +66902,10 @@ function SecuritySettings({
   const securityContext = useSecurityContext();
   const queryClient = (0, import_react_query12.useQueryClient)();
   const styles2 = baseStyles(theme);
+  const verifyCodeId = (0, import_react133.useId)();
+  const currentPasswordId = (0, import_react133.useId)();
+  const newPasswordId = (0, import_react133.useId)();
+  const confirmPasswordId = (0, import_react133.useId)();
   const [error2, setError] = (0, import_react133.useState)(null);
   const [success, setSuccess] = (0, import_react133.useState)(null);
   const [showSetup2FA, setShowSetup2FA] = (0, import_react133.useState)(false);
@@ -66776,10 +67261,11 @@ function SecuritySettings({
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("form", { onSubmit: handleEnable2FA, children: [
               /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { style: styles2.formGroup, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("label", { style: styles2.label, children: "Verification Code" }),
+                /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("label", { htmlFor: verifyCodeId, style: styles2.label, children: "Verification Code" }),
                 /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
                   "input",
                   {
+                    id: verifyCodeId,
                     type: "text",
                     value: verifyCode,
                     onChange: (e2) => setVerifyCode(e2.target.value.replace(/\D/g, "").slice(0, 6)),
@@ -66863,10 +67349,11 @@ function SecuritySettings({
           },
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { style: styles2.formGroup, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("label", { style: styles2.label, children: "Current Password" }),
+              /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("label", { htmlFor: currentPasswordId, style: styles2.label, children: "Current Password" }),
               /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
                 "input",
                 {
+                  id: currentPasswordId,
                   type: "password",
                   value: currentPassword,
                   onChange: (e2) => setCurrentPassword(e2.target.value),
@@ -66876,10 +67363,11 @@ function SecuritySettings({
               )
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { style: styles2.formGroup, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("label", { style: styles2.label, children: "New Password" }),
+              /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("label", { htmlFor: newPasswordId, style: styles2.label, children: "New Password" }),
               /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
                 "input",
                 {
+                  id: newPasswordId,
                   type: "password",
                   value: newPassword,
                   onChange: (e2) => setNewPassword(e2.target.value),
@@ -66890,10 +67378,11 @@ function SecuritySettings({
               )
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { style: styles2.formGroup, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("label", { style: styles2.label, children: "Confirm New Password" }),
+              /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("label", { htmlFor: confirmPasswordId, style: styles2.label, children: "Confirm New Password" }),
               /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
                 "input",
                 {
+                  id: confirmPasswordId,
                   type: "password",
                   value: confirmPassword,
                   onChange: (e2) => setConfirmPassword(e2.target.value),
@@ -67128,6 +67617,8 @@ function ShieldIcon2({ size: size4 = 24 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" })
     }
   );
@@ -67146,6 +67637,8 @@ function DeviceIcon({ device, theme }) {
         strokeWidth: "2",
         strokeLinecap: "round",
         strokeLinejoin: "round",
+        "aria-hidden": "true",
+        focusable: "false",
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", ry: "2" }),
           /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("line", { x1: "12", y1: "18", x2: "12.01", y2: "18" })
@@ -67164,6 +67657,8 @@ function DeviceIcon({ device, theme }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", ry: "2" }),
         /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("line", { x1: "8", y1: "21", x2: "16", y2: "21" }),
@@ -67440,6 +67935,7 @@ function UnsubscribeConfirm({
 }) {
   const { unsubscribe, subscribe } = useNewsletter();
   const styles2 = baseStyles(theme);
+  const reasonId = (0, import_react135.useId)();
   const [status, setStatus] = (0, import_react135.useState)(() => token ? "pending" : "missing_token");
   const [selectedReason, setSelectedReason] = (0, import_react135.useState)("");
   const [error2, setError] = (0, import_react135.useState)(null);
@@ -67498,6 +67994,8 @@ function UnsubscribeConfirm({
               fill: "none",
               stroke: "currentColor",
               strokeWidth: "2",
+              "aria-hidden": "true",
+              focusable: "false",
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
                 /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
@@ -67532,6 +68030,7 @@ function UnsubscribeConfirm({
             /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
               "label",
               {
+                htmlFor: reasonId,
                 style: mergeStyles(styles2.label, {
                   marginBottom: "0.5rem",
                   display: "block"
@@ -67542,6 +68041,7 @@ function UnsubscribeConfirm({
             /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)(
               "select",
               {
+                id: reasonId,
                 value: selectedReason,
                 onChange: (e2) => setSelectedReason(e2.target.value),
                 style: styles2.input,
@@ -67590,6 +68090,8 @@ function UnsubscribeConfirm({
               fill: "none",
               stroke: "currentColor",
               strokeWidth: "2",
+              "aria-hidden": "true",
+              focusable: "false",
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
                 /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("polyline", { points: "22 4 12 14.01 9 11.01" })
@@ -67646,6 +68148,8 @@ function UnsubscribeConfirm({
               fill: "none",
               stroke: "currentColor",
               strokeWidth: "2",
+              "aria-hidden": "true",
+              focusable: "false",
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
                 /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("polyline", { points: "22 4 12 14.01 9 11.01" })
@@ -67687,6 +68191,8 @@ function UnsubscribeConfirm({
               fill: "none",
               stroke: "currentColor",
               strokeWidth: "2",
+              "aria-hidden": "true",
+              focusable: "false",
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
                 /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
@@ -67728,6 +68234,8 @@ function UnsubscribeConfirm({
               fill: "none",
               stroke: "currentColor",
               strokeWidth: "2",
+              "aria-hidden": "true",
+              focusable: "false",
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
                 /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
@@ -67808,8 +68316,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 = (0, import_react136.useId)();
+  const emailId = (0, import_react136.useId)();
   const [activeSection, setActiveSection] = (0, import_react136.useState)(sections[0]);
   const [form, setForm] = (0, import_react136.useState)({ name: "", image: "" });
   const [error2, setError] = (0, import_react136.useState)(null);
@@ -67914,17 +68424,19 @@ function UserProfileInner({
       transition: "opacity 0.15s ease-in-out"
     };
     return /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(
-      "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__ */ (0, import_jsx_runtime151.jsx)(
@@ -67935,7 +68447,7 @@ function UserProfileInner({
               style: { width: "100%", height: "100%", objectFit: "cover" }
             }
           ) : /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { style: { fontSize: "2rem", color: theme.colorMutedForeground }, children: form.name?.charAt(0)?.toUpperCase() || "?" }),
-          /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { className: "avatar-overlay", style: overlayStyle, children: isUploadingAvatar ? /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { style: mergeStyles(styles2.spinner, { color: "#fff" }) }) : /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(CameraIcon2, { color: "#fff" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { className: "sylphx-upload-hover__overlay", style: overlayStyle, children: isUploadingAvatar ? /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { style: mergeStyles(styles2.spinner, { color: "#fff" }) }) : /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(CameraIcon2, { color: "#fff" }) }),
           /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
             "input",
             {
@@ -67975,10 +68487,11 @@ function UserProfileInner({
   const renderProfileSection = () => /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("form", { onSubmit: handleProfileUpdate, children: [
     /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { style: mergeStyles(styles2.flexCenter, styles2.mb6), children: renderAvatar() }),
     /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { style: styles2.formGroup, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("label", { style: styles2.label, children: "Name" }),
+      /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("label", { htmlFor: nameId, style: styles2.label, children: "Name" }),
       /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
         "input",
         {
+          id: nameId,
           type: "text",
           value: form.name,
           onChange: (e2) => setForm((prev) => ({ ...prev, name: e2.target.value })),
@@ -67989,10 +68502,11 @@ function UserProfileInner({
       )
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { style: styles2.formGroup, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("label", { style: styles2.label, children: "Email" }),
+      /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("label", { htmlFor: emailId, style: styles2.label, children: "Email" }),
       /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
         "input",
         {
+          id: emailId,
           type: "email",
           value: user?.email || "",
           disabled: true,
@@ -68131,6 +68645,8 @@ function CameraIcon2({ color: color2 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("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__ */ (0, import_jsx_runtime151.jsx)("circle", { cx: "12", cy: "13", r: "3" })
@@ -68149,6 +68665,8 @@ function CloseIcon6({ color: color2 }) {
       stroke: color2,
       strokeWidth: "2",
       strokeLinecap: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("path", { d: "M4 4L12 12M12 4L4 12" })
     }
   );
@@ -68181,6 +68699,7 @@ function WebhookManager({
   isLoading = false,
   emptyMessage = "No webhooks configured"
 }) {
+  const urlId = (0, import_react137.useId)();
   const [showCreate, setShowCreate] = (0, import_react137.useState)(false);
   const [url, setUrl] = (0, import_react137.useState)("");
   const [selectedEvents, setSelectedEvents] = (0, import_react137.useState)([]);
@@ -68324,6 +68843,7 @@ function WebhookManager({
               /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
                 "label",
                 {
+                  htmlFor: urlId,
                   style: {
                     display: "block",
                     marginBottom: "0.5rem",
@@ -68336,6 +68856,7 @@ function WebhookManager({
               /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
                 "input",
                 {
+                  id: urlId,
                   type: "url",
                   value: url,
                   onChange: (e2) => setUrl(e2.target.value),
@@ -68345,15 +68866,16 @@ function WebhookManager({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { style: { marginBottom: "1.5rem" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("fieldset", { style: { marginBottom: "1.5rem", border: "none", padding: 0, margin: 0 }, children: [
               /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
-                "label",
+                "legend",
                 {
                   style: {
                     display: "block",
                     marginBottom: "0.5rem",
                     fontWeight: 500,
-                    fontSize: theme.fontSizeSm
+                    fontSize: theme.fontSizeSm,
+                    padding: 0
                   },
                   children: "Events to listen for *"
                 }
@@ -68614,12 +69136,24 @@ function WebhookDeliveryLog({
         children: emptyMessage
       }
     ) : displayedDeliveries.map((delivery, i2) => /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)(
-      "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: [
@@ -68769,6 +69303,8 @@ function WebhookIcon({ color: color2, size: size4 = 24 }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("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__ */ (0, import_jsx_runtime152.jsx)("path", { d: "m6 17 3.13-5.78c.53-.97.1-2.18-.5-3.1a4 4 0 1 1 6.89-4.06" }),
@@ -68790,6 +69326,8 @@ function PlusIcon6({ color: color2 }) {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       style: { marginRight: "0.25rem" },
+      "aria-hidden": "true",
+      focusable: "false",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
         /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
@@ -69881,7 +70419,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({
@@ -74334,7 +74872,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") {
@@ -74394,7 +74931,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;
   }
@@ -74417,7 +74953,6 @@ function initWebVitals(userConfig = {}) {
     });
   }
   if (config.debug) {
-    console.log("[Web Vitals] Initialized");
   }
 }
 function getWebVitalsReport() {
@@ -74934,9 +75469,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
@@ -75499,7 +76035,6 @@ var LocalEvaluator = class {
   }
   debug(message, data) {
     if (this.config.debug) {
-      console.log(`[FeatureFlags] ${message}`, data ?? "");
     }
   }
   /**
@@ -75714,7 +76249,6 @@ var ExperimentManager = class {
   }
   debug(message, data) {
     if (this.config.debug) {
-      console.log(`[Experiments] ${message}`, data ?? "");
     }
   }
 };
@@ -76008,7 +76542,6 @@ var FlagStream = class {
   // ==========================================
   debug(message, data) {
     if (this.options.debug) {
-      console.log(`[FlagStream] ${message}`, data ?? "");
     }
   }
 };
@@ -77148,9 +77681,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) => {
@@ -77163,15 +77693,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);
@@ -77226,7 +77757,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;
@@ -77296,6 +77828,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]);
         }
@@ -77493,7 +78026,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);
         }
@@ -78503,7 +79036,6 @@ var AnalyticsTracker = class {
   }
   debug(message, data) {
     if (this.config.debug) {
-      console.log(`[Analytics] ${message}`, data ?? "");
     }
   }
 };
@@ -78565,94 +79097,71 @@ function AnalyticsProvider({
 }
 function useAnalyticsHook() {
   const ctx = (0, import_react143.useContext)(AnalyticsContext);
-  const noopTrack = (0, import_react143.useCallback)(() => {
-  }, []);
-  const noopIdentify = (0, import_react143.useCallback)(() => {
-  }, []);
-  const noopReset = (0, import_react143.useCallback)(() => {
-  }, []);
-  const noopSetUserProperties = (0, import_react143.useCallback)(() => {
-  }, []);
-  const noopSetUserPropertiesOnce = (0, import_react143.useCallback)(() => {
-  }, []);
-  const noopIncrementUserProperty = (0, import_react143.useCallback)(() => {
-  }, []);
-  const noopGroup = (0, import_react143.useCallback)(() => {
-  }, []);
-  const noopRegister = (0, import_react143.useCallback)(() => {
-  }, []);
-  const noopGetDistinctId = (0, import_react143.useCallback)(() => null, []);
-  const noopFlush = (0, import_react143.useCallback)(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 = (0, import_react143.useCallback)(
+    (eventName, properties) => {
+      tracker?.track(eventName, properties);
+    },
+    [tracker]
+  );
+  const identify = (0, import_react143.useCallback)(
+    (userId, properties) => {
+      tracker?.identify(userId, properties);
+    },
+    [tracker]
+  );
+  const reset = (0, import_react143.useCallback)(() => {
+    tracker?.reset();
+  }, [tracker]);
+  const setUserProperties = (0, import_react143.useCallback)(
+    (properties) => {
+      tracker?.setUserProperties(properties);
+    },
+    [tracker]
+  );
+  const setUserPropertiesOnce = (0, import_react143.useCallback)(
+    (properties) => {
+      tracker?.setUserPropertiesOnce(properties);
+    },
+    [tracker]
+  );
+  const incrementUserProperty = (0, import_react143.useCallback)(
+    (property, value) => {
+      tracker?.incrementUserProperty(property, value);
+    },
+    [tracker]
+  );
+  const group = (0, import_react143.useCallback)(
+    (groupType, groupKey, properties) => {
+      tracker?.group(groupType, groupKey, properties);
+    },
+    [tracker]
+  );
+  const register = (0, import_react143.useCallback)(
+    (properties) => {
+      tracker?.register(properties);
+    },
+    [tracker]
+  );
+  const getDistinctId = (0, import_react143.useCallback)(() => {
+    return tracker?.getDistinctId() ?? null;
+  }, [tracker]);
+  const flush = (0, import_react143.useCallback)(async () => {
+    await tracker?.flush();
+  }, [tracker]);
   return {
-    track: (0, import_react143.useCallback)(
-      (eventName, properties) => {
-        tracker.track(eventName, properties);
-      },
-      [tracker]
-    ),
-    identify: (0, import_react143.useCallback)(
-      (userId, properties) => {
-        tracker.identify(userId, properties);
-      },
-      [tracker]
-    ),
-    reset: (0, import_react143.useCallback)(() => {
-      tracker.reset();
-    }, [tracker]),
-    setUserProperties: (0, import_react143.useCallback)(
-      (properties) => {
-        tracker.setUserProperties(properties);
-      },
-      [tracker]
-    ),
-    setUserPropertiesOnce: (0, import_react143.useCallback)(
-      (properties) => {
-        tracker.setUserPropertiesOnce(properties);
-      },
-      [tracker]
-    ),
-    incrementUserProperty: (0, import_react143.useCallback)(
-      (property, value) => {
-        tracker.incrementUserProperty(property, value);
-      },
-      [tracker]
-    ),
-    group: (0, import_react143.useCallback)(
-      (groupType, groupKey, properties) => {
-        tracker.group(groupType, groupKey, properties);
-      },
-      [tracker]
-    ),
-    register: (0, import_react143.useCallback)(
-      (properties) => {
-        tracker.register(properties);
-      },
-      [tracker]
-    ),
-    getDistinctId: (0, import_react143.useCallback)(() => {
-      return tracker.getDistinctId();
-    }, [tracker]),
+    track,
+    identify,
+    reset,
+    setUserProperties,
+    setUserPropertiesOnce,
+    incrementUserProperty,
+    group,
+    register,
+    getDistinctId,
     isReady,
-    flush: (0, import_react143.useCallback)(async () => {
-      await tracker.flush();
-    }, [tracker])
+    flush
   };
 }
 function usePageView(pageName, properties) {
@@ -79953,7 +80462,6 @@ function useRealtime(channel, options = {}) {
 function useRealtimeChannels(channels, options = {}) {
   const {
     events,
-    history: history2,
     onConnect,
     onMessage,
     onReconnect,
@@ -80031,7 +80539,9 @@ function useRealtimeChannels(channels, options = {}) {
     channels.forEach(connectChannel);
   }, [channels, connectChannel]);
   const disconnect = (0, import_react146.useCallback)(() => {
-    Object.values(eventSourcesRef.current).forEach((es) => es.close());
+    Object.values(eventSourcesRef.current).forEach((es) => {
+      es.close();
+    });
     eventSourcesRef.current = {};
     setStatuses({});
   }, []);
@@ -80560,7 +81070,6 @@ var WebAnalyticsTracker = class {
       this._hookHistoryApi();
     }
     if (this.options.debug) {
-      console.log("[WebAnalytics] Initialized", this.options);
     }
   }
   /**
@@ -80582,7 +81091,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);
   }
@@ -80598,7 +81106,6 @@ var WebAnalyticsTracker = class {
       sessionId: getOrCreateSessionId()
     };
     if (this.options.debug) {
-      console.log("[WebAnalytics] Identify:", payload);
     }
     this._send(`${SDK_API_PATH}/analytics/identify`, payload);
   }
@@ -80741,9 +81248,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({