@sylphx/sdk 0.3.6 → 0.4.0

package/dist/react/index.js

@@ -582,11 +582,13 @@ __export(react_exports, {
   useFormTracking: () => useFormTracking,
   useGlobalErrorHandler: () => useGlobalErrorHandler,
   useGoogleConsentMode: () => useGoogleConsentMode,
+  useHasPermission: () => useHasPermission,
   useInbox: () => useInbox,
   useIsInTreatment: () => useIsInTreatment,
   useIsInVariant: () => useIsInVariant,
   useKv: () => useKv,
   useLeaderboard: () => useLeaderboard,
+  useMemberPermissions: () => useMemberPermissions,
   useMobilePush: () => useMobilePush,
   useModal: () => useModal,
   useModels: () => useModels,
@@ -597,12 +599,14 @@ __export(react_exports, {
   useOAuthProviders: () => useOAuthProviders2,
   useOrganization: () => useOrganization,
   usePageView: () => usePageView,
+  usePermissions: () => usePermissions,
   usePlans: () => usePlans,
   useProtect: () => useProtect,
   useRealtime: () => useRealtime,
   useRealtimeChannels: () => useRealtimeChannels,
   useReferral: () => useReferral,
   useResetPasswordForm: () => useResetPasswordForm,
+  useRoles: () => useRoles,
   useRouterContext: () => useRouterContext,
   useSafeAchievements: () => useSafeAchievements,
   useSafeAnalytics: () => useSafeAnalytics,
@@ -42284,6 +42288,13 @@ var SylphxError = class _SylphxError extends Error {
   static isRateLimited(err) {
     return err instanceof _SylphxError && err.code === "TOO_MANY_REQUESTS";
   }
+  /**
+   * Check if error is an account lockout error (too many failed login attempts).
+   * When true, `error.data?.lockoutUntil` contains the ISO 8601 timestamp when the lockout expires.
+   */
+  static isAccountLocked(err) {
+    return err instanceof _SylphxError && err.code === "TOO_MANY_REQUESTS" && err.data?.code === "ACCOUNT_LOCKED";
+  }
   /**
    * Check if error is a quota exceeded error (plan limit reached)
    */
@@ -43301,6 +43312,13 @@ function createConfig(input) {
     accessToken: input.accessToken
   });
 }
+function withToken(config2, accessToken) {
+  return Object.freeze({
+    ...config2,
+    accessToken
+    // Preserve baseUrl and ref from original config
+  });
+}
 function buildHeaders(config2) {
   const headers = {
     "Content-Type": "application/json"
@@ -44835,7 +44853,7 @@ function useOrganization() {
       mounted = false;
     };
   }, [config2?.baseUrl, getStoredOrgSlug, selectOrganization, organization, config2]);
-  const hasPermission = (0, import_react76.useCallback)(
+  const hasPermission2 = (0, import_react76.useCallback)(
     (permission) => {
       if (!role) return false;
       const rolePermissions = {
@@ -44963,7 +44981,7 @@ function useOrganization() {
     isLoading,
     error: error2,
     role,
-    hasPermission,
+    hasPermission: hasPermission2,
     setOrganization: selectOrganization,
     createOrganization: createOrg,
     updateOrganization: updateOrg,
@@ -46354,7 +46372,7 @@ function InviteMemberInner({
   className,
   showRoleDescriptions = true
 }) {
-  const { organization, inviteMember, hasPermission } = useOrganization();
+  const { organization, inviteMember, hasPermission: hasPermission2 } = useOrganization();
   const styles2 = baseStyles(theme);
   const [email, setEmail] = (0, import_react83.useState)("");
   const [role, setRole] = (0, import_react83.useState)(defaultRole);
@@ -46362,7 +46380,7 @@ function InviteMemberInner({
   const [error2, setError] = (0, import_react83.useState)(null);
   const [success, setSuccess] = (0, import_react83.useState)(false);
   const [focusedField, setFocusedField] = (0, import_react83.useState)(null);
-  const canInvite = hasPermission("manage_members");
+  const canInvite = hasPermission2("manage_members");
   (0, import_react83.useEffect)(() => {
     injectGlobalStyles();
   }, []);
@@ -46741,7 +46759,7 @@ function MembersListInner({
     organization,
     members: serverMembers,
     isLoading,
-    hasPermission,
+    hasPermission: hasPermission2,
     updateMemberRole,
     removeMember
   } = useOrganization();
@@ -46751,7 +46769,7 @@ function MembersListInner({
   const [error2, setError] = (0, import_react84.useState)(null);
   const [showAll, setShowAll] = (0, import_react84.useState)(false);
   const [pendingAction, setPendingAction] = (0, import_react84.useState)(null);
-  const canManageMembers = hasPermission("manage_members");
+  const canManageMembers = hasPermission2("manage_members");
   (0, import_react84.useEffect)(() => {
     injectGlobalStyles();
   }, []);
@@ -54361,7 +54379,12 @@ function SylphxProviderInner({
   authPrefix = "/auth"
 }) {
   const appId = validateAndSanitizeAppId(appIdProp);
-  const platformUrl = providedRef ? `https://${providedRef}.${DEFAULT_SDK_API_HOST}` : providedPlatformUrl?.trim() || `https://${DEFAULT_SDK_API_HOST}`;
+  const resolvedRef = (() => {
+    if (providedRef) return providedRef;
+    const parts = appId?.split("_") ?? [];
+    return parts.length === 4 && /^[a-z0-9]{12}$/.test(parts[2] ?? "") ? parts[2] : void 0;
+  })();
+  const platformUrl = resolvedRef ? `https://${resolvedRef}.${DEFAULT_SDK_API_HOST}` : providedPlatformUrl?.trim() || `https://${DEFAULT_SDK_API_HOST}`;
   const storage2 = (0, import_react109.useMemo)(() => new SylphxStorage(appId), [appId]);
   const [anonymousId, setAnonymousId] = (0, import_react109.useState)("");
   (0, import_react109.useEffect)(() => {
@@ -54436,10 +54459,10 @@ function SylphxProviderInner({
     }
     const wasAnonymous = !prevIsSignedIn.current;
     const isNowAuthenticated = authState.isSignedIn && authState.user?.id;
-    if (wasAnonymous && isNowAuthenticated && authState.user && anonymousId && providedRef) {
+    if (wasAnonymous && isNowAuthenticated && authState.user && anonymousId && resolvedRef) {
       const config3 = createConfig({
         secretKey: appId,
-        ref: providedRef
+        ref: resolvedRef
       });
       linkAnonymousConsents(config3, {
         userId: authState.user.id,
@@ -56078,7 +56101,7 @@ function SylphxProviderInner({
     () => ({
       appId,
       platformUrl,
-      ref: providedRef,
+      ref: resolvedRef,
       anonymousId,
       queryClient,
       clickIds,
@@ -56217,23 +56240,163 @@ function SylphxProviderInner({
   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 }) }) }) }) }) }) }) }) }) }) }) }) }) });
 }
 
-// src/react/storage-hooks.ts
+// src/react/rbac-hooks.ts
+var import_react_query7 = require("@tanstack/react-query");
 var import_react110 = require("react");
+
+// src/permissions.ts
+async function listPermissions(config2) {
+  return callApi(config2, "/permissions");
+}
+async function getMemberPermissions(config2, orgIdOrSlug, memberId) {
+  return callApi(
+    config2,
+    `/orgs/${orgIdOrSlug}/members/${memberId}/permissions`
+  );
+}
+function hasPermission(permissions, required) {
+  return permissions.includes(required);
+}
+function hasAnyPermission(permissions, required) {
+  return required.some((perm) => permissions.includes(perm));
+}
+function hasAllPermissions(permissions, required) {
+  return required.every((perm) => permissions.includes(perm));
+}
+
+// src/roles.ts
+async function listRoles(config2) {
+  return callApi(config2, "/roles");
+}
+
+// src/react/rbac-hooks.ts
+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;
+    let config2 = createConfig({
+      secretKey: platform3.appId,
+      ref: platform3.ref
+    });
+    if (auth?.accessToken) {
+      config2 = withToken(config2, auth.accessToken);
+    }
+    return config2;
+  }, [platform3?.ref, platform3?.appId, auth?.accessToken]);
+}
+var rbacKeys = {
+  all: ["rbac"],
+  permissions: () => [...rbacKeys.all, "permissions"],
+  roles: () => [...rbacKeys.all, "roles"],
+  memberPermissions: (orgIdOrSlug, memberId) => [...rbacKeys.all, "memberPermissions", orgIdOrSlug, memberId]
+};
+function usePermissions() {
+  const config2 = useSdkConfig();
+  const queryClient = (0, import_react_query7.useQueryClient)();
+  const { data, isLoading, error: error2 } = (0, import_react_query7.useQuery)({
+    queryKey: rbacKeys.permissions(),
+    queryFn: async () => {
+      if (!config2) throw new Error("SDK not configured \u2014 wrap your app in SylphxProvider");
+      return listPermissions(config2);
+    },
+    enabled: !!config2,
+    staleTime: 3e4
+    // 30s — permissions change rarely
+  });
+  const refresh = (0, import_react110.useCallback)(async () => {
+    await queryClient.invalidateQueries({ queryKey: rbacKeys.permissions() });
+  }, [queryClient]);
+  return {
+    permissions: data?.permissions ?? [],
+    isLoading,
+    error: error2,
+    refresh
+  };
+}
+function useRoles() {
+  const config2 = useSdkConfig();
+  const queryClient = (0, import_react_query7.useQueryClient)();
+  const { data, isLoading, error: error2 } = (0, import_react_query7.useQuery)({
+    queryKey: rbacKeys.roles(),
+    queryFn: async () => {
+      if (!config2) throw new Error("SDK not configured \u2014 wrap your app in SylphxProvider");
+      return listRoles(config2);
+    },
+    enabled: !!config2,
+    staleTime: 3e4
+    // 30s — roles change rarely
+  });
+  const refresh = (0, import_react110.useCallback)(async () => {
+    await queryClient.invalidateQueries({ queryKey: rbacKeys.roles() });
+  }, [queryClient]);
+  return {
+    roles: data?.roles ?? [],
+    isLoading,
+    error: error2,
+    refresh
+  };
+}
+function useMemberPermissions(orgIdOrSlug, memberId) {
+  const config2 = useSdkConfig();
+  const queryClient = (0, import_react_query7.useQueryClient)();
+  const enabled = !!config2 && !!orgIdOrSlug && !!memberId;
+  const { data, isLoading, error: error2 } = (0, import_react_query7.useQuery)({
+    queryKey: rbacKeys.memberPermissions(orgIdOrSlug ?? "", memberId ?? ""),
+    queryFn: async () => {
+      if (!config2 || !orgIdOrSlug || !memberId) {
+        throw new Error("Missing required parameters");
+      }
+      return getMemberPermissions(config2, orgIdOrSlug, memberId);
+    },
+    enabled,
+    staleTime: 15e3
+    // 15s — member permissions may change more frequently
+  });
+  const refresh = (0, import_react110.useCallback)(async () => {
+    if (orgIdOrSlug && memberId) {
+      await queryClient.invalidateQueries({
+        queryKey: rbacKeys.memberPermissions(orgIdOrSlug, memberId)
+      });
+    }
+  }, [queryClient, orgIdOrSlug, memberId]);
+  return {
+    memberId: data?.memberId ?? null,
+    role: data?.role ?? null,
+    permissions: data?.permissions ?? [],
+    isLoading: enabled ? isLoading : false,
+    error: error2,
+    refresh
+  };
+}
+function useHasPermission(permissions, required) {
+  return (0, import_react110.useMemo)(() => {
+    const requiredArray = Array.isArray(required) ? required : [required];
+    return {
+      allowed: Array.isArray(required) ? hasAllPermissions(permissions, requiredArray) : hasPermission(permissions, required),
+      allowedAny: hasAnyPermission(permissions, requiredArray),
+      allowedAll: hasAllPermissions(permissions, requiredArray)
+    };
+  }, [permissions, required]);
+}
+
+// src/react/storage-hooks.ts
+var import_react111 = require("react");
 function useStorage() {
   const ctx = useStorageContext();
-  const [isUploading, setIsUploading] = (0, import_react110.useState)(false);
-  const [progress2, setProgress] = (0, import_react110.useState)(0);
-  const [bytesUploaded, setBytesUploaded] = (0, import_react110.useState)(0);
-  const [bytesTotal, setBytesTotal] = (0, import_react110.useState)(0);
-  const [uploadError, setUploadError] = (0, import_react110.useState)(null);
-  const [wasCancelled, setWasCancelled] = (0, import_react110.useState)(false);
-  const abortControllerRef = (0, import_react110.useRef)(null);
-  const handleProgress = (0, import_react110.useCallback)((event2) => {
+  const [isUploading, setIsUploading] = (0, import_react111.useState)(false);
+  const [progress2, setProgress] = (0, import_react111.useState)(0);
+  const [bytesUploaded, setBytesUploaded] = (0, import_react111.useState)(0);
+  const [bytesTotal, setBytesTotal] = (0, import_react111.useState)(0);
+  const [uploadError, setUploadError] = (0, import_react111.useState)(null);
+  const [wasCancelled, setWasCancelled] = (0, import_react111.useState)(false);
+  const abortControllerRef = (0, import_react111.useRef)(null);
+  const handleProgress = (0, import_react111.useCallback)((event2) => {
     setProgress(event2.progress);
     setBytesUploaded(event2.loaded);
     setBytesTotal(event2.total);
   }, []);
-  const cancel = (0, import_react110.useCallback)(() => {
+  const cancel = (0, import_react111.useCallback)(() => {
     if (abortControllerRef.current) {
       abortControllerRef.current.abort();
       abortControllerRef.current = null;
@@ -56241,7 +56404,7 @@ function useStorage() {
       setIsUploading(false);
     }
   }, []);
-  const upload = (0, import_react110.useCallback)(
+  const upload = (0, import_react111.useCallback)(
     async (file, options) => {
       const controller = new AbortController();
       abortControllerRef.current = controller;
@@ -56275,7 +56438,7 @@ function useStorage() {
     },
     [ctx, handleProgress]
   );
-  const uploadAvatar = (0, import_react110.useCallback)(
+  const uploadAvatar = (0, import_react111.useCallback)(
     async (file) => {
       const controller = new AbortController();
       abortControllerRef.current = controller;
@@ -56306,13 +56469,13 @@ function useStorage() {
     },
     [ctx, handleProgress]
   );
-  const deleteFile = (0, import_react110.useCallback)(
+  const deleteFile = (0, import_react111.useCallback)(
     async (fileId) => {
       await ctx.deleteFile(fileId);
     },
     [ctx]
   );
-  const getUrl = (0, import_react110.useCallback)(
+  const getUrl = (0, import_react111.useCallback)(
     async (fileId) => {
       return ctx.getUrl(fileId);
     },
@@ -56334,20 +56497,20 @@ function useStorage() {
 }
 function useFileUpload(options = {}) {
   const ctx = useStorageContext();
-  const [isUploading, setIsUploading] = (0, import_react110.useState)(false);
-  const [progress2, setProgress] = (0, import_react110.useState)(0);
-  const [bytesUploaded, setBytesUploaded] = (0, import_react110.useState)(0);
-  const [bytesTotal, setBytesTotal] = (0, import_react110.useState)(0);
-  const [error2, setError] = (0, import_react110.useState)(null);
-  const [wasCancelled, setWasCancelled] = (0, import_react110.useState)(false);
-  const [url, setUrl] = (0, import_react110.useState)(null);
-  const abortControllerRef = (0, import_react110.useRef)(null);
-  const handleProgress = (0, import_react110.useCallback)((event2) => {
+  const [isUploading, setIsUploading] = (0, import_react111.useState)(false);
+  const [progress2, setProgress] = (0, import_react111.useState)(0);
+  const [bytesUploaded, setBytesUploaded] = (0, import_react111.useState)(0);
+  const [bytesTotal, setBytesTotal] = (0, import_react111.useState)(0);
+  const [error2, setError] = (0, import_react111.useState)(null);
+  const [wasCancelled, setWasCancelled] = (0, import_react111.useState)(false);
+  const [url, setUrl] = (0, import_react111.useState)(null);
+  const abortControllerRef = (0, import_react111.useRef)(null);
+  const handleProgress = (0, import_react111.useCallback)((event2) => {
     setProgress(event2.progress);
     setBytesUploaded(event2.loaded);
     setBytesTotal(event2.total);
   }, []);
-  const cancel = (0, import_react110.useCallback)(() => {
+  const cancel = (0, import_react111.useCallback)(() => {
     if (abortControllerRef.current) {
       abortControllerRef.current.abort();
       abortControllerRef.current = null;
@@ -56356,7 +56519,7 @@ function useFileUpload(options = {}) {
       options.onCancel?.();
     }
   }, [options]);
-  const upload = (0, import_react110.useCallback)(
+  const upload = (0, import_react111.useCallback)(
     async (file) => {
       if (options.accept && options.accept.length > 0) {
         const isAccepted = options.accept.some((type) => {
@@ -56416,7 +56579,7 @@ function useFileUpload(options = {}) {
     },
     [ctx, options, handleProgress]
   );
-  const reset = (0, import_react110.useCallback)(() => {
+  const reset = (0, import_react111.useCallback)(() => {
     setIsUploading(false);
     setProgress(0);
     setBytesUploaded(0);
@@ -56441,13 +56604,13 @@ function useFileUpload(options = {}) {
 }
 
 // src/react/task-hooks.ts
-var import_react_query7 = require("@tanstack/react-query");
-var import_react111 = require("react");
+var import_react_query8 = require("@tanstack/react-query");
+var import_react112 = require("react");
 function useTasks() {
   const ctx = useTasksContext();
-  const [isLoading, setIsLoading] = (0, import_react111.useState)(false);
-  const [error2, setError] = (0, import_react111.useState)(null);
-  const isAvailable = (0, import_react111.useCallback)(async () => {
+  const [isLoading, setIsLoading] = (0, import_react112.useState)(false);
+  const [error2, setError] = (0, import_react112.useState)(null);
+  const isAvailable = (0, import_react112.useCallback)(async () => {
     try {
       const status = await ctx.checkStatus();
       return status.available;
@@ -56455,7 +56618,7 @@ function useTasks() {
       return false;
     }
   }, [ctx]);
-  const schedule = (0, import_react111.useCallback)(
+  const schedule = (0, import_react112.useCallback)(
     async (options) => {
       setIsLoading(true);
       setError(null);
@@ -56471,7 +56634,7 @@ function useTasks() {
     },
     [ctx]
   );
-  const createCron = (0, import_react111.useCallback)(
+  const createCron = (0, import_react112.useCallback)(
     async (options) => {
       setIsLoading(true);
       setError(null);
@@ -56487,7 +56650,7 @@ function useTasks() {
     },
     [ctx]
   );
-  const pauseCron = (0, import_react111.useCallback)(
+  const pauseCron = (0, import_react112.useCallback)(
     async (scheduleId) => {
       setIsLoading(true);
       setError(null);
@@ -56503,7 +56666,7 @@ function useTasks() {
     },
     [ctx]
   );
-  const resumeCron = (0, import_react111.useCallback)(
+  const resumeCron = (0, import_react112.useCallback)(
     async (scheduleId) => {
       setIsLoading(true);
       setError(null);
@@ -56519,7 +56682,7 @@ function useTasks() {
     },
     [ctx]
   );
-  const deleteCron = (0, import_react111.useCallback)(
+  const deleteCron = (0, import_react112.useCallback)(
     async (scheduleId) => {
       setIsLoading(true);
       setError(null);
@@ -56535,7 +56698,7 @@ function useTasks() {
     },
     [ctx]
   );
-  const getJob = (0, import_react111.useCallback)(
+  const getJob = (0, import_react112.useCallback)(
     async (jobId) => {
       try {
         return await ctx.getJob(jobId);
@@ -56547,7 +56710,7 @@ function useTasks() {
     },
     [ctx]
   );
-  const listJobs = (0, import_react111.useCallback)(
+  const listJobs = (0, import_react112.useCallback)(
     async (options = {}) => {
       try {
         const result = await ctx.listJobs(options);
@@ -56560,7 +56723,7 @@ function useTasks() {
     },
     [ctx]
   );
-  const cancelJob = (0, import_react111.useCallback)(
+  const cancelJob = (0, import_react112.useCallback)(
     async (jobId) => {
       setIsLoading(true);
       setError(null);
@@ -56592,20 +56755,20 @@ function useTasks() {
 }
 
 // src/react/webhooks-hooks.ts
-var import_react_query8 = require("@tanstack/react-query");
-var import_react112 = require("react");
+var import_react_query9 = require("@tanstack/react-query");
+var import_react113 = require("react");
 init_constants();
 function useWebhooks() {
   const ctx = useWebhooksContext();
-  const queryClient = (0, import_react_query8.useQueryClient)();
-  const configQuery = (0, import_react_query8.useQuery)({
+  const queryClient = (0, import_react_query9.useQueryClient)();
+  const configQuery = (0, import_react_query9.useQuery)({
     queryKey: ["sylphx", "webhooks", "config"],
     queryFn: () => ctx.getConfig(),
     staleTime: STALE_TIME_STABLE_MS
     // 5 min - config rarely changes
   });
   const config2 = configQuery.data;
-  const updateConfig = (0, import_react112.useCallback)(
+  const updateConfig = (0, import_react113.useCallback)(
     async (options) => {
       const result = await ctx.updateConfig(options);
       await queryClient.invalidateQueries({
@@ -56615,7 +56778,7 @@ function useWebhooks() {
     },
     [ctx, queryClient]
   );
-  const refresh = (0, import_react112.useCallback)(async () => {
+  const refresh = (0, import_react113.useCallback)(async () => {
     await queryClient.invalidateQueries({
       queryKey: ["sylphx", "webhooks", "config"]
     });
@@ -56632,8 +56795,8 @@ function useWebhooks() {
 function useWebhookDeliveries(options = {}) {
   const { status, event: event2, limit = 50, skip = false, refetchInterval } = options;
   const ctx = useWebhooksContext();
-  const queryClient = (0, import_react_query8.useQueryClient)();
-  const deliveriesQuery = (0, import_react_query8.useInfiniteQuery)({
+  const queryClient = (0, import_react_query9.useQueryClient)();
+  const deliveriesQuery = (0, import_react_query9.useInfiniteQuery)({
     queryKey: ["sylphx", "webhooks", "deliveries", { status, event: event2, limit }],
     queryFn: async ({ pageParam = 0 }) => {
       return ctx.getDeliveries({ status, event: event2, limit, offset: pageParam });
@@ -56653,7 +56816,7 @@ function useWebhookDeliveries(options = {}) {
   });
   const deliveries = deliveriesQuery.data?.pages.flatMap((page) => page.deliveries) ?? [];
   const total = deliveriesQuery.data?.pages[0]?.total ?? 0;
-  const replay = (0, import_react112.useCallback)(
+  const replay = (0, import_react113.useCallback)(
     async (deliveryId) => {
       const result = await ctx.replayDelivery(deliveryId);
       await queryClient.invalidateQueries({
@@ -56663,12 +56826,12 @@ function useWebhookDeliveries(options = {}) {
     },
     [ctx, queryClient]
   );
-  const refresh = (0, import_react112.useCallback)(async () => {
+  const refresh = (0, import_react113.useCallback)(async () => {
     await queryClient.invalidateQueries({
       queryKey: ["sylphx", "webhooks", "deliveries"]
     });
   }, [queryClient]);
-  const loadMore = (0, import_react112.useCallback)(async () => {
+  const loadMore = (0, import_react113.useCallback)(async () => {
     if (deliveriesQuery.hasNextPage && !deliveriesQuery.isFetchingNextPage) {
       await deliveriesQuery.fetchNextPage();
     }
@@ -56687,14 +56850,14 @@ function useWebhookDeliveries(options = {}) {
 }
 function useWebhookStats(period = "week") {
   const ctx = useWebhooksContext();
-  const queryClient = (0, import_react_query8.useQueryClient)();
-  const statsQuery = (0, import_react_query8.useQuery)({
+  const queryClient = (0, import_react_query9.useQueryClient)();
+  const statsQuery = (0, import_react_query9.useQuery)({
     queryKey: ["sylphx", "webhooks", "stats", period],
     queryFn: () => ctx.getStats(period),
     staleTime: STALE_TIME_MODERATE_MS
     // 2 min - stats aggregate data
   });
-  const refresh = (0, import_react112.useCallback)(async () => {
+  const refresh = (0, import_react113.useCallback)(async () => {
     await queryClient.invalidateQueries({
       queryKey: ["sylphx", "webhooks", "stats", period]
     });
@@ -56708,7 +56871,7 @@ function useWebhookStats(period = "week") {
 }
 
 // src/react/ui/account-section.tsx
-var import_react113 = require("react");
+var import_react114 = require("react");
 init_constants();
 var import_jsx_runtime130 = require("react/jsx-runtime");
 function AccountSection(props) {
@@ -56729,26 +56892,26 @@ function AccountSectionInner({
   const userContext = useUserContext();
   const securityContext = useSecurityContext();
   const styles2 = baseStyles(theme);
-  const [error2, setError] = (0, import_react113.useState)(null);
-  const [success, setSuccess] = (0, import_react113.useState)(null);
-  const [showEmailChangeForm, setShowEmailChangeForm] = (0, import_react113.useState)(false);
-  const [newEmail, setNewEmail] = (0, import_react113.useState)("");
-  const [emailPassword, setEmailPassword] = (0, import_react113.useState)("");
-  const [isChangingEmail, setIsChangingEmail] = (0, import_react113.useState)(false);
-  const [isExporting, setIsExporting] = (0, import_react113.useState)(false);
-  const [exportUrl, setExportUrl] = (0, import_react113.useState)(null);
-  const [showDeleteConfirm, setShowDeleteConfirm] = (0, import_react113.useState)(false);
-  const [deleteConfirmText, setDeleteConfirmText] = (0, import_react113.useState)("");
-  const [deletePassword, setDeletePassword] = (0, import_react113.useState)("");
-  const [delete2FACode, setDelete2FACode] = (0, import_react113.useState)("");
-  const [isDeleting, setIsDeleting] = (0, import_react113.useState)(false);
-  const [deleteStep, setDeleteStep] = (0, import_react113.useState)("confirm");
-  const [has2FAEnabled, setHas2FAEnabled] = (0, import_react113.useState)(false);
-  const [isChecking2FA, setIsChecking2FA] = (0, import_react113.useState)(false);
-  (0, import_react113.useEffect)(() => {
+  const [error2, setError] = (0, import_react114.useState)(null);
+  const [success, setSuccess] = (0, import_react114.useState)(null);
+  const [showEmailChangeForm, setShowEmailChangeForm] = (0, import_react114.useState)(false);
+  const [newEmail, setNewEmail] = (0, import_react114.useState)("");
+  const [emailPassword, setEmailPassword] = (0, import_react114.useState)("");
+  const [isChangingEmail, setIsChangingEmail] = (0, import_react114.useState)(false);
+  const [isExporting, setIsExporting] = (0, import_react114.useState)(false);
+  const [exportUrl, setExportUrl] = (0, import_react114.useState)(null);
+  const [showDeleteConfirm, setShowDeleteConfirm] = (0, import_react114.useState)(false);
+  const [deleteConfirmText, setDeleteConfirmText] = (0, import_react114.useState)("");
+  const [deletePassword, setDeletePassword] = (0, import_react114.useState)("");
+  const [delete2FACode, setDelete2FACode] = (0, import_react114.useState)("");
+  const [isDeleting, setIsDeleting] = (0, import_react114.useState)(false);
+  const [deleteStep, setDeleteStep] = (0, import_react114.useState)("confirm");
+  const [has2FAEnabled, setHas2FAEnabled] = (0, import_react114.useState)(false);
+  const [isChecking2FA, setIsChecking2FA] = (0, import_react114.useState)(false);
+  (0, import_react114.useEffect)(() => {
     injectGlobalStyles();
   }, []);
-  (0, import_react113.useEffect)(() => {
+  (0, import_react114.useEffect)(() => {
     if (success || error2) {
       const timer = setTimeout(() => {
         setSuccess(null);
@@ -56798,7 +56961,7 @@ function AccountSectionInner({
       setIsExporting(false);
     }
   };
-  const checkSecurityStatus = (0, import_react113.useCallback)(async () => {
+  const checkSecurityStatus = (0, import_react114.useCallback)(async () => {
     setIsChecking2FA(true);
     try {
       const status = await securityContext.getTwoFactorStatus();
@@ -57326,7 +57489,7 @@ function ShieldIcon({ size: size4 = 24, color: color2 = "currentColor" }) {
 }
 
 // src/react/ui/analytics-dashboard.tsx
-var import_react114 = require("react");
+var import_react115 = require("react");
 var import_jsx_runtime131 = require("react/jsx-runtime");
 function EventViewer({
   theme = defaultTheme,
@@ -57340,10 +57503,10 @@ function EventViewer({
   emptyMessage = "No events recorded yet",
   title = "Recent Events"
 }) {
-  const [search2, setSearch] = (0, import_react114.useState)("");
-  const [expandedId, setExpandedId] = (0, import_react114.useState)(null);
+  const [search2, setSearch] = (0, import_react115.useState)("");
+  const [expandedId, setExpandedId] = (0, import_react115.useState)(null);
   const styles2 = baseStyles(theme);
-  (0, import_react114.useEffect)(() => {
+  (0, import_react115.useEffect)(() => {
     injectGlobalStyles();
   }, []);
   const filteredEvents = events.filter((e2) => !search2 || e2.name.toLowerCase().includes(search2.toLowerCase())).slice(0, maxEvents);
@@ -57517,7 +57680,7 @@ function StatsCard({
   isLoading = false
 }) {
   const styles2 = baseStyles(theme);
-  (0, import_react114.useEffect)(() => {
+  (0, import_react115.useEffect)(() => {
     injectGlobalStyles();
   }, []);
   const containerStyle = {
@@ -57658,7 +57821,7 @@ function SimpleChart({
   isLoading = false
 }) {
   const styles2 = baseStyles(theme);
-  (0, import_react114.useEffect)(() => {
+  (0, import_react115.useEffect)(() => {
     injectGlobalStyles();
   }, []);
   const maxValue = Math.max(...data.map((d2) => d2.value), 1);
@@ -57959,7 +58122,7 @@ function ChartIcon({ color: color2 }) {
 }
 
 // src/react/ui/api-key-manager.tsx
-var import_react115 = require("react");
+var import_react116 = require("react");
 init_constants();
 var import_jsx_runtime132 = require("react/jsx-runtime");
 var DEFAULT_SCOPES = [
@@ -57982,20 +58145,20 @@ function APIKeyManager({
   emptyMessage = "No API keys created",
   showEnvironment = true
 }) {
-  const [showCreate, setShowCreate] = (0, import_react115.useState)(false);
-  const [name, setName] = (0, import_react115.useState)("");
-  const [selectedScopes, setSelectedScopes] = (0, import_react115.useState)([]);
-  const [expiresIn, setExpiresIn] = (0, import_react115.useState)(void 0);
-  const [isCreating, setIsCreating] = (0, import_react115.useState)(false);
-  const [error2, setError] = (0, import_react115.useState)(null);
-  const [newKey, setNewKey] = (0, import_react115.useState)(null);
-  const [revokingId, setRevokingId] = (0, import_react115.useState)(null);
-  const [copied, setCopied] = (0, import_react115.useState)(false);
+  const [showCreate, setShowCreate] = (0, import_react116.useState)(false);
+  const [name, setName] = (0, import_react116.useState)("");
+  const [selectedScopes, setSelectedScopes] = (0, import_react116.useState)([]);
+  const [expiresIn, setExpiresIn] = (0, import_react116.useState)(void 0);
+  const [isCreating, setIsCreating] = (0, import_react116.useState)(false);
+  const [error2, setError] = (0, import_react116.useState)(null);
+  const [newKey, setNewKey] = (0, import_react116.useState)(null);
+  const [revokingId, setRevokingId] = (0, import_react116.useState)(null);
+  const [copied, setCopied] = (0, import_react116.useState)(false);
   const styles2 = baseStyles(theme);
-  (0, import_react115.useEffect)(() => {
+  (0, import_react116.useEffect)(() => {
     injectGlobalStyles();
   }, []);
-  (0, import_react115.useEffect)(() => {
+  (0, import_react116.useEffect)(() => {
     if (copied) {
       const timer = setTimeout(() => setCopied(false), UI_COPY_FEEDBACK_MS);
       return () => clearTimeout(timer);
@@ -58566,7 +58729,7 @@ function CheckIcon10({ color: color2 }) {
 }
 
 // src/react/ui/billing-management.tsx
-var import_react116 = require("react");
+var import_react117 = require("react");
 var import_jsx_runtime133 = require("react/jsx-runtime");
 function InvoiceHistory({
   theme = defaultTheme,
@@ -58578,10 +58741,10 @@ function InvoiceHistory({
   pageSize = 10,
   emptyMessage = "No invoices yet"
 }) {
-  const [invoices] = (0, import_react116.useState)(propInvoices ?? []);
-  const [currentPage, setCurrentPage] = (0, import_react116.useState)(1);
+  const [invoices] = (0, import_react117.useState)(propInvoices ?? []);
+  const [currentPage, setCurrentPage] = (0, import_react117.useState)(1);
   const styles2 = baseStyles(theme);
-  (0, import_react116.useEffect)(() => {
+  (0, import_react117.useEffect)(() => {
     injectGlobalStyles();
   }, []);
   const totalPages = Math.ceil(invoices.length / pageSize);
@@ -58801,7 +58964,7 @@ function PaymentMethodManager({
   isAddingPaymentMethod = false
 }) {
   const styles2 = baseStyles(theme);
-  (0, import_react116.useEffect)(() => {
+  (0, import_react117.useEffect)(() => {
     injectGlobalStyles();
   }, []);
   const getBrandIcon = (brand) => {
@@ -58980,7 +59143,7 @@ function UsageOverview({
   currency = "USD"
 }) {
   const _styles = baseStyles(theme);
-  (0, import_react116.useEffect)(() => {
+  (0, import_react117.useEffect)(() => {
     injectGlobalStyles();
   }, []);
   const formatCurrency = (amount) => {
@@ -59194,7 +59357,7 @@ function PlusIcon4({ color: color2 }) {
 }
 
 // src/react/ui/billing-section.tsx
-var import_react117 = require("react");
+var import_react118 = require("react");
 init_constants();
 var import_jsx_runtime134 = require("react/jsx-runtime");
 function BillingSection(props) {
@@ -59222,14 +59385,14 @@ function BillingSectionInner({
     refresh: _refresh
   } = useBilling();
   const styles2 = baseStyles(theme);
-  const [selectedInterval, setSelectedInterval] = (0, import_react117.useState)("monthly");
-  const [processingPlan, setProcessingPlan] = (0, import_react117.useState)(null);
-  const [error2, setError] = (0, import_react117.useState)(null);
-  const [success, setSuccess] = (0, import_react117.useState)(null);
-  (0, import_react117.useEffect)(() => {
+  const [selectedInterval, setSelectedInterval] = (0, import_react118.useState)("monthly");
+  const [processingPlan, setProcessingPlan] = (0, import_react118.useState)(null);
+  const [error2, setError] = (0, import_react118.useState)(null);
+  const [success, setSuccess] = (0, import_react118.useState)(null);
+  (0, import_react118.useEffect)(() => {
     injectGlobalStyles();
   }, []);
-  (0, import_react117.useEffect)(() => {
+  (0, import_react118.useEffect)(() => {
     if (success || error2) {
       const timer = setTimeout(() => {
         setSuccess(null);
@@ -59610,7 +59773,7 @@ function CheckIcon11({ color: color2 }) {
 }
 
 // src/react/ui/chat-interface.tsx
-var import_react118 = require("react");
+var import_react119 = require("react");
 var import_jsx_runtime135 = require("react/jsx-runtime");
 function ChatInterface({
   theme = defaultTheme,
@@ -59634,19 +59797,19 @@ function ChatInterface({
   ...chatOptions
 }) {
   const { messages, send: send2, isLoading, error: error2, clear, retry } = useChat(chatOptions);
-  const [input, setInput] = (0, import_react118.useState)("");
-  const messagesEndRef = (0, import_react118.useRef)(null);
-  const inputRef = (0, import_react118.useRef)(null);
+  const [input, setInput] = (0, import_react119.useState)("");
+  const messagesEndRef = (0, import_react119.useRef)(null);
+  const inputRef = (0, import_react119.useRef)(null);
   const styles2 = baseStyles(theme);
-  (0, import_react118.useEffect)(() => {
+  (0, import_react119.useEffect)(() => {
     injectGlobalStyles();
   }, []);
-  (0, import_react118.useEffect)(() => {
+  (0, import_react119.useEffect)(() => {
     if (autoScroll && messagesEndRef.current) {
       messagesEndRef.current.scrollIntoView({ behavior: "smooth" });
     }
   }, [autoScroll]);
-  (0, import_react118.useEffect)(() => {
+  (0, import_react119.useEffect)(() => {
     if (inputRef.current) {
       inputRef.current.style.height = "auto";
       inputRef.current.style.height = `${Math.min(inputRef.current.scrollHeight, 150)}px`;
@@ -60012,8 +60175,8 @@ function ChatInput({
   onSubmit,
   isLoading = false
 }) {
-  const [input, setInput] = (0, import_react118.useState)("");
-  const inputRef = (0, import_react118.useRef)(null);
+  const [input, setInput] = (0, import_react119.useState)("");
+  const inputRef = (0, import_react119.useRef)(null);
   const handleSubmit = (e2) => {
     e2?.preventDefault();
     if (!input.trim() || disabled2 || isLoading) return;
@@ -60110,7 +60273,7 @@ function SendIcon2({ color: color2 }) {
 }
 
 // src/react/ui/consent-preferences.tsx
-var import_react119 = require("react");
+var import_react120 = require("react");
 init_constants();
 var import_jsx_runtime136 = require("react/jsx-runtime");
 var CATEGORY_INFO = {
@@ -60164,13 +60327,13 @@ function ConsentPreferences({
     isLoading,
     hasConsented
   } = useConsent();
-  const [isSaving, setIsSaving] = (0, import_react119.useState)(false);
-  const [saveSuccess, setSaveSuccess] = (0, import_react119.useState)(false);
+  const [isSaving, setIsSaving] = (0, import_react120.useState)(false);
+  const [saveSuccess, setSaveSuccess] = (0, import_react120.useState)(false);
   const styles2 = baseStyles(theme);
-  (0, import_react119.useEffect)(() => {
+  (0, import_react120.useEffect)(() => {
     injectGlobalStyles();
   }, []);
-  (0, import_react119.useEffect)(() => {
+  (0, import_react120.useEffect)(() => {
     if (saveSuccess) {
       const timer = setTimeout(() => setSaveSuccess(false), UI_FORM_SUCCESS_MS);
       return () => clearTimeout(timer);
@@ -60592,7 +60755,7 @@ function CheckIcon12({ color: color2 }) {
 }
 
 // src/react/ui/cookie-banner.tsx
-var import_react120 = require("react");
+var import_react121 = require("react");
 init_constants();
 var import_jsx_runtime137 = require("react/jsx-runtime");
 function CookieBanner({
@@ -60621,13 +60784,13 @@ function CookieBanner({
     closeBanner,
     isLoading
   } = useConsent();
-  const [showCustomize, setShowCustomize] = (0, import_react120.useState)(false);
-  const [isVisible, setIsVisible] = (0, import_react120.useState)(false);
+  const [showCustomize, setShowCustomize] = (0, import_react121.useState)(false);
+  const [isVisible, setIsVisible] = (0, import_react121.useState)(false);
   const styles2 = baseStyles(theme);
-  (0, import_react120.useEffect)(() => {
+  (0, import_react121.useEffect)(() => {
     injectGlobalStyles();
   }, []);
-  (0, import_react120.useEffect)(() => {
+  (0, import_react121.useEffect)(() => {
     if (showBanner || forceShow) {
       const timer = setTimeout(() => setIsVisible(true), 50);
       return () => clearTimeout(timer);
@@ -60989,10 +61152,10 @@ function CloseIcon2() {
 }
 
 // src/react/ui/error-boundary.tsx
-var import_react121 = require("react");
+var import_react122 = require("react");
 init_constants();
 var import_jsx_runtime138 = require("react/jsx-runtime");
-var SylphxErrorBoundary = class extends import_react121.Component {
+var SylphxErrorBoundary = class extends import_react122.Component {
   constructor(props) {
     super(props);
     this.state = {
@@ -61077,7 +61240,7 @@ function DefaultErrorFallback({
   showDetails = process.env.NODE_ENV === "development"
 }) {
   const styles2 = baseStyles(theme);
-  (0, import_react121.useEffect)(() => {
+  (0, import_react122.useEffect)(() => {
     injectGlobalStyles();
   }, []);
   const containerStyle = mergeStyles(styles2.container, {
@@ -61223,15 +61386,15 @@ function FeedbackWidget({
   position = "bottom-right",
   defaultOpen = false
 }) {
-  const [isOpen, setIsOpen] = (0, import_react121.useState)(defaultOpen);
-  const [message, setMessage] = (0, import_react121.useState)("");
-  const [email, setEmail] = (0, import_react121.useState)("");
-  const [isSubmitting, setIsSubmitting] = (0, import_react121.useState)(false);
-  const [isSuccess, setIsSuccess] = (0, import_react121.useState)(false);
-  const [error2, setError] = (0, import_react121.useState)(null);
+  const [isOpen, setIsOpen] = (0, import_react122.useState)(defaultOpen);
+  const [message, setMessage] = (0, import_react122.useState)("");
+  const [email, setEmail] = (0, import_react122.useState)("");
+  const [isSubmitting, setIsSubmitting] = (0, import_react122.useState)(false);
+  const [isSuccess, setIsSuccess] = (0, import_react122.useState)(false);
+  const [error2, setError] = (0, import_react122.useState)(null);
   const { captureMessage } = useErrorTracking();
   const styles2 = baseStyles(theme);
-  (0, import_react121.useEffect)(() => {
+  (0, import_react122.useEffect)(() => {
     injectGlobalStyles();
   }, []);
   const handleSubmit = async (e2) => {
@@ -61437,7 +61600,7 @@ function CheckCircleIcon({ color: color2 }) {
 }
 
 // src/react/ui/feature-gate.tsx
-var import_react122 = require("react");
+var import_react123 = require("react");
 init_constants();
 var import_jsx_runtime139 = require("react/jsx-runtime");
 function FeatureGate({
@@ -61506,8 +61669,8 @@ function FlagDevTools({
   defaultCollapsed = true,
   className
 }) {
-  const [isCollapsed, setIsCollapsed] = (0, import_react122.useState)(defaultCollapsed);
-  const context = (0, import_react122.useContext)(FeatureFlagContext);
+  const [isCollapsed, setIsCollapsed] = (0, import_react123.useState)(defaultCollapsed);
+  const context = (0, import_react123.useContext)(FeatureFlagContext);
   const styles2 = baseStyles(theme);
   if (!context) {
     return null;
@@ -61736,7 +61899,7 @@ function CloseIcon4() {
 }
 
 // src/react/ui/file-upload.tsx
-var import_react123 = require("react");
+var import_react124 = require("react");
 init_constants();
 var import_jsx_runtime140 = require("react/jsx-runtime");
 function FileUpload(props) {
@@ -61754,19 +61917,19 @@ function FileUploadInner({
   placeholder = "Drop files here or click to upload",
   showFileList = true
 }) {
-  const [isDragging2, setIsDragging] = (0, import_react123.useState)(false);
-  const [uploadedFiles, setUploadedFiles] = (0, import_react123.useState)([]);
-  const inputRef = (0, import_react123.useRef)(null);
+  const [isDragging2, setIsDragging] = (0, import_react124.useState)(false);
+  const [uploadedFiles, setUploadedFiles] = (0, import_react124.useState)([]);
+  const inputRef = (0, import_react124.useRef)(null);
   const { upload, isUploading, progress: progress2, error: error2 } = useFileUpload({
     accept,
     maxSize,
     onError
   });
   const styles2 = baseStyles(theme);
-  (0, import_react123.useEffect)(() => {
+  (0, import_react124.useEffect)(() => {
     injectGlobalStyles();
   }, []);
-  const handleFiles = (0, import_react123.useCallback)(
+  const handleFiles = (0, import_react124.useCallback)(
     async (files) => {
       if (!files || files.length === 0) return;
       const fileArray = Array.from(files);
@@ -61785,7 +61948,7 @@ function FileUploadInner({
     },
     [upload, onUpload]
   );
-  const handleDrop = (0, import_react123.useCallback)(
+  const handleDrop = (0, import_react124.useCallback)(
     (e2) => {
       e2.preventDefault();
       e2.stopPropagation();
@@ -61795,7 +61958,7 @@ function FileUploadInner({
     },
     [handleFiles, disabled2]
   );
-  const handleDragOver = (0, import_react123.useCallback)(
+  const handleDragOver = (0, import_react124.useCallback)(
     (e2) => {
       e2.preventDefault();
       e2.stopPropagation();
@@ -61803,7 +61966,7 @@ function FileUploadInner({
     },
     [disabled2]
   );
-  const handleDragLeave = (0, import_react123.useCallback)((e2) => {
+  const handleDragLeave = (0, import_react124.useCallback)((e2) => {
     e2.preventDefault();
     e2.stopPropagation();
     setIsDragging(false);
@@ -61957,18 +62120,18 @@ function ImageUploaderInner({
   aspectRatio: aspectRatio2 = "1:1",
   placeholder = "Click to upload image"
 }) {
-  const [previewUrl, setPreviewUrl] = (0, import_react123.useState)(value || null);
-  const inputRef = (0, import_react123.useRef)(null);
+  const [previewUrl, setPreviewUrl] = (0, import_react124.useState)(value || null);
+  const inputRef = (0, import_react124.useRef)(null);
   const { upload, isUploading, progress: progress2, error: error2 } = useFileUpload({
     accept: ["image/*"],
     maxSize,
     onError
   });
   const styles2 = baseStyles(theme);
-  (0, import_react123.useEffect)(() => {
+  (0, import_react124.useEffect)(() => {
     setPreviewUrl(value || null);
   }, [value]);
-  (0, import_react123.useEffect)(() => {
+  (0, import_react124.useEffect)(() => {
     injectGlobalStyles();
   }, []);
   const handleFile = async (file) => {
@@ -62131,14 +62294,14 @@ function AvatarUploadInner({
   size: size4 = 96,
   placeholder = ""
 }) {
-  const [previewUrl, setPreviewUrl] = (0, import_react123.useState)(value || null);
-  const inputRef = (0, import_react123.useRef)(null);
+  const [previewUrl, setPreviewUrl] = (0, import_react124.useState)(value || null);
+  const inputRef = (0, import_react124.useRef)(null);
   const { uploadAvatar, isUploading, uploadError } = useStorage();
   const styles2 = baseStyles(theme);
-  (0, import_react123.useEffect)(() => {
+  (0, import_react124.useEffect)(() => {
     setPreviewUrl(value || null);
   }, [value]);
-  (0, import_react123.useEffect)(() => {
+  (0, import_react124.useEffect)(() => {
     injectGlobalStyles();
   }, []);
   const handleFile = async (file) => {
@@ -62338,18 +62501,18 @@ function CloseIcon5() {
 }
 
 // src/react/ui/job-scheduler.tsx
-var import_react_query10 = require("@tanstack/react-query");
-var import_react125 = require("react");
+var import_react_query11 = require("@tanstack/react-query");
+var import_react126 = require("react");
 init_constants();
 
 // src/react/job-hooks.ts
-var import_react_query9 = require("@tanstack/react-query");
-var import_react124 = require("react");
+var import_react_query10 = require("@tanstack/react-query");
+var import_react125 = require("react");
 function useJobs() {
   const ctx = useJobsContext();
-  const [isLoading, setIsLoading] = (0, import_react124.useState)(false);
-  const [error2, setError] = (0, import_react124.useState)(null);
-  const isAvailable = (0, import_react124.useCallback)(async () => {
+  const [isLoading, setIsLoading] = (0, import_react125.useState)(false);
+  const [error2, setError] = (0, import_react125.useState)(null);
+  const isAvailable = (0, import_react125.useCallback)(async () => {
     try {
       const status = await ctx.checkStatus();
       return status.available;
@@ -62357,7 +62520,7 @@ function useJobs() {
       return false;
     }
   }, [ctx]);
-  const schedule = (0, import_react124.useCallback)(
+  const schedule = (0, import_react125.useCallback)(
     async (options) => {
       setIsLoading(true);
       setError(null);
@@ -62373,7 +62536,7 @@ function useJobs() {
     },
     [ctx]
   );
-  const createCron = (0, import_react124.useCallback)(
+  const createCron = (0, import_react125.useCallback)(
     async (options) => {
       setIsLoading(true);
       setError(null);
@@ -62389,7 +62552,7 @@ function useJobs() {
     },
     [ctx]
   );
-  const pauseCron = (0, import_react124.useCallback)(
+  const pauseCron = (0, import_react125.useCallback)(
     async (scheduleId) => {
       setIsLoading(true);
       setError(null);
@@ -62405,7 +62568,7 @@ function useJobs() {
     },
     [ctx]
   );
-  const resumeCron = (0, import_react124.useCallback)(
+  const resumeCron = (0, import_react125.useCallback)(
     async (scheduleId) => {
       setIsLoading(true);
       setError(null);
@@ -62421,7 +62584,7 @@ function useJobs() {
     },
     [ctx]
   );
-  const deleteCron = (0, import_react124.useCallback)(
+  const deleteCron = (0, import_react125.useCallback)(
     async (scheduleId) => {
       setIsLoading(true);
       setError(null);
@@ -62437,7 +62600,7 @@ function useJobs() {
     },
     [ctx]
   );
-  const getJob = (0, import_react124.useCallback)(
+  const getJob = (0, import_react125.useCallback)(
     async (jobId) => {
       try {
         return await ctx.getJob(jobId);
@@ -62449,7 +62612,7 @@ function useJobs() {
     },
     [ctx]
   );
-  const listJobs = (0, import_react124.useCallback)(
+  const listJobs = (0, import_react125.useCallback)(
     async (options = {}) => {
       try {
         const result = await ctx.listJobs(options);
@@ -62462,7 +62625,7 @@ function useJobs() {
     },
     [ctx]
   );
-  const cancelJob = (0, import_react124.useCallback)(
+  const cancelJob = (0, import_react125.useCallback)(
     async (jobId) => {
       setIsLoading(true);
       setError(null);
@@ -62503,19 +62666,19 @@ function JobScheduler({
   showCronTab = true
 }) {
   const { schedule, createCron, isLoading, error: error2 } = useJobs();
-  const [activeTab, setActiveTab] = (0, import_react125.useState)("one-time");
-  const [name, setName] = (0, import_react125.useState)("");
-  const [callbackUrl, setCallbackUrl] = (0, import_react125.useState)(defaultCallbackUrl);
-  const [payload, setPayload] = (0, import_react125.useState)("{}");
-  const [delay3, setDelay] = (0, import_react125.useState)(60);
-  const [delayUnit, setDelayUnit] = (0, import_react125.useState)("seconds");
-  const [cronExpression, setCronExpression] = (0, import_react125.useState)("0 9 * * *");
-  const [scheduleSuccess, setScheduleSuccess] = (0, import_react125.useState)(false);
+  const [activeTab, setActiveTab] = (0, import_react126.useState)("one-time");
+  const [name, setName] = (0, import_react126.useState)("");
+  const [callbackUrl, setCallbackUrl] = (0, import_react126.useState)(defaultCallbackUrl);
+  const [payload, setPayload] = (0, import_react126.useState)("{}");
+  const [delay3, setDelay] = (0, import_react126.useState)(60);
+  const [delayUnit, setDelayUnit] = (0, import_react126.useState)("seconds");
+  const [cronExpression, setCronExpression] = (0, import_react126.useState)("0 9 * * *");
+  const [scheduleSuccess, setScheduleSuccess] = (0, import_react126.useState)(false);
   const styles2 = baseStyles(theme);
-  (0, import_react125.useEffect)(() => {
+  (0, import_react126.useEffect)(() => {
     injectGlobalStyles();
   }, []);
-  (0, import_react125.useEffect)(() => {
+  (0, import_react126.useEffect)(() => {
     if (scheduleSuccess) {
       const timer = setTimeout(() => setScheduleSuccess(false), UI_FORM_SUCCESS_MS);
       return () => clearTimeout(timer);
@@ -62852,13 +63015,13 @@ function JobList({
   emptyMessage = "No jobs scheduled"
 }) {
   const ctx = useJobsContext();
-  const queryClient = (0, import_react_query10.useQueryClient)();
-  const [filter2, setFilter] = (0, import_react125.useState)("all");
+  const queryClient = (0, import_react_query11.useQueryClient)();
+  const [filter2, setFilter] = (0, import_react126.useState)("all");
   const styles2 = baseStyles(theme);
-  (0, import_react125.useEffect)(() => {
+  (0, import_react126.useEffect)(() => {
     injectGlobalStyles();
   }, []);
-  const jobsQuery = (0, import_react_query10.useQuery)({
+  const jobsQuery = (0, import_react_query11.useQuery)({
     queryKey: ["sylphx", "jobs", "list", filter2],
     queryFn: async () => {
       const apiStatus = filter2 === "all" || filter2 === "cancelled" ? void 0 : filter2;
@@ -62874,13 +63037,13 @@ function JobList({
   const jobs = propJobs ?? jobsQuery.data ?? [];
   const isLoading = !propJobs && jobsQuery.isLoading;
   const filteredJobs = filter2 === "all" ? jobs : jobs.filter((j) => j.status === filter2);
-  const cancelMutation = (0, import_react_query10.useMutation)({
+  const cancelMutation = (0, import_react_query11.useMutation)({
     mutationFn: (jobId) => ctx.cancelJob(jobId),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: ["sylphx", "jobs", "list"] });
     }
   });
-  const handleCancel = (0, import_react125.useCallback)(
+  const handleCancel = (0, import_react126.useCallback)(
     async (jobId) => {
       if (onCancel) {
         onCancel(jobId);
@@ -63070,11 +63233,11 @@ function CronBuilder({
   onCreate,
   defaultCallbackUrl = ""
 }) {
-  const [expression, setExpression] = (0, import_react125.useState)("0 9 * * *");
-  const [callbackUrl, setCallbackUrl] = (0, import_react125.useState)(defaultCallbackUrl);
-  const [name, setName] = (0, import_react125.useState)("");
+  const [expression, setExpression] = (0, import_react126.useState)("0 9 * * *");
+  const [callbackUrl, setCallbackUrl] = (0, import_react126.useState)(defaultCallbackUrl);
+  const [name, setName] = (0, import_react126.useState)("");
   const styles2 = baseStyles(theme);
-  (0, import_react125.useEffect)(() => {
+  (0, import_react126.useEffect)(() => {
     injectGlobalStyles();
   }, []);
   const handleSubmit = (e2) => {
@@ -63313,7 +63476,7 @@ function JobIcon({ color: color2, size: size4 = 24 }) {
 var TaskScheduler = JobScheduler;
 
 // src/react/ui/model-selector.tsx
-var import_react126 = require("react");
+var import_react127 = require("react");
 var import_jsx_runtime142 = require("react/jsx-runtime");
 function ModelSelector({
   theme = defaultTheme,
@@ -63328,20 +63491,20 @@ function ModelSelector({
   compact = false
 }) {
   const styles2 = baseStyles(theme);
-  const [isOpen, setIsOpen] = (0, import_react126.useState)(false);
-  const [searchValue, setSearchValue] = (0, import_react126.useState)("");
-  const containerRef = (0, import_react126.useRef)(null);
-  const inputRef = (0, import_react126.useRef)(null);
+  const [isOpen, setIsOpen] = (0, import_react127.useState)(false);
+  const [searchValue, setSearchValue] = (0, import_react127.useState)("");
+  const containerRef = (0, import_react127.useRef)(null);
+  const inputRef = (0, import_react127.useRef)(null);
   const { models, isLoading, error: error2, setSearch, hasMore, loadMore } = useModels({
     capability,
     fetchOnMount: true,
     pageSize: 50
   });
   const selectedModel = models.find((m3) => m3.id === value);
-  (0, import_react126.useEffect)(() => {
+  (0, import_react127.useEffect)(() => {
     injectGlobalStyles();
   }, []);
-  (0, import_react126.useEffect)(() => {
+  (0, import_react127.useEffect)(() => {
     const handleClickOutside = (event2) => {
       if (containerRef.current && !containerRef.current.contains(event2.target)) {
         setIsOpen(false);
@@ -63835,9 +63998,9 @@ function ModelGrid({
     fetchOnMount: true,
     pageSize: 24
   });
-  const [searchValue, setSearchValue] = (0, import_react126.useState)("");
-  const [filterCapability, setFilterCapability] = (0, import_react126.useState)(capability);
-  (0, import_react126.useEffect)(() => {
+  const [searchValue, setSearchValue] = (0, import_react127.useState)("");
+  const [filterCapability, setFilterCapability] = (0, import_react127.useState)(capability);
+  (0, import_react127.useEffect)(() => {
     injectGlobalStyles();
   }, []);
   const handleSearchChange = (e2) => {
@@ -63939,7 +64102,7 @@ function ModelGrid({
 }
 
 // src/react/ui/newsletter-form.tsx
-var import_react127 = require("react");
+var import_react128 = require("react");
 var import_jsx_runtime143 = require("react/jsx-runtime");
 function NewsletterForm({
   theme = defaultTheme,
@@ -63970,16 +64133,16 @@ function NewsletterForm({
     reset
   } = useSubscriberForm();
   const styles2 = baseStyles(theme);
-  const [localError, setLocalError] = (0, import_react127.useState)(null);
-  (0, import_react127.useEffect)(() => {
+  const [localError, setLocalError] = (0, import_react128.useState)(null);
+  (0, import_react128.useEffect)(() => {
     injectGlobalStyles();
   }, []);
-  (0, import_react127.useEffect)(() => {
+  (0, import_react128.useEffect)(() => {
     if (success && onSuccess) {
       onSuccess(email);
     }
   }, [success, email, onSuccess]);
-  (0, import_react127.useEffect)(() => {
+  (0, import_react128.useEffect)(() => {
     if (formError && onError) {
       onError(formError.message);
     }
@@ -64151,7 +64314,7 @@ function NewsletterForm({
 }
 
 // src/react/ui/notification-settings.tsx
-var import_react128 = require("react");
+var import_react129 = require("react");
 init_constants();
 var import_jsx_runtime144 = require("react/jsx-runtime");
 function NotificationSettings({
@@ -64172,21 +64335,21 @@ function NotificationSettings({
     updatePreferences
   } = useNotifications();
   const styles2 = baseStyles(theme);
-  const [error2, setError] = (0, import_react128.useState)(null);
-  const [success, setSuccess] = (0, import_react128.useState)(null);
-  const [isTogglingPush, setIsTogglingPush] = (0, import_react128.useState)(false);
-  const [localPrefs, setLocalPrefs] = (0, import_react128.useState)(
+  const [error2, setError] = (0, import_react129.useState)(null);
+  const [success, setSuccess] = (0, import_react129.useState)(null);
+  const [isTogglingPush, setIsTogglingPush] = (0, import_react129.useState)(false);
+  const [localPrefs, setLocalPrefs] = (0, import_react129.useState)(
     () => preferences?.categories ?? {}
   );
-  (0, import_react128.useEffect)(() => {
+  (0, import_react129.useEffect)(() => {
     injectGlobalStyles();
   }, []);
-  (0, import_react128.useEffect)(() => {
+  (0, import_react129.useEffect)(() => {
     if (preferences?.categories) {
       setLocalPrefs(preferences.categories);
     }
   }, [preferences]);
-  (0, import_react128.useEffect)(() => {
+  (0, import_react129.useEffect)(() => {
     if (success || error2) {
       const timer = setTimeout(() => {
         setSuccess(null);
@@ -64418,7 +64581,7 @@ function BellOffIcon({ size: size4 = 24 }) {
 }
 
 // src/react/ui/organization-management.tsx
-var import_react129 = require("react");
+var import_react130 = require("react");
 init_constants();
 var import_jsx_runtime145 = require("react/jsx-runtime");
 function OrganizationProfile(props) {
@@ -64437,23 +64600,23 @@ function OrganizationProfileInner({
   const hookResult = useOrganization();
   const org = propOrg ?? hookResult.organization;
   const members = hookResult.members;
-  const [name, setName] = (0, import_react129.useState)(org?.name ?? "");
-  const [slug, setSlug] = (0, import_react129.useState)(org?.slug ?? "");
-  const [isSaving, setIsSaving] = (0, import_react129.useState)(false);
-  const [isDeleting, setIsDeleting] = (0, import_react129.useState)(false);
-  const [saveSuccess, setSaveSuccess] = (0, import_react129.useState)(false);
-  const [deleteConfirm, setDeleteConfirm] = (0, import_react129.useState)("");
+  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);
+  const [isDeleting, setIsDeleting] = (0, import_react130.useState)(false);
+  const [saveSuccess, setSaveSuccess] = (0, import_react130.useState)(false);
+  const [deleteConfirm, setDeleteConfirm] = (0, import_react130.useState)("");
   const styles2 = baseStyles(theme);
-  (0, import_react129.useEffect)(() => {
+  (0, import_react130.useEffect)(() => {
     injectGlobalStyles();
   }, []);
-  (0, import_react129.useEffect)(() => {
+  (0, import_react130.useEffect)(() => {
     if (org) {
       setName(org.name);
       setSlug(org.slug ?? "");
     }
   }, [org]);
-  (0, import_react129.useEffect)(() => {
+  (0, import_react130.useEffect)(() => {
     if (saveSuccess) {
       const timer = setTimeout(() => setSaveSuccess(false), UI_FORM_SUCCESS_MS);
       return () => clearTimeout(timer);
@@ -64802,15 +64965,15 @@ function CreateOrganization({
   onCancel,
   showCancel = true
 }) {
-  const [name, setName] = (0, import_react129.useState)("");
-  const [slug, setSlug] = (0, import_react129.useState)("");
-  const [isCreating, setIsCreating] = (0, import_react129.useState)(false);
-  const [error2, setError] = (0, import_react129.useState)(null);
+  const [name, setName] = (0, import_react130.useState)("");
+  const [slug, setSlug] = (0, import_react130.useState)("");
+  const [isCreating, setIsCreating] = (0, import_react130.useState)(false);
+  const [error2, setError] = (0, import_react130.useState)(null);
   const styles2 = baseStyles(theme);
-  (0, import_react129.useEffect)(() => {
+  (0, import_react130.useEffect)(() => {
     injectGlobalStyles();
   }, []);
-  (0, import_react129.useEffect)(() => {
+  (0, import_react130.useEffect)(() => {
     if (name && !slug) {
       const generatedSlug = name.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
       setSlug(generatedSlug);
@@ -64978,7 +65141,7 @@ function OrganizationList({
   emptyMessage = "No organizations"
 }) {
   const styles2 = baseStyles(theme);
-  (0, import_react129.useEffect)(() => {
+  (0, import_react130.useEffect)(() => {
     injectGlobalStyles();
   }, []);
   const containerStyle = {
@@ -65148,7 +65311,7 @@ function PlusIcon5({ color: color2 }) {
 }
 
 // src/react/ui/push-notifications.tsx
-var import_react130 = require("react");
+var import_react131 = require("react");
 init_constants();
 var import_jsx_runtime146 = require("react/jsx-runtime");
 function PushPrompt({
@@ -65165,14 +65328,14 @@ function PushPrompt({
   autoShow = true,
   showDelay = UI_PROMPT_DELAY_MS
 }) {
-  const [isVisible, setIsVisible] = (0, import_react130.useState)(false);
-  const [isAnimatingOut, setIsAnimatingOut] = (0, import_react130.useState)(false);
+  const [isVisible, setIsVisible] = (0, import_react131.useState)(false);
+  const [isAnimatingOut, setIsAnimatingOut] = (0, import_react131.useState)(false);
   const { isSupported, isSubscribed, subscribe, error: error2 } = useNotifications();
   const styles2 = baseStyles(theme);
-  (0, import_react130.useEffect)(() => {
+  (0, import_react131.useEffect)(() => {
     injectGlobalStyles();
   }, []);
-  (0, import_react130.useEffect)(() => {
+  (0, import_react131.useEffect)(() => {
     if (!autoShow || !isSupported || isSubscribed) return;
     const timer = setTimeout(() => {
       setIsVisible(true);
@@ -65412,7 +65575,7 @@ function NotificationList({
 }) {
   const styles2 = baseStyles(theme);
   const unreadCount = notifications.filter((n2) => !n2.read).length;
-  (0, import_react130.useEffect)(() => {
+  (0, import_react131.useEffect)(() => {
     injectGlobalStyles();
   }, []);
   const containerStyle = {
@@ -65504,7 +65667,7 @@ function NotificationItem({
   onDelete
 }) {
   const styles2 = baseStyles(theme);
-  const [showActions, setShowActions] = (0, import_react130.useState)(false);
+  const [showActions, setShowActions] = (0, import_react131.useState)(false);
   const itemStyle = {
     display: "flex",
     alignItems: "flex-start",
@@ -65692,7 +65855,7 @@ function TrashIcon3({ color: color2 }) {
 }
 
 // src/react/ui/referral-card.tsx
-var import_react131 = require("react");
+var import_react132 = require("react");
 init_constants();
 var import_jsx_runtime147 = require("react/jsx-runtime");
 function ReferralCard(props) {
@@ -65720,13 +65883,13 @@ function ReferralCardInner({
     regenerateCode
   } = useReferral();
   const styles2 = baseStyles(theme);
-  const [copied, setCopied] = (0, import_react131.useState)(null);
-  const [isRegenerating, setIsRegenerating] = (0, import_react131.useState)(false);
-  const [error2, setError] = (0, import_react131.useState)(null);
-  (0, import_react131.useEffect)(() => {
+  const [copied, setCopied] = (0, import_react132.useState)(null);
+  const [isRegenerating, setIsRegenerating] = (0, import_react132.useState)(false);
+  const [error2, setError] = (0, import_react132.useState)(null);
+  (0, import_react132.useEffect)(() => {
     injectGlobalStyles();
   }, []);
-  (0, import_react131.useEffect)(() => {
+  (0, import_react132.useEffect)(() => {
     if (copied) {
       const timer = setTimeout(() => setCopied(null), UI_COPY_FEEDBACK_MS);
       return () => clearTimeout(timer);
@@ -66126,8 +66289,8 @@ function EmailIcon({ size: size4 = 24 }) {
 }
 
 // src/react/ui/security-settings.tsx
-var import_react_query11 = require("@tanstack/react-query");
-var import_react132 = require("react");
+var import_react_query12 = require("@tanstack/react-query");
+var import_react133 = require("react");
 init_constants();
 var import_jsx_runtime148 = require("react/jsx-runtime");
 function SecuritySettings({
@@ -66142,22 +66305,22 @@ function SecuritySettings({
 }) {
   const userContext = useUserContext();
   const securityContext = useSecurityContext();
-  const queryClient = (0, import_react_query11.useQueryClient)();
+  const queryClient = (0, import_react_query12.useQueryClient)();
   const styles2 = baseStyles(theme);
-  const [error2, setError] = (0, import_react132.useState)(null);
-  const [success, setSuccess] = (0, import_react132.useState)(null);
-  const [showSetup2FA, setShowSetup2FA] = (0, import_react132.useState)(false);
-  const [totpSecret, setTotpSecret] = (0, import_react132.useState)(null);
-  const [totpQrCode, setTotpQrCode] = (0, import_react132.useState)(null);
-  const [verifyCode, setVerifyCode] = (0, import_react132.useState)("");
-  const [showPasswordChange, setShowPasswordChange] = (0, import_react132.useState)(false);
-  const [currentPassword, setCurrentPassword] = (0, import_react132.useState)("");
-  const [newPassword, setNewPassword] = (0, import_react132.useState)("");
-  const [confirmPassword, setConfirmPassword] = (0, import_react132.useState)("");
-  (0, import_react132.useEffect)(() => {
+  const [error2, setError] = (0, import_react133.useState)(null);
+  const [success, setSuccess] = (0, import_react133.useState)(null);
+  const [showSetup2FA, setShowSetup2FA] = (0, import_react133.useState)(false);
+  const [totpSecret, setTotpSecret] = (0, import_react133.useState)(null);
+  const [totpQrCode, setTotpQrCode] = (0, import_react133.useState)(null);
+  const [verifyCode, setVerifyCode] = (0, import_react133.useState)("");
+  const [showPasswordChange, setShowPasswordChange] = (0, import_react133.useState)(false);
+  const [currentPassword, setCurrentPassword] = (0, import_react133.useState)("");
+  const [newPassword, setNewPassword] = (0, import_react133.useState)("");
+  const [confirmPassword, setConfirmPassword] = (0, import_react133.useState)("");
+  (0, import_react133.useEffect)(() => {
     injectGlobalStyles();
   }, []);
-  const twoFactorQuery = (0, import_react_query11.useQuery)({
+  const twoFactorQuery = (0, import_react_query12.useQuery)({
     queryKey: ["sylphx", "security", "2fa-status"],
     queryFn: async () => {
       const data = await securityContext.getTwoFactorStatus();
@@ -66170,7 +66333,7 @@ function SecuritySettings({
     staleTime: STALE_TIME_STABLE_MS
     // 5 min
   });
-  const sessionsQuery = (0, import_react_query11.useQuery)({
+  const sessionsQuery = (0, import_react_query12.useQuery)({
     queryKey: ["sylphx", "security", "sessions"],
     queryFn: async () => {
       const data = await userContext.getSessions();
@@ -66189,7 +66352,7 @@ function SecuritySettings({
     staleTime: STALE_TIME_FREQUENT_MS
     // 1 min - sessions can change
   });
-  const loginHistoryQuery = (0, import_react_query11.useQuery)({
+  const loginHistoryQuery = (0, import_react_query12.useQuery)({
     queryKey: ["sylphx", "security", "login-history"],
     queryFn: async () => {
       const data = await userContext.getLoginHistory({ limit: 10 });
@@ -66212,14 +66375,14 @@ function SecuritySettings({
   const loginHistory = loginHistoryQuery.data ?? [];
   const isLoading = twoFactorQuery.isLoading || sessionsQuery.isLoading || loginHistoryQuery.isLoading;
   const queryError = twoFactorQuery.error || sessionsQuery.error || loginHistoryQuery.error;
-  (0, import_react132.useEffect)(() => {
+  (0, import_react133.useEffect)(() => {
     if (queryError) {
       const message = queryError instanceof Error ? queryError.message : "Failed to load security settings";
       setError(message);
       onError?.(message);
     }
   }, [queryError, onError]);
-  (0, import_react132.useEffect)(() => {
+  (0, import_react133.useEffect)(() => {
     if (success || error2) {
       const timer = setTimeout(() => {
         setSuccess(null);
@@ -66228,7 +66391,7 @@ function SecuritySettings({
       return () => clearTimeout(timer);
     }
   }, [success, error2]);
-  const setup2FAMutation = (0, import_react_query11.useMutation)({
+  const setup2FAMutation = (0, import_react_query12.useMutation)({
     mutationFn: () => securityContext.twoFactorSetup(),
     onSuccess: (data) => {
       setTotpSecret(data.secret);
@@ -66241,7 +66404,7 @@ function SecuritySettings({
       onError?.(message);
     }
   });
-  const enable2FAMutation = (0, import_react_query11.useMutation)({
+  const enable2FAMutation = (0, import_react_query12.useMutation)({
     mutationFn: (code) => securityContext.twoFactorVerify(code),
     onSuccess: () => {
       queryClient.setQueryData(["sylphx", "security", "2fa-status"], {
@@ -66259,7 +66422,7 @@ function SecuritySettings({
       onError?.(message);
     }
   });
-  const disable2FAMutation = (0, import_react_query11.useMutation)({
+  const disable2FAMutation = (0, import_react_query12.useMutation)({
     mutationFn: (code) => securityContext.twoFactorDisable(code),
     onSuccess: () => {
       queryClient.setQueryData(["sylphx", "security", "2fa-status"], {
@@ -66274,7 +66437,7 @@ function SecuritySettings({
       onError?.(message);
     }
   });
-  const changePasswordMutation = (0, import_react_query11.useMutation)({
+  const changePasswordMutation = (0, import_react_query12.useMutation)({
     mutationFn: ({ current, newPwd }) => userContext.changePassword(current, newPwd),
     onSuccess: () => {
       setShowPasswordChange(false);
@@ -66290,7 +66453,7 @@ function SecuritySettings({
       onError?.(message);
     }
   });
-  const revokeSessionMutation = (0, import_react_query11.useMutation)({
+  const revokeSessionMutation = (0, import_react_query12.useMutation)({
     mutationFn: (sessionId) => userContext.revokeSession(sessionId),
     onSuccess: (_data, sessionId) => {
       queryClient.setQueryData(
@@ -66306,7 +66469,7 @@ function SecuritySettings({
       onError?.(message);
     }
   });
-  const revokeAllSessionsMutation = (0, import_react_query11.useMutation)({
+  const revokeAllSessionsMutation = (0, import_react_query12.useMutation)({
     mutationFn: () => userContext.revokeAllSessions(),
     onSuccess: () => {
       queryClient.setQueryData(
@@ -66322,10 +66485,10 @@ function SecuritySettings({
       onError?.(message);
     }
   });
-  const handleStart2FASetup = (0, import_react132.useCallback)(() => {
+  const handleStart2FASetup = (0, import_react133.useCallback)(() => {
     setup2FAMutation.mutate();
   }, [setup2FAMutation]);
-  const handleEnable2FA = (0, import_react132.useCallback)(
+  const handleEnable2FA = (0, import_react133.useCallback)(
     (e2) => {
       e2.preventDefault();
       if (!verifyCode || verifyCode.length !== 6) {
@@ -66336,12 +66499,12 @@ function SecuritySettings({
     },
     [verifyCode, enable2FAMutation]
   );
-  const handleDisable2FA = (0, import_react132.useCallback)(() => {
+  const handleDisable2FA = (0, import_react133.useCallback)(() => {
     const code = prompt("Enter your 2FA code to disable two-factor authentication:");
     if (!code) return;
     disable2FAMutation.mutate(code);
   }, [disable2FAMutation]);
-  const handlePasswordChange = (0, import_react132.useCallback)(
+  const handlePasswordChange = (0, import_react133.useCallback)(
     (e2) => {
       e2.preventDefault();
       if (newPassword !== confirmPassword) {
@@ -66359,13 +66522,13 @@ function SecuritySettings({
     },
     [newPassword, confirmPassword, currentPassword, changePasswordMutation]
   );
-  const handleRevokeSession = (0, import_react132.useCallback)(
+  const handleRevokeSession = (0, import_react133.useCallback)(
     (sessionId) => {
       revokeSessionMutation.mutate(sessionId);
     },
     [revokeSessionMutation]
   );
-  const handleRevokeAllSessions = (0, import_react132.useCallback)(() => {
+  const handleRevokeAllSessions = (0, import_react133.useCallback)(() => {
     if (!confirm("Are you sure you want to sign out all other devices?")) {
       return;
     }
@@ -66897,8 +67060,8 @@ function DeviceIcon({ device, theme }) {
 }
 
 // src/react/ui/subscriber-preferences.tsx
-var import_react_query12 = require("@tanstack/react-query");
-var import_react133 = require("react");
+var import_react_query13 = require("@tanstack/react-query");
+var import_react134 = require("react");
 init_constants();
 var import_jsx_runtime149 = require("react/jsx-runtime");
 function SubscriberPreferences({
@@ -66916,17 +67079,17 @@ function SubscriberPreferences({
   unsubscribeButtonText = "Unsubscribe from All"
 }) {
   const { getPreferences, updatePreferences } = useNewsletter();
-  const queryClient = (0, import_react_query12.useQueryClient)();
+  const queryClient = (0, import_react_query13.useQueryClient)();
   const styles2 = baseStyles(theme);
-  const [selectedPreferences, setSelectedPreferences] = (0, import_react133.useState)([]);
-  const [saving, setSaving] = (0, import_react133.useState)(false);
-  const [unsubscribing, setUnsubscribing] = (0, import_react133.useState)(false);
-  const [error2, setError] = (0, import_react133.useState)(null);
-  const [success, setSuccess] = (0, import_react133.useState)(null);
-  (0, import_react133.useEffect)(() => {
+  const [selectedPreferences, setSelectedPreferences] = (0, import_react134.useState)([]);
+  const [saving, setSaving] = (0, import_react134.useState)(false);
+  const [unsubscribing, setUnsubscribing] = (0, import_react134.useState)(false);
+  const [error2, setError] = (0, import_react134.useState)(null);
+  const [success, setSuccess] = (0, import_react134.useState)(null);
+  (0, import_react134.useEffect)(() => {
     injectGlobalStyles();
   }, []);
-  const prefsQuery = (0, import_react_query12.useQuery)({
+  const prefsQuery = (0, import_react_query13.useQuery)({
     queryKey: ["sylphx", "newsletter", "preferences", email],
     queryFn: async () => {
       const prefs = await getPreferences(email);
@@ -66935,7 +67098,7 @@ function SubscriberPreferences({
     staleTime: STALE_TIME_STABLE_MS
     // 5 min
   });
-  (0, import_react133.useEffect)(() => {
+  (0, import_react134.useEffect)(() => {
     if (prefsQuery.data) {
       setSelectedPreferences(prefsQuery.data);
     }
@@ -67136,7 +67299,7 @@ function SubscriberPreferences({
 }
 
 // src/react/ui/unsubscribe-confirm.tsx
-var import_react134 = require("react");
+var import_react135 = require("react");
 init_constants();
 var import_jsx_runtime150 = require("react/jsx-runtime");
 var DEFAULT_REASONS = [
@@ -67163,13 +67326,13 @@ function UnsubscribeConfirm({
 }) {
   const { unsubscribe, subscribe } = useNewsletter();
   const styles2 = baseStyles(theme);
-  const [status, setStatus] = (0, import_react134.useState)(() => token ? "pending" : "missing_token");
-  const [selectedReason, setSelectedReason] = (0, import_react134.useState)("");
-  const [error2, setError] = (0, import_react134.useState)(null);
-  (0, import_react134.useEffect)(() => {
+  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);
+  (0, import_react135.useEffect)(() => {
     injectGlobalStyles();
   }, []);
-  (0, import_react134.useEffect)(() => {
+  (0, import_react135.useEffect)(() => {
     if (status === "success" && redirectUrl) {
       const timer = setTimeout(() => {
         safeRedirect(redirectUrl, { fallback: "/" });
@@ -67512,7 +67675,7 @@ function UnsubscribeConfirm({
 }
 
 // src/react/ui/user-profile.tsx
-var import_react135 = require("react");
+var import_react136 = require("react");
 init_constants();
 var import_jsx_runtime151 = require("react/jsx-runtime");
 function UserProfile(props) {
@@ -67533,16 +67696,16 @@ function UserProfileInner({
   const userContext = useUserContext();
   const { uploadAvatar, isUploading: isUploadingAvatar, uploadError } = useStorage();
   const styles2 = baseStyles(theme);
-  const [activeSection, setActiveSection] = (0, import_react135.useState)(sections[0]);
-  const [form, setForm] = (0, import_react135.useState)({ name: "", image: "" });
-  const [error2, setError] = (0, import_react135.useState)(null);
-  const [success, setSuccess] = (0, import_react135.useState)(null);
-  const [isLoading, setIsLoading] = (0, import_react135.useState)(false);
-  const fileInputRef = (0, import_react135.useRef)(null);
-  (0, import_react135.useEffect)(() => {
+  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);
+  const [success, setSuccess] = (0, import_react136.useState)(null);
+  const [isLoading, setIsLoading] = (0, import_react136.useState)(false);
+  const fileInputRef = (0, import_react136.useRef)(null);
+  (0, import_react136.useEffect)(() => {
     injectGlobalStyles();
   }, []);
-  (0, import_react135.useEffect)(() => {
+  (0, import_react136.useEffect)(() => {
     if (user) {
       setForm({
         name: user.name || "",
@@ -67550,7 +67713,7 @@ function UserProfileInner({
       });
     }
   }, [user]);
-  (0, import_react135.useEffect)(() => {
+  (0, import_react136.useEffect)(() => {
     if (success || error2) {
       const timer = setTimeout(() => {
         setSuccess(null);
@@ -67559,7 +67722,7 @@ function UserProfileInner({
       return () => clearTimeout(timer);
     }
   }, [success, error2]);
-  const handleProfileUpdate = (0, import_react135.useCallback)(
+  const handleProfileUpdate = (0, import_react136.useCallback)(
     async (e2) => {
       e2.preventDefault();
       setIsLoading(true);
@@ -67583,7 +67746,7 @@ function UserProfileInner({
     },
     [form, userContext, refreshUser, onSuccess, onError]
   );
-  const handleAvatarUpload = (0, import_react135.useCallback)(
+  const handleAvatarUpload = (0, import_react136.useCallback)(
     async (file) => {
       setError(null);
       try {
@@ -67878,7 +68041,7 @@ function CloseIcon6({ color: color2 }) {
 }
 
 // src/react/ui/webhook-manager.tsx
-var import_react136 = require("react");
+var import_react137 = require("react");
 var import_jsx_runtime152 = require("react/jsx-runtime");
 var DEFAULT_EVENTS = [
   "user.created",
@@ -67904,15 +68067,15 @@ function WebhookManager({
   isLoading = false,
   emptyMessage = "No webhooks configured"
 }) {
-  const [showCreate, setShowCreate] = (0, import_react136.useState)(false);
-  const [url, setUrl] = (0, import_react136.useState)("");
-  const [selectedEvents, setSelectedEvents] = (0, import_react136.useState)([]);
-  const [isCreating, setIsCreating] = (0, import_react136.useState)(false);
-  const [error2, setError] = (0, import_react136.useState)(null);
-  const [testingId, setTestingId] = (0, import_react136.useState)(null);
-  const [deletingId, setDeletingId] = (0, import_react136.useState)(null);
+  const [showCreate, setShowCreate] = (0, import_react137.useState)(false);
+  const [url, setUrl] = (0, import_react137.useState)("");
+  const [selectedEvents, setSelectedEvents] = (0, import_react137.useState)([]);
+  const [isCreating, setIsCreating] = (0, import_react137.useState)(false);
+  const [error2, setError] = (0, import_react137.useState)(null);
+  const [testingId, setTestingId] = (0, import_react137.useState)(null);
+  const [deletingId, setDeletingId] = (0, import_react137.useState)(null);
   const styles2 = baseStyles(theme);
-  (0, import_react136.useEffect)(() => {
+  (0, import_react137.useEffect)(() => {
     injectGlobalStyles();
   }, []);
   const handleCreate = async (e2) => {
@@ -68297,9 +68460,9 @@ function WebhookDeliveryLog({
   emptyMessage = "No deliveries yet",
   maxDeliveries = 50
 }) {
-  const [expandedId, setExpandedId] = (0, import_react136.useState)(null);
+  const [expandedId, setExpandedId] = (0, import_react137.useState)(null);
   const styles2 = baseStyles(theme);
-  (0, import_react136.useEffect)(() => {
+  (0, import_react137.useEffect)(() => {
     injectGlobalStyles();
   }, []);
   const displayedDeliveries = deliveries.slice(0, maxDeliveries);
@@ -74180,7 +74343,7 @@ function isWebVitalsInitialized() {
 }
 
 // src/react/hooks/use-session-replay.tsx
-var import_react137 = require("react");
+var import_react138 = require("react");
 init_constants();
 var import_jsx_runtime153 = require("react/jsx-runtime");
 function useSessionReplay(options = {}) {
@@ -74194,14 +74357,14 @@ function useSessionReplay(options = {}) {
     api,
     ...recorderConfig
   } = options;
-  const apiRef = (0, import_react137.useRef)(api);
-  (0, import_react137.useEffect)(() => {
+  const apiRef = (0, import_react138.useRef)(api);
+  (0, import_react138.useEffect)(() => {
     apiRef.current = api;
   }, [api]);
-  const recorderRef = (0, import_react137.useRef)(null);
-  const currentSessionIdRef = (0, import_react137.useRef)(null);
-  const [sessionId, setSessionId] = (0, import_react137.useState)(null);
-  const [status, setStatus] = (0, import_react137.useState)({
+  const recorderRef = (0, import_react138.useRef)(null);
+  const currentSessionIdRef = (0, import_react138.useRef)(null);
+  const [sessionId, setSessionId] = (0, import_react138.useState)(null);
+  const [status, setStatus] = (0, import_react138.useState)({
     state: "idle",
     sessionId: null,
     eventCount: 0,
@@ -74209,7 +74372,7 @@ function useSessionReplay(options = {}) {
     duration: 0,
     bytesRecorded: 0
   });
-  (0, import_react137.useEffect)(() => {
+  (0, import_react138.useEffect)(() => {
     if (typeof window === "undefined") return;
     recorderRef.current = new SessionRecorder(recorderConfig);
     const uploadHandler = customUpload ? customUpload : api ? createApiUploadHandler(apiRef) : createDefaultUploadHandler(uploadEndpoint);
@@ -74246,7 +74409,7 @@ function useSessionReplay(options = {}) {
       }
     };
   }, [api, autoStart, customUpload, onError, stopOnUnmount, uploadEndpoint]);
-  (0, import_react137.useEffect)(() => {
+  (0, import_react138.useEffect)(() => {
     if (userId && recorderRef.current) {
       recorderRef.current.addMarker("custom", {
         type: "user-identified",
@@ -74254,7 +74417,7 @@ function useSessionReplay(options = {}) {
       });
     }
   }, [userId]);
-  const start = (0, import_react137.useCallback)(() => {
+  const start = (0, import_react138.useCallback)(() => {
     if (!recorderRef.current) {
       throw new Error("Recorder not initialized");
     }
@@ -74262,29 +74425,29 @@ function useSessionReplay(options = {}) {
     setSessionId(id3);
     return id3;
   }, []);
-  const pause = (0, import_react137.useCallback)(() => {
+  const pause = (0, import_react138.useCallback)(() => {
     recorderRef.current?.pause();
   }, []);
-  const resume = (0, import_react137.useCallback)(() => {
+  const resume = (0, import_react138.useCallback)(() => {
     recorderRef.current?.resume();
   }, []);
-  const stop = (0, import_react137.useCallback)(async () => {
+  const stop = (0, import_react138.useCallback)(async () => {
     await recorderRef.current?.stop();
     setSessionId(null);
   }, []);
-  const markError = (0, import_react137.useCallback)(
+  const markError = (0, import_react138.useCallback)(
     (errorId, error2, metadata) => {
       recorderRef.current?.markError(errorId, error2, metadata);
     },
     []
   );
-  const markNavigation = (0, import_react137.useCallback)((from, to) => {
+  const markNavigation = (0, import_react138.useCallback)((from, to) => {
     recorderRef.current?.markNavigation(from, to);
   }, []);
-  const markConversion = (0, import_react137.useCallback)((name, value) => {
+  const markConversion = (0, import_react138.useCallback)((name, value) => {
     recorderRef.current?.markConversion(name, value);
   }, []);
-  const addMarker = (0, import_react137.useCallback)((type, payload) => {
+  const addMarker = (0, import_react138.useCallback)((type, payload) => {
     recorderRef.current?.addMarker(type, payload);
   }, []);
   return {
@@ -74333,13 +74496,13 @@ function createDefaultUploadHandler(endpoint) {
   };
 }
 function useSessionReplayErrorMarker() {
-  const recorderRef = (0, import_react137.useRef)(null);
-  (0, import_react137.useEffect)(() => {
+  const recorderRef = (0, import_react138.useRef)(null);
+  (0, import_react138.useEffect)(() => {
     if (typeof window !== "undefined" && window.__sylphxRecorder) {
       recorderRef.current = window.__sylphxRecorder;
     }
   }, []);
-  const markError = (0, import_react137.useCallback)((error2, errorInfo) => {
+  const markError = (0, import_react138.useCallback)((error2, errorInfo) => {
     const errorId = `err_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`;
     recorderRef.current?.markError(errorId, error2, {
       componentStack: errorInfo?.componentStack?.slice(0, STACK_TRACE_MAX_LENGTH)
@@ -74358,12 +74521,12 @@ function withSessionReplay(Component4, options) {
 }
 
 // src/react/hooks/use-web-vitals.ts
-var import_react138 = require("react");
+var import_react139 = require("react");
 function useWebVitals(options = {}) {
   const { autoInit = true, onReport, ...config2 } = options;
-  const [report, setReport] = (0, import_react138.useState)(null);
-  const initRef = (0, import_react138.useRef)(false);
-  (0, import_react138.useEffect)(() => {
+  const [report, setReport] = (0, import_react139.useState)(null);
+  const initRef = (0, import_react139.useRef)(false);
+  (0, import_react139.useEffect)(() => {
     if (!autoInit || initRef.current) return;
     if (typeof window === "undefined") return;
     initRef.current = true;
@@ -74378,10 +74541,10 @@ function useWebVitals(options = {}) {
     return () => {
     };
   }, [autoInit, onReport]);
-  const refresh = (0, import_react138.useCallback)(() => {
+  const refresh = (0, import_react139.useCallback)(() => {
     setReport(getWebVitalsReport());
   }, []);
-  const reset = (0, import_react138.useCallback)(() => {
+  const reset = (0, import_react139.useCallback)(() => {
     resetWebVitals();
     setReport(null);
     initRef.current = false;
@@ -74425,7 +74588,7 @@ function useWebVital({ metric }) {
 }
 function useWebVitalsAnalytics(options) {
   const { track, eventPrefix = "web_vital", reportOnHide = true } = options;
-  const reportedRef = (0, import_react138.useRef)(false);
+  const reportedRef = (0, import_react139.useRef)(false);
   const webVitals = useWebVitals({
     onReport: (metric) => {
       track(`${eventPrefix}_${metric.name.toLowerCase()}`, {
@@ -74438,7 +74601,7 @@ function useWebVitalsAnalytics(options) {
       });
     }
   });
-  (0, import_react138.useEffect)(() => {
+  (0, import_react139.useEffect)(() => {
     if (!reportOnHide) return;
     const handleVisibilityChange = () => {
       if (document.visibilityState === "hidden" && !reportedRef.current && webVitals.report) {
@@ -74467,7 +74630,7 @@ function useWebVitalsAnalytics(options) {
 }
 
 // src/react/hooks/use-error-tracking.ts
-var import_react139 = require("react");
+var import_react140 = require("react");
 init_constants();
 function useEnhancedErrorTracking(options = {}) {
   const {
@@ -74478,9 +74641,9 @@ function useEnhancedErrorTracking(options = {}) {
     autoInit = true,
     ...trackerConfig
   } = options;
-  const trackerRef = (0, import_react139.useRef)(null);
-  const replaySessionIdRef = (0, import_react139.useRef)(null);
-  (0, import_react139.useEffect)(() => {
+  const trackerRef = (0, import_react140.useRef)(null);
+  const replaySessionIdRef = (0, import_react140.useRef)(null);
+  (0, import_react140.useEffect)(() => {
     if (typeof window === "undefined") return;
     const tracker = getTracker({
       ...trackerConfig,
@@ -74507,7 +74670,7 @@ function useEnhancedErrorTracking(options = {}) {
     }
     trackerRef.current = tracker;
   }, [attachReplay, autoInit, customUpload, uploadEndpoint]);
-  (0, import_react139.useEffect)(() => {
+  (0, import_react140.useEffect)(() => {
     if (!attachReplay || typeof window === "undefined") return;
     const checkReplaySession = () => {
       try {
@@ -74523,7 +74686,7 @@ function useEnhancedErrorTracking(options = {}) {
     const interval = setInterval(checkReplaySession, SESSION_REPLAY_STATUS_CHECK_MS);
     return () => clearInterval(interval);
   }, [attachReplay]);
-  const captureException = (0, import_react139.useCallback)(
+  const captureException = (0, import_react140.useCallback)(
     async (error2, opts = {}) => {
       if (!trackerRef.current) {
         return { eventId: "" };
@@ -74551,7 +74714,7 @@ function useEnhancedErrorTracking(options = {}) {
     },
     [attachReplay, onCapture]
   );
-  const captureMessage = (0, import_react139.useCallback)(
+  const captureMessage = (0, import_react140.useCallback)(
     async (message, opts = {}) => {
       if (!trackerRef.current) {
         return { eventId: "" };
@@ -74562,20 +74725,20 @@ function useEnhancedErrorTracking(options = {}) {
     },
     [onCapture]
   );
-  const addBreadcrumb2 = (0, import_react139.useCallback)((breadcrumb) => {
+  const addBreadcrumb2 = (0, import_react140.useCallback)((breadcrumb) => {
     trackerRef.current?.addBreadcrumb(breadcrumb);
   }, []);
-  const setUser = (0, import_react139.useCallback)((user) => {
+  const setUser = (0, import_react140.useCallback)((user) => {
     trackerRef.current?.setUser(user);
   }, []);
-  const clearUser = (0, import_react139.useCallback)(() => {
+  const clearUser = (0, import_react140.useCallback)(() => {
     trackerRef.current?.clearUser();
   }, []);
-  const linkReplaySession = (0, import_react139.useCallback)((sessionId) => {
+  const linkReplaySession = (0, import_react140.useCallback)((sessionId) => {
     replaySessionIdRef.current = sessionId;
     trackerRef.current?.setSessionReplayId(sessionId);
   }, []);
-  const getReplaySessionId = (0, import_react139.useCallback)(() => {
+  const getReplaySessionId = (0, import_react140.useCallback)(() => {
     return replaySessionIdRef.current;
   }, []);
   return {
@@ -75779,12 +75942,12 @@ var DEFAULT_FLAGS_CONFIG = {
 };
 
 // src/react/hooks/use-flag.ts
-var import_react141 = require("react");
+var import_react142 = require("react");
 
 // src/react/hooks/use-flags.tsx
-var import_react140 = require("react");
+var import_react141 = require("react");
 var import_jsx_runtime154 = require("react/jsx-runtime");
-var FeatureFlagsContext = (0, import_react140.createContext)(null);
+var FeatureFlagsContext = (0, import_react141.createContext)(null);
 function FeatureFlagsProvider({
   children,
   config: config2 = {},
@@ -75794,14 +75957,14 @@ function FeatureFlagsProvider({
   onReady,
   onError
 }) {
-  const [isReady, setIsReady] = (0, import_react140.useState)(!!initialFlags?.length);
-  const [isLoading, setIsLoading] = (0, import_react140.useState)(!initialFlags?.length);
-  const [error2, setError] = (0, import_react140.useState)(null);
-  const [updateVersion, setUpdateVersion] = (0, import_react140.useState)(0);
-  const evaluatorRef = (0, import_react140.useRef)(null);
-  const streamRef = (0, import_react140.useRef)(null);
-  const experimentsRef = (0, import_react140.useRef)(null);
-  const handleStreamEvent = (0, import_react140.useCallback)(
+  const [isReady, setIsReady] = (0, import_react141.useState)(!!initialFlags?.length);
+  const [isLoading, setIsLoading] = (0, import_react141.useState)(!initialFlags?.length);
+  const [error2, setError] = (0, import_react141.useState)(null);
+  const [updateVersion, setUpdateVersion] = (0, import_react141.useState)(0);
+  const evaluatorRef = (0, import_react141.useRef)(null);
+  const streamRef = (0, import_react141.useRef)(null);
+  const experimentsRef = (0, import_react141.useRef)(null);
+  const handleStreamEvent = (0, import_react141.useCallback)(
     (event2) => {
       switch (event2.type) {
         case "ready":
@@ -75828,7 +75991,7 @@ function FeatureFlagsProvider({
     },
     [onReady, onError]
   );
-  (0, import_react140.useEffect)(() => {
+  (0, import_react141.useEffect)(() => {
     if (evaluatorRef.current) return;
     const evaluator = initFeatureFlags({
       ...config2,
@@ -75868,12 +76031,12 @@ function FeatureFlagsProvider({
       setIsLoading(false);
     }
   }, [config2, context, enableStreaming, handleStreamEvent, initialFlags]);
-  (0, import_react140.useEffect)(() => {
+  (0, import_react141.useEffect)(() => {
     if (context && evaluatorRef.current) {
       evaluatorRef.current.setContext(context);
     }
   }, [context]);
-  const value = (0, import_react140.useMemo)(
+  const value = (0, import_react141.useMemo)(
     () => ({
       evaluator: evaluatorRef.current,
       stream: streamRef.current,
@@ -75892,53 +76055,53 @@ function FeatureFlagsProvider({
   return /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(FeatureFlagsContext.Provider, { value, children });
 }
 function useFeatureFlags2() {
-  const ctx = (0, import_react140.useContext)(FeatureFlagsContext);
+  const ctx = (0, import_react141.useContext)(FeatureFlagsContext);
   if (!ctx) {
     throw new Error("useFeatureFlags must be used within a FeatureFlagsProvider");
   }
   const { evaluator, isReady, isLoading, error: error2, flags, updateVersion } = ctx;
-  const isEnabled = (0, import_react140.useCallback)(
+  const isEnabled = (0, import_react141.useCallback)(
     (flagKey, defaultValue = false) => {
       void updateVersion;
       return evaluator.isEnabled(flagKey, defaultValue);
     },
     [evaluator, updateVersion]
   );
-  const getString = (0, import_react140.useCallback)(
+  const getString = (0, import_react141.useCallback)(
     (flagKey, defaultValue = "") => {
       void updateVersion;
       return evaluator.getString(flagKey, defaultValue);
     },
     [evaluator, updateVersion]
   );
-  const getNumber = (0, import_react140.useCallback)(
+  const getNumber = (0, import_react141.useCallback)(
     (flagKey, defaultValue = 0) => {
       void updateVersion;
       return evaluator.getNumber(flagKey, defaultValue);
     },
     [evaluator, updateVersion]
   );
-  const getJSON = (0, import_react140.useCallback)(
+  const getJSON = (0, import_react141.useCallback)(
     (flagKey, defaultValue) => {
       void updateVersion;
       return evaluator.getJSON(flagKey, defaultValue);
     },
     [evaluator, updateVersion]
   );
-  const evaluate2 = (0, import_react140.useCallback)(
+  const evaluate2 = (0, import_react141.useCallback)(
     (flagKey, defaultValue, contextOverride) => {
       void updateVersion;
       return evaluator.evaluate(flagKey, defaultValue, contextOverride);
     },
     [evaluator, updateVersion]
   );
-  const setContext = (0, import_react140.useCallback)(
+  const setContext = (0, import_react141.useCallback)(
     (context) => {
       evaluator.setContext(context);
     },
     [evaluator]
   );
-  const updateContext = (0, import_react140.useCallback)(
+  const updateContext = (0, import_react141.useCallback)(
     (partial) => {
       evaluator.updateContext(partial);
     },
@@ -75960,7 +76123,7 @@ function useFeatureFlags2() {
 }
 function useFlag(flagKey, defaultValue = false) {
   const { isEnabled, updateVersion } = useFeatureFlagsContext();
-  return (0, import_react140.useMemo)(
+  return (0, import_react141.useMemo)(
     () => isEnabled(flagKey, defaultValue),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [flagKey, defaultValue, isEnabled]
@@ -75968,7 +76131,7 @@ function useFlag(flagKey, defaultValue = false) {
 }
 function useFlagString(flagKey, defaultValue = "") {
   const { getString, updateVersion } = useFeatureFlagsContext();
-  return (0, import_react140.useMemo)(
+  return (0, import_react141.useMemo)(
     () => getString(flagKey, defaultValue),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [flagKey, defaultValue, getString]
@@ -75976,7 +76139,7 @@ function useFlagString(flagKey, defaultValue = "") {
 }
 function useFlagNumber(flagKey, defaultValue = 0) {
   const { getNumber, updateVersion } = useFeatureFlagsContext();
-  return (0, import_react140.useMemo)(
+  return (0, import_react141.useMemo)(
     () => getNumber(flagKey, defaultValue),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [flagKey, defaultValue, getNumber]
@@ -75984,7 +76147,7 @@ function useFlagNumber(flagKey, defaultValue = 0) {
 }
 function useFlagJSON(flagKey, defaultValue) {
   const { getJSON, updateVersion } = useFeatureFlagsContext();
-  return (0, import_react140.useMemo)(
+  return (0, import_react141.useMemo)(
     () => getJSON(flagKey, defaultValue),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [flagKey, defaultValue, getJSON]
@@ -75992,19 +76155,19 @@ function useFlagJSON(flagKey, defaultValue) {
 }
 function useFlagEvaluation(flagKey, defaultValue, contextOverride) {
   const { evaluate: evaluate2, updateVersion } = useFeatureFlagsContext();
-  return (0, import_react140.useMemo)(
+  return (0, import_react141.useMemo)(
     () => evaluate2(flagKey, defaultValue, contextOverride),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [flagKey, defaultValue, contextOverride, evaluate2]
   );
 }
 function useExperiment(experimentKey) {
-  const ctx = (0, import_react140.useContext)(FeatureFlagsContext);
+  const ctx = (0, import_react141.useContext)(FeatureFlagsContext);
   if (!ctx) {
     throw new Error("useExperiment must be used within a FeatureFlagsProvider");
   }
   const { experiments, updateVersion } = ctx;
-  return (0, import_react140.useMemo)(() => {
+  return (0, import_react141.useMemo)(() => {
     const result = experiments.getVariant(experimentKey);
     return {
       variant: result.variant,
@@ -76022,7 +76185,7 @@ function useIsInTreatment(experimentKey) {
   return inExperiment && variant !== "control";
 }
 function useFeatureFlagsContext() {
-  const ctx = (0, import_react140.useContext)(FeatureFlagsContext);
+  const ctx = (0, import_react141.useContext)(FeatureFlagsContext);
   if (!ctx) {
     throw new Error("Feature flags hooks must be used within a FeatureFlagsProvider");
   }
@@ -76037,7 +76200,7 @@ function useFeatureFlagsContext() {
   };
 }
 function useFlagsReady() {
-  const ctx = (0, import_react140.useContext)(FeatureFlagsContext);
+  const ctx = (0, import_react141.useContext)(FeatureFlagsContext);
   if (!ctx) {
     return { isReady: false, isLoading: true, error: null };
   }
@@ -76057,22 +76220,22 @@ function useFlagStatus(key, options) {
     pollInterval = DEFAULT_POLL_INTERVAL_MS2,
     context: contextOverride
   } = options ?? {};
-  const ctx = (0, import_react141.useContext)(FeatureFlagsContext);
-  const [enabled, setEnabled] = (0, import_react141.useState)(false);
-  const [loading, setLoading] = (0, import_react141.useState)(!ctx?.isReady);
-  const [error2, setError] = (0, import_react141.useState)(null);
-  const mountedRef = (0, import_react141.useRef)(true);
-  const evalContext = (0, import_react141.useMemo)(() => {
+  const ctx = (0, import_react142.useContext)(FeatureFlagsContext);
+  const [enabled, setEnabled] = (0, import_react142.useState)(false);
+  const [loading, setLoading] = (0, import_react142.useState)(!ctx?.isReady);
+  const [error2, setError] = (0, import_react142.useState)(null);
+  const mountedRef = (0, import_react142.useRef)(true);
+  const evalContext = (0, import_react142.useMemo)(() => {
     if (contextOverride) return contextOverride;
     if (userId || attributes) return { userId, ...attributes };
     return void 0;
   }, [contextOverride, userId, attributes]);
-  const evaluateLocally = (0, import_react141.useCallback)(() => {
+  const evaluateLocally = (0, import_react142.useCallback)(() => {
     if (!ctx?.evaluator) return false;
     const result = ctx.evaluator.evaluate(key, false, evalContext);
     return result.value;
   }, [ctx, key, evalContext]);
-  const refetch = (0, import_react141.useCallback)(async () => {
+  const refetch = (0, import_react142.useCallback)(async () => {
     if (!mountedRef.current) return;
     setError(null);
     try {
@@ -76090,13 +76253,13 @@ function useFlagStatus(key, options) {
       }
     }
   }, [ctx, evaluateLocally]);
-  (0, import_react141.useEffect)(() => {
+  (0, import_react142.useEffect)(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
     };
   }, []);
-  (0, import_react141.useEffect)(() => {
+  (0, import_react142.useEffect)(() => {
     if (ctx?.isReady) {
       setEnabled(evaluateLocally());
       setLoading(false);
@@ -76104,18 +76267,18 @@ function useFlagStatus(key, options) {
       setLoading(false);
     }
   }, [ctx?.isReady, evaluateLocally, ctx]);
-  (0, import_react141.useEffect)(() => {
+  (0, import_react142.useEffect)(() => {
     if (!ctx?.isReady) return;
     setEnabled(evaluateLocally());
   }, [evaluateLocally, ctx?.isReady]);
-  (0, import_react141.useEffect)(() => {
+  (0, import_react142.useEffect)(() => {
     if (ctx?.error) {
       setError(
         ctx.error instanceof SylphxError ? ctx.error : new SylphxError(ctx.error.message, { code: "SERVICE_UNAVAILABLE" })
       );
     }
   }, [ctx?.error]);
-  (0, import_react141.useEffect)(() => {
+  (0, import_react142.useEffect)(() => {
     if (!pollInterval || pollInterval <= 0) return;
     const id3 = setInterval(() => {
       if (mountedRef.current) {
@@ -78248,19 +78411,19 @@ function resetAnalyticsTracker() {
 }
 
 // src/react/hooks/use-analytics.tsx
-var import_react142 = __toESM(require("react"), 1);
+var import_react143 = __toESM(require("react"), 1);
 init_constants();
 var import_jsx_runtime155 = require("react/jsx-runtime");
-var AnalyticsContext = (0, import_react142.createContext)(null);
+var AnalyticsContext = (0, import_react143.createContext)(null);
 function AnalyticsProvider({
   children,
   config: config2 = {},
   user,
   disabled: disabled2 = false
 }) {
-  const trackerRef = (0, import_react142.useRef)(null);
-  const [isReady, setIsReady] = import_react142.default.useState(false);
-  (0, import_react142.useEffect)(() => {
+  const trackerRef = (0, import_react143.useRef)(null);
+  const [isReady, setIsReady] = import_react143.default.useState(false);
+  (0, import_react143.useEffect)(() => {
     if (disabled2 || typeof window === "undefined") return;
     const tracker = initAnalytics(config2);
     trackerRef.current = tracker;
@@ -78269,12 +78432,12 @@ function AnalyticsProvider({
       tracker.shutdown();
     };
   }, [disabled2, config2]);
-  (0, import_react142.useEffect)(() => {
+  (0, import_react143.useEffect)(() => {
     if (user && trackerRef.current) {
       trackerRef.current.identify(user.id, user.properties);
     }
   }, [user]);
-  const value = (0, import_react142.useMemo)(() => {
+  const value = (0, import_react143.useMemo)(() => {
     if (!trackerRef.current || disabled2) return null;
     return {
       tracker: trackerRef.current,
@@ -78287,25 +78450,25 @@ function AnalyticsProvider({
   return /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(AnalyticsContext.Provider, { value, children });
 }
 function useAnalyticsHook() {
-  const ctx = (0, import_react142.useContext)(AnalyticsContext);
-  const noopTrack = (0, import_react142.useCallback)(() => {
+  const ctx = (0, import_react143.useContext)(AnalyticsContext);
+  const noopTrack = (0, import_react143.useCallback)(() => {
   }, []);
-  const noopIdentify = (0, import_react142.useCallback)(() => {
+  const noopIdentify = (0, import_react143.useCallback)(() => {
   }, []);
-  const noopReset = (0, import_react142.useCallback)(() => {
+  const noopReset = (0, import_react143.useCallback)(() => {
   }, []);
-  const noopSetUserProperties = (0, import_react142.useCallback)(() => {
+  const noopSetUserProperties = (0, import_react143.useCallback)(() => {
   }, []);
-  const noopSetUserPropertiesOnce = (0, import_react142.useCallback)(() => {
+  const noopSetUserPropertiesOnce = (0, import_react143.useCallback)(() => {
   }, []);
-  const noopIncrementUserProperty = (0, import_react142.useCallback)(() => {
+  const noopIncrementUserProperty = (0, import_react143.useCallback)(() => {
   }, []);
-  const noopGroup = (0, import_react142.useCallback)(() => {
+  const noopGroup = (0, import_react143.useCallback)(() => {
   }, []);
-  const noopRegister = (0, import_react142.useCallback)(() => {
+  const noopRegister = (0, import_react143.useCallback)(() => {
   }, []);
-  const noopGetDistinctId = (0, import_react142.useCallback)(() => null, []);
-  const noopFlush = (0, import_react142.useCallback)(async () => {
+  const noopGetDistinctId = (0, import_react143.useCallback)(() => null, []);
+  const noopFlush = (0, import_react143.useCallback)(async () => {
   }, []);
   if (!ctx) {
     return {
@@ -78324,64 +78487,64 @@ function useAnalyticsHook() {
   }
   const { tracker, isReady } = ctx;
   return {
-    track: (0, import_react142.useCallback)(
+    track: (0, import_react143.useCallback)(
       (eventName, properties) => {
         tracker.track(eventName, properties);
       },
       [tracker]
     ),
-    identify: (0, import_react142.useCallback)(
+    identify: (0, import_react143.useCallback)(
       (userId, properties) => {
         tracker.identify(userId, properties);
       },
       [tracker]
     ),
-    reset: (0, import_react142.useCallback)(() => {
+    reset: (0, import_react143.useCallback)(() => {
       tracker.reset();
     }, [tracker]),
-    setUserProperties: (0, import_react142.useCallback)(
+    setUserProperties: (0, import_react143.useCallback)(
       (properties) => {
         tracker.setUserProperties(properties);
       },
       [tracker]
     ),
-    setUserPropertiesOnce: (0, import_react142.useCallback)(
+    setUserPropertiesOnce: (0, import_react143.useCallback)(
       (properties) => {
         tracker.setUserPropertiesOnce(properties);
       },
       [tracker]
     ),
-    incrementUserProperty: (0, import_react142.useCallback)(
+    incrementUserProperty: (0, import_react143.useCallback)(
       (property, value) => {
         tracker.incrementUserProperty(property, value);
       },
       [tracker]
     ),
-    group: (0, import_react142.useCallback)(
+    group: (0, import_react143.useCallback)(
       (groupType, groupKey, properties) => {
         tracker.group(groupType, groupKey, properties);
       },
       [tracker]
     ),
-    register: (0, import_react142.useCallback)(
+    register: (0, import_react143.useCallback)(
       (properties) => {
         tracker.register(properties);
       },
       [tracker]
     ),
-    getDistinctId: (0, import_react142.useCallback)(() => {
+    getDistinctId: (0, import_react143.useCallback)(() => {
       return tracker.getDistinctId();
     }, [tracker]),
     isReady,
-    flush: (0, import_react142.useCallback)(async () => {
+    flush: (0, import_react143.useCallback)(async () => {
       await tracker.flush();
     }, [tracker])
   };
 }
 function usePageView(pageName, properties) {
   const { track, isReady } = useAnalyticsHook();
-  const hasTracked = (0, import_react142.useRef)(false);
-  (0, import_react142.useEffect)(() => {
+  const hasTracked = (0, import_react143.useRef)(false);
+  (0, import_react143.useEffect)(() => {
     if (!isReady || hasTracked.current) return;
     hasTracked.current = true;
     track("$pageview", {
@@ -78392,9 +78555,9 @@ function usePageView(pageName, properties) {
 }
 function useComponentTracking(componentName, properties) {
   const { track, isReady } = useAnalyticsHook();
-  const mountTime = (0, import_react142.useRef)(Date.now());
-  const hasTracked = (0, import_react142.useRef)(false);
-  (0, import_react142.useEffect)(() => {
+  const mountTime = (0, import_react143.useRef)(Date.now());
+  const hasTracked = (0, import_react143.useRef)(false);
+  (0, import_react143.useEffect)(() => {
     if (!isReady || hasTracked.current) return;
     hasTracked.current = true;
     track("component_viewed", {
@@ -78412,7 +78575,7 @@ function useComponentTracking(componentName, properties) {
 }
 function useFeatureTracking(featureName) {
   const { track } = useAnalyticsHook();
-  const trackUsed = (0, import_react142.useCallback)(
+  const trackUsed = (0, import_react143.useCallback)(
     (properties) => {
       track("feature_used", {
         feature: featureName,
@@ -78421,7 +78584,7 @@ function useFeatureTracking(featureName) {
     },
     [track, featureName]
   );
-  const trackError = (0, import_react142.useCallback)(
+  const trackError = (0, import_react143.useCallback)(
     (error2, properties) => {
       track("feature_error", {
         feature: featureName,
@@ -78436,13 +78599,13 @@ function useFeatureTracking(featureName) {
 }
 function useFormTracking(formName) {
   const { track } = useAnalyticsHook();
-  const startTime = (0, import_react142.useRef)(null);
-  const fieldsFilledRef = (0, import_react142.useRef)(/* @__PURE__ */ new Set());
-  const trackStarted = (0, import_react142.useCallback)(() => {
+  const startTime = (0, import_react143.useRef)(null);
+  const fieldsFilledRef = (0, import_react143.useRef)(/* @__PURE__ */ new Set());
+  const trackStarted = (0, import_react143.useCallback)(() => {
     startTime.current = Date.now();
     track("form_started", { form: formName });
   }, [track, formName]);
-  const trackCompleted = (0, import_react142.useCallback)(
+  const trackCompleted = (0, import_react143.useCallback)(
     (properties) => {
       const duration2 = startTime.current ? Date.now() - startTime.current : void 0;
       track("form_completed", {
@@ -78454,7 +78617,7 @@ function useFormTracking(formName) {
     },
     [track, formName]
   );
-  const trackAbandoned = (0, import_react142.useCallback)(() => {
+  const trackAbandoned = (0, import_react143.useCallback)(() => {
     const duration2 = startTime.current ? Date.now() - startTime.current : void 0;
     track("form_abandoned", {
       form: formName,
@@ -78462,7 +78625,7 @@ function useFormTracking(formName) {
       fields_filled: fieldsFilledRef.current.size
     });
   }, [track, formName]);
-  const trackFieldFilled = (0, import_react142.useCallback)(
+  const trackFieldFilled = (0, import_react143.useCallback)(
     (fieldName) => {
       if (!fieldsFilledRef.current.has(fieldName)) {
         fieldsFilledRef.current.add(fieldName);
@@ -78474,7 +78637,7 @@ function useFormTracking(formName) {
     },
     [track, formName]
   );
-  const trackError = (0, import_react142.useCallback)(
+  const trackError = (0, import_react143.useCallback)(
     (fieldName, error2) => {
       track("form_field_error", {
         form: formName,
@@ -78494,18 +78657,18 @@ function useFormTracking(formName) {
 }
 function useTimeTracking(name, options) {
   const { track } = useAnalyticsHook();
-  const startTime = (0, import_react142.useRef)(Date.now());
-  const trackedIntervals = (0, import_react142.useRef)(/* @__PURE__ */ new Set());
-  const getTimeSpent = (0, import_react142.useCallback)(() => {
+  const startTime = (0, import_react143.useRef)(Date.now());
+  const trackedIntervals = (0, import_react143.useRef)(/* @__PURE__ */ new Set());
+  const getTimeSpent = (0, import_react143.useCallback)(() => {
     return Date.now() - startTime.current;
   }, []);
-  const trackNow = (0, import_react142.useCallback)(() => {
+  const trackNow = (0, import_react143.useCallback)(() => {
     track("time_spent", {
       name,
       duration_ms: getTimeSpent()
     });
   }, [track, name, getTimeSpent]);
-  (0, import_react142.useEffect)(() => {
+  (0, import_react143.useEffect)(() => {
     if (!options?.trackIntervals) return;
     const checkIntervals = () => {
       const elapsed = getTimeSpent();
@@ -78523,7 +78686,7 @@ function useTimeTracking(name, options) {
     const intervalId = setInterval(checkIntervals, ANALYTICS_INTERVAL_CHECK_MS);
     return () => clearInterval(intervalId);
   }, [track, name, getTimeSpent, options?.trackIntervals]);
-  (0, import_react142.useEffect)(() => {
+  (0, import_react143.useEffect)(() => {
     if (!options?.trackOnUnmount) return;
     return () => {
       track("time_spent", {
@@ -78536,8 +78699,8 @@ function useTimeTracking(name, options) {
 }
 
 // src/react/hooks/use-destination-router.tsx
-var import_react143 = require("react");
 var import_react144 = require("react");
+var import_react145 = require("react");
 var import_jsx_runtime156 = require("react/jsx-runtime");
 function useDestinationRouter(options) {
   const {
@@ -78547,11 +78710,11 @@ function useDestinationRouter(options) {
     autoInit = true,
     debug = false
   } = options;
-  const routerRef = (0, import_react143.useRef)(null);
-  const initializedRef = (0, import_react143.useRef)(false);
+  const routerRef = (0, import_react144.useRef)(null);
+  const initializedRef = (0, import_react144.useRef)(false);
   const { hasConsent: checkConsent } = useConsent();
   const { user } = useUser();
-  const router = (0, import_react143.useMemo)(() => {
+  const router = (0, import_react144.useMemo)(() => {
     if (!autoInit || typeof window === "undefined") return null;
     const newRouter = createDestinationRouter({
       destinations,
@@ -78564,11 +78727,11 @@ function useDestinationRouter(options) {
     initializedRef.current = true;
     return newRouter;
   }, [destinations, autoInit, syncConsent, checkConsent, debug, syncUser, user?.id]);
-  (0, import_react143.useEffect)(() => {
+  (0, import_react144.useEffect)(() => {
     if (!syncConsent || !routerRef.current) return;
     routerRef.current.setConsentChecker((category) => checkConsent(category));
   }, [syncConsent, checkConsent]);
-  (0, import_react143.useEffect)(() => {
+  (0, import_react144.useEffect)(() => {
     if (!syncUser || !routerRef.current || !user?.id) return;
     routerRef.current.setDistinctId(user.id);
     routerRef.current.identify(user.id, {
@@ -78576,46 +78739,46 @@ function useDestinationRouter(options) {
       name: user.name
     });
   }, [syncUser, user?.id, user?.email, user?.name]);
-  const track = (0, import_react143.useCallback)(
+  const track = (0, import_react144.useCallback)(
     (event2, properties) => {
       router?.track(event2, properties);
     },
     [router]
   );
-  const trackTo = (0, import_react143.useCallback)(
+  const trackTo = (0, import_react144.useCallback)(
     (destinationType, event2, properties) => {
       router?.trackTo(destinationType, event2, properties);
     },
     [router]
   );
-  const identify = (0, import_react143.useCallback)(
+  const identify = (0, import_react144.useCallback)(
     (userId, traits) => {
       router?.identify(userId, traits);
     },
     [router]
   );
-  const page = (0, import_react143.useCallback)(
+  const page = (0, import_react144.useCallback)(
     (name, properties) => {
       router?.page(name, properties);
     },
     [router]
   );
-  const getEnabledDestinations = (0, import_react143.useCallback)(() => {
+  const getEnabledDestinations = (0, import_react144.useCallback)(() => {
     return router?.getEnabledDestinations() || [];
   }, [router]);
-  const setDestinationEnabled = (0, import_react143.useCallback)(
+  const setDestinationEnabled = (0, import_react144.useCallback)(
     (type, enabled) => {
       router?.setDestinationEnabled(type, enabled);
     },
     [router]
   );
-  const setConsentChecker = (0, import_react143.useCallback)(
+  const setConsentChecker = (0, import_react144.useCallback)(
     (fn) => {
       router?.setConsentChecker(fn);
     },
     [router]
   );
-  const setDistinctId = (0, import_react143.useCallback)(
+  const setDistinctId = (0, import_react144.useCallback)(
     (id3) => {
       router?.setDistinctId(id3);
     },
@@ -78634,7 +78797,7 @@ function useDestinationRouter(options) {
     setDistinctId
   };
 }
-var DestinationRouterContext = (0, import_react144.createContext)(null);
+var DestinationRouterContext = (0, import_react145.createContext)(null);
 function DestinationRouterProvider({
   children,
   ...options
@@ -78643,7 +78806,7 @@ function DestinationRouterProvider({
   return /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(DestinationRouterContext.Provider, { value: router, children });
 }
 function useRouterContext() {
-  return (0, import_react144.useContext)(DestinationRouterContext);
+  return (0, import_react145.useContext)(DestinationRouterContext);
 }
 
 // src/lib/tasks/handler.ts
@@ -79428,7 +79591,7 @@ function validateWorkflow(workflow) {
 var job = task;
 
 // src/react/hooks/use-realtime.ts
-var import_react145 = require("react");
+var import_react146 = require("react");
 init_constants();
 function useRealtime(channel, options = {}) {
   const {
@@ -79441,17 +79604,17 @@ function useRealtime(channel, options = {}) {
     enabled = true,
     platformUrl: customPlatformUrl
   } = options;
-  const [messages, setMessages] = (0, import_react145.useState)([]);
-  const [status, setStatus] = (0, import_react145.useState)("disconnected");
-  const platformContext = (0, import_react145.useContext)(PlatformContext);
+  const [messages, setMessages] = (0, import_react146.useState)([]);
+  const [status, setStatus] = (0, import_react146.useState)("disconnected");
+  const platformContext = (0, import_react146.useContext)(PlatformContext);
   const appId = platformContext?.appId || "";
-  const lastAckRef = (0, import_react145.useRef)("0");
-  const eventSourceRef = (0, import_react145.useRef)(null);
-  const reconnectTimeoutRef = (0, import_react145.useRef)(null);
-  const reconnectAttemptRef = (0, import_react145.useRef)(0);
-  const mountedRef = (0, import_react145.useRef)(true);
+  const lastAckRef = (0, import_react146.useRef)("0");
+  const eventSourceRef = (0, import_react146.useRef)(null);
+  const reconnectTimeoutRef = (0, import_react146.useRef)(null);
+  const reconnectAttemptRef = (0, import_react146.useRef)(0);
+  const mountedRef = (0, import_react146.useRef)(true);
   const platformUrl = customPlatformUrl || platformContext?.platformUrl || `https://${DEFAULT_SDK_API_HOST}`;
-  const buildUrl = (0, import_react145.useCallback)(() => {
+  const buildUrl = (0, import_react146.useCallback)(() => {
     const url = new URL(`${platformUrl}${SDK_API_PATH}/realtime/subscribe`);
     url.searchParams.set("channel", channel);
     if (lastAckRef.current !== "0") {
@@ -79459,7 +79622,7 @@ function useRealtime(channel, options = {}) {
     }
     return url.toString();
   }, [platformUrl, channel]);
-  const sdkHeaders = (0, import_react145.useMemo)(
+  const sdkHeaders = (0, import_react146.useMemo)(
     () => ({
       "Content-Type": "application/json",
       "x-app-secret": appId,
@@ -79468,7 +79631,7 @@ function useRealtime(channel, options = {}) {
     }),
     [appId]
   );
-  const fetchHistory = (0, import_react145.useCallback)(async () => {
+  const fetchHistory = (0, import_react146.useCallback)(async () => {
     if (!history2) return;
     const historyLimit = typeof history2 === "number" ? history2 : history2.limit ?? 100;
     const historyStart = typeof history2 === "object" ? history2.start : void 0;
@@ -79492,7 +79655,7 @@ function useRealtime(channel, options = {}) {
     } catch {
     }
   }, [platformUrl, sdkHeaders, channel, history2]);
-  const connect = (0, import_react145.useCallback)(() => {
+  const connect = (0, import_react146.useCallback)(() => {
     if (!enabled || !appId) return;
     if (eventSourceRef.current) {
       eventSourceRef.current.close();
@@ -79563,7 +79726,7 @@ function useRealtime(channel, options = {}) {
     onReconnect,
     onError
   ]);
-  const disconnect = (0, import_react145.useCallback)(() => {
+  const disconnect = (0, import_react146.useCallback)(() => {
     if (eventSourceRef.current) {
       eventSourceRef.current.close();
       eventSourceRef.current = null;
@@ -79574,7 +79737,7 @@ function useRealtime(channel, options = {}) {
     }
     setStatus("disconnected");
   }, []);
-  const emit = (0, import_react145.useCallback)(
+  const emit = (0, import_react146.useCallback)(
     async (event2, data) => {
       const response = await fetch(`${platformUrl}${SDK_API_PATH}/realtime/emit`, {
         method: "POST",
@@ -79606,11 +79769,11 @@ function useRealtime(channel, options = {}) {
     },
     [platformUrl, sdkHeaders, channel]
   );
-  const clear = (0, import_react145.useCallback)(() => {
+  const clear = (0, import_react146.useCallback)(() => {
     setMessages([]);
     lastAckRef.current = "0";
   }, []);
-  (0, import_react145.useEffect)(() => {
+  (0, import_react146.useEffect)(() => {
     mountedRef.current = true;
     if (enabled && appId) {
       connect();
@@ -79640,14 +79803,14 @@ function useRealtimeChannels(channels, options = {}) {
     enabled = true,
     platformUrl: customPlatformUrl
   } = options;
-  const [messages, setMessages] = (0, import_react145.useState)([]);
-  const [statuses, setStatuses] = (0, import_react145.useState)({});
-  const platformContext = (0, import_react145.useContext)(PlatformContext);
+  const [messages, setMessages] = (0, import_react146.useState)([]);
+  const [statuses, setStatuses] = (0, import_react146.useState)({});
+  const platformContext = (0, import_react146.useContext)(PlatformContext);
   const appId = platformContext?.appId || "";
   const platformUrl = customPlatformUrl || platformContext?.platformUrl || `https://${DEFAULT_SDK_API_HOST}`;
-  const lastAcksRef = (0, import_react145.useRef)({});
-  const eventSourcesRef = (0, import_react145.useRef)({});
-  const mountedRef = (0, import_react145.useRef)(true);
+  const lastAcksRef = (0, import_react146.useRef)({});
+  const eventSourcesRef = (0, import_react146.useRef)({});
+  const mountedRef = (0, import_react146.useRef)(true);
   const status = (() => {
     const statusValues = Object.values(statuses);
     if (statusValues.length === 0) return "disconnected";
@@ -79656,7 +79819,7 @@ function useRealtimeChannels(channels, options = {}) {
     if (statusValues.every((s2) => s2 === "connected")) return "connected";
     return "disconnected";
   })();
-  const connectChannel = (0, import_react145.useCallback)(
+  const connectChannel = (0, import_react146.useCallback)(
     (channel) => {
       if (!enabled || !appId) return;
       if (eventSourcesRef.current[channel]) {
@@ -79706,15 +79869,15 @@ function useRealtimeChannels(channels, options = {}) {
     },
     [enabled, appId, platformUrl, events, onConnect, onMessage, onReconnect, onError]
   );
-  const connect = (0, import_react145.useCallback)(() => {
+  const connect = (0, import_react146.useCallback)(() => {
     channels.forEach(connectChannel);
   }, [channels, connectChannel]);
-  const disconnect = (0, import_react145.useCallback)(() => {
+  const disconnect = (0, import_react146.useCallback)(() => {
     Object.values(eventSourcesRef.current).forEach((es) => es.close());
     eventSourcesRef.current = {};
     setStatuses({});
   }, []);
-  const sdkHeaders = (0, import_react145.useMemo)(
+  const sdkHeaders = (0, import_react146.useMemo)(
     () => ({
       "Content-Type": "application/json",
       "x-app-secret": appId,
@@ -79723,7 +79886,7 @@ function useRealtimeChannels(channels, options = {}) {
     }),
     [appId]
   );
-  const emit = (0, import_react145.useCallback)(
+  const emit = (0, import_react146.useCallback)(
     async (event2, data, targetChannel) => {
       const channel = targetChannel || channels[0];
       if (!channel) throw new SylphxError("No channel specified", { code: "BAD_REQUEST" });
@@ -79750,11 +79913,11 @@ function useRealtimeChannels(channels, options = {}) {
     },
     [channels, platformUrl, sdkHeaders]
   );
-  const clear = (0, import_react145.useCallback)(() => {
+  const clear = (0, import_react146.useCallback)(() => {
     setMessages([]);
     lastAcksRef.current = {};
   }, []);
-  (0, import_react145.useEffect)(() => {
+  (0, import_react146.useEffect)(() => {
     mountedRef.current = true;
     if (enabled && appId && channels.length > 0) {
       connect();
@@ -79775,14 +79938,14 @@ function useRealtimeChannels(channels, options = {}) {
 }
 
 // src/react/hooks/use-kv.ts
-var import_react146 = require("react");
+var import_react147 = require("react");
 init_constants();
 function useKv(options = {}) {
   const { platformUrl: customPlatformUrl } = options;
-  const platformContext = (0, import_react146.useContext)(PlatformContext);
+  const platformContext = (0, import_react147.useContext)(PlatformContext);
   const appId = platformContext?.appId || "";
   const platformUrl = customPlatformUrl || platformContext?.platformUrl || `https://${DEFAULT_SDK_API_HOST}`;
-  const headers = (0, import_react146.useMemo)(
+  const headers = (0, import_react147.useMemo)(
     () => ({
       "Content-Type": "application/json",
       "x-app-secret": appId,
@@ -79791,7 +79954,7 @@ function useKv(options = {}) {
     }),
     [appId]
   );
-  const request = (0, import_react146.useCallback)(
+  const request = (0, import_react147.useCallback)(
     async (method, path, body) => {
       let lastError;
       for (let attempt = 0; attempt <= MAX_RETRIES; attempt++) {
@@ -79847,13 +80010,13 @@ function useKv(options = {}) {
     },
     [platformUrl, headers]
   );
-  const get = (0, import_react146.useCallback)(
+  const get = (0, import_react147.useCallback)(
     async (key) => {
       return request("GET", `/${encodeURIComponent(key)}`);
     },
     [request]
   );
-  const set3 = (0, import_react146.useCallback)(
+  const set3 = (0, import_react147.useCallback)(
     async (key, value, options2) => {
       const result = await request("POST", "", {
         key,
@@ -79864,28 +80027,28 @@ function useKv(options = {}) {
     },
     [request]
   );
-  const del = (0, import_react146.useCallback)(
+  const del = (0, import_react147.useCallback)(
     async (key) => {
       const result = await request("DELETE", `/${encodeURIComponent(key)}`);
       return result.deleted;
     },
     [request]
   );
-  const exists = (0, import_react146.useCallback)(
+  const exists = (0, import_react147.useCallback)(
     async (key) => {
       const result = await request("GET", `/exists/${encodeURIComponent(key)}`);
       return result.exists;
     },
     [request]
   );
-  const mget = (0, import_react146.useCallback)(
+  const mget = (0, import_react147.useCallback)(
     async (keys) => {
       const result = await request("POST", "/mget", { keys });
       return result.values;
     },
     [request]
   );
-  const mset = (0, import_react146.useCallback)(
+  const mset = (0, import_react147.useCallback)(
     async (entries, options2) => {
       await request("POST", "/mset", {
         entries,
@@ -79894,7 +80057,7 @@ function useKv(options = {}) {
     },
     [request]
   );
-  const incr = (0, import_react146.useCallback)(
+  const incr = (0, import_react147.useCallback)(
     async (key, by = 1) => {
       const result = await request("POST", "/incr", {
         key,
@@ -79904,7 +80067,7 @@ function useKv(options = {}) {
     },
     [request]
   );
-  const expire = (0, import_react146.useCallback)(
+  const expire = (0, import_react147.useCallback)(
     async (key, seconds) => {
       const result = await request("POST", "/expire", {
         key,
@@ -79914,7 +80077,7 @@ function useKv(options = {}) {
     },
     [request]
   );
-  const ratelimit = (0, import_react146.useCallback)(
+  const ratelimit = (0, import_react147.useCallback)(
     async (key, options2) => {
       return request("POST", "/ratelimit", {
         key,
@@ -79923,7 +80086,7 @@ function useKv(options = {}) {
     },
     [request]
   );
-  const hset = (0, import_react146.useCallback)(
+  const hset = (0, import_react147.useCallback)(
     async (key, fields) => {
       const result = await request("POST", "/hset", {
         key,
@@ -79933,7 +80096,7 @@ function useKv(options = {}) {
     },
     [request]
   );
-  const hget = (0, import_react146.useCallback)(
+  const hget = (0, import_react147.useCallback)(
     async (key, field) => {
       const result = await request("POST", "/hget", {
         key,
@@ -79943,7 +80106,7 @@ function useKv(options = {}) {
     },
     [request]
   );
-  const hgetall = (0, import_react146.useCallback)(
+  const hgetall = (0, import_react147.useCallback)(
     async (key) => {
       const result = await request("POST", "/hgetall", {
         key
@@ -79952,7 +80115,7 @@ function useKv(options = {}) {
     },
     [request]
   );
-  const lpush = (0, import_react146.useCallback)(
+  const lpush = (0, import_react147.useCallback)(
     async (key, ...values) => {
       const result = await request("POST", "/lpush", {
         key,
@@ -79962,7 +80125,7 @@ function useKv(options = {}) {
     },
     [request]
   );
-  const lrange = (0, import_react146.useCallback)(
+  const lrange = (0, import_react147.useCallback)(
     async (key, start = 0, stop = -1) => {
       const result = await request("POST", "/lrange", {
         key,
@@ -79973,7 +80136,7 @@ function useKv(options = {}) {
     },
     [request]
   );
-  const zadd = (0, import_react146.useCallback)(
+  const zadd = (0, import_react147.useCallback)(
     async (key, ...members) => {
       const result = await request("POST", "/zadd", {
         key,
@@ -79983,7 +80146,7 @@ function useKv(options = {}) {
     },
     [request]
   );
-  const zrange = (0, import_react146.useCallback)(
+  const zrange = (0, import_react147.useCallback)(
     async (key, start = 0, stop = 9, options2) => {
       const result = await request("POST", "/zrange", {
         key,
@@ -79996,7 +80159,7 @@ function useKv(options = {}) {
     },
     [request]
   );
-  return (0, import_react146.useMemo)(
+  return (0, import_react147.useMemo)(
     () => ({
       get,
       set: set3,
@@ -80037,7 +80200,7 @@ function useKv(options = {}) {
 }
 
 // src/react/hooks/use-search.ts
-var import_react147 = require("react");
+var import_react148 = require("react");
 
 // src/search.ts
 async function search(config2, input) {
@@ -80071,19 +80234,19 @@ function useSearch(config2, options = {}) {
     initialQuery = "",
     ...searchOptions
   } = options;
-  const [query, setQueryState] = (0, import_react147.useState)(initialQuery);
-  const [results, setResults] = (0, import_react147.useState)([]);
-  const [total, setTotal] = (0, import_react147.useState)(0);
-  const [loading, setLoading] = (0, import_react147.useState)(false);
-  const [error2, setError] = (0, import_react147.useState)(null);
-  const [response, setResponse] = (0, import_react147.useState)(null);
-  const debounceTimer = (0, import_react147.useRef)(null);
-  const abortController = (0, import_react147.useRef)(null);
-  const searchOptionsRef = (0, import_react147.useRef)(searchOptions);
-  (0, import_react147.useEffect)(() => {
+  const [query, setQueryState] = (0, import_react148.useState)(initialQuery);
+  const [results, setResults] = (0, import_react148.useState)([]);
+  const [total, setTotal] = (0, import_react148.useState)(0);
+  const [loading, setLoading] = (0, import_react148.useState)(false);
+  const [error2, setError] = (0, import_react148.useState)(null);
+  const [response, setResponse] = (0, import_react148.useState)(null);
+  const debounceTimer = (0, import_react148.useRef)(null);
+  const abortController = (0, import_react148.useRef)(null);
+  const searchOptionsRef = (0, import_react148.useRef)(searchOptions);
+  (0, import_react148.useEffect)(() => {
     searchOptionsRef.current = searchOptions;
   });
-  const executeSearch = (0, import_react147.useCallback)(
+  const executeSearch = (0, import_react148.useCallback)(
     async (q2) => {
       if (!q2 || q2.length < minLength) {
         setResults([]);
@@ -80115,7 +80278,7 @@ function useSearch(config2, options = {}) {
     },
     [config2, minLength]
   );
-  const setQuery = (0, import_react147.useCallback)(
+  const setQuery = (0, import_react148.useCallback)(
     (q2) => {
       setQueryState(q2);
       if (debounceTimer.current) {
@@ -80135,7 +80298,7 @@ function useSearch(config2, options = {}) {
     },
     [executeSearch, debounceMs, minLength]
   );
-  const clear = (0, import_react147.useCallback)(() => {
+  const clear = (0, import_react148.useCallback)(() => {
     if (debounceTimer.current) clearTimeout(debounceTimer.current);
     abortController.current?.abort();
     setQueryState("");
@@ -80145,17 +80308,17 @@ function useSearch(config2, options = {}) {
     setLoading(false);
     setError(null);
   }, []);
-  const refetch = (0, import_react147.useCallback)(() => {
+  const refetch = (0, import_react148.useCallback)(() => {
     executeSearch(query);
   }, [executeSearch, query]);
-  const trackResultClick = (0, import_react147.useCallback)((_documentId, _resultRank) => {
+  const trackResultClick = (0, import_react148.useCallback)((_documentId, _resultRank) => {
   }, []);
-  (0, import_react147.useEffect)(() => {
+  (0, import_react148.useEffect)(() => {
     if (initialQuery && initialQuery.length >= minLength) {
       executeSearch(initialQuery);
     }
   }, []);
-  (0, import_react147.useEffect)(() => {
+  (0, import_react148.useEffect)(() => {
     return () => {
       if (debounceTimer.current) clearTimeout(debounceTimer.current);
       abortController.current?.abort();
@@ -80176,7 +80339,7 @@ function useSearch(config2, options = {}) {
 }
 
 // src/react/components/web-analytics.tsx
-var import_react148 = require("react");
+var import_react149 = require("react");
 
 // src/lib/analytics/web-analytics.ts
 init_constants();
@@ -80373,7 +80536,7 @@ function WebAnalytics({
   hashMode = false,
   debug = false
 }) {
-  (0, import_react148.useEffect)(() => {
+  (0, import_react149.useEffect)(() => {
     if (!appKey) {
       if (debug) {
         console.warn("[WebAnalytics] No appKey provided, tracking disabled");
@@ -80403,7 +80566,7 @@ function useWebAnalytics() {
 }
 
 // src/react/components/speed-insights.tsx
-var import_react149 = require("react");
+var import_react150 = require("react");
 function sendVital(url, appKey, payload) {
   const data = JSON.stringify(payload);
   const headers = {
@@ -80432,7 +80595,7 @@ function SpeedInsights({
   debug = false,
   reportAllChanges = false
 }) {
-  (0, import_react149.useEffect)(() => {
+  (0, import_react150.useEffect)(() => {
     if (typeof window === "undefined") return;
     const reportUrl = `${endpoint}/api/sdk/v1/analytics/vitals`;
     initWebVitals({
@@ -80721,11 +80884,13 @@ function SpeedInsights({
   useFormTracking,
   useGlobalErrorHandler,
   useGoogleConsentMode,
+  useHasPermission,
   useInbox,
   useIsInTreatment,
   useIsInVariant,
   useKv,
   useLeaderboard,
+  useMemberPermissions,
   useMobilePush,
   useModal,
   useModels,
@@ -80736,12 +80901,14 @@ function SpeedInsights({
   useOAuthProviders,
   useOrganization,
   usePageView,
+  usePermissions,
   usePlans,
   useProtect,
   useRealtime,
   useRealtimeChannels,
   useReferral,
   useResetPasswordForm,
+  useRoles,
   useRouterContext,
   useSafeAchievements,
   useSafeAnalytics,