@sylphx/sdk 0.3.2 → 0.3.4

package/dist/react/index.mjs

@@ -16,13 +16,11 @@ var __export = (target, all) => {
 };
 
 // src/constants.ts
-var DEFAULT_PLATFORM_URL, SDK_API_PATH, SDK_API_PATH_NEW, DEFAULT_SDK_API_HOST, SDK_VERSION, SDK_PLATFORM, DEFAULT_TIMEOUT_MS, TOKEN_EXPIRY_BUFFER_MS, SESSION_TOKEN_LIFETIME_SECONDS, SESSION_TOKEN_LIFETIME_MS, REFRESH_TOKEN_LIFETIME_SECONDS, FLAGS_CACHE_TTL_MS, FLAGS_STALE_WHILE_REVALIDATE_MS, MAX_RETRY_DELAY_MS, BASE_RETRY_DELAY_MS, MAX_RETRIES, ANALYTICS_SESSION_TIMEOUT_MS, WEBHOOK_MAX_AGE_MS, WEBHOOK_CLOCK_SKEW_MS, PKCE_CODE_TTL_MS, JOBS_DLQ_MAX_AGE_MS, SESSION_REPLAY_MAX_DURATION_MS, SESSION_REPLAY_UPLOAD_INTERVAL_MS, SESSION_REPLAY_RAGE_CLICK_WINDOW_MS, SESSION_REPLAY_DEAD_CLICK_TIMEOUT_MS, SESSION_REPLAY_SCROLL_HEAT_WINDOW_MS, SESSION_REPLAY_STATUS_CHECK_MS, ANALYTICS_FLUSH_INTERVAL_MS, ANALYTICS_FLUSH_TIMEOUT_MS, ANALYTICS_INTERVAL_CHECK_MS, ANALYTICS_RETRY_BASE_DELAY_MS, ANALYTICS_RETRY_MAX_DELAY_MS, ANALYTICS_RETRY_JITTER, ANALYTICS_MAX_RETRIES, FLAGS_EXPOSURE_DEDUPE_WINDOW_MS, FLAGS_STREAM_INITIAL_RECONNECT_MS, FLAGS_STREAM_MAX_RECONNECT_MS, FLAGS_STREAM_HEARTBEAT_TIMEOUT_MS, FLAGS_HTTP_POLLING_INTERVAL_MS, DEFAULT_RETRY_DELAYS_MS, JOB_DEFAULT_TIMEOUT_MS, STORAGE_KEY_PREFIX, FLAGS_CACHE_KEY, FLAGS_CACHE_TIMESTAMP_KEY, PKCE_STORAGE_PREFIX, STORAGE_TEST_KEY, ANALYTICS_SESSION_KEY, FLAGS_STORAGE_KEY, CLICK_ID_EXPIRY_MS, STALE_TIME_FREQUENT_MS, STALE_TIME_MODERATE_MS, STALE_TIME_STABLE_MS, STALE_TIME_STATS_MS, UI_COPY_FEEDBACK_MS, UI_FORM_SUCCESS_MS, UI_NOTIFICATION_MS, UI_PROMPT_DELAY_MS, UI_REDIRECT_DELAY_MS, EMAIL_RESEND_COOLDOWN_TICK_MS, NEW_USER_THRESHOLD_MS, WEB_VITALS_FCP_GOOD_MS, WEB_VITALS_FCP_POOR_MS, STORAGE_MULTIPART_THRESHOLD_BYTES, STORAGE_DEFAULT_MAX_SIZE_BYTES, STORAGE_AVATAR_MAX_SIZE_BYTES, STORAGE_LARGE_MAX_SIZE_BYTES, JWK_CACHE_TTL_MS, ANALYTICS_MAX_TRACKED_EVENT_IDS, ANALYTICS_TRACKED_IDS_KEEP, ANALYTICS_QUEUE_LIMIT, SESSION_REPLAY_CHECK_INTERVAL_MS, UI_SUCCESS_REDIRECT_MS, LOG_MESSAGE_MAX_LENGTH, DOM_SNAPSHOT_MAX_LENGTH, STACK_TRACE_MAX_LENGTH, CONSENT_WAIT_FOR_UPDATE_MS, MS_PER_MINUTE, MS_PER_HOUR, MS_PER_DAY, SECONDS_PER_MINUTE, SECONDS_PER_HOUR, Z_INDEX_OVERLAY, Z_INDEX_CRITICAL_OVERLAY, API_KEY_EXPIRY_1_DAY, API_KEY_EXPIRY_7_DAYS, API_KEY_EXPIRY_30_DAYS, API_KEY_EXPIRY_90_DAYS, API_KEY_EXPIRY_1_YEAR, WEB_VITALS_LCP_GOOD_MS, WEB_VITALS_LCP_POOR_MS, WEB_VITALS_INP_GOOD_MS, WEB_VITALS_INP_POOR_MS, WEB_VITALS_TTFB_GOOD_MS, WEB_VITALS_TTFB_POOR_MS, MIN_PASSWORD_LENGTH, DEFAULT_CONTEXT_WINDOW, ETAG_CACHE_TTL_MS;
+var SDK_API_PATH, DEFAULT_SDK_API_HOST, SDK_VERSION, SDK_PLATFORM, DEFAULT_TIMEOUT_MS, TOKEN_EXPIRY_BUFFER_MS, SESSION_TOKEN_LIFETIME_SECONDS, SESSION_TOKEN_LIFETIME_MS, REFRESH_TOKEN_LIFETIME_SECONDS, FLAGS_CACHE_TTL_MS, FLAGS_STALE_WHILE_REVALIDATE_MS, MAX_RETRY_DELAY_MS, BASE_RETRY_DELAY_MS, MAX_RETRIES, ANALYTICS_SESSION_TIMEOUT_MS, WEBHOOK_MAX_AGE_MS, WEBHOOK_CLOCK_SKEW_MS, PKCE_CODE_TTL_MS, JOBS_DLQ_MAX_AGE_MS, SESSION_REPLAY_MAX_DURATION_MS, SESSION_REPLAY_UPLOAD_INTERVAL_MS, SESSION_REPLAY_RAGE_CLICK_WINDOW_MS, SESSION_REPLAY_DEAD_CLICK_TIMEOUT_MS, SESSION_REPLAY_SCROLL_HEAT_WINDOW_MS, SESSION_REPLAY_STATUS_CHECK_MS, ANALYTICS_FLUSH_INTERVAL_MS, ANALYTICS_FLUSH_TIMEOUT_MS, ANALYTICS_INTERVAL_CHECK_MS, ANALYTICS_RETRY_BASE_DELAY_MS, ANALYTICS_RETRY_MAX_DELAY_MS, ANALYTICS_RETRY_JITTER, ANALYTICS_MAX_RETRIES, FLAGS_EXPOSURE_DEDUPE_WINDOW_MS, FLAGS_STREAM_INITIAL_RECONNECT_MS, FLAGS_STREAM_MAX_RECONNECT_MS, FLAGS_STREAM_HEARTBEAT_TIMEOUT_MS, FLAGS_HTTP_POLLING_INTERVAL_MS, DEFAULT_RETRY_DELAYS_MS, JOB_DEFAULT_TIMEOUT_MS, STORAGE_KEY_PREFIX, FLAGS_CACHE_KEY, FLAGS_CACHE_TIMESTAMP_KEY, PKCE_STORAGE_PREFIX, STORAGE_TEST_KEY, ANALYTICS_SESSION_KEY, FLAGS_STORAGE_KEY, CLICK_ID_EXPIRY_MS, STALE_TIME_FREQUENT_MS, STALE_TIME_MODERATE_MS, STALE_TIME_STABLE_MS, STALE_TIME_STATS_MS, UI_COPY_FEEDBACK_MS, UI_FORM_SUCCESS_MS, UI_NOTIFICATION_MS, UI_PROMPT_DELAY_MS, UI_REDIRECT_DELAY_MS, EMAIL_RESEND_COOLDOWN_TICK_MS, NEW_USER_THRESHOLD_MS, WEB_VITALS_FCP_GOOD_MS, WEB_VITALS_FCP_POOR_MS, STORAGE_MULTIPART_THRESHOLD_BYTES, STORAGE_DEFAULT_MAX_SIZE_BYTES, STORAGE_AVATAR_MAX_SIZE_BYTES, STORAGE_LARGE_MAX_SIZE_BYTES, JWK_CACHE_TTL_MS, ANALYTICS_MAX_TRACKED_EVENT_IDS, ANALYTICS_TRACKED_IDS_KEEP, ANALYTICS_QUEUE_LIMIT, SESSION_REPLAY_CHECK_INTERVAL_MS, UI_SUCCESS_REDIRECT_MS, LOG_MESSAGE_MAX_LENGTH, DOM_SNAPSHOT_MAX_LENGTH, STACK_TRACE_MAX_LENGTH, CONSENT_WAIT_FOR_UPDATE_MS, MS_PER_MINUTE, MS_PER_HOUR, MS_PER_DAY, SECONDS_PER_MINUTE, SECONDS_PER_HOUR, Z_INDEX_OVERLAY, Z_INDEX_CRITICAL_OVERLAY, API_KEY_EXPIRY_1_DAY, API_KEY_EXPIRY_7_DAYS, API_KEY_EXPIRY_30_DAYS, API_KEY_EXPIRY_90_DAYS, API_KEY_EXPIRY_1_YEAR, WEB_VITALS_LCP_GOOD_MS, WEB_VITALS_LCP_POOR_MS, WEB_VITALS_INP_GOOD_MS, WEB_VITALS_INP_POOR_MS, WEB_VITALS_TTFB_GOOD_MS, WEB_VITALS_TTFB_POOR_MS, MIN_PASSWORD_LENGTH, DEFAULT_CONTEXT_WINDOW, ETAG_CACHE_TTL_MS;
 var init_constants = __esm({
   "src/constants.ts"() {
     "use strict";
-    DEFAULT_PLATFORM_URL = "https://sylphx.com";
-    SDK_API_PATH = `/api/v1`;
-    SDK_API_PATH_NEW = `/v1`;
+    SDK_API_PATH = `/v1`;
     DEFAULT_SDK_API_HOST = "api.sylphx.com";
     SDK_VERSION = "0.1.0";
     SDK_PLATFORM = typeof window !== "undefined" ? "browser" : typeof process !== "undefined" && process.versions?.node ? "node" : "unknown";
@@ -26965,6 +26963,7 @@ function AnimatedCheck({ className }) {
   return /* @__PURE__ */ jsx20(
     "svg",
     {
+      "aria-hidden": "true",
       className: cn("h-4 w-4", className),
       viewBox: "0 0 24 24",
       fill: "none",
@@ -27026,13 +27025,7 @@ var Checkbox = forwardRef39(
           "active:scale-95 motion-reduce:active:scale-100",
           className
         ),
-        children: /* @__PURE__ */ jsx20(
-          index_parts_exports5.Indicator,
-          {
-            className: cn("flex items-center justify-center text-current"),
-            children: isIndeterminate ? /* @__PURE__ */ jsx20(MinusIcon, {}) : /* @__PURE__ */ jsx20(AnimatedCheck, {})
-          }
-        )
+        children: /* @__PURE__ */ jsx20(index_parts_exports5.Indicator, { className: cn("flex items-center justify-center text-current"), children: isIndeterminate ? /* @__PURE__ */ jsx20(MinusIcon, {}) : /* @__PURE__ */ jsx20(AnimatedCheck, {}) })
       }
     );
   }
@@ -27042,6 +27035,7 @@ function MinusIcon({ className }) {
   return /* @__PURE__ */ jsx20(
     "svg",
     {
+      "aria-hidden": "true",
       className: cn("h-4 w-4", className),
       viewBox: "0 0 24 24",
       fill: "none",
@@ -42141,7 +42135,7 @@ TooltipContent.displayName = "TooltipContent";
 // ../ui/src/components/oauth-icons.tsx
 import { jsx as jsx41, jsxs as jsxs23 } from "react/jsx-runtime";
 function GoogleIcon(props) {
-  return /* @__PURE__ */ jsxs23("svg", { viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
+  return /* @__PURE__ */ jsxs23("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [
     /* @__PURE__ */ jsx41(
       "path",
       {
@@ -42173,19 +42167,19 @@ function GoogleIcon(props) {
   ] });
 }
 function GitHubIcon(props) {
-  return /* @__PURE__ */ jsx41("svg", { viewBox: "0 0 24 24", fill: "currentColor", ...props, children: /* @__PURE__ */ jsx41("path", { d: "M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z" }) });
+  return /* @__PURE__ */ jsx41("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: /* @__PURE__ */ jsx41("path", { d: "M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z" }) });
 }
 function AppleIcon(props) {
-  return /* @__PURE__ */ jsx41("svg", { viewBox: "0 0 24 24", fill: "currentColor", ...props, children: /* @__PURE__ */ jsx41("path", { d: "M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701" }) });
+  return /* @__PURE__ */ jsx41("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: /* @__PURE__ */ jsx41("path", { d: "M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701" }) });
 }
 function DiscordIcon(props) {
-  return /* @__PURE__ */ jsx41("svg", { viewBox: "0 0 24 24", fill: "currentColor", ...props, children: /* @__PURE__ */ jsx41("path", { d: "M20.317 4.37a19.791 19.791 0 00-4.885-1.515.074.074 0 00-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 00-5.487 0 12.64 12.64 0 00-.617-1.25.077.077 0 00-.079-.037A19.736 19.736 0 003.677 4.37a.07.07 0 00-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 00.031.057 19.9 19.9 0 005.993 3.03.078.078 0 00.084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 00-.041-.106 13.107 13.107 0 01-1.872-.892.077.077 0 01-.008-.128 10.2 10.2 0 00.372-.292.074.074 0 01.077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 01.078.01c.12.098.246.198.373.292a.077.077 0 01-.006.127 12.299 12.299 0 01-1.873.892.077.077 0 00-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 00.084.028 19.839 19.839 0 006.002-3.03.077.077 0 00.032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 00-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z" }) });
+  return /* @__PURE__ */ jsx41("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: /* @__PURE__ */ jsx41("path", { d: "M20.317 4.37a19.791 19.791 0 00-4.885-1.515.074.074 0 00-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 00-5.487 0 12.64 12.64 0 00-.617-1.25.077.077 0 00-.079-.037A19.736 19.736 0 003.677 4.37a.07.07 0 00-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 00.031.057 19.9 19.9 0 005.993 3.03.078.078 0 00.084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 00-.041-.106 13.107 13.107 0 01-1.872-.892.077.077 0 01-.008-.128 10.2 10.2 0 00.372-.292.074.074 0 01.077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 01.078.01c.12.098.246.198.373.292a.077.077 0 01-.006.127 12.299 12.299 0 01-1.873.892.077.077 0 00-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 00.084.028 19.839 19.839 0 006.002-3.03.077.077 0 00.032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 00-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z" }) });
 }
 function TwitterIcon(props) {
-  return /* @__PURE__ */ jsx41("svg", { viewBox: "0 0 24 24", fill: "currentColor", ...props, children: /* @__PURE__ */ jsx41("path", { d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" }) });
+  return /* @__PURE__ */ jsx41("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: /* @__PURE__ */ jsx41("path", { d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" }) });
 }
 function MicrosoftIcon(props) {
-  return /* @__PURE__ */ jsx41("svg", { viewBox: "0 0 24 24", fill: "currentColor", ...props, children: /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx41("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: /* @__PURE__ */ jsx41(
     "path",
     {
       d: "M0 0h11.377v11.372H0zm12.623 0H24v11.372H12.623zM0 12.623h11.377V24H0zm12.623 0H24V24H12.623",
@@ -42194,16 +42188,16 @@ function MicrosoftIcon(props) {
   ) });
 }
 function FacebookIcon(props) {
-  return /* @__PURE__ */ jsx41("svg", { viewBox: "0 0 24 24", fill: "currentColor", ...props, children: /* @__PURE__ */ jsx41("path", { d: "M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z" }) });
+  return /* @__PURE__ */ jsx41("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: /* @__PURE__ */ jsx41("path", { d: "M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z" }) });
 }
 function LinkedInIcon(props) {
-  return /* @__PURE__ */ jsx41("svg", { viewBox: "0 0 24 24", fill: "currentColor", ...props, children: /* @__PURE__ */ jsx41("path", { d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" }) });
+  return /* @__PURE__ */ jsx41("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: /* @__PURE__ */ jsx41("path", { d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" }) });
 }
 function TwitchIcon(props) {
-  return /* @__PURE__ */ jsx41("svg", { viewBox: "0 0 24 24", fill: "currentColor", ...props, children: /* @__PURE__ */ jsx41("path", { d: "M11.571 4.714h1.715v5.143H11.57zm4.715 0H18v5.143h-1.714zM6 0L1.714 4.286v15.428h5.143V24l4.286-4.286h3.428L22.286 12V0zm14.571 11.143l-3.428 3.428h-3.429l-3 3v-3H6.857V1.714h13.714z" }) });
+  return /* @__PURE__ */ jsx41("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: /* @__PURE__ */ jsx41("path", { d: "M11.571 4.714h1.715v5.143H11.57zm4.715 0H18v5.143h-1.714zM6 0L1.714 4.286v15.428h5.143V24l4.286-4.286h3.428L22.286 12V0zm14.571 11.143l-3.428 3.428h-3.429l-3 3v-3H6.857V1.714h13.714z" }) });
 }
 function SpotifyIcon(props) {
-  return /* @__PURE__ */ jsx41("svg", { viewBox: "0 0 24 24", fill: "currentColor", ...props, children: /* @__PURE__ */ jsx41("path", { d: "M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z" }) });
+  return /* @__PURE__ */ jsx41("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: /* @__PURE__ */ jsx41("path", { d: "M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z" }) });
 }
 var OAuthIcons = {
   google: GoogleIcon,
@@ -43199,7 +43193,7 @@ function httpStatusToErrorCode(status) {
       return status >= 500 ? "INTERNAL_SERVER_ERROR" : "BAD_REQUEST";
   }
 }
-var REF_PATTERN = /^[a-z0-9]{16}$/;
+var REF_PATTERN = /^[a-z0-9]{12}$/;
 function createConfig(input) {
   let secretKey;
   if (input.secretKey) {
@@ -43215,32 +43209,18 @@ function createConfig(input) {
     }
     secretKey = result.sanitizedKey;
   }
-  if (input.ref !== void 0) {
-    const trimmedRef = input.ref.trim();
-    if (!REF_PATTERN.test(trimmedRef)) {
-      throw new SylphxError(
-        `[Sylphx] Invalid project ref format: "${input.ref}". Expected a 16-character lowercase alphanumeric string (e.g. "abc123def456ghij"). Get your ref from Platform Console \u2192 Projects \u2192 Your Project \u2192 Overview.`,
-        { code: "BAD_REQUEST" }
-      );
-    }
-  }
-  let platformUrl;
-  let apiBasePath;
-  if (input.platformUrl) {
-    platformUrl = input.platformUrl.trim();
-    apiBasePath = SDK_API_PATH;
-  } else if (input.ref) {
-    platformUrl = `https://${input.ref.trim()}.${DEFAULT_SDK_API_HOST}`;
-    apiBasePath = SDK_API_PATH_NEW;
-  } else {
-    platformUrl = DEFAULT_PLATFORM_URL;
-    apiBasePath = SDK_API_PATH;
+  const trimmedRef = input.ref.trim();
+  if (!REF_PATTERN.test(trimmedRef)) {
+    throw new SylphxError(
+      `[Sylphx] Invalid project ref format: "${input.ref}". Expected a 12-character lowercase alphanumeric string (e.g. "abc123def456"). Get your ref from Platform Console \u2192 Projects \u2192 Your Project \u2192 Overview.`,
+      { code: "BAD_REQUEST" }
+    );
   }
+  const baseUrl = `https://${trimmedRef}.${DEFAULT_SDK_API_HOST}${SDK_API_PATH}`;
   return Object.freeze({
     secretKey,
-    platformUrl,
-    ref: input.ref,
-    apiBasePath,
+    ref: trimmedRef,
+    baseUrl,
     accessToken: input.accessToken
   });
 }
@@ -43257,9 +43237,9 @@ function buildHeaders(config2) {
   return headers;
 }
 function buildApiUrl(config2, path) {
-  const base = config2.platformUrl.replace(/\/$/, "");
+  const base = config2.baseUrl.replace(/\/$/, "");
   const cleanPath = path.startsWith("/") ? path : `/${path}`;
-  return `${base}${config2.apiBasePath ?? SDK_API_PATH}${cleanPath}`;
+  return `${base}${cleanPath}`;
 }
 async function callApi(config2, path, options = {}) {
   const {
@@ -43834,7 +43814,7 @@ var stylesInjected = false;
 function injectGlobalStyles() {
   if (stylesInjected || typeof document === "undefined") return;
   const style = document.createElement("style");
-  style.id = "sylphx-sdk-styles";
+  style.id = "sylphx-runtime-styles";
   style.textContent = `
     @keyframes sylphx-spin {
       to { transform: rotate(360deg); }
@@ -44656,10 +44636,9 @@ function useOrganization() {
   const [isLoading, setIsLoading] = useState50(true);
   const [error2, setError] = useState50(null);
   const channelRef = useRef79(null);
-  const config2 = platform3 ? createConfig({
+  const config2 = platform3?.ref ? createConfig({
     secretKey: platform3.appId,
-    // appId is the appId
-    platformUrl: platform3.platformUrl
+    ref: platform3.ref
   }) : null;
   const getStoredOrgSlug = useCallback41(() => {
     if (typeof window === "undefined") return null;
@@ -44776,7 +44755,7 @@ function useOrganization() {
     return () => {
       mounted = false;
     };
-  }, [config2?.platformUrl, getStoredOrgSlug, selectOrganization, organization, config2]);
+  }, [config2?.baseUrl, getStoredOrgSlug, selectOrganization, organization, config2]);
   const hasPermission = useCallback41(
     (permission) => {
       if (!role) return false;
@@ -45294,7 +45273,7 @@ function BillingCardInner({
     );
   }
   if (!isPremium && showUpgradeCta) {
-    const highlightPlan = plans.find((p2) => p2.slug === "pro") || plans.find((p2) => (p2.priceMonthly ?? 0) > 0);
+    const highlightPlan = plans.find((p2) => p2.slug === "pro") || plans.find((p2) => (p2.monthlyPrice ?? 0) > 0);
     return /* @__PURE__ */ jsx44("div", { style: styles2.card, className, children: /* @__PURE__ */ jsxs25("div", { style: styles2.cardContent, children: [
       /* @__PURE__ */ jsxs25("div", { style: styles2.flexBetween, children: [
         /* @__PURE__ */ jsxs25("div", { children: [
@@ -45562,6 +45541,8 @@ function CrownIcon({ color: color2, size: size4 = 24 }) {
   return /* @__PURE__ */ jsx44(
     "svg",
     {
+      "aria-hidden": "true",
+      focusable: "false",
       width: size4,
       height: size4,
       viewBox: "0 0 24 24",
@@ -45576,6 +45557,8 @@ function SparklesIcon({ size: size4 = 24 }) {
   return /* @__PURE__ */ jsxs25(
     "svg",
     {
+      "aria-hidden": "true",
+      focusable: "false",
       width: size4,
       height: size4,
       viewBox: "0 0 24 24",
@@ -45599,6 +45582,8 @@ function CheckIcon2({ color: color2, size: size4 = 24 }) {
   return /* @__PURE__ */ jsx44(
     "svg",
     {
+      "aria-hidden": "true",
+      focusable: "false",
       width: size4,
       height: size4,
       viewBox: "0 0 24 24",
@@ -45616,6 +45601,8 @@ function ClockIcon({ color: color2, size: size4 = 24 }) {
   return /* @__PURE__ */ jsxs25(
     "svg",
     {
+      "aria-hidden": "true",
+      focusable: "false",
       width: size4,
       height: size4,
       viewBox: "0 0 24 24",
@@ -45636,6 +45623,8 @@ function AlertIcon2({ color: color2, size: size4 = 24 }) {
   return /* @__PURE__ */ jsxs25(
     "svg",
     {
+      "aria-hidden": "true",
+      focusable: "false",
       width: size4,
       height: size4,
       viewBox: "0 0 24 24",
@@ -45657,6 +45646,8 @@ function SettingsIcon({ size: size4 = 24 }) {
   return /* @__PURE__ */ jsxs25(
     "svg",
     {
+      "aria-hidden": "true",
+      focusable: "false",
       width: size4,
       height: size4,
       viewBox: "0 0 24 24",
@@ -46857,13 +46848,16 @@ function MembersListInner({
         },
         children: [
           visibleMembers.map((member) => /* @__PURE__ */ jsxs30("div", { style: memberItemStyles, children: [
-            member.image ? /* @__PURE__ */ jsx49(
-              "img",
-              {
-                src: member.image,
-                alt: member.name || member.email,
-                style: { ...avatarStyles, objectFit: "cover" }
-              }
+            member.image ? (
+              // biome-ignore lint/performance/noImgElement: SDK package — Next.js Image not available
+              /* @__PURE__ */ jsx49(
+                "img",
+                {
+                  src: member.image,
+                  alt: member.name || member.email,
+                  style: { ...avatarStyles, objectFit: "cover" }
+                }
+              )
             ) : /* @__PURE__ */ jsx49("div", { style: avatarStyles, children: (member.name || member.email).charAt(0).toUpperCase() }),
             /* @__PURE__ */ jsxs30("div", { style: { flex: 1, minWidth: 0 }, children: [
               /* @__PURE__ */ jsxs30(
@@ -46912,7 +46906,7 @@ function MembersListInner({
                 }
               )
             ] }),
-            editingMember === member.id ? /* @__PURE__ */ jsx49(
+            editingMember === member.userId ? /* @__PURE__ */ jsx49(
               RoleSelector,
               {
                 currentRole: member.role,
@@ -46921,7 +46915,7 @@ function MembersListInner({
                 isLoading: actionLoading === member.userId,
                 theme
               }
-            ) : confirmingRemove === member.id ? /* @__PURE__ */ jsxs30("div", { style: mergeStyles(styles2.flexRow, { gap: "0.5rem" }), children: [
+            ) : confirmingRemove === member.userId ? /* @__PURE__ */ jsxs30("div", { style: mergeStyles(styles2.flexRow, { gap: "0.5rem" }), children: [
               /* @__PURE__ */ jsx49(
                 "button",
                 {
@@ -46960,15 +46954,15 @@ function MembersListInner({
                     MemberActions,
                     {
                       member,
-                      onEditRole: () => setEditingMember(member.id),
-                      onRemove: () => setConfirmingRemove(member.id),
+                      onEditRole: () => setEditingMember(member.userId),
+                      onRemove: () => setConfirmingRemove(member.userId),
                       theme
                     }
                   )
                 ]
               }
             )
-          ] }, member.id)),
+          ] }, member.userId)),
           hasMore && /* @__PURE__ */ jsx49(
             "button",
             {
@@ -47095,13 +47089,20 @@ function MemberActions({
     ),
     isOpen && /* @__PURE__ */ jsxs30(Fragment23, { children: [
       /* @__PURE__ */ jsx49(
-        "div",
+        "button",
         {
+          type: "button",
+          "aria-label": "Close dropdown",
           style: {
             position: "fixed",
             inset: 0,
-            zIndex: 40
+            zIndex: 40,
+            background: "transparent",
+            border: "none",
+            padding: 0,
+            cursor: "default"
           },
+          tabIndex: -1,
           onClick: () => setIsOpen(false)
         }
       ),
@@ -47186,6 +47187,8 @@ function PlusIcon({ size: size4 = 24 }) {
   return /* @__PURE__ */ jsx49(
     "svg",
     {
+      "aria-hidden": "true",
+      focusable: "false",
       width: size4,
       height: size4,
       viewBox: "0 0 24 24",
@@ -47202,6 +47205,8 @@ function MoreIcon() {
   return /* @__PURE__ */ jsxs30(
     "svg",
     {
+      "aria-hidden": "true",
+      focusable: "false",
       width: "16",
       height: "16",
       viewBox: "0 0 24 24",
@@ -47222,6 +47227,8 @@ function EditIcon({ size: size4 = 24 }) {
   return /* @__PURE__ */ jsx49(
     "svg",
     {
+      "aria-hidden": "true",
+      focusable: "false",
       width: size4,
       height: size4,
       viewBox: "0 0 24 24",
@@ -47238,6 +47245,8 @@ function TrashIcon({ size: size4 = 24, color: color2 = "currentColor" }) {
   return /* @__PURE__ */ jsxs30(
     "svg",
     {
+      "aria-hidden": "true",
+      focusable: "false",
       width: size4,
       height: size4,
       viewBox: "0 0 24 24",
@@ -47790,18 +47799,18 @@ function PricingTableInner({
   const getPlanPrice = (plan, int2) => {
     switch (int2) {
       case "monthly":
-        return plan.priceMonthly || 0;
+        return plan.monthlyPrice || 0;
       case "annual":
-        return plan.priceAnnual || 0;
+        return plan.annualPrice || 0;
       case "lifetime":
-        return plan.priceLifetime || 0;
+        return plan.lifetimePrice || 0;
       default:
         return 0;
     }
   };
   const getAnnualSavings = (plan) => {
-    const monthly = plan.priceMonthly || 0;
-    const annual = plan.priceAnnual || 0;
+    const monthly = plan.monthlyPrice || 0;
+    const annual = plan.annualPrice || 0;
     if (monthly > 0 && annual > 0) {
       const yearlyFromMonthly = monthly * 12;
       const savings = Math.round((yearlyFromMonthly - annual) / yearlyFromMonthly * 100);
@@ -48064,6 +48073,8 @@ function CheckIcon6({ color: color2, size: size4 = 24 }) {
   return /* @__PURE__ */ jsx51(
     "svg",
     {
+      "aria-hidden": "true",
+      focusable: "false",
       width: size4,
       height: size4,
       viewBox: "0 0 24 24",
@@ -48081,6 +48092,8 @@ function XIcon2({ color: color2, size: size4 = 24 }) {
   return /* @__PURE__ */ jsxs32(
     "svg",
     {
+      "aria-hidden": "true",
+      focusable: "false",
       width: size4,
       height: size4,
       viewBox: "0 0 24 24",
@@ -48101,6 +48114,8 @@ function RefreshIcon({ color: color2, size: size4 = 24 }) {
   return /* @__PURE__ */ jsxs32(
     "svg",
     {
+      "aria-hidden": "true",
+      focusable: "false",
       width: size4,
       height: size4,
       viewBox: "0 0 24 24",
@@ -52637,7 +52652,7 @@ function useTaskRun(runId, options) {
   } = options ?? {};
   const platformCtx = useContext77(PlatformContext);
   const appId = platformCtx?.appId ?? "";
-  const platformUrl = customPlatformUrl ?? platformCtx?.platformUrl ?? DEFAULT_PLATFORM_URL;
+  const platformUrl = customPlatformUrl ?? platformCtx?.platformUrl ?? `https://${DEFAULT_SDK_API_HOST}`;
   const [run, setRun] = useState74(null);
   const [loading, setLoading] = useState74(!!runId);
   const [error2, setError] = useState74(null);
@@ -53617,6 +53632,7 @@ import { jsx as jsx64 } from "react/jsx-runtime";
 function SylphxProvider({
   children,
   appId,
+  projectRef: providedRef,
   platformUrl: providedPlatformUrl,
   afterSignOutUrl = "/",
   vapidPublicKey,
@@ -53640,6 +53656,7 @@ function SylphxProvider({
     SylphxProviderInner,
     {
       appId,
+      projectRef: providedRef,
       platformUrl: providedPlatformUrl,
       afterSignOutUrl,
       vapidPublicKey,
@@ -53654,6 +53671,7 @@ function SylphxProvider({
 function SylphxProviderInner({
   children,
   appId: appIdProp,
+  projectRef: providedRef,
   platformUrl: providedPlatformUrl,
   afterSignOutUrl = "/",
   vapidPublicKey,
@@ -53663,7 +53681,7 @@ function SylphxProviderInner({
   authPrefix = "/auth"
 }) {
   const appId = validateAndSanitizeAppId(appIdProp);
-  const platformUrl = providedPlatformUrl?.trim() || DEFAULT_PLATFORM_URL;
+  const platformUrl = providedRef ? `https://${providedRef}.${DEFAULT_SDK_API_HOST}` : providedPlatformUrl?.trim() || `https://${DEFAULT_SDK_API_HOST}`;
   const storage2 = useMemo127(() => new SylphxStorage(appId), [appId]);
   const [anonymousId, setAnonymousId] = useState77("");
   useEffect63(() => {
@@ -53738,13 +53756,11 @@ function SylphxProviderInner({
     }
     const wasAnonymous = !prevIsSignedIn.current;
     const isNowAuthenticated = authState.isSignedIn && authState.user?.id;
-    if (wasAnonymous && isNowAuthenticated && authState.user && anonymousId) {
-      const config3 = {
-        appId,
-        platformUrl,
-        accessToken: void 0
-        // Will use cookie auth via middleware
-      };
+    if (wasAnonymous && isNowAuthenticated && authState.user && anonymousId && providedRef) {
+      const config3 = createConfig({
+        secretKey: appId,
+        ref: providedRef
+      });
       linkAnonymousConsents(config3, {
         userId: authState.user.id,
         anonymousId
@@ -53759,8 +53775,8 @@ function SylphxProviderInner({
     authState.user?.id,
     anonymousId,
     appId,
-    platformUrl,
-    authState.user
+    authState.user,
+    providedRef
   ]);
   const api = useMemo127(
     () => createRestApi({
@@ -55019,7 +55035,7 @@ function SylphxProviderInner({
         const controller = new AbortController();
         return {
           [Symbol.asyncIterator]: async function* () {
-            const response = await fetch(`${platformUrl}/api/v1/chat/completions`, {
+            const response = await fetch(`${platformUrl}/v1/chat/completions`, {
               method: "POST",
               headers: {
                 "Content-Type": "application/json",
@@ -55356,7 +55372,7 @@ function SylphxProviderInner({
           ...authState.user?.id && { userId: authState.user.id },
           anonymousId,
           limit: options?.limit?.toString(),
-          offset: options?.offset?.toString()
+          cursor: options?.cursor
         });
       }
     }),
@@ -55987,6 +56003,7 @@ function SylphxProviderInner({
     () => ({
       appId,
       platformUrl,
+      ref: providedRef,
       anonymousId,
       queryClient,
       clickIds,
@@ -56118,7 +56135,8 @@ function SylphxProviderInner({
       submitScore,
       getAchievements,
       unlockAchievement,
-      incrementAchievementProgress
+      incrementAchievementProgress,
+      providedRef
     ]
   );
   return /* @__PURE__ */ jsx64(AuthContext.Provider, { value: authValue, children: /* @__PURE__ */ jsx64(SdkAuthContext.Provider, { value: sdkAuthValue, children: /* @__PURE__ */ jsx64(UserContext.Provider, { value: userValue, children: /* @__PURE__ */ jsx64(SecurityContext.Provider, { value: securityValue, children: /* @__PURE__ */ jsx64(PlatformContext.Provider, { value: platformValue, children: /* @__PURE__ */ jsx64(StorageContext.Provider, { value: storageValue, children: /* @__PURE__ */ jsx64(AIContext.Provider, { value: aiValue, children: /* @__PURE__ */ jsx64(TasksContext.Provider, { value: tasksValue, children: /* @__PURE__ */ jsx64(MonitoringContext.Provider, { value: monitoringValue, children: /* @__PURE__ */ jsx64(ConsentContext.Provider, { value: consentValue, children: /* @__PURE__ */ jsx64(DatabaseContext.Provider, { value: databaseValue, children: /* @__PURE__ */ jsx64(EmailContext.Provider, { value: emailValue, children: /* @__PURE__ */ jsx64(NewsletterContext.Provider, { value: newsletterValue, children: /* @__PURE__ */ jsx64(WebhooksContext.Provider, { value: webhooksValue, children }) }) }) }) }) }) }) }) }) }) }) }) }) });
@@ -59122,11 +59140,11 @@ function BillingSectionInner({
     plans,
     isLoading,
     error: billingError,
-    isPremium,
-    isTrialing,
+    isPremium: _isPremium,
+    isTrialing: _isTrialing,
     createCheckout,
     openPortal,
-    refresh
+    refresh: _refresh
   } = useBilling();
   const styles2 = baseStyles(theme);
   const [selectedInterval, setSelectedInterval] = useState84("monthly");
@@ -59270,7 +59288,7 @@ function BillingSectionInner({
                     /* @__PURE__ */ jsx69("div", { style: mergeStyles(styles2.textXs, styles2.textMuted), children: "Amount" }),
                     /* @__PURE__ */ jsxs46("div", { style: { fontWeight: 500, marginTop: "0.25rem" }, children: [
                       formatPrice(
-                        subscription.interval === "monthly" ? plans.find((p2) => p2.slug === subscription.planSlug)?.priceMonthly : plans.find((p2) => p2.slug === subscription.planSlug)?.priceAnnual
+                        subscription.interval === "monthly" ? plans.find((p2) => p2.slug === subscription.planSlug)?.monthlyPrice : plans.find((p2) => p2.slug === subscription.planSlug)?.annualPrice
                       ),
                       subscription.interval !== "lifetime" && `/${subscription.interval === "monthly" ? "mo" : "yr"}`
                     ] })
@@ -59360,7 +59378,7 @@ function BillingSectionInner({
           },
           children: plans.map((plan) => {
             const isCurrentPlan = subscription?.planSlug === plan.slug;
-            const price = selectedInterval === "monthly" ? plan.priceMonthly : plan.priceAnnual;
+            const price = selectedInterval === "monthly" ? plan.monthlyPrice : plan.annualPrice;
             return /* @__PURE__ */ jsxs46(
               "div",
               {
@@ -59479,6 +59497,8 @@ function CreditCardIcon2({ size: size4 = 24 }) {
   return /* @__PURE__ */ jsxs46(
     "svg",
     {
+      "aria-hidden": "true",
+      focusable: "false",
       width: size4,
       height: size4,
       viewBox: "0 0 24 24",
@@ -59498,6 +59518,8 @@ function CheckIcon11({ color: color2 }) {
   return /* @__PURE__ */ jsx69(
     "svg",
     {
+      "aria-hidden": "true",
+      focusable: "false",
       width: "16",
       height: "16",
       viewBox: "0 0 24 24",
@@ -69411,7 +69433,7 @@ var ErrorTracker = class {
         values: getBreadcrumbs()
       },
       sdk: {
-        name: "sylphx-sdk",
+        name: "sylphx-runtime",
         version: "1.0.0",
         integrations: this.getIntegrations()
       }
@@ -69469,7 +69491,7 @@ var ErrorTracker = class {
         values: getBreadcrumbs()
       },
       sdk: {
-        name: "sylphx-sdk",
+        name: "sylphx-runtime",
         version: "1.0.0"
       }
     };
@@ -77688,7 +77710,7 @@ var AnalyticsTracker = class {
       properties: mergedProperties,
       distinct_id: this.getDistinctId(),
       timestamp,
-      $lib: "sylphx-sdk",
+      $lib: "sylphx-runtime",
       $lib_version: "1.0.0"
     };
   }
@@ -79360,7 +79382,7 @@ function useRealtime(channel, options = {}) {
   const reconnectTimeoutRef = useRef103(null);
   const reconnectAttemptRef = useRef103(0);
   const mountedRef = useRef103(true);
-  const platformUrl = customPlatformUrl || platformContext?.platformUrl || DEFAULT_PLATFORM_URL;
+  const platformUrl = customPlatformUrl || platformContext?.platformUrl || `https://${DEFAULT_SDK_API_HOST}`;
   const buildUrl = useCallback83(() => {
     const url = new URL(`${platformUrl}${SDK_API_PATH}/realtime/subscribe`);
     url.searchParams.set("channel", channel);
@@ -79554,7 +79576,7 @@ function useRealtimeChannels(channels, options = {}) {
   const [statuses, setStatuses] = useState108({});
   const platformContext = useContext83(PlatformContext);
   const appId = platformContext?.appId || "";
-  const platformUrl = customPlatformUrl || platformContext?.platformUrl || DEFAULT_PLATFORM_URL;
+  const platformUrl = customPlatformUrl || platformContext?.platformUrl || `https://${DEFAULT_SDK_API_HOST}`;
   const lastAcksRef = useRef103({});
   const eventSourcesRef = useRef103({});
   const mountedRef = useRef103(true);
@@ -79691,7 +79713,7 @@ function useKv(options = {}) {
   const { platformUrl: customPlatformUrl } = options;
   const platformContext = useContext84(PlatformContext);
   const appId = platformContext?.appId || "";
-  const platformUrl = customPlatformUrl || platformContext?.platformUrl || DEFAULT_PLATFORM_URL;
+  const platformUrl = customPlatformUrl || platformContext?.platformUrl || `https://${DEFAULT_SDK_API_HOST}`;
   const headers = useMemo133(
     () => ({
       "Content-Type": "application/json",