@streamoid/settings 0.7.8 → 0.7.10

package/dist/index.mjs

@@ -319,11 +319,11 @@ function useWorkspaceOrganization({
 // src/settings-content.tsx
 import {
   Fragment as Fragment11,
-  useState as useState15,
-  useEffect as useEffect13,
-  useRef as useRef7,
-  useCallback as useCallback7,
-  useMemo as useMemo4
+  useState as useState17,
+  useEffect as useEffect15,
+  useRef as useRef8,
+  useCallback as useCallback8,
+  useMemo as useMemo5
 } from "react";
 import {
   ScSidebarMenu,
@@ -331,7 +331,7 @@ import {
   ScMenuOptions
 } from "@streamoid/ui";
 import { ScTextField } from "@streamoid/ui";
-import { ScButton as ScButton7 } from "@streamoid/ui";
+import { ScButton as ScButton10 } from "@streamoid/ui";
 import { ScWorkspaceSwitchCard } from "@streamoid/ui";
 import {
   SiconTeam,
@@ -352,7 +352,7 @@ import {
   SiconLock,
   SiconDown,
   SiconGlobe as SiconGlobe3,
-  SiconClose as SiconClose8,
+  SiconClose as SiconClose9,
   SiconSwitch
 } from "@streamoid/icons";
 
@@ -6838,14 +6838,37 @@ function isBillingWorkspaceMissing(failure) {
   };
   return visit(failure, 0);
 }
+var LIMIT_BELOW_USAGE = "LIMIT_BELOW_USAGE";
+function isLimitBelowUsage(failure) {
+  return findLimitBelowUsage(failure) !== null;
+}
+function limitBelowUsageUsed(failure) {
+  const used = findLimitBelowUsage(failure)?.used;
+  return typeof used === "number" && Number.isFinite(used) ? used : null;
+}
+function findLimitBelowUsage(failure) {
+  const seen = /* @__PURE__ */ new Set();
+  const visit = (value, depth) => {
+    if (depth > 4 || value == null || typeof value !== "object" || seen.has(value)) return null;
+    seen.add(value);
+    const error = value;
+    if (error.code === LIMIT_BELOW_USAGE) return error;
+    for (const child of [error.error, error.data, error.body, error.cause, error.publicError]) {
+      const found = visit(child, depth + 1);
+      if (found) return found;
+    }
+    return null;
+  };
+  return visit(failure, 0);
+}
 
 // src/billing-content.tsx
 import {
-  useState as useState13,
-  useEffect as useEffect11,
-  useCallback as useCallback5,
-  useMemo as useMemo3,
-  useRef as useRef6
+  useState as useState15,
+  useEffect as useEffect13,
+  useCallback as useCallback6,
+  useMemo as useMemo4,
+  useRef as useRef7
 } from "react";
 import {
   ScPlanDetailsCard,
@@ -6856,13 +6879,14 @@ import {
   ScHeader,
   ScPlanCard,
   ScPlanComparison,
-  ScUsageMeterCard
+  ScUsageMeterCard,
+  ScButton as ScButton8
 } from "@streamoid/ui";
 import {
   SiconDownload,
   SiconLeft as SiconLeft2,
   SiconDoubleArrow,
-  SiconClose as SiconClose6
+  SiconClose as SiconClose7
 } from "@streamoid/icons";
 
 // src/plan-comparison-data.ts
@@ -6883,7 +6907,7 @@ var PLAN_COMPARISON_SECTIONS = [
       { label: "Vectorization & colorways", values: ["Up to 60 images", "Up to 200 images", "Unlimited"] },
       { label: "Background removal", values: ["Up to 300 images", "Up to 1,000 images", "Unlimited"] },
       { label: "Range planning", values: ["Up to 3 plans", "Up to 10 plans", "Unlimited"] },
-      { label: "Tech packs", values: ["Manual fill", "Up to 5 tech packs", "Unlimited"] },
+      { label: "Techpacks", values: ["Manual fill", "Up to 5 techpacks", "Unlimited"] },
       { label: "Automated moodboards", values: ["Up to 20 moodboards", "Up to 66 moodboards", "Unlimited"] },
       { label: "Export & download vector assets", values: ["Free", "Free", "Free"] }
     ]
@@ -7765,174 +7789,881 @@ function BuyCreditsModal({
   );
 }
 
-// src/billing-content.tsx
-import { Fragment as Fragment9, jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
-var DEFAULT_TOPUP_SERVICE = "catalogix";
-var PRIMARY_COLOR2 = "var(--alias-text---icons-primary)";
-var MUTED_COLOR = "var(--alias-text---icons-muted)";
-function formatDate2(iso) {
-  try {
-    return new Date(iso).toLocaleDateString("en-US", {
-      month: "short",
-      day: "numeric",
-      year: "numeric"
-    });
-  } catch {
-    return iso;
-  }
+// src/per-user-limits-view.tsx
+import { useCallback as useCallback5, useEffect as useEffect12, useMemo as useMemo3, useRef as useRef6, useState as useState14 } from "react";
+import { ScButton as ScButton7 } from "@streamoid/ui";
+
+// src/member-credit-limit-modal.tsx
+import { useEffect as useEffect11, useState as useState13 } from "react";
+import { ScButton as ScButton6, ScPairtext } from "@streamoid/ui";
+import { SiconClose as SiconClose6 } from "@streamoid/icons";
+
+// src/credit-limits.ts
+var DAY_MS = 24 * 60 * 60 * 1e3;
+function creditCycleUnit(cycle) {
+  if (!cycle) return "month";
+  const days = (Date.parse(cycle.end) - Date.parse(cycle.start)) / DAY_MS;
+  return Number.isFinite(days) && days > 200 ? "year" : "month";
 }
-function formatCurrency(cents, currency) {
-  if (currency === "inr") {
-    return `\u20B9${(cents / 100).toFixed(2)}`;
-  }
-  return `$${(cents / 100).toFixed(2)}`;
+function formatCreditLimit(limit, unit) {
+  if (limit === null) return "Unlimited";
+  return `${limit.toLocaleString("en-US")} ${limit === 1 ? "credit" : "credits"} / ${unit}`;
 }
-function getCurrencySymbolByCountry(country) {
-  return country?.trim().toUpperCase() === "IN" ? "\u20B9" : "$";
+function roundCredits(value) {
+  return Number(value.toFixed(2));
 }
-function formatCredits(n) {
-  return n.toLocaleString("en-US");
+function minimumCreditLimit(used) {
+  return Math.ceil(roundCredits(used));
 }
-function formatNextBillingDateLabel(iso) {
-  if (iso) {
-    const parsed = new Date(iso);
-    if (!Number.isNaN(parsed.getTime())) {
-      return parsed.toLocaleDateString("en-US", {
-        month: "short",
-        day: "numeric",
-        year: "numeric"
-      });
-    }
+function formatCredits(value) {
+  return roundCredits(value).toLocaleString("en-US", { maximumFractionDigits: 2 });
+}
+function validateDefaultCreditLimitInput(raw) {
+  return validateCreditLimitInput(raw, 0);
+}
+function validateCreditLimitInput(raw, used) {
+  const trimmed = raw.trim();
+  if (!trimmed) return { ok: false, reason: "Enter a credit limit" };
+  if (!/^\d+$/.test(trimmed)) {
+    return { ok: false, reason: "Enter a whole number of credits" };
   }
-  const fallback = /* @__PURE__ */ new Date();
-  fallback.setMonth(fallback.getMonth() + 1);
-  return fallback.toLocaleDateString("en-US", {
-    month: "short",
-    day: "numeric",
-    year: "numeric"
-  });
+  const value = Number(trimmed);
+  if (!Number.isSafeInteger(value)) {
+    return { ok: false, reason: "Enter a smaller number" };
+  }
+  if (value < roundCredits(used)) {
+    return { ok: false, reason: belowUsageReason(used) };
+  }
+  return { ok: true, value };
 }
-function formatEffectiveDateLabel(value) {
-  if (value == null) return "";
-  const parsed = typeof value === "number" ? new Date(value < 1e10 ? value * 1e3 : value) : new Date(value);
-  if (Number.isNaN(parsed.getTime())) return "";
-  return parsed.toLocaleDateString("en-US", {
-    month: "short",
-    day: "numeric",
-    year: "numeric"
-  });
+function belowUsageReason(used) {
+  return `Must be at least ${minimumCreditLimit(used).toLocaleString("en-US")} \u2014 ${formatCredits(used)} already used this cycle`;
 }
-function useIsLightTheme() {
-  const read = () => typeof document !== "undefined" && document.documentElement.getAttribute("data-theme") === "Light";
-  const [isLight, setIsLight] = useState13(read);
-  useEffect11(() => {
-    if (typeof document === "undefined") return;
-    const target = document.documentElement;
-    const observer = new MutationObserver(() => setIsLight(read()));
-    observer.observe(target, {
-      attributes: true,
-      attributeFilter: ["data-theme"]
-    });
-    setIsLight(read());
-    return () => observer.disconnect();
-  }, []);
-  return isLight;
+function describeDefaultLimit(response, unit) {
+  return formatCreditLimit(response?.default?.limit ?? null, unit);
 }
-function UpdateSubscriptionModal({
+function describeMemberLimit(row, unit) {
+  return formatCreditLimit(row.limit, unit);
+}
+function limitSourceLabel(row) {
+  if (row.source === "override") return "Custom";
+  if (row.source === "default") return "Default";
+  return null;
+}
+function joinMembersWithLimits(members, response) {
+  const byUser = /* @__PURE__ */ new Map();
+  for (const entry of response?.users ?? []) byUser.set(entry.userId, entry);
+  const def = response?.default ?? null;
+  return members.map((member) => {
+    const userId = member.user._id;
+    const entry = byUser.get(userId);
+    if (!entry) {
+      return {
+        member,
+        userId,
+        limit: def ? def.limit ?? null : null,
+        source: def ? "default" : "none",
+        hasLimit: false,
+        used: 0,
+        lastCycleUsed: 0
+      };
+    }
+    const hasLimit = Boolean(entry.hasLimit);
+    return {
+      member,
+      userId,
+      limit: entry.limit ?? null,
+      source: entry.source ?? (hasLimit ? "override" : def ? "default" : "none"),
+      hasLimit,
+      used: entry.used ?? 0,
+      lastCycleUsed: entry.lastCycleUsed ?? 0
+    };
+  });
+}
+
+// src/member-credit-limit-modal.tsx
+import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
+var T12 = {
+  primary: "var(--alias-text---icons-primary)",
+  tertiary: "var(--alias-text---icons-tertiary)",
+  muted: "var(--alias-text---icons-muted)",
+  error: "var(--alias-text---icons-error, var(--alias-text-and-icons-error, #ff6b6b))",
+  surface: "var(--primitives-neutral-825)",
+  fillPlus: "var(--alias-fill-neutral-neutralplus)",
+  borderSubtle: "var(--alias-border-subtle)",
+  borderDivider: "var(--alias-border-divider)",
+  font: "var(--font-family-font-family-body)",
+  fsSm: "var(--font-size-font-size-sm)",
+  fsLg: "var(--font-size-font-size-lg)",
+  lhSm: "var(--line-height-line-height-sm)",
+  lhLg: "var(--line-height-line-height-lg)",
+  spXs: "var(--spacing-xs)",
+  spXl: "var(--spacing-xl)",
+  sp3xl: "var(--spacing-3xl)",
+  sp6xl: "var(--spacing-6xl)",
+  r3xl: "var(--radius-3xl)",
+  r4xl: "var(--radius-4xl)"
+};
+function MemberCreditLimitModal({
   open,
-  currentPlanName,
-  currentPlanAmount,
-  nextPlanName,
-  nextPlanAmount,
-  nextBillingDateLabel,
-  loading,
+  title = "Set custom usage limit",
+  description,
+  subject,
+  resetKey,
+  used,
+  initialLimit,
+  isSet,
+  unit,
+  onSave,
+  onRemove,
+  removeLabel = "Remove",
+  removeHint,
+  saveSuccessMessage = "Usage limit updated",
+  removeSuccessMessage = "Usage limit removed",
   onClose,
-  onProceed
+  onSaved,
+  onStale
 }) {
-  const isLight = useIsLightTheme();
-  const modalSurface = isLight ? "#ffffff" : "var(--alias-surface-base)";
-  const cardBorder = isLight ? "1px solid var(--alias-border-subtle)" : "1px solid var(--alias-border-divider)";
+  const { toast } = useSettingsAdapters();
+  const initialUnlimited = initialLimit === null;
+  const [unlimited, setUnlimited] = useState13(initialUnlimited);
+  const [raw, setRaw] = useState13("");
+  const [touched, setTouched] = useState13(false);
+  const [saving, setSaving] = useState13(false);
+  const [serverHint, setServerHint] = useState13(null);
+  const [serverUsed, setServerUsed] = useState13(null);
+  const close = () => {
+    if (!saving) onClose();
+  };
+  useOverlayOpen(open, close);
+  useEffect11(() => {
+    if (!open) return;
+    setUnlimited(initialUnlimited);
+    setRaw(initialLimit !== null ? String(initialLimit) : "");
+    setTouched(false);
+    setSaving(false);
+    setServerHint(null);
+    setServerUsed(null);
+  }, [open, resetKey, initialLimit, isSet, initialUnlimited]);
   if (!open) return null;
+  const usedNow = Math.max(used, serverUsed ?? 0);
+  const validation = validateCreditLimitInput(raw, usedNow);
+  const changed = !isSet || (unlimited ? !initialUnlimited : initialUnlimited || validation.ok && validation.value !== initialLimit);
+  const canSave = !saving && changed && (unlimited || validation.ok);
+  const hint = serverHint ?? (!unlimited && touched && !validation.ok ? validation.reason : null);
+  const handleSave = async () => {
+    if (!canSave) return;
+    const next = unlimited ? null : validation.ok ? validation.value : null;
+    setSaving(true);
+    try {
+      await onSave(next);
+      toast.success(saveSuccessMessage);
+      onSaved();
+      onClose();
+    } catch (err) {
+      if (isLimitBelowUsage(err)) {
+        const fresh = limitBelowUsageUsed(err) ?? usedNow;
+        setServerUsed(fresh);
+        setUnlimited(false);
+        setServerHint(belowUsageReason(fresh));
+        if (fresh !== used) onStale?.();
+      } else {
+        toast.error(errorMessage(err, { method: "PUT" }));
+      }
+      setSaving(false);
+    }
+  };
+  const handleRemove = async () => {
+    if (saving || !onRemove) return;
+    setSaving(true);
+    try {
+      await onRemove();
+      toast.success(removeSuccessMessage);
+      onSaved();
+      onClose();
+    } catch (err) {
+      toast.error(errorMessage(err, { method: "DELETE" }));
+      setSaving(false);
+    }
+  };
+  const bodyText = {
+    fontFamily: T12.font,
+    fontSize: T12.fsSm,
+    lineHeight: T12.lhSm
+  };
   return /* @__PURE__ */ jsx20(
     "div",
     {
       className: "fixed inset-0 z-50 flex items-center justify-center",
       style: { backgroundColor: "rgba(0, 0, 0, 0.6)" },
-      onClick: (event) => {
-        if (event.target === event.currentTarget) onClose();
+      onClick: (e) => {
+        if (e.target === e.currentTarget) close();
       },
       children: /* @__PURE__ */ jsxs17(
         "div",
         {
-          className: "flex flex-col w-full max-w-xl",
+          className: "flex flex-col items-start",
           style: {
-            backgroundColor: modalSurface,
-            borderRadius: "var(--radius-3xl)",
-            border: "1px solid var(--alias-border-subtle)",
-            padding: "var(--spacing-6xl)",
-            gap: "var(--spacing-6xl)",
-            maxHeight: "90vh",
-            overflowY: "auto"
+            backgroundColor: T12.surface,
+            borderRadius: T12.r4xl,
+            border: `1px solid ${T12.borderSubtle}`,
+            width: 480,
+            maxWidth: "calc(100vw - 32px)",
+            maxHeight: "85vh"
           },
           children: [
-            /* @__PURE__ */ jsxs17("div", { className: "flex items-center w-full", children: [
+            /* @__PURE__ */ jsxs17("div", { className: "shrink-0 w-full relative", children: [
               /* @__PURE__ */ jsx20(
-                "p",
+                "div",
                 {
-                  className: "flex-1 min-w-0",
-                  style: {
-                    fontFamily: "var(--font-family-font-family-display)",
-                    fontSize: "var(--font-size-font-size-xxl)",
-                    fontWeight: 600,
-                    lineHeight: "var(--line-height-line-height-xxl)",
-                    color: "var(--alias-text---icons-primary)"
-                  },
-                  children: "Update Subscription"
+                  "aria-hidden": true,
+                  className: "absolute inset-0 pointer-events-none",
+                  style: { borderBottom: `1px solid ${T12.borderDivider}` }
                 }
               ),
-              /* @__PURE__ */ jsx20(
-                "button",
+              /* @__PURE__ */ jsxs17(
+                "div",
                 {
-                  type: "button",
-                  onClick: onClose,
-                  style: { background: "transparent", border: "none" },
-                  children: /* @__PURE__ */ jsx20(SiconClose6, { className: "w-6 h-6", color: MUTED_COLOR })
+                  className: "flex items-center w-full",
+                  style: { gap: T12.sp3xl, padding: `${T12.sp3xl} ${T12.sp6xl}` },
+                  children: [
+                    /* @__PURE__ */ jsx20(
+                      "p",
+                      {
+                        className: "flex-1 min-w-0 overflow-hidden text-ellipsis whitespace-nowrap",
+                        style: {
+                          color: T12.primary,
+                          fontFamily: T12.font,
+                          fontSize: T12.fsLg,
+                          fontWeight: 600,
+                          lineHeight: T12.lhLg
+                        },
+                        children: title
+                      }
+                    ),
+                    /* @__PURE__ */ jsx20("div", { className: "shrink-0 cursor-pointer", onClick: close, children: /* @__PURE__ */ jsx20(SiconClose6, { className: "w-6 h-6", color: T12.primary }) })
+                  ]
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx20(
-              "div",
-              {
-                className: "w-full",
-                style: {
-                  height: "1px",
-                  backgroundColor: "var(--alias-border-divider)"
-                }
-              }
-            ),
-            /* @__PURE__ */ jsxs17(
+            /* @__PURE__ */ jsx20("div", { className: "flex-1 min-h-0 w-full overflow-y-auto", children: /* @__PURE__ */ jsxs17(
               "div",
               {
-                className: "flex flex-col w-full",
-                style: { gap: "var(--spacing-3xl)" },
+                className: "flex flex-col items-start w-full",
+                style: { padding: `${T12.sp3xl} ${T12.sp6xl}`, gap: T12.sp3xl },
                 children: [
+                  (subject || description) && /* @__PURE__ */ jsxs17("div", { className: "flex flex-col w-full min-w-0", children: [
+                    subject?.name?.trim() && /* @__PURE__ */ jsx20(
+                      "span",
+                      {
+                        className: "truncate",
+                        style: { ...bodyText, fontWeight: 500, color: T12.primary },
+                        children: subject.name
+                      }
+                    ),
+                    subject && /* @__PURE__ */ jsx20(
+                      "span",
+                      {
+                        className: "truncate",
+                        style: {
+                          ...bodyText,
+                          color: subject.name?.trim() ? T12.muted : T12.primary
+                        },
+                        children: subject.email
+                      }
+                    ),
+                    subject && /* @__PURE__ */ jsxs17("span", { style: { ...bodyText, color: T12.tertiary, marginTop: T12.spXs }, children: [
+                      "Used this cycle: ",
+                      formatCredits(usedNow),
+                      " credits"
+                    ] }),
+                    description && /* @__PURE__ */ jsx20("span", { style: { ...bodyText, color: T12.tertiary }, children: description })
+                  ] }),
+                  /* @__PURE__ */ jsxs17("div", { className: "flex flex-col w-full", style: { gap: T12.spXs }, children: [
+                    /* @__PURE__ */ jsxs17("div", { className: "flex items-center w-full", style: { gap: T12.sp3xl }, children: [
+                      /* @__PURE__ */ jsx20(
+                        ScPairtext,
+                        {
+                          type: "radio",
+                          content: "",
+                          checked: !unlimited,
+                          onChange: () => setUnlimited(false)
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs17(
+                        "div",
+                        {
+                          className: "flex-1 min-w-0 flex items-center",
+                          style: {
+                            background: T12.fillPlus,
+                            height: 48,
+                            borderRadius: T12.r3xl,
+                            padding: `${T12.spXl} ${T12.sp3xl}`,
+                            gap: T12.spXl,
+                            border: hint ? `1px solid ${T12.error}` : "1px solid transparent",
+                            opacity: unlimited ? 0.6 : 1
+                          },
+                          children: [
+                            /* @__PURE__ */ jsx20(
+                              "input",
+                              {
+                                inputMode: "numeric",
+                                "aria-label": "Credit limit",
+                                "aria-invalid": hint ? true : void 0,
+                                placeholder: "Enter credits",
+                                value: raw,
+                                disabled: saving,
+                                onFocus: () => setUnlimited(false),
+                                onChange: (e) => {
+                                  setRaw(e.target.value.replace(/[^\d]/g, ""));
+                                  setTouched(true);
+                                  setServerHint(null);
+                                },
+                                className: "flex-1 min-w-0",
+                                style: {
+                                  ...bodyText,
+                                  background: "transparent",
+                                  border: "none",
+                                  outline: "none",
+                                  color: T12.primary,
+                                  padding: 0
+                                }
+                              }
+                            ),
+                            /* @__PURE__ */ jsxs17("span", { className: "shrink-0", style: { ...bodyText, color: T12.muted }, children: [
+                              "credits / ",
+                              unit
+                            ] })
+                          ]
+                        }
+                      )
+                    ] }),
+                    hint && /* @__PURE__ */ jsx20("span", { role: "alert", style: { ...bodyText, color: T12.error }, children: hint })
+                  ] }),
                   /* @__PURE__ */ jsx20(
-                    "p",
+                    ScPairtext,
                     {
-                      style: {
-                        fontFamily: "var(--font-family-font-family-body)",
-                        fontSize: "var(--font-size-font-size-sm)",
-                        fontWeight: 500,
-                        lineHeight: "var(--line-height-line-height-sm)",
-                        color: "var(--alias-text---icons-primary)"
-                      },
-                      children: "Current billing plan"
+                      type: "radio",
+                      content: "Unlimited usage",
+                      checked: unlimited,
+                      onChange: () => {
+                        setUnlimited(true);
+                        setServerHint(null);
+                      }
                     }
                   ),
-                  /* @__PURE__ */ jsxs17(
-                    "div",
-                    {
-                      className: "flex items-center w-full",
+                  onRemove && removeHint && /* @__PURE__ */ jsx20("span", { style: { ...bodyText, color: T12.muted }, children: removeHint })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsxs17("div", { className: "shrink-0 w-full relative", children: [
+              /* @__PURE__ */ jsx20(
+                "div",
+                {
+                  "aria-hidden": true,
+                  className: "absolute inset-0 pointer-events-none",
+                  style: { borderTop: `1px solid ${T12.borderDivider}` }
+                }
+              ),
+              /* @__PURE__ */ jsxs17(
+                "div",
+                {
+                  className: "flex items-center w-full",
+                  style: {
+                    padding: `${T12.sp3xl} ${T12.sp6xl}`,
+                    justifyContent: onRemove ? "space-between" : "flex-end"
+                  },
+                  children: [
+                    onRemove && /* @__PURE__ */ jsx20(
+                      ScButton6,
+                      {
+                        text: removeLabel,
+                        variant: "error",
+                        size: "md",
+                        state: saving ? "disabled" : "default",
+                        onClick: saving ? void 0 : () => void handleRemove()
+                      }
+                    ),
+                    /* @__PURE__ */ jsx20(
+                      ScButton6,
+                      {
+                        text: "Save",
+                        variant: "primary",
+                        size: "md",
+                        state: canSave ? "default" : "disabled",
+                        onClick: canSave ? () => void handleSave() : void 0
+                      }
+                    )
+                  ]
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/per-user-limits-view.tsx
+import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
+var T13 = {
+  primary: "var(--alias-text---icons-primary)",
+  muted: "var(--alias-text---icons-muted)",
+  fillPlus: "var(--alias-fill-neutral-neutralplus)",
+  surfaceBase: "var(--alias-surface-base)",
+  borderSubtle: "var(--alias-border-subtle)",
+  font: "var(--font-family-font-family-body)",
+  fsSm: "var(--font-size-font-size-sm)",
+  fsXl: "var(--font-size-font-size-xl)",
+  lhSm: "var(--line-height-line-height-sm)",
+  lhXl: "var(--line-height-line-height-xl)",
+  spMd: "var(--spacing-md)",
+  sp3xl: "var(--spacing-3xl)",
+  sp6xl: "var(--spacing-6xl)",
+  r3xl: "var(--radius-3xl)"
+};
+var COLUMNS = "minmax(200px, 1fr) 140px 150px 190px 80px";
+var cellText = {
+  fontFamily: T13.font,
+  fontSize: T13.fsSm,
+  lineHeight: T13.lhSm,
+  color: T13.primary
+};
+function LimitRow({
+  row,
+  unit,
+  onEdit
+}) {
+  const name = row.member.user.name?.trim() ?? "";
+  const email = row.member.user.email || "";
+  const displayIdent = name || email.split("@")[0] || "user";
+  return /* @__PURE__ */ jsxs18(
+    "div",
+    {
+      style: {
+        borderBottom: `1px solid ${T13.borderSubtle}`,
+        display: "grid",
+        gridTemplateColumns: COLUMNS,
+        alignItems: "center",
+        padding: `8px ${T13.sp3xl}`,
+        gap: 24
+      },
+      onMouseEnter: (e) => {
+        e.currentTarget.style.background = T13.fillPlus;
+      },
+      onMouseLeave: (e) => {
+        e.currentTarget.style.background = "transparent";
+      },
+      children: [
+        /* @__PURE__ */ jsxs18("div", { className: "flex items-center min-w-0", style: { gap: T13.spMd }, children: [
+          /* @__PURE__ */ jsx21(ProfileAvatar, { name: displayIdent, size: 32 }),
+          /* @__PURE__ */ jsxs18("div", { className: "flex flex-col min-w-0", children: [
+            name && /* @__PURE__ */ jsx21("span", { className: "truncate", style: { ...cellText, fontWeight: 500 }, children: name }),
+            /* @__PURE__ */ jsx21(
+              "span",
+              {
+                className: "truncate",
+                style: { ...cellText, color: name ? T13.muted : T13.primary },
+                children: email || "\u2014"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx21("span", { style: cellText, children: formatCredits(row.used) }),
+        /* @__PURE__ */ jsx21("span", { style: cellText, children: formatCredits(row.lastCycleUsed) }),
+        /* @__PURE__ */ jsxs18("div", { className: "flex flex-col min-w-0", children: [
+          /* @__PURE__ */ jsx21("span", { style: cellText, children: describeMemberLimit(row, unit) }),
+          limitSourceLabel(row) && /* @__PURE__ */ jsx21("span", { style: { ...cellText, color: T13.muted }, children: limitSourceLabel(row) })
+        ] }),
+        /* @__PURE__ */ jsx21("div", { className: "flex items-center", children: onEdit && /* @__PURE__ */ jsx21(ScButton7, { text: "Edit", variant: "secondary", size: "sm", onClick: onEdit }) })
+      ]
+    }
+  );
+}
+function PerUserLimitsView() {
+  const { api, workspace, toast } = useSettingsAdapters();
+  const workspaceId = workspace.current?.id ?? null;
+  const [members, setMembers] = useState14([]);
+  const [limits, setLimits] = useState14(null);
+  const [loading, setLoading] = useState14(true);
+  const [failed, setFailed] = useState14(false);
+  const [searchQuery, setSearchQuery] = useState14("");
+  const [editing, setEditing] = useState14(null);
+  const [editingDefault, setEditingDefault] = useState14(false);
+  const latestLoad = useRef6(0);
+  const load = useCallback5(async ({ refresh = false } = {}) => {
+    const loadId = ++latestLoad.current;
+    if (!api.fetchMemberCreditLimits) {
+      setLoading(false);
+      setFailed(true);
+      return;
+    }
+    const [nextMembers, nextLimits] = await Promise.all([
+      api.fetchMembers().catch(() => null),
+      api.fetchMemberCreditLimits().catch(() => null)
+    ]);
+    if (loadId !== latestLoad.current) return;
+    if (refresh && (!nextMembers || !nextLimits)) {
+      toast.error("Couldn't refresh usage limits. Reopen this page to see the latest.");
+      return;
+    }
+    setFailed(!nextMembers || !nextLimits);
+    setMembers(nextMembers ?? []);
+    setLimits(nextLimits);
+    setLoading(false);
+  }, [api, toast]);
+  useEffect12(() => {
+    setLoading(true);
+    setFailed(false);
+    setMembers([]);
+    setLimits(null);
+    setEditing(null);
+    setEditingDefault(false);
+    setSearchQuery("");
+    void load();
+  }, [workspaceId]);
+  useEffect12(
+    () => () => {
+      latestLoad.current += 1;
+    },
+    []
+  );
+  const unit = creditCycleUnit(limits?.cycle);
+  const rows = useMemo3(
+    () => joinMembersWithLimits(members, limits),
+    [members, limits]
+  );
+  const filtered = useMemo3(() => {
+    const q = searchQuery.trim().toLowerCase();
+    if (!q) return rows;
+    return rows.filter(
+      ({ member }) => (member.user.name ?? "").toLowerCase().includes(q) || (member.user.email ?? "").toLowerCase().includes(q)
+    );
+  }, [rows, searchQuery]);
+  if (loading) {
+    return /* @__PURE__ */ jsx21(
+      "div",
+      {
+        className: "flex items-center justify-center w-full",
+        style: {
+          backgroundColor: T13.surfaceBase,
+          borderRadius: T13.r3xl,
+          padding: T13.sp6xl
+        },
+        children: /* @__PURE__ */ jsx21(
+          "div",
+          {
+            className: "animate-spin",
+            style: {
+              width: 24,
+              height: 24,
+              borderRadius: "var(--radius-full)",
+              border: "2px solid var(--alias-border-subtle)",
+              borderTopColor: "var(--alias-text---icons-primary)"
+            }
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs18("div", { className: "flex flex-col flex-1 min-h-0 w-full", style: { gap: 16 }, children: [
+    /* @__PURE__ */ jsxs18("div", { className: "flex flex-col shrink-0", style: { gap: 4 }, children: [
+      /* @__PURE__ */ jsx21(
+        "span",
+        {
+          style: {
+            fontFamily: T13.font,
+            fontSize: T13.fsXl,
+            fontWeight: 500,
+            lineHeight: T13.lhXl,
+            color: T13.primary
+          },
+          children: "Per-user usage limits"
+        }
+      ),
+      /* @__PURE__ */ jsx21("span", { style: { ...cellText, color: T13.muted }, children: "Set a default for every member, and override it for individuals." })
+    ] }),
+    /* @__PURE__ */ jsxs18(
+      "div",
+      {
+        className: "flex items-center justify-between shrink-0 w-full",
+        style: {
+          gap: 12,
+          padding: 16,
+          backgroundColor: T13.surfaceBase,
+          border: `1px solid ${T13.borderSubtle}`,
+          borderRadius: T13.r3xl
+        },
+        children: [
+          /* @__PURE__ */ jsxs18("div", { className: "flex flex-col min-w-0", style: { gap: 4 }, children: [
+            /* @__PURE__ */ jsx21("span", { style: { ...cellText, fontWeight: 500 }, children: "Default limit per member" }),
+            /* @__PURE__ */ jsx21("span", { style: { ...cellText, color: T13.muted }, children: failed ? "\u2014" : describeDefaultLimit(limits, unit) })
+          ] }),
+          api.setDefaultCreditLimit && !failed && /* @__PURE__ */ jsx21(
+            ScButton7,
+            {
+              text: "Edit",
+              variant: "secondary",
+              size: "sm",
+              onClick: () => setEditingDefault(true)
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx21(
+      MemberListToolbar,
+      {
+        activeTab: "active",
+        onTabChange: () => {
+        },
+        activeLabel: "Members",
+        activeCount: failed ? null : filtered.length,
+        searchQuery,
+        onSearchChange: setSearchQuery
+      }
+    ),
+    /* @__PURE__ */ jsx21(
+      MemberListFrame,
+      {
+        contentMinWidth: 860,
+        header: /* @__PURE__ */ jsx21(
+          "div",
+          {
+            style: {
+              display: "grid",
+              gridTemplateColumns: COLUMNS,
+              gap: 24,
+              padding: "8px 16px",
+              fontSize: 11,
+              color: T13.muted,
+              textTransform: "uppercase"
+            },
+            children: ["Name", "Used this cycle", "Last cycle's usage", "Limit", "Actions"].map(
+              (label) => /* @__PURE__ */ jsx21("span", { children: label }, label)
+            )
+          }
+        ),
+        isEmpty: failed || filtered.length === 0,
+        emptyText: failed ? "Couldn't load usage limits. Try again later." : searchQuery.trim() ? "No members match your search" : "No members yet",
+        children: filtered.map((row) => /* @__PURE__ */ jsx21(
+          LimitRow,
+          {
+            row,
+            unit,
+            onEdit: api.setMemberCreditLimit ? () => setEditing(row) : void 0
+          },
+          row.userId
+        ))
+      }
+    ),
+    editing && /* @__PURE__ */ jsx21(
+      MemberCreditLimitModal,
+      {
+        open: true,
+        resetKey: editing.userId,
+        subject: { name: editing.member.user.name, email: editing.member.user.email },
+        used: editing.used,
+        initialLimit: editing.limit,
+        isSet: editing.hasLimit,
+        unit,
+        onSave: (limit) => api.setMemberCreditLimit({ userId: editing.userId, limit }),
+        onRemove: editing.hasLimit && api.removeMemberCreditLimit ? () => api.removeMemberCreditLimit(editing.userId) : void 0,
+        removeLabel: limits?.default ? "Use default" : "Remove",
+        removeHint: limits?.default ? `Falls back to the default: ${describeDefaultLimit(limits, unit)}` : "No default is set, so the member becomes unlimited.",
+        onClose: () => setEditing(null),
+        onSaved: () => void load({ refresh: true }),
+        onStale: () => void load({ refresh: true })
+      }
+    ),
+    editingDefault && api.setDefaultCreditLimit && /* @__PURE__ */ jsx21(
+      MemberCreditLimitModal,
+      {
+        open: true,
+        title: "Default usage limit",
+        description: "Applies to every member without their own limit, including new members.",
+        used: 0,
+        initialLimit: limits?.default?.limit ?? null,
+        isSet: Boolean(limits?.default),
+        unit,
+        onSave: (limit) => api.setDefaultCreditLimit(limit),
+        saveSuccessMessage: "Default usage limit updated",
+        onClose: () => setEditingDefault(false),
+        onSaved: () => void load({ refresh: true })
+      }
+    )
+  ] });
+}
+
+// src/billing-content.tsx
+import { Fragment as Fragment9, jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
+var DEFAULT_TOPUP_SERVICE = "catalogix";
+var PRIMARY_COLOR2 = "var(--alias-text---icons-primary)";
+var MUTED_COLOR = "var(--alias-text---icons-muted)";
+function formatDate2(iso) {
+  try {
+    return new Date(iso).toLocaleDateString("en-US", {
+      month: "short",
+      day: "numeric",
+      year: "numeric"
+    });
+  } catch {
+    return iso;
+  }
+}
+function formatCurrency(cents, currency) {
+  if (currency === "inr") {
+    return `\u20B9${(cents / 100).toFixed(2)}`;
+  }
+  return `$${(cents / 100).toFixed(2)}`;
+}
+function getCurrencySymbolByCountry(country) {
+  return country?.trim().toUpperCase() === "IN" ? "\u20B9" : "$";
+}
+function formatCredits2(n) {
+  return n.toLocaleString("en-US");
+}
+function formatNextBillingDateLabel(iso) {
+  if (iso) {
+    const parsed = new Date(iso);
+    if (!Number.isNaN(parsed.getTime())) {
+      return parsed.toLocaleDateString("en-US", {
+        month: "short",
+        day: "numeric",
+        year: "numeric"
+      });
+    }
+  }
+  const fallback = /* @__PURE__ */ new Date();
+  fallback.setMonth(fallback.getMonth() + 1);
+  return fallback.toLocaleDateString("en-US", {
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  });
+}
+function formatEffectiveDateLabel(value) {
+  if (value == null) return "";
+  const parsed = typeof value === "number" ? new Date(value < 1e10 ? value * 1e3 : value) : new Date(value);
+  if (Number.isNaN(parsed.getTime())) return "";
+  return parsed.toLocaleDateString("en-US", {
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  });
+}
+function useIsLightTheme() {
+  const read = () => typeof document !== "undefined" && document.documentElement.getAttribute("data-theme") === "Light";
+  const [isLight, setIsLight] = useState15(read);
+  useEffect13(() => {
+    if (typeof document === "undefined") return;
+    const target = document.documentElement;
+    const observer = new MutationObserver(() => setIsLight(read()));
+    observer.observe(target, {
+      attributes: true,
+      attributeFilter: ["data-theme"]
+    });
+    setIsLight(read());
+    return () => observer.disconnect();
+  }, []);
+  return isLight;
+}
+function UpdateSubscriptionModal({
+  open,
+  currentPlanName,
+  currentPlanAmount,
+  nextPlanName,
+  nextPlanAmount,
+  nextBillingDateLabel,
+  loading,
+  onClose,
+  onProceed
+}) {
+  const isLight = useIsLightTheme();
+  const modalSurface = isLight ? "#ffffff" : "var(--alias-surface-base)";
+  const cardBorder = isLight ? "1px solid var(--alias-border-subtle)" : "1px solid var(--alias-border-divider)";
+  if (!open) return null;
+  return /* @__PURE__ */ jsx22(
+    "div",
+    {
+      className: "fixed inset-0 z-50 flex items-center justify-center",
+      style: { backgroundColor: "rgba(0, 0, 0, 0.6)" },
+      onClick: (event) => {
+        if (event.target === event.currentTarget) onClose();
+      },
+      children: /* @__PURE__ */ jsxs19(
+        "div",
+        {
+          className: "flex flex-col w-full max-w-xl",
+          style: {
+            backgroundColor: modalSurface,
+            borderRadius: "var(--radius-3xl)",
+            border: "1px solid var(--alias-border-subtle)",
+            padding: "var(--spacing-6xl)",
+            gap: "var(--spacing-6xl)",
+            maxHeight: "90vh",
+            overflowY: "auto"
+          },
+          children: [
+            /* @__PURE__ */ jsxs19("div", { className: "flex items-center w-full", children: [
+              /* @__PURE__ */ jsx22(
+                "p",
+                {
+                  className: "flex-1 min-w-0",
+                  style: {
+                    fontFamily: "var(--font-family-font-family-display)",
+                    fontSize: "var(--font-size-font-size-xxl)",
+                    fontWeight: 600,
+                    lineHeight: "var(--line-height-line-height-xxl)",
+                    color: "var(--alias-text---icons-primary)"
+                  },
+                  children: "Update Subscription"
+                }
+              ),
+              /* @__PURE__ */ jsx22(
+                "button",
+                {
+                  type: "button",
+                  onClick: onClose,
+                  style: { background: "transparent", border: "none" },
+                  children: /* @__PURE__ */ jsx22(SiconClose7, { className: "w-6 h-6", color: MUTED_COLOR })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx22(
+              "div",
+              {
+                className: "w-full",
+                style: {
+                  height: "1px",
+                  backgroundColor: "var(--alias-border-divider)"
+                }
+              }
+            ),
+            /* @__PURE__ */ jsxs19(
+              "div",
+              {
+                className: "flex flex-col w-full",
+                style: { gap: "var(--spacing-3xl)" },
+                children: [
+                  /* @__PURE__ */ jsx22(
+                    "p",
+                    {
+                      style: {
+                        fontFamily: "var(--font-family-font-family-body)",
+                        fontSize: "var(--font-size-font-size-sm)",
+                        fontWeight: 500,
+                        lineHeight: "var(--line-height-line-height-sm)",
+                        color: "var(--alias-text---icons-primary)"
+                      },
+                      children: "Current billing plan"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs19(
+                    "div",
+                    {
+                      className: "flex items-center w-full",
                       style: {
                         backgroundColor: "var(--alias-fill-neutral-neutral)",
                         border: cardBorder,
@@ -7940,7 +8671,7 @@ function UpdateSubscriptionModal({
                         padding: "var(--spacing-3xl)"
                       },
                       children: [
-                        /* @__PURE__ */ jsx20(
+                        /* @__PURE__ */ jsx22(
                           "p",
                           {
                             className: "flex-1 min-w-0",
@@ -7954,8 +8685,8 @@ function UpdateSubscriptionModal({
                             children: currentPlanName || "Free"
                           }
                         ),
-                        /* @__PURE__ */ jsxs17("div", { className: "flex flex-col items-end", children: [
-                          /* @__PURE__ */ jsx20(
+                        /* @__PURE__ */ jsxs19("div", { className: "flex flex-col items-end", children: [
+                          /* @__PURE__ */ jsx22(
                             "p",
                             {
                               style: {
@@ -7968,7 +8699,7 @@ function UpdateSubscriptionModal({
                               children: currentPlanAmount
                             }
                           ),
-                          /* @__PURE__ */ jsx20(
+                          /* @__PURE__ */ jsx22(
                             "p",
                             {
                               style: {
@@ -7985,7 +8716,7 @@ function UpdateSubscriptionModal({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsx20("div", { className: "w-full flex items-center justify-center", children: /* @__PURE__ */ jsx20(
+                  /* @__PURE__ */ jsx22("div", { className: "w-full flex items-center justify-center", children: /* @__PURE__ */ jsx22(
                     "div",
                     {
                       className: "flex items-center justify-center",
@@ -7996,10 +8727,10 @@ function UpdateSubscriptionModal({
                         backgroundColor: "var(--alias-fill-neutral-neutral)",
                         border: cardBorder
                       },
-                      children: /* @__PURE__ */ jsx20(SiconDoubleArrow, { className: "w-4 h-4", color: MUTED_COLOR })
+                      children: /* @__PURE__ */ jsx22(SiconDoubleArrow, { className: "w-4 h-4", color: MUTED_COLOR })
                     }
                   ) }),
-                  /* @__PURE__ */ jsxs17(
+                  /* @__PURE__ */ jsxs19(
                     "p",
                     {
                       style: {
@@ -8015,7 +8746,7 @@ function UpdateSubscriptionModal({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsxs17(
+                  /* @__PURE__ */ jsxs19(
                     "div",
                     {
                       className: "flex items-center w-full",
@@ -8026,7 +8757,7 @@ function UpdateSubscriptionModal({
                         padding: "var(--spacing-3xl)"
                       },
                       children: [
-                        /* @__PURE__ */ jsx20(
+                        /* @__PURE__ */ jsx22(
                           "p",
                           {
                             className: "flex-1 min-w-0",
@@ -8040,8 +8771,8 @@ function UpdateSubscriptionModal({
                             children: nextPlanName || "Pro"
                           }
                         ),
-                        /* @__PURE__ */ jsxs17("div", { className: "flex flex-col items-end", children: [
-                          /* @__PURE__ */ jsx20(
+                        /* @__PURE__ */ jsxs19("div", { className: "flex flex-col items-end", children: [
+                          /* @__PURE__ */ jsx22(
                             "p",
                             {
                               style: {
@@ -8054,7 +8785,7 @@ function UpdateSubscriptionModal({
                               children: nextPlanAmount
                             }
                           ),
-                          /* @__PURE__ */ jsx20(
+                          /* @__PURE__ */ jsx22(
                             "p",
                             {
                               style: {
@@ -8071,7 +8802,7 @@ function UpdateSubscriptionModal({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsx20(
+                  /* @__PURE__ */ jsx22(
                     "div",
                     {
                       className: "w-full",
@@ -8081,8 +8812,8 @@ function UpdateSubscriptionModal({
                       }
                     }
                   ),
-                  /* @__PURE__ */ jsxs17("div", { className: "flex items-center w-full", children: [
-                    /* @__PURE__ */ jsx20(
+                  /* @__PURE__ */ jsxs19("div", { className: "flex items-center w-full", children: [
+                    /* @__PURE__ */ jsx22(
                       "p",
                       {
                         className: "flex-1 min-w-0",
@@ -8096,7 +8827,7 @@ function UpdateSubscriptionModal({
                         children: "Amount Due Today"
                       }
                     ),
-                    /* @__PURE__ */ jsx20(
+                    /* @__PURE__ */ jsx22(
                       "p",
                       {
                         style: {
@@ -8113,7 +8844,7 @@ function UpdateSubscriptionModal({
                 ]
               }
             ),
-            /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsx22(
               "button",
               {
                 type: "button",
@@ -8128,7 +8859,7 @@ function UpdateSubscriptionModal({
                 },
                 disabled: loading,
                 onClick: onProceed,
-                children: /* @__PURE__ */ jsx20(
+                children: /* @__PURE__ */ jsx22(
                   "span",
                   {
                     style: {
@@ -8168,7 +8899,7 @@ function PlansView({
   const workspaceCurrencySymbol = getCurrencySymbolByCountry(
     workspace?.country
   );
-  const allPlans = useMemo3(() => {
+  const allPlans = useMemo4(() => {
     if (products.length > 0) {
       return products.flatMap(
         (product) => product.prices.filter((price) => Boolean(price.metadata?.credits)).map((price) => ({
@@ -8186,7 +8917,7 @@ function PlansView({
     }
     return [];
   }, [products, currentPlanId]);
-  const sortedPlans = useMemo3(
+  const sortedPlans = useMemo4(
     () => [...allPlans].sort((a, b) => a.amount - b.amount),
     [allPlans]
   );
@@ -8203,8 +8934,8 @@ function PlansView({
   const currentPlan = sortedPlans.find((plan) => plan.isCurrent) ?? freePlan;
   const middlePlans = sortedPlans.filter((plan) => plan.amount > 0);
   const currentPlanAmount = currentPlan?.amount ?? 0;
-  const [selectedMiddlePlanKey, setSelectedMiddlePlanKey] = useState13("");
-  useEffect11(() => {
+  const [selectedMiddlePlanKey, setSelectedMiddlePlanKey] = useState15("");
+  useEffect13(() => {
     if (middlePlans.length === 0) {
       setSelectedMiddlePlanKey("");
       return;
@@ -8218,9 +8949,9 @@ function PlansView({
   const isMiddleActionLoading = Boolean(
     selectedMiddlePlan && actionInFlight === selectedMiddlePlan.key
   );
-  const [isPlanSelectorOpen, setIsPlanSelectorOpen] = useState13(false);
-  const planDropdownRef = useRef6(null);
-  useEffect11(() => {
+  const [isPlanSelectorOpen, setIsPlanSelectorOpen] = useState15(false);
+  const planDropdownRef = useRef7(null);
+  useEffect13(() => {
     if (!isPlanSelectorOpen) return;
     const handleClickOutside = (event) => {
       const target = event.target;
@@ -8238,8 +8969,8 @@ function PlansView({
   const isCurrentWithDowngrade = Boolean(
     currentPlan?.isCurrent && downgradeScheduled
   );
-  const [showUpgradeConfirmModal, setShowUpgradeConfirmModal] = useState13(false);
-  return /* @__PURE__ */ jsxs17(
+  const [showUpgradeConfirmModal, setShowUpgradeConfirmModal] = useState15(false);
+  return /* @__PURE__ */ jsxs19(
     "div",
     {
       className: "flex flex-col items-start relative size-full overflow-y-auto",
@@ -8250,12 +8981,12 @@ function PlansView({
         backgroundSize: "24px 24px"
       },
       children: [
-        !hideHeader && /* @__PURE__ */ jsx20(
+        !hideHeader && /* @__PURE__ */ jsx22(
           "div",
           {
             className: "flex items-center justify-end shrink-0 w-full",
             style: { gap: "var(--spacing-lg)" },
-            children: /* @__PURE__ */ jsxs17(
+            children: /* @__PURE__ */ jsxs19(
               "div",
               {
                 className: "flex items-center shrink-0 cursor-pointer",
@@ -8269,8 +9000,8 @@ function PlansView({
                 },
                 onClick: onBack,
                 children: [
-                  /* @__PURE__ */ jsx20(SiconLeft2, { className: "w-4 h-4", color: MUTED_COLOR }),
-                  /* @__PURE__ */ jsx20(
+                  /* @__PURE__ */ jsx22(SiconLeft2, { className: "w-4 h-4", color: MUTED_COLOR }),
+                  /* @__PURE__ */ jsx22(
                     "span",
                     {
                       style: {
@@ -8288,13 +9019,13 @@ function PlansView({
             )
           }
         ),
-        /* @__PURE__ */ jsxs17(
+        /* @__PURE__ */ jsxs19(
           "div",
           {
             className: "grid w-full grid-cols-1 md:grid-cols-2 xl:grid-cols-3 items-stretch",
             style: { gap: "var(--spacing-8xl)" },
             children: [
-              /* @__PURE__ */ jsx20("div", { className: "h-full", children: /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx22("div", { className: "h-full", children: /* @__PURE__ */ jsx22(
                 ScPlanCard,
                 {
                   planName: freePlan?.planName || "Free",
@@ -8324,7 +9055,7 @@ function PlansView({
                   className: "h-full"
                 }
               ) }),
-              /* @__PURE__ */ jsx20("div", { className: "h-full", children: /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx22("div", { className: "h-full", children: /* @__PURE__ */ jsx22(
                 ScPlanCard,
                 {
                   planName: "Pro",
@@ -8345,7 +9076,7 @@ function PlansView({
                     setShowUpgradeConfirmModal(true);
                   },
                   onIncreaseCredits: () => setIsPlanSelectorOpen((prev) => !prev),
-                  creditsDropdown: isPlanSelectorOpen ? /* @__PURE__ */ jsx20(
+                  creditsDropdown: isPlanSelectorOpen ? /* @__PURE__ */ jsx22(
                     "div",
                     {
                       ref: planDropdownRef,
@@ -8362,7 +9093,7 @@ function PlansView({
                       },
                       children: middlePlans.map((plan) => {
                         const selected = plan.key === selectedMiddlePlanKey;
-                        return /* @__PURE__ */ jsxs17(
+                        return /* @__PURE__ */ jsxs19(
                           "button",
                           {
                             type: "button",
@@ -8380,7 +9111,7 @@ function PlansView({
                               setIsPlanSelectorOpen(false);
                             },
                             children: [
-                              /* @__PURE__ */ jsx20(
+                              /* @__PURE__ */ jsx22(
                                 "span",
                                 {
                                   className: "flex-1 min-w-0 truncate",
@@ -8394,7 +9125,7 @@ function PlansView({
                                   children: plan.credits
                                 }
                               ),
-                              /* @__PURE__ */ jsx20(
+                              /* @__PURE__ */ jsx22(
                                 "span",
                                 {
                                   style: {
@@ -8417,7 +9148,7 @@ function PlansView({
                   className: "h-full"
                 }
               ) }),
-              /* @__PURE__ */ jsx20("div", { className: "h-full", children: /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx22("div", { className: "h-full", children: /* @__PURE__ */ jsx22(
                 ScPlanCard,
                 {
                   planName: "Enterprise",
@@ -8434,7 +9165,7 @@ function PlansView({
             ]
           }
         ),
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx22(
           ScPlanComparison,
           {
             layout: "table",
@@ -8444,7 +9175,7 @@ function PlansView({
             highlightColumnIndex: 1
           }
         ),
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx22(
           UpdateSubscriptionModal,
           {
             open: showUpgradeConfirmModal,
@@ -8479,7 +9210,7 @@ function BillingTabBar({
   activeTab,
   onTabChange
 }) {
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs19(
     "div",
     {
       className: "flex items-center shrink-0 relative",
@@ -8491,7 +9222,7 @@ function BillingTabBar({
         border: "0.5px solid var(--alias-border-subtle)"
       },
       children: [
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx22(
           ScTabComp2,
           {
             text: "Invoice history",
@@ -8501,7 +9232,7 @@ function BillingTabBar({
             style: { flex: 1 }
           }
         ),
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx22(
           ScTabComp2,
           {
             text: "Usage logs",
@@ -8563,7 +9294,7 @@ function InvoiceHistoryTable({
     }
   };
   if (loading) {
-    return /* @__PURE__ */ jsx20(
+    return /* @__PURE__ */ jsx22(
       "div",
       {
         className: "flex items-center justify-center w-full",
@@ -8572,7 +9303,7 @@ function InvoiceHistoryTable({
           borderRadius: "var(--radius-3xl)",
           padding: "var(--spacing-6xl)"
         },
-        children: /* @__PURE__ */ jsx20(
+        children: /* @__PURE__ */ jsx22(
           "div",
           {
             className: "animate-spin",
@@ -8588,7 +9319,7 @@ function InvoiceHistoryTable({
       }
     );
   }
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs19(
     "div",
     {
       className: "flex-1 min-h-0 w-full relative",
@@ -8599,7 +9330,7 @@ function InvoiceHistoryTable({
         overflowY: "auto"
       },
       children: [
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx22(
           "div",
           {
             style: {
@@ -8608,15 +9339,15 @@ function InvoiceHistoryTable({
               zIndex: 1,
               backgroundColor: "var(--alias-surface-base)"
             },
-            children: /* @__PURE__ */ jsx20(ScBillingHistoryHeader, {})
+            children: /* @__PURE__ */ jsx22(ScBillingHistoryHeader, {})
           }
         ),
-        invoices.length === 0 && /* @__PURE__ */ jsx20(
+        invoices.length === 0 && /* @__PURE__ */ jsx22(
           "div",
           {
             className: "flex items-center justify-center w-full",
             style: { padding: "var(--spacing-6xl)" },
-            children: /* @__PURE__ */ jsx20(
+            children: /* @__PURE__ */ jsx22(
               "span",
               {
                 style: {
@@ -8631,7 +9362,7 @@ function InvoiceHistoryTable({
             )
           }
         ),
-        invoices.map((inv) => /* @__PURE__ */ jsx20(
+        invoices.map((inv) => /* @__PURE__ */ jsx22(
           ScBillingHistoryTableList,
           {
             invoiceNumber: inv.transactionId ? `# ${inv.transactionId.slice(0, 16).toUpperCase()}` : "# INV-UNKNOWN",
@@ -8652,7 +9383,7 @@ function UsageLogsTable({
   loading
 }) {
   if (loading) {
-    return /* @__PURE__ */ jsx20(
+    return /* @__PURE__ */ jsx22(
       "div",
       {
         className: "flex items-center justify-center w-full",
@@ -8661,7 +9392,7 @@ function UsageLogsTable({
           borderRadius: "var(--radius-3xl)",
           padding: "var(--spacing-6xl)"
         },
-        children: /* @__PURE__ */ jsx20(
+        children: /* @__PURE__ */ jsx22(
           "div",
           {
             className: "animate-spin",
@@ -8677,7 +9408,7 @@ function UsageLogsTable({
       }
     );
   }
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs19(
     "div",
     {
       className: "flex-1 min-h-0 w-full relative",
@@ -8688,7 +9419,7 @@ function UsageLogsTable({
         overflowY: "auto"
       },
       children: [
-        /* @__PURE__ */ jsxs17(
+        /* @__PURE__ */ jsxs19(
           "div",
           {
             style: {
@@ -8703,7 +9434,7 @@ function UsageLogsTable({
               alignItems: "center"
             },
             children: [
-              /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx22(
                 ScHeader,
                 {
                   text: "App",
@@ -8711,7 +9442,7 @@ function UsageLogsTable({
                   style: { flex: 1, alignItems: "flex-start", gap: "0.25rem" }
                 }
               ),
-              /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx22(
                 ScHeader,
                 {
                   text: "Activity",
@@ -8719,7 +9450,7 @@ function UsageLogsTable({
                   style: { flex: 1, alignItems: "flex-start", gap: "0.25rem" }
                 }
               ),
-              /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx22(
                 ScHeader,
                 {
                   text: "Used by",
@@ -8727,7 +9458,7 @@ function UsageLogsTable({
                   style: { flexShrink: 0, width: "7.5rem" }
                 }
               ),
-              /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx22(
                 ScHeader,
                 {
                   text: "Date",
@@ -8735,7 +9466,7 @@ function UsageLogsTable({
                   style: { flexShrink: 0, width: "7.5rem" }
                 }
               ),
-              /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx22(
                 ScHeader,
                 {
                   text: "Credits",
@@ -8750,12 +9481,12 @@ function UsageLogsTable({
             ]
           }
         ),
-        logs.length === 0 && /* @__PURE__ */ jsx20(
+        logs.length === 0 && /* @__PURE__ */ jsx22(
           "div",
           {
             className: "flex items-center justify-center w-full",
             style: { padding: "var(--spacing-6xl)" },
-            children: /* @__PURE__ */ jsx20(
+            children: /* @__PURE__ */ jsx22(
               "span",
               {
                 style: {
@@ -8787,7 +9518,7 @@ function UsageLogsTable({
             overflow: "hidden",
             whiteSpace: "nowrap"
           };
-          return /* @__PURE__ */ jsxs17(
+          return /* @__PURE__ */ jsxs19(
             "div",
             {
               style: {
@@ -8799,11 +9530,11 @@ function UsageLogsTable({
                 alignItems: "center"
               },
               children: [
-                /* @__PURE__ */ jsx20("div", { style: { ...rowCellRegular, flex: 1 }, children: app }),
-                /* @__PURE__ */ jsx20("div", { style: { ...rowCellRegular, flex: 1 }, children: activity }),
-                /* @__PURE__ */ jsx20("div", { style: { ...rowCellRegular, width: "7.5rem" }, children: userName }),
-                /* @__PURE__ */ jsx20("div", { style: { ...rowCellRegular, width: "7.5rem" }, children: formatDate2(log.createdAt) }),
-                /* @__PURE__ */ jsx20(
+                /* @__PURE__ */ jsx22("div", { style: { ...rowCellRegular, flex: 1 }, children: app }),
+                /* @__PURE__ */ jsx22("div", { style: { ...rowCellRegular, flex: 1 }, children: activity }),
+                /* @__PURE__ */ jsx22("div", { style: { ...rowCellRegular, width: "7.5rem" }, children: userName }),
+                /* @__PURE__ */ jsx22("div", { style: { ...rowCellRegular, width: "7.5rem" }, children: formatDate2(log.createdAt) }),
+                /* @__PURE__ */ jsx22(
                   "div",
                   {
                     style: {
@@ -8833,7 +9564,9 @@ function UsageLogsTable({
 function BillingContent({
   embedded = false,
   showPlans: showPlansProp,
-  onShowPlansChange
+  onShowPlansChange,
+  showPerUserLimits: showPerUserLimitsProp,
+  onShowPerUserLimitsChange
 } = {}) {
   const { auth, workspace, api, toast, navigation } = useSettingsAdapters();
   const user = auth.user;
@@ -8845,35 +9578,41 @@ function BillingContent({
     if (typeof window === "undefined") return "";
     return `${window.location.origin}${window.location.pathname}`;
   };
-  const [activeTab, setActiveTab] = useState13("invoice");
-  const [showPlansInternal, setShowPlansInternal] = useState13(false);
+  const [activeTab, setActiveTab] = useState15("invoice");
+  const [showPlansInternal, setShowPlansInternal] = useState15(false);
   const showPlans = showPlansProp ?? showPlansInternal;
   const setShowPlans = (next) => {
     if (onShowPlansChange) onShowPlansChange(next);
     else setShowPlansInternal(next);
   };
-  const [showExportModal, setShowExportModal] = useState13(false);
-  const [showBuyCreditsModal, setShowBuyCreditsModal] = useState13(false);
-  const [subscription, setSubscription] = useState13(null);
-  const [availableCredits, setAvailableCredits] = useState13(null);
-  const [products, setProducts] = useState13([]);
-  const [invoices, setInvoices] = useState13([]);
-  const [totalCredits, setTotalCredits] = useState13(null);
-  const [usageLogs, setUsageLogs] = useState13([]);
-  const [userMap, setUserMap] = useState13({});
-  const [customPlanCredits, setCustomPlanCredits] = useState13(
+  const [showPerUserLimitsInternal, setShowPerUserLimitsInternal] = useState15(false);
+  const showPerUserLimits = (showPerUserLimitsProp ?? showPerUserLimitsInternal) && Boolean(api.fetchMemberCreditLimits);
+  const setShowPerUserLimits = (next) => {
+    if (onShowPerUserLimitsChange) onShowPerUserLimitsChange(next);
+    else setShowPerUserLimitsInternal(next);
+  };
+  const [showExportModal, setShowExportModal] = useState15(false);
+  const [showBuyCreditsModal, setShowBuyCreditsModal] = useState15(false);
+  const [subscription, setSubscription] = useState15(null);
+  const [availableCredits, setAvailableCredits] = useState15(null);
+  const [products, setProducts] = useState15([]);
+  const [invoices, setInvoices] = useState15([]);
+  const [totalCredits, setTotalCredits] = useState15(null);
+  const [usageLogs, setUsageLogs] = useState15([]);
+  const [userMap, setUserMap] = useState15({});
+  const [customPlanCredits, setCustomPlanCredits] = useState15(
     null
   );
-  const [planActionInFlight, setPlanActionInFlight] = useState13(
+  const [planActionInFlight, setPlanActionInFlight] = useState15(
     null
   );
-  const [buyCreditsInFlight, setBuyCreditsInFlight] = useState13(false);
-  const [loadingBilling, setLoadingBilling] = useState13(false);
-  const [billingOverviewLoaded, setBillingOverviewLoaded] = useState13(false);
-  const [loadingTable, setLoadingTable] = useState13(false);
-  const [showInitialLoader, setShowInitialLoader] = useState13(true);
-  const [initialFetchTriggered, setInitialFetchTriggered] = useState13(false);
-  const logBillingEvent = useCallback5(
+  const [buyCreditsInFlight, setBuyCreditsInFlight] = useState15(false);
+  const [loadingBilling, setLoadingBilling] = useState15(false);
+  const [billingOverviewLoaded, setBillingOverviewLoaded] = useState15(false);
+  const [loadingTable, setLoadingTable] = useState15(false);
+  const [showInitialLoader, setShowInitialLoader] = useState15(true);
+  const [initialFetchTriggered, setInitialFetchTriggered] = useState15(false);
+  const logBillingEvent = useCallback6(
     async (eventName, description, metadata) => {
       if (!api.sendBillingEvent) return;
       try {
@@ -8883,7 +9622,7 @@ function BillingContent({
     },
     [api]
   );
-  const ensureWorkspaceOnBilling = useCallback5(async () => {
+  const ensureWorkspaceOnBilling = useCallback6(async () => {
     if (!api.createWorkspaceOnBilling) return false;
     try {
       await api.createWorkspaceOnBilling({ serviceNames: [] });
@@ -8892,7 +9631,7 @@ function BillingContent({
       return false;
     }
   }, [api]);
-  const fetchBillingOverview = useCallback5(async () => {
+  const fetchBillingOverview = useCallback6(async () => {
     setLoadingBilling(true);
     setBillingOverviewLoaded(false);
     try {
@@ -8926,7 +9665,7 @@ function BillingContent({
       setBillingOverviewLoaded(true);
     }
   }, [api, workspace.current?.country]);
-  const fetchUserMap = useCallback5(async () => {
+  const fetchUserMap = useCallback6(async () => {
     try {
       const members = await api.fetchMembers();
       if (members && members.length) {
@@ -8939,7 +9678,7 @@ function BillingContent({
     } catch {
     }
   }, [api]);
-  const fetchTableData = useCallback5(
+  const fetchTableData = useCallback6(
     async (tab) => {
       setLoadingTable(true);
       try {
@@ -8967,7 +9706,7 @@ function BillingContent({
     },
     [api]
   );
-  const handlePlanAction = useCallback5(
+  const handlePlanAction = useCallback6(
     async ({ productId, priceId, planName: planName2 }) => {
       if (!workspaceId || !user?.id || !user.email) {
         toast.error("Missing account details for plan update");
@@ -9036,7 +9775,7 @@ function BillingContent({
       toast
     ]
   );
-  const handleCancelDowngrade = useCallback5(async () => {
+  const handleCancelDowngrade = useCallback6(async () => {
     if (!api.revertDowngrade) {
       toast.error("Cancel downgrade is not available in this workspace");
       return;
@@ -9062,7 +9801,7 @@ function BillingContent({
       setPlanActionInFlight(null);
     }
   }, [api, fetchBillingOverview, logBillingEvent, toast]);
-  useEffect11(() => {
+  useEffect13(() => {
     setShowInitialLoader(true);
     setInitialFetchTriggered(false);
     setBillingOverviewLoaded(false);
@@ -9072,22 +9811,22 @@ function BillingContent({
     setTotalCredits(null);
     setCustomPlanCredits(null);
   }, [workspaceId]);
-  useEffect11(() => {
+  useEffect13(() => {
     setInitialFetchTriggered(true);
     fetchBillingOverview();
     fetchUserMap();
   }, [fetchBillingOverview, fetchUserMap]);
   const usage = workspace.current?.usage ?? null;
-  useEffect11(() => {
+  useEffect13(() => {
     void logBillingEvent("billing_page_viewed", "Billing page viewed", {
       action: "view"
     });
   }, [logBillingEvent]);
-  useEffect11(() => {
+  useEffect13(() => {
     setInitialFetchTriggered(true);
     fetchTableData(activeTab);
   }, [activeTab, fetchTableData]);
-  useEffect11(() => {
+  useEffect13(() => {
     if (!showInitialLoader) return;
     if (!initialFetchTriggered) return;
     if (!billingOverviewLoaded) return;
@@ -9117,7 +9856,7 @@ function BillingContent({
     preDowngradePlan?.credits ?? currentPlanPrice?.metadata?.credits
   );
   const currentPlanCredits = Number.isFinite(planCreditsFromPrice) ? planCreditsFromPrice : customPlanCredits;
-  const planCreditsText = currentPlanCredits != null ? `${formatCredits(currentPlanCredits)} credits` : "";
+  const planCreditsText = currentPlanCredits != null ? `${formatCredits2(currentPlanCredits)} credits` : "";
   const scheduledDowngradeDateLabel = formatEffectiveDateLabel(
     subscription?.scheduledDowngradeEffectiveDate
   );
@@ -9126,7 +9865,7 @@ function BillingContent({
   const usedCredits = availableCredits != null && totalCredits != null ? Math.max(0, totalCredits - availableCredits) : null;
   const progressPct = usedCredits != null && totalCredits != null && totalCredits > 0 ? Math.min(100, Math.round(usedCredits / totalCredits * 100)) : 0;
   const remainingPct = 100 - progressPct;
-  const usageText = usedCredits != null ? formatCredits(usedCredits) : availableCredits != null ? `${formatCredits(availableCredits)} available` : customPlanCredits != null ? `${formatCredits(customPlanCredits)} credits` : "\u2014";
+  const usageText = usedCredits != null ? formatCredits2(usedCredits) : availableCredits != null ? `${formatCredits2(availableCredits)} available` : customPlanCredits != null ? `${formatCredits2(customPlanCredits)} credits` : "\u2014";
   const handleExport = async (startDate, endDate) => {
     const end = new Date(endDate);
     end.setHours(23, 59, 59, 999);
@@ -9254,7 +9993,7 @@ function BillingContent({
     }
   }
   if (showInitialLoader) {
-    const loader = /* @__PURE__ */ jsx20(
+    const loader = /* @__PURE__ */ jsx22(
       "div",
       {
         className: "flex items-center justify-center w-full",
@@ -9264,7 +10003,7 @@ function BillingContent({
           border: "1px solid var(--alias-border-subtle)",
           borderRadius: "var(--radius-3xl)"
         },
-        children: /* @__PURE__ */ jsx20(
+        children: /* @__PURE__ */ jsx22(
           "div",
           {
             className: "animate-spin",
@@ -9280,7 +10019,7 @@ function BillingContent({
       }
     );
     if (embedded) return loader;
-    return /* @__PURE__ */ jsx20("div", { className: "flex-1 h-full min-h-0 min-w-0 relative", children: /* @__PURE__ */ jsxs17(
+    return /* @__PURE__ */ jsx22("div", { className: "flex-1 h-full min-h-0 min-w-0 relative", children: /* @__PURE__ */ jsxs19(
       "div",
       {
         className: "flex flex-col items-start relative size-full overflow-y-auto",
@@ -9291,7 +10030,7 @@ function BillingContent({
           backgroundSize: "24px 24px"
         },
         children: [
-          /* @__PURE__ */ jsx20("div", { className: "flex items-center justify-between shrink-0 w-full", children: /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx22("div", { className: "flex items-center justify-between shrink-0 w-full", children: /* @__PURE__ */ jsx22(
             "p",
             {
               className: "flex-1 min-w-0 truncate",
@@ -9310,8 +10049,47 @@ function BillingContent({
       }
     ) });
   }
+  if (showPerUserLimits) {
+    const limitsView = /* @__PURE__ */ jsxs19("div", { className: "flex flex-col flex-1 h-full min-h-0 min-w-0 w-full", style: { gap: 16 }, children: [
+      !onShowPerUserLimitsChange && /* @__PURE__ */ jsxs19(
+        "div",
+        {
+          className: "flex items-center shrink-0 cursor-pointer",
+          style: {
+            gap: "var(--spacing-sm)",
+            padding: "var(--spacing-xs) var(--spacing-lg)",
+            borderRadius: "var(--radius-xl)",
+            height: 32,
+            width: "fit-content",
+            border: "1px solid var(--alias-border-subtle)",
+            backgroundColor: "var(--alias-surface-base)"
+          },
+          onClick: () => setShowPerUserLimits(false),
+          children: [
+            /* @__PURE__ */ jsx22(SiconLeft2, { className: "w-4 h-4", color: "var(--alias-text---icons-muted)" }),
+            /* @__PURE__ */ jsx22(
+              "span",
+              {
+                style: {
+                  fontFamily: "var(--font-family-font-family-body)",
+                  fontSize: "var(--font-size-font-size-sm)",
+                  fontWeight: 500,
+                  lineHeight: "var(--line-height-line-height-sm)",
+                  color: "var(--alias-text---icons-muted)"
+                },
+                children: "Back to billing"
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx22(PerUserLimitsView, {})
+    ] });
+    if (embedded) return limitsView;
+    return /* @__PURE__ */ jsx22("div", { className: "flex-1 h-full min-h-0 min-w-0 relative", children: limitsView });
+  }
   if (showPlans) {
-    const plansView = /* @__PURE__ */ jsx20(
+    const plansView = /* @__PURE__ */ jsx22(
       PlansView,
       {
         onBack: () => setShowPlans(false),
@@ -9328,16 +10106,16 @@ function BillingContent({
       }
     );
     if (embedded) return plansView;
-    return /* @__PURE__ */ jsx20("div", { className: "flex-1 h-full min-h-0 min-w-0 relative", children: plansView });
+    return /* @__PURE__ */ jsx22("div", { className: "flex-1 h-full min-h-0 min-w-0 relative", children: plansView });
   }
-  const billingInnerContent = /* @__PURE__ */ jsxs17(Fragment9, { children: [
-    /* @__PURE__ */ jsxs17(
+  const billingInnerContent = /* @__PURE__ */ jsxs19(Fragment9, { children: [
+    /* @__PURE__ */ jsxs19(
       "div",
       {
         className: "flex items-start shrink-0 w-full",
         style: { gap: 12 },
         children: [
-          /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx22(
             ScPlanDetailsCard,
             {
               planName,
@@ -9362,12 +10140,12 @@ function BillingContent({
               }
             }
           ),
-          /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx22(
             ScCreditsUsageCard,
             {
               usageLabel: "Credits used",
               usageText,
-              remainingText: availableCredits != null ? `${formatCredits(availableCredits)} (${remainingPct}%) Remaining` : `${remainingPct}% Remaining`,
+              remainingText: availableCredits != null ? `${formatCredits2(availableCredits)} (${remainingPct}%) Remaining` : `${remainingPct}% Remaining`,
               buyButtonText: "Buy credits",
               buyButtonState: isFreePlan ? "disabled" : "default",
               buyButtonHoverText: isFreePlan ? "Pro plan required" : void 0,
@@ -9387,7 +10165,7 @@ function BillingContent({
         ]
       }
     ),
-    usage ? /* @__PURE__ */ jsxs17(
+    usage ? /* @__PURE__ */ jsxs19(
       "div",
       {
         className: "grid shrink-0 w-full",
@@ -9396,8 +10174,8 @@ function BillingContent({
           gridTemplateColumns: "repeat(auto-fit, minmax(18rem, 1fr))"
         },
         children: [
-          /* @__PURE__ */ jsx20(ScUsageMeterCard, { kind: "storage", plan: usage.plan, status: usage.storage }),
-          /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx22(ScUsageMeterCard, { kind: "storage", plan: usage.plan, status: usage.storage }),
+          /* @__PURE__ */ jsx22(
             ScUsageMeterCard,
             {
               kind: "bandwidth",
@@ -9409,9 +10187,60 @@ function BillingContent({
         ]
       }
     ) : null,
-    /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between shrink-0 w-full", children: [
-      /* @__PURE__ */ jsx20(BillingTabBar, { activeTab, onTabChange: setActiveTab }),
-      /* @__PURE__ */ jsxs17(
+    api.fetchMemberCreditLimits ? /* @__PURE__ */ jsxs19(
+      "div",
+      {
+        className: "flex items-center justify-between shrink-0 w-full",
+        style: {
+          gap: 12,
+          padding: 16,
+          backgroundColor: "var(--alias-surface-base)",
+          border: "1px solid var(--alias-border-subtle)",
+          borderRadius: "var(--radius-3xl)"
+        },
+        children: [
+          /* @__PURE__ */ jsxs19("div", { className: "flex flex-col min-w-0", style: { gap: 4 }, children: [
+            /* @__PURE__ */ jsx22(
+              "span",
+              {
+                style: {
+                  fontFamily: "var(--font-family-font-family-body)",
+                  fontSize: "var(--font-size-font-size-sm)",
+                  fontWeight: 500,
+                  lineHeight: "var(--line-height-line-height-sm)",
+                  color: "var(--alias-text---icons-primary)"
+                },
+                children: "Per-user usage limits"
+              }
+            ),
+            /* @__PURE__ */ jsx22(
+              "span",
+              {
+                style: {
+                  fontFamily: "var(--font-family-font-family-body)",
+                  fontSize: "var(--font-size-font-size-sm)",
+                  lineHeight: "var(--line-height-line-height-sm)",
+                  color: "var(--alias-text---icons-muted)"
+                },
+                children: "Set a default and per-member limits on credits per billing cycle"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx22(
+            ScButton8,
+            {
+              text: "Manage",
+              variant: "secondary",
+              size: "md",
+              onClick: () => setShowPerUserLimits(true)
+            }
+          )
+        ]
+      }
+    ) : null,
+    /* @__PURE__ */ jsxs19("div", { className: "flex items-center justify-between shrink-0 w-full", children: [
+      /* @__PURE__ */ jsx22(BillingTabBar, { activeTab, onTabChange: setActiveTab }),
+      /* @__PURE__ */ jsxs19(
         "div",
         {
           className: "flex items-center shrink-0 cursor-pointer",
@@ -9423,8 +10252,8 @@ function BillingContent({
           },
           onClick: () => setShowExportModal(true),
           children: [
-            /* @__PURE__ */ jsx20(SiconDownload, { className: "w-5 h-5", color: PRIMARY_COLOR2 }),
-            /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsx22(SiconDownload, { className: "w-5 h-5", color: PRIMARY_COLOR2 }),
+            /* @__PURE__ */ jsx22(
               "span",
               {
                 style: {
@@ -9441,14 +10270,14 @@ function BillingContent({
         }
       )
     ] }),
-    activeTab === "invoice" ? /* @__PURE__ */ jsx20(
+    activeTab === "invoice" ? /* @__PURE__ */ jsx22(
       InvoiceHistoryTable,
       {
         invoices,
         loading: loadingTable,
         workspaceCountry: workspace.current?.country
       }
-    ) : /* @__PURE__ */ jsx20(
+    ) : /* @__PURE__ */ jsx22(
       UsageLogsTable,
       {
         logs: usageLogs,
@@ -9456,7 +10285,7 @@ function BillingContent({
         loading: loadingTable
       }
     ),
-    showExportModal && /* @__PURE__ */ jsx20(
+    showExportModal && /* @__PURE__ */ jsx22(
       ExportDateModal,
       {
         title: activeTab === "invoice" ? "Export invoices" : "Export log",
@@ -9464,7 +10293,7 @@ function BillingContent({
         onExport: handleExport
       }
     ),
-    showBuyCreditsModal && /* @__PURE__ */ jsx20(
+    showBuyCreditsModal && /* @__PURE__ */ jsx22(
       BuyCreditsModal,
       {
         country: workspace.current?.country,
@@ -9479,7 +10308,7 @@ function BillingContent({
     )
   ] });
   if (embedded) {
-    return /* @__PURE__ */ jsx20(
+    return /* @__PURE__ */ jsx22(
       "div",
       {
         className: "flex flex-col flex-1 min-w-0 min-h-0 w-full",
@@ -9488,7 +10317,7 @@ function BillingContent({
       }
     );
   }
-  return /* @__PURE__ */ jsx20("div", { className: "flex-1 h-full min-h-0 min-w-0 relative", children: /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsx22("div", { className: "flex-1 h-full min-h-0 min-w-0 relative", children: /* @__PURE__ */ jsxs19(
     "div",
     {
       className: "flex flex-col items-start relative size-full overflow-y-auto",
@@ -9499,7 +10328,7 @@ function BillingContent({
         backgroundSize: "24px 24px"
       },
       children: [
-        /* @__PURE__ */ jsx20("div", { className: "flex items-center justify-between shrink-0 w-full", children: /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx22("div", { className: "flex items-center justify-between shrink-0 w-full", children: /* @__PURE__ */ jsx22(
           "p",
           {
             className: "flex-1 min-w-0 truncate",
@@ -9520,16 +10349,16 @@ function BillingContent({
 }
 
 // src/tokens-content.tsx
-import { useState as useState14, useEffect as useEffect12, useCallback as useCallback6 } from "react";
+import { useState as useState16, useEffect as useEffect14, useCallback as useCallback7 } from "react";
 import {
-  ScButton as ScButton6,
+  ScButton as ScButton9,
   ScBadges
 } from "@streamoid/ui";
 import {
   SiconPlus as SiconPlus2,
-  SiconClose as SiconClose7
+  SiconClose as SiconClose8
 } from "@streamoid/icons";
-import { Fragment as Fragment10, jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
 var EXPIRY_OPTIONS = [
   { label: "30 days", value: "30d" },
   { label: "60 days", value: "60d" },
@@ -9549,7 +10378,7 @@ function isExpired(expiresAt) {
   if (!expiresAt) return false;
   return /* @__PURE__ */ new Date() > new Date(expiresAt);
 }
-var T12 = {
+var T14 = {
   primary: "var(--alias-text---icons-primary)",
   muted: "var(--alias-text---icons-muted)",
   warning: "var(--alias-text---icons-warning)",
@@ -9571,9 +10400,9 @@ var T12 = {
 };
 function CreateTokenModal({ onClose, onCreated }) {
   const { api, toast } = useSettingsAdapters();
-  const [name, setName] = useState14("");
-  const [expiry, setExpiry] = useState14("never");
-  const [loading, setLoading] = useState14(false);
+  const [name, setName] = useState16("");
+  const [expiry, setExpiry] = useState16("never");
+  const [loading, setLoading] = useState16(false);
   async function handleCreate() {
     if (!name.trim()) {
       toast.error("Token name is required.");
@@ -9589,96 +10418,96 @@ function CreateTokenModal({ onClose, onCreated }) {
       setLoading(false);
     }
   }
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       className: "fixed inset-0 flex items-center justify-center",
       style: { backgroundColor: "rgba(0,0,0,0.6)", zIndex: 1e3 },
       onClick: onClose,
-      children: /* @__PURE__ */ jsxs18(
+      children: /* @__PURE__ */ jsxs20(
         "div",
         {
           className: "flex flex-col items-start relative",
           style: {
-            backgroundColor: T12.neutral825,
-            borderRadius: T12.r4xl,
+            backgroundColor: T14.neutral825,
+            borderRadius: T14.r4xl,
             width: "min(40vw, 500px)",
-            border: `1px solid ${T12.borderSubtle}`
+            border: `1px solid ${T14.borderSubtle}`
           },
           onClick: (e) => e.stopPropagation(),
           children: [
-            /* @__PURE__ */ jsx21(
+            /* @__PURE__ */ jsx23(
               "div",
               {
                 className: "relative shrink-0 w-full",
-                style: { borderBottom: `1px solid ${T12.borderDivider}` },
-                children: /* @__PURE__ */ jsxs18(
+                style: { borderBottom: `1px solid ${T14.borderDivider}` },
+                children: /* @__PURE__ */ jsxs20(
                   "div",
                   {
                     className: "flex items-center w-full",
-                    style: { padding: `${T12.spXl} ${T12.sp3xl}` },
+                    style: { padding: `${T14.spXl} ${T14.sp3xl}` },
                     children: [
-                      /* @__PURE__ */ jsx21(
+                      /* @__PURE__ */ jsx23(
                         "p",
                         {
                           className: "flex-1 min-w-0 truncate",
                           style: {
-                            fontFamily: T12.fontDisplay,
-                            fontSize: T12.fsLg,
+                            fontFamily: T14.fontDisplay,
+                            fontSize: T14.fsLg,
                             fontWeight: 600,
-                            lineHeight: T12.lhLg,
-                            color: T12.primary,
+                            lineHeight: T14.lhLg,
+                            color: T14.primary,
                             margin: 0
                           },
                           children: "Create New Token"
                         }
                       ),
-                      /* @__PURE__ */ jsx21("div", { className: "cursor-pointer", onClick: onClose, children: /* @__PURE__ */ jsx21(SiconClose7, { className: "w-6 h-6", color: T12.primary }) })
+                      /* @__PURE__ */ jsx23("div", { className: "cursor-pointer", onClick: onClose, children: /* @__PURE__ */ jsx23(SiconClose8, { className: "w-6 h-6", color: T14.primary }) })
                     ]
                   }
                 )
               }
             ),
-            /* @__PURE__ */ jsxs18(
+            /* @__PURE__ */ jsxs20(
               "div",
               {
                 className: "flex flex-col items-start shrink-0 w-full",
-                style: { padding: T12.sp3xl, gap: T12.sp3xl },
+                style: { padding: T14.sp3xl, gap: T14.sp3xl },
                 children: [
-                  /* @__PURE__ */ jsxs18(
+                  /* @__PURE__ */ jsxs20(
                     "div",
                     {
                       className: "flex flex-col items-start shrink-0 w-full",
                       style: { gap: "var(--spacing-xs)" },
                       children: [
-                        /* @__PURE__ */ jsx21("div", { className: "flex items-center shrink-0 w-full", style: { height: 24 }, children: /* @__PURE__ */ jsx21(
+                        /* @__PURE__ */ jsx23("div", { className: "flex items-center shrink-0 w-full", style: { height: 24 }, children: /* @__PURE__ */ jsx23(
                           "span",
                           {
                             style: {
-                              fontFamily: T12.font,
-                              fontSize: T12.fsSm,
+                              fontFamily: T14.font,
+                              fontSize: T14.fsSm,
                               fontWeight: 400,
-                              lineHeight: T12.lhSm,
-                              color: T12.muted
+                              lineHeight: T14.lhSm,
+                              color: T14.muted
                             },
                             children: "Token name"
                           }
                         ) }),
-                        /* @__PURE__ */ jsx21(
+                        /* @__PURE__ */ jsx23(
                           "div",
                           {
                             className: "shrink-0 w-full",
                             style: {
-                              backgroundColor: T12.neutral875,
-                              borderRadius: T12.rXl,
+                              backgroundColor: T14.neutral875,
+                              borderRadius: T14.rXl,
                               height: 48
                             },
-                            children: /* @__PURE__ */ jsx21(
+                            children: /* @__PURE__ */ jsx23(
                               "div",
                               {
                                 className: "flex items-center size-full",
-                                style: { padding: `var(--spacing-lg) ${T12.spXl}` },
-                                children: /* @__PURE__ */ jsx21(
+                                style: { padding: `var(--spacing-lg) ${T14.spXl}` },
+                                children: /* @__PURE__ */ jsx23(
                                   "input",
                                   {
                                     type: "text",
@@ -9687,11 +10516,11 @@ function CreateTokenModal({ onClose, onCreated }) {
                                     placeholder: "Name your token...",
                                     className: "flex-1 min-w-0 bg-transparent border-none outline-none",
                                     style: {
-                                      fontFamily: T12.font,
-                                      fontSize: T12.fsSm,
+                                      fontFamily: T14.font,
+                                      fontSize: T14.fsSm,
                                       fontWeight: 400,
-                                      lineHeight: T12.lhSm,
-                                      color: name ? T12.primary : T12.neutral500
+                                      lineHeight: T14.lhSm,
+                                      color: name ? T14.primary : T14.neutral500
                                     }
                                   }
                                 )
@@ -9702,27 +10531,27 @@ function CreateTokenModal({ onClose, onCreated }) {
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsxs18(
+                  /* @__PURE__ */ jsxs20(
                     "div",
                     {
                       className: "flex flex-col items-start shrink-0 w-full",
                       style: { gap: "var(--spacing-xs)" },
                       children: [
-                        /* @__PURE__ */ jsx21("div", { className: "flex items-center shrink-0 w-full", style: { height: 24 }, children: /* @__PURE__ */ jsx21(
+                        /* @__PURE__ */ jsx23("div", { className: "flex items-center shrink-0 w-full", style: { height: 24 }, children: /* @__PURE__ */ jsx23(
                           "span",
                           {
                             style: {
-                              fontFamily: T12.font,
-                              fontSize: T12.fsSm,
+                              fontFamily: T14.font,
+                              fontSize: T14.fsSm,
                               fontWeight: 400,
-                              lineHeight: T12.lhSm,
-                              color: T12.muted
+                              lineHeight: T14.lhSm,
+                              color: T14.muted
                             },
                             children: "Expiry"
                           }
                         ) }),
-                        /* @__PURE__ */ jsx21("div", { style: { display: "flex", gap: "var(--spacing-md)", flexWrap: "wrap" }, children: EXPIRY_OPTIONS.map((opt) => /* @__PURE__ */ jsx21(
-                          ScButton6,
+                        /* @__PURE__ */ jsx23("div", { style: { display: "flex", gap: "var(--spacing-md)", flexWrap: "wrap" }, children: EXPIRY_OPTIONS.map((opt) => /* @__PURE__ */ jsx23(
+                          ScButton9,
                           {
                             text: opt.label,
                             variant: expiry === opt.value ? "secondary" : "outline",
@@ -9734,8 +10563,8 @@ function CreateTokenModal({ onClose, onCreated }) {
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsx21(
-                    ScButton6,
+                  /* @__PURE__ */ jsx23(
+                    ScButton9,
                     {
                       text: loading ? "Creating..." : "Create token",
                       variant: "secondary",
@@ -9756,7 +10585,7 @@ function CreateTokenModal({ onClose, onCreated }) {
 }
 function TokenCreatedModal({ token, onClose }) {
   const { toast } = useSettingsAdapters();
-  const [copied, setCopied] = useState14(false);
+  const [copied, setCopied] = useState16(false);
   function handleCopy() {
     navigator.clipboard.writeText(token.token).then(() => {
       setCopied(true);
@@ -9766,101 +10595,101 @@ function TokenCreatedModal({ token, onClose }) {
       toast.error("Failed to copy token. Please copy it manually.");
     });
   }
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       className: "fixed inset-0 flex items-center justify-center",
       style: { backgroundColor: "rgba(0,0,0,0.6)", zIndex: 1e3 },
-      children: /* @__PURE__ */ jsxs18(
+      children: /* @__PURE__ */ jsxs20(
         "div",
         {
           className: "flex flex-col items-start relative",
           style: {
-            backgroundColor: T12.neutral825,
-            borderRadius: T12.r4xl,
+            backgroundColor: T14.neutral825,
+            borderRadius: T14.r4xl,
             width: "min(40vw, 500px)",
-            border: `1px solid ${T12.borderSubtle}`
+            border: `1px solid ${T14.borderSubtle}`
           },
           children: [
-            /* @__PURE__ */ jsx21(
+            /* @__PURE__ */ jsx23(
               "div",
               {
                 className: "relative shrink-0 w-full",
-                style: { borderBottom: `1px solid ${T12.borderDivider}` },
-                children: /* @__PURE__ */ jsxs18(
+                style: { borderBottom: `1px solid ${T14.borderDivider}` },
+                children: /* @__PURE__ */ jsxs20(
                   "div",
                   {
                     className: "flex items-center w-full",
-                    style: { padding: `${T12.spXl} ${T12.sp3xl}` },
+                    style: { padding: `${T14.spXl} ${T14.sp3xl}` },
                     children: [
-                      /* @__PURE__ */ jsx21(
+                      /* @__PURE__ */ jsx23(
                         "p",
                         {
                           className: "flex-1 min-w-0 truncate",
                           style: {
-                            fontFamily: T12.fontDisplay,
-                            fontSize: T12.fsLg,
+                            fontFamily: T14.fontDisplay,
+                            fontSize: T14.fsLg,
                             fontWeight: 600,
-                            lineHeight: T12.lhLg,
-                            color: T12.primary,
+                            lineHeight: T14.lhLg,
+                            color: T14.primary,
                             margin: 0
                           },
                           children: "Token Created"
                         }
                       ),
-                      /* @__PURE__ */ jsx21("div", { className: "cursor-pointer", onClick: onClose, children: /* @__PURE__ */ jsx21(SiconClose7, { className: "w-6 h-6", color: T12.primary }) })
+                      /* @__PURE__ */ jsx23("div", { className: "cursor-pointer", onClick: onClose, children: /* @__PURE__ */ jsx23(SiconClose8, { className: "w-6 h-6", color: T14.primary }) })
                     ]
                   }
                 )
               }
             ),
-            /* @__PURE__ */ jsxs18(
+            /* @__PURE__ */ jsxs20(
               "div",
               {
                 className: "flex flex-col items-start shrink-0 w-full",
-                style: { padding: T12.sp3xl, gap: T12.sp3xl },
+                style: { padding: T14.sp3xl, gap: T14.sp3xl },
                 children: [
-                  /* @__PURE__ */ jsx21(
+                  /* @__PURE__ */ jsx23(
                     "p",
                     {
                       style: {
-                        fontFamily: T12.font,
-                        fontSize: T12.fsSm,
+                        fontFamily: T14.font,
+                        fontSize: T14.fsSm,
                         fontWeight: 400,
-                        lineHeight: T12.lhSm,
-                        color: T12.warning,
+                        lineHeight: T14.lhSm,
+                        color: T14.warning,
                         margin: 0
                       },
                       children: "Copy this token now. You won't be able to see it again."
                     }
                   ),
-                  /* @__PURE__ */ jsx21(
+                  /* @__PURE__ */ jsx23(
                     "div",
                     {
                       className: "w-full",
                       style: {
-                        backgroundColor: T12.neutral875,
-                        borderRadius: T12.rXl,
-                        padding: `var(--spacing-lg) ${T12.spXl}`
+                        backgroundColor: T14.neutral875,
+                        borderRadius: T14.rXl,
+                        padding: `var(--spacing-lg) ${T14.spXl}`
                       },
-                      children: /* @__PURE__ */ jsx21(
+                      children: /* @__PURE__ */ jsx23(
                         "code",
                         {
                           style: {
                             fontFamily: "monospace",
-                            fontSize: T12.fsSm,
-                            color: T12.primary,
+                            fontSize: T14.fsSm,
+                            color: T14.primary,
                             wordBreak: "break-all",
-                            lineHeight: T12.lhSm
+                            lineHeight: T14.lhSm
                           },
                           children: token.token
                         }
                       )
                     }
                   ),
-                  /* @__PURE__ */ jsxs18("div", { style: { display: "flex", gap: "var(--spacing-md)", width: "100%" }, children: [
-                    /* @__PURE__ */ jsx21(
-                      ScButton6,
+                  /* @__PURE__ */ jsxs20("div", { style: { display: "flex", gap: "var(--spacing-md)", width: "100%" }, children: [
+                    /* @__PURE__ */ jsx23(
+                      ScButton9,
                       {
                         text: copied ? "Copied!" : "Copy token",
                         variant: "secondary",
@@ -9869,8 +10698,8 @@ function TokenCreatedModal({ token, onClose }) {
                         className: "flex-1"
                       }
                     ),
-                    /* @__PURE__ */ jsx21(
-                      ScButton6,
+                    /* @__PURE__ */ jsx23(
+                      ScButton9,
                       {
                         text: "Done",
                         variant: "outline",
@@ -9897,22 +10726,22 @@ function TokensContent({
   onCreateOpenChange
 } = {}) {
   const { api, toast } = useSettingsAdapters();
-  const [tokens, setTokens] = useState14([]);
-  const [loading, setLoading] = useState14(true);
-  const [showRevoked, setShowRevoked] = useState14(false);
-  const [showCreateModal, setShowCreateModal] = useState14(false);
-  const [createdToken, setCreatedToken] = useState14(null);
-  const [deletingId, setDeletingId] = useState14(null);
-  useEffect12(() => {
+  const [tokens, setTokens] = useState16([]);
+  const [loading, setLoading] = useState16(true);
+  const [showRevoked, setShowRevoked] = useState16(false);
+  const [showCreateModal, setShowCreateModal] = useState16(false);
+  const [createdToken, setCreatedToken] = useState16(null);
+  const [deletingId, setDeletingId] = useState16(null);
+  useEffect14(() => {
     if (showRevokedOverride !== void 0) setShowRevoked(showRevokedOverride);
   }, [showRevokedOverride]);
-  useEffect12(() => {
+  useEffect14(() => {
     if (createOpenOverride) {
       setShowCreateModal(true);
       onCreateOpenChange?.(false);
     }
   }, [createOpenOverride, onCreateOpenChange]);
-  const fetchTokens = useCallback6(async () => {
+  const fetchTokens = useCallback7(async () => {
     setLoading(true);
     try {
       const data = await api.fetchTokens({ showRevoked });
@@ -9923,7 +10752,7 @@ function TokensContent({
       setLoading(false);
     }
   }, [api, showRevoked]);
-  useEffect12(() => {
+  useEffect14(() => {
     fetchTokens();
   }, [fetchTokens]);
   async function handleRevoke(tokenId) {
@@ -9961,8 +10790,8 @@ function TokensContent({
     setCreatedToken(token);
     fetchTokens();
   }
-  const tokensInnerContent = /* @__PURE__ */ jsxs18(Fragment10, { children: [
-    !embedded && /* @__PURE__ */ jsxs18(
+  const tokensInnerContent = /* @__PURE__ */ jsxs20(Fragment10, { children: [
+    !embedded && /* @__PURE__ */ jsxs20(
       "div",
       {
         style: {
@@ -9974,8 +10803,8 @@ function TokensContent({
           gap: "var(--spacing-md)"
         },
         children: [
-          /* @__PURE__ */ jsx21(
-            ScButton6,
+          /* @__PURE__ */ jsx23(
+            ScButton9,
             {
               text: showRevoked ? "Hide Revoked" : "Show Revoked",
               variant: "outline",
@@ -9983,21 +10812,21 @@ function TokensContent({
               onClick: () => setShowRevoked((v) => !v)
             }
           ),
-          /* @__PURE__ */ jsx21(
-            ScButton6,
+          /* @__PURE__ */ jsx23(
+            ScButton9,
             {
               text: "New Token",
               variant: "primary",
               size: "md",
               styleVariant: "icon-left",
-              icon: /* @__PURE__ */ jsx21(SiconPlus2, {}),
+              icon: /* @__PURE__ */ jsx23(SiconPlus2, {}),
               onClick: () => setShowCreateModal(true)
             }
           )
         ]
       }
     ),
-    loading ? /* @__PURE__ */ jsx21(
+    loading ? /* @__PURE__ */ jsx23(
       "div",
       {
         style: {
@@ -10011,7 +10840,7 @@ function TokensContent({
         },
         children: "Loading tokens..."
       }
-    ) : tokens.length === 0 ? /* @__PURE__ */ jsxs18(
+    ) : tokens.length === 0 ? /* @__PURE__ */ jsxs20(
       "div",
       {
         style: {
@@ -10023,8 +10852,8 @@ function TokensContent({
           gap: "var(--spacing-xl)"
         },
         children: [
-          /* @__PURE__ */ jsx21(SiconKey_default, { size: 48, color: "var(--alias-text---icons-muted)", strokeWidth: 1 }),
-          /* @__PURE__ */ jsx21(
+          /* @__PURE__ */ jsx23(SiconKey_default, { size: 48, color: "var(--alias-text---icons-muted)", strokeWidth: 1 }),
+          /* @__PURE__ */ jsx23(
             "p",
             {
               style: {
@@ -10038,7 +10867,7 @@ function TokensContent({
           )
         ]
       }
-    ) : /* @__PURE__ */ jsx21(
+    ) : /* @__PURE__ */ jsx23(
       TokenTable,
       {
         tokens,
@@ -10047,14 +10876,14 @@ function TokensContent({
         onDelete: handleDelete
       }
     ),
-    showCreateModal && /* @__PURE__ */ jsx21(
+    showCreateModal && /* @__PURE__ */ jsx23(
       CreateTokenModal,
       {
         onClose: () => setShowCreateModal(false),
         onCreated: handleTokenCreated
       }
     ),
-    createdToken && /* @__PURE__ */ jsx21(
+    createdToken && /* @__PURE__ */ jsx23(
       TokenCreatedModal,
       {
         token: createdToken,
@@ -10063,7 +10892,7 @@ function TokensContent({
     )
   ] });
   if (embedded) {
-    return /* @__PURE__ */ jsx21(
+    return /* @__PURE__ */ jsx23(
       "div",
       {
         className: "flex flex-col flex-1 min-w-0 min-h-0 w-full",
@@ -10072,7 +10901,7 @@ function TokensContent({
       }
     );
   }
-  return /* @__PURE__ */ jsx21("div", { className: "flex-1 min-h-0 min-w-0 relative", style: { height: "100%" }, children: /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsx23("div", { className: "flex-1 min-h-0 min-w-0 relative", style: { height: "100%" }, children: /* @__PURE__ */ jsxs20(
     "div",
     {
       className: "flex flex-col items-stretch size-full overflow-y-auto",
@@ -10083,7 +10912,7 @@ function TokensContent({
         backgroundSize: "24px 24px"
       },
       children: [
-        /* @__PURE__ */ jsxs18(
+        /* @__PURE__ */ jsxs20(
           "div",
           {
             style: {
@@ -10094,7 +10923,7 @@ function TokensContent({
               width: "100%"
             },
             children: [
-              /* @__PURE__ */ jsx21(
+              /* @__PURE__ */ jsx23(
                 "p",
                 {
                   style: {
@@ -10108,9 +10937,9 @@ function TokensContent({
                   children: "API Tokens"
                 }
               ),
-              /* @__PURE__ */ jsxs18("div", { style: { display: "flex", gap: "var(--spacing-md)", alignItems: "center" }, children: [
-                /* @__PURE__ */ jsx21(
-                  ScButton6,
+              /* @__PURE__ */ jsxs20("div", { style: { display: "flex", gap: "var(--spacing-md)", alignItems: "center" }, children: [
+                /* @__PURE__ */ jsx23(
+                  ScButton9,
                   {
                     text: showRevoked ? "Hide Revoked" : "Show Revoked",
                     variant: "outline",
@@ -10118,14 +10947,14 @@ function TokensContent({
                     onClick: () => setShowRevoked((v) => !v)
                   }
                 ),
-                /* @__PURE__ */ jsx21(
-                  ScButton6,
+                /* @__PURE__ */ jsx23(
+                  ScButton9,
                   {
                     text: "New Token",
                     variant: "primary",
                     size: "md",
                     styleVariant: "icon-left",
-                    icon: /* @__PURE__ */ jsx21(SiconPlus2, {}),
+                    icon: /* @__PURE__ */ jsx23(SiconPlus2, {}),
                     onClick: () => setShowCreateModal(true)
                   }
                 )
@@ -10139,7 +10968,7 @@ function TokensContent({
   ) });
 }
 function TokenTable({ tokens, deletingId, onRevoke, onDelete }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       style: {
@@ -10150,7 +10979,7 @@ function TokenTable({ tokens, deletingId, onRevoke, onDelete }) {
         overflow: "hidden",
         width: "100%"
       },
-      children: /* @__PURE__ */ jsxs18(
+      children: /* @__PURE__ */ jsxs20(
         "div",
         {
           style: {
@@ -10163,7 +10992,7 @@ function TokenTable({ tokens, deletingId, onRevoke, onDelete }) {
             minHeight: 0
           },
           children: [
-            /* @__PURE__ */ jsx21(
+            /* @__PURE__ */ jsx23(
               "div",
               {
                 style: {
@@ -10174,7 +11003,7 @@ function TokenTable({ tokens, deletingId, onRevoke, onDelete }) {
                   borderBottom: "0.5px solid var(--alias-border-subtle)",
                   flexShrink: 0
                 },
-                children: ["Name", "Token", "Expires", "Last Used", "Created", "Actions"].map((h) => /* @__PURE__ */ jsx21(
+                children: ["Name", "Token", "Expires", "Last Used", "Created", "Actions"].map((h) => /* @__PURE__ */ jsx23(
                   "span",
                   {
                     style: {
@@ -10190,7 +11019,7 @@ function TokenTable({ tokens, deletingId, onRevoke, onDelete }) {
                 ))
               }
             ),
-            /* @__PURE__ */ jsx21("div", { style: { flex: 1, minHeight: 0, overflowY: "auto" }, children: tokens.map((token, idx) => /* @__PURE__ */ jsxs18(
+            /* @__PURE__ */ jsx23("div", { style: { flex: 1, minHeight: 0, overflowY: "auto" }, children: tokens.map((token, idx) => /* @__PURE__ */ jsxs20(
               "div",
               {
                 style: {
@@ -10201,8 +11030,8 @@ function TokenTable({ tokens, deletingId, onRevoke, onDelete }) {
                   borderBottom: idx < tokens.length - 1 ? "0.5px solid var(--alias-border-subtle)" : "none"
                 },
                 children: [
-                  /* @__PURE__ */ jsxs18("div", { style: { display: "flex", alignItems: "center", gap: "var(--spacing-md)", minWidth: 0 }, children: [
-                    /* @__PURE__ */ jsx21(
+                  /* @__PURE__ */ jsxs20("div", { style: { display: "flex", alignItems: "center", gap: "var(--spacing-md)", minWidth: 0 }, children: [
+                    /* @__PURE__ */ jsx23(
                       "span",
                       {
                         style: {
@@ -10218,9 +11047,9 @@ function TokenTable({ tokens, deletingId, onRevoke, onDelete }) {
                         children: token.name
                       }
                     ),
-                    token.status === "revoked" && /* @__PURE__ */ jsx21(ScBadges, { text: "Revoked", variant: "error" })
+                    token.status === "revoked" && /* @__PURE__ */ jsx23(ScBadges, { text: "Revoked", variant: "error" })
                   ] }),
-                  /* @__PURE__ */ jsx21("div", { style: { minWidth: 0 }, children: /* @__PURE__ */ jsxs18(
+                  /* @__PURE__ */ jsx23("div", { style: { minWidth: 0 }, children: /* @__PURE__ */ jsxs20(
                     "code",
                     {
                       style: {
@@ -10243,7 +11072,7 @@ function TokenTable({ tokens, deletingId, onRevoke, onDelete }) {
                       ]
                     }
                   ) }),
-                  /* @__PURE__ */ jsx21(
+                  /* @__PURE__ */ jsx23(
                     "span",
                     {
                       style: {
@@ -10255,7 +11084,7 @@ function TokenTable({ tokens, deletingId, onRevoke, onDelete }) {
                       children: formatDate3(token.expiresAt)
                     }
                   ),
-                  /* @__PURE__ */ jsx21(
+                  /* @__PURE__ */ jsx23(
                     "span",
                     {
                       style: {
@@ -10267,7 +11096,7 @@ function TokenTable({ tokens, deletingId, onRevoke, onDelete }) {
                       children: token.lastUsedAt ? formatDate3(token.lastUsedAt) : "Never"
                     }
                   ),
-                  /* @__PURE__ */ jsx21(
+                  /* @__PURE__ */ jsx23(
                     "span",
                     {
                       style: {
@@ -10279,9 +11108,9 @@ function TokenTable({ tokens, deletingId, onRevoke, onDelete }) {
                       children: formatDate3(token.createdAt)
                     }
                   ),
-                  /* @__PURE__ */ jsxs18("div", { style: { display: "flex", gap: "var(--spacing-sm)" }, children: [
-                    /* @__PURE__ */ jsx21(
-                      ScButton6,
+                  /* @__PURE__ */ jsxs20("div", { style: { display: "flex", gap: "var(--spacing-sm)" }, children: [
+                    /* @__PURE__ */ jsx23(
+                      ScButton9,
                       {
                         text: deletingId === token._id ? "..." : "Revoke",
                         variant: "outline",
@@ -10290,8 +11119,8 @@ function TokenTable({ tokens, deletingId, onRevoke, onDelete }) {
                         onClick: () => onRevoke(token._id)
                       }
                     ),
-                    /* @__PURE__ */ jsx21(
-                      ScButton6,
+                    /* @__PURE__ */ jsx23(
+                      ScButton9,
                       {
                         text: deletingId === token._id ? "..." : "Delete",
                         variant: "error",
@@ -10313,7 +11142,7 @@ function TokenTable({ tokens, deletingId, onRevoke, onDelete }) {
 }
 
 // src/settings-content.tsx
-import { Fragment as Fragment12, jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
 function deriveInitials(name) {
   return name.split(/\s+/).slice(0, 2).map((part) => part[0]?.toUpperCase() ?? "").join("") || "WS";
 }
@@ -10349,7 +11178,7 @@ function SettingsNavItem({
   onTabChange
 }) {
   const isActive = activeTab === tab;
-  return /* @__PURE__ */ jsx22(SettingsTooltip, { content: TAB_DESCRIPTIONS[tab], placement: "right", children: /* @__PURE__ */ jsx22("div", { children: /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx24(SettingsTooltip, { content: TAB_DESCRIPTIONS[tab], placement: "right", children: /* @__PURE__ */ jsx24("div", { children: /* @__PURE__ */ jsx24(
     ScSidebarMenu,
     {
       icon: icon(isActive ? PRIMARY_COLOR3 : MUTED_COLOR2),
@@ -10378,7 +11207,7 @@ function SettingsNav({
   hasOrganization,
   isWorkspaceAdmin
 }) {
-  const item = (tab, icon) => /* @__PURE__ */ jsx22(
+  const item = (tab, icon) => /* @__PURE__ */ jsx24(
     SettingsNavItem,
     {
       tab,
@@ -10388,7 +11217,7 @@ function SettingsNav({
       onTabChange
     }
   );
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs21(
     "div",
     {
       className: "flex flex-col items-start shrink-0 relative overflow-y-auto",
@@ -10411,33 +11240,33 @@ function SettingsNav({
         gap: "var(--spacing-5xl)"
       },
       children: [
-        /* @__PURE__ */ jsxs19("div", { className: "flex flex-col w-full", style: { gap: "var(--spacing-md)" }, children: [
-          /* @__PURE__ */ jsx22("div", { style: { padding: "4px 12px", fontSize: 11, fontWeight: 500, color: MUTED_COLOR2, textTransform: "uppercase", letterSpacing: "0.08em" }, children: "Account" }),
-          item("profile", (color) => /* @__PURE__ */ jsx22(SiconUser, { className: "w-5 h-5", color })),
-          item("workspaceList", (color) => /* @__PURE__ */ jsx22(SiconSwitch, { className: "w-5 h-5", color }))
+        /* @__PURE__ */ jsxs21("div", { className: "flex flex-col w-full", style: { gap: "var(--spacing-md)" }, children: [
+          /* @__PURE__ */ jsx24("div", { style: { padding: "4px 12px", fontSize: 11, fontWeight: 500, color: MUTED_COLOR2, textTransform: "uppercase", letterSpacing: "0.08em" }, children: "Account" }),
+          item("profile", (color) => /* @__PURE__ */ jsx24(SiconUser, { className: "w-5 h-5", color })),
+          item("workspaceList", (color) => /* @__PURE__ */ jsx24(SiconSwitch, { className: "w-5 h-5", color }))
         ] }),
-        /* @__PURE__ */ jsx22(ScHDivider, {}),
-        /* @__PURE__ */ jsxs19("div", { className: "flex flex-col w-full", style: { gap: "var(--spacing-md)" }, children: [
-          /* @__PURE__ */ jsx22("div", { title: workspaceName ?? void 0, style: { padding: "4px 12px", fontSize: 11, fontWeight: 500, color: MUTED_COLOR2, textTransform: "uppercase", letterSpacing: "0.08em" }, children: "Workspace" }),
-          item("workspace", (color) => /* @__PURE__ */ jsx22(SiconSettings2, { className: "w-5 h-5", color })),
-          item("workspaceMembers", (color) => /* @__PURE__ */ jsx22(SiconTeam, { className: "w-5 h-5", color })),
-          isWorkspaceAdmin && /* @__PURE__ */ jsxs19(Fragment12, { children: [
-            item("billing", (color) => /* @__PURE__ */ jsx22(SiconBilling, { className: "w-5 h-5", color })),
-            item("apikey", (color) => /* @__PURE__ */ jsx22(SiconKey_default, { className: "w-5 h-5", color }))
+        /* @__PURE__ */ jsx24(ScHDivider, {}),
+        /* @__PURE__ */ jsxs21("div", { className: "flex flex-col w-full", style: { gap: "var(--spacing-md)" }, children: [
+          /* @__PURE__ */ jsx24("div", { title: workspaceName ?? void 0, style: { padding: "4px 12px", fontSize: 11, fontWeight: 500, color: MUTED_COLOR2, textTransform: "uppercase", letterSpacing: "0.08em" }, children: "Workspace" }),
+          item("workspace", (color) => /* @__PURE__ */ jsx24(SiconSettings2, { className: "w-5 h-5", color })),
+          item("workspaceMembers", (color) => /* @__PURE__ */ jsx24(SiconTeam, { className: "w-5 h-5", color })),
+          isWorkspaceAdmin && /* @__PURE__ */ jsxs21(Fragment12, { children: [
+            item("billing", (color) => /* @__PURE__ */ jsx24(SiconBilling, { className: "w-5 h-5", color })),
+            item("apikey", (color) => /* @__PURE__ */ jsx24(SiconKey_default, { className: "w-5 h-5", color }))
           ] }),
-          !isWorkspaceAdmin && /* @__PURE__ */ jsx22("p", { style: { margin: "4px 12px", fontSize: 12, lineHeight: "18px", color: MUTED_COLOR2 }, children: "Contact your workspace admin for credit top-ups and billing history." })
+          !isWorkspaceAdmin && /* @__PURE__ */ jsx24("p", { style: { margin: "4px 12px", fontSize: 12, lineHeight: "18px", color: MUTED_COLOR2 }, children: "Contact your workspace admin for credit top-ups and billing history." })
         ] }),
-        /* @__PURE__ */ jsx22(ScHDivider, {}),
-        /* @__PURE__ */ jsx22("div", { className: "flex flex-col w-full", style: { gap: "var(--spacing-md)" }, children: hasOrganization ? /* @__PURE__ */ jsxs19(Fragment12, { children: [
-          /* @__PURE__ */ jsx22("div", { style: { padding: "4px 12px", fontSize: 11, fontWeight: 500, color: MUTED_COLOR2, textTransform: "uppercase", letterSpacing: "0.08em" }, children: "Organization" }),
-          item("organization", (color) => /* @__PURE__ */ jsx22(SiconTeam, { className: "w-5 h-5", color })),
-          item("organizationWorkspaces", (color) => /* @__PURE__ */ jsx22(SiconWorkspace2, { className: "w-5 h-5", color }))
-        ] }) : /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx24(ScHDivider, {}),
+        /* @__PURE__ */ jsx24("div", { className: "flex flex-col w-full", style: { gap: "var(--spacing-md)" }, children: hasOrganization ? /* @__PURE__ */ jsxs21(Fragment12, { children: [
+          /* @__PURE__ */ jsx24("div", { style: { padding: "4px 12px", fontSize: 11, fontWeight: 500, color: MUTED_COLOR2, textTransform: "uppercase", letterSpacing: "0.08em" }, children: "Organization" }),
+          item("organization", (color) => /* @__PURE__ */ jsx24(SiconTeam, { className: "w-5 h-5", color })),
+          item("organizationWorkspaces", (color) => /* @__PURE__ */ jsx24(SiconWorkspace2, { className: "w-5 h-5", color }))
+        ] }) : /* @__PURE__ */ jsx24(
           SettingsNavItem,
           {
             tab: "organization",
             label: "Organization",
-            icon: (color) => /* @__PURE__ */ jsx22(SiconGlobe3, { className: "w-5 h-5", color }),
+            icon: (color) => /* @__PURE__ */ jsx24(SiconGlobe3, { className: "w-5 h-5", color }),
             activeTab,
             onTabChange
           }
@@ -10449,7 +11278,7 @@ function SettingsNav({
 var SPECIALIZATION_ICON_SIZE = 24;
 function SpecializationIcon({ iconUrl }) {
   if (iconUrl) {
-    return /* @__PURE__ */ jsx22(
+    return /* @__PURE__ */ jsx24(
       "img",
       {
         src: iconUrl,
@@ -10462,7 +11291,7 @@ function SpecializationIcon({ iconUrl }) {
       }
     );
   }
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx24(
     SiconBolt,
     {
       style: {
@@ -10494,10 +11323,10 @@ function SpecializationDropdown({
   disabled
 }) {
   const { auth } = useSettingsAdapters();
-  const [open, setOpen] = useState15(false);
-  const containerRef = useRef7(null);
-  const [options, setOptions] = useState15([]);
-  useEffect13(() => {
+  const [open, setOpen] = useState17(false);
+  const containerRef = useRef8(null);
+  const [options, setOptions] = useState17([]);
+  useEffect15(() => {
     if (!auth.getSpecializations) return;
     let cancelled = false;
     auth.getSpecializations().then((items) => {
@@ -10517,7 +11346,7 @@ function SpecializationDropdown({
       cancelled = true;
     };
   }, [auth]);
-  useEffect13(() => {
+  useEffect15(() => {
     if (!open) return;
     function handleMouseDown(e) {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -10535,15 +11364,15 @@ function SpecializationDropdown({
     };
   }, [open]);
   const selected = options.find((o) => o.id === value);
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs21(
     "div",
     {
       ref: containerRef,
       className: "w-full",
       style: { position: "relative" },
       children: [
-        /* @__PURE__ */ jsx22("style", { children: DROPDOWN_TRIGGER_STYLES }),
-        /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx24("style", { children: DROPDOWN_TRIGGER_STYLES }),
+        /* @__PURE__ */ jsx24(
           "div",
           {
             className: "spec-dropdown-trigger",
@@ -10551,7 +11380,7 @@ function SpecializationDropdown({
             onClick: () => !disabled && setOpen((v) => !v),
             "aria-haspopup": "listbox",
             "aria-expanded": open,
-            children: /* @__PURE__ */ jsx22(
+            children: /* @__PURE__ */ jsx24(
               ScTextField,
               {
                 label: "Specialization",
@@ -10559,8 +11388,8 @@ function SpecializationDropdown({
                 value: selected?.label ?? "",
                 placeholderFilled: "Select specialization",
                 tfGroup: "icon-left-right",
-                tfLeftIcon: /* @__PURE__ */ jsx22(SpecializationIcon, { iconUrl: selected?.iconUrl }),
-                tfRightIcon: /* @__PURE__ */ jsx22(
+                tfLeftIcon: /* @__PURE__ */ jsx24(SpecializationIcon, { iconUrl: selected?.iconUrl }),
+                tfRightIcon: /* @__PURE__ */ jsx24(
                   "span",
                   {
                     style: {
@@ -10570,7 +11399,7 @@ function SpecializationDropdown({
                       transform: open ? "rotate(180deg)" : "none",
                       transition: "transform 120ms ease-out"
                     },
-                    children: /* @__PURE__ */ jsx22(SiconDown, {})
+                    children: /* @__PURE__ */ jsx24(SiconDown, {})
                   }
                 ),
                 className: "sc-text-field-full-width",
@@ -10581,7 +11410,7 @@ function SpecializationDropdown({
             )
           }
         ),
-        open && /* @__PURE__ */ jsx22(
+        open && /* @__PURE__ */ jsx24(
           "div",
           {
             role: "listbox",
@@ -10603,11 +11432,11 @@ function SpecializationDropdown({
             },
             children: options.map((opt) => {
               const isActive = opt.id === value;
-              return /* @__PURE__ */ jsx22(
+              return /* @__PURE__ */ jsx24(
                 ScMenuOptions,
                 {
                   text: opt.label,
-                  icon: /* @__PURE__ */ jsx22(SpecializationIcon, { iconUrl: opt.iconUrl }),
+                  icon: /* @__PURE__ */ jsx24(SpecializationIcon, { iconUrl: opt.iconUrl }),
                   hover: isActive ? "true" : "false",
                   variant: "default",
                   role: "option",
@@ -10632,9 +11461,9 @@ function LanguageDropdown({
   onChange,
   disabled
 }) {
-  const [open, setOpen] = useState15(false);
-  const containerRef = useRef7(null);
-  useEffect13(() => {
+  const [open, setOpen] = useState17(false);
+  const containerRef = useRef8(null);
+  useEffect15(() => {
     if (!open) return;
     function handleMouseDown(e) {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -10651,15 +11480,15 @@ function LanguageDropdown({
       document.removeEventListener("keydown", handleKeyDown);
     };
   }, [open]);
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs21(
     "div",
     {
       ref: containerRef,
       className: "w-full",
       style: { position: "relative" },
       children: [
-        /* @__PURE__ */ jsx22("style", { children: DROPDOWN_TRIGGER_STYLES }),
-        /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx24("style", { children: DROPDOWN_TRIGGER_STYLES }),
+        /* @__PURE__ */ jsx24(
           "div",
           {
             className: "spec-dropdown-trigger",
@@ -10667,7 +11496,7 @@ function LanguageDropdown({
             onClick: () => !disabled && setOpen((v) => !v),
             "aria-haspopup": "listbox",
             "aria-expanded": open,
-            children: /* @__PURE__ */ jsx22(
+            children: /* @__PURE__ */ jsx24(
               ScTextField,
               {
                 label: "Language",
@@ -10675,7 +11504,7 @@ function LanguageDropdown({
                 value: userLanguageLabel(value),
                 placeholderFilled: "Select language",
                 tfGroup: "icon-right",
-                tfRightIcon: /* @__PURE__ */ jsx22(
+                tfRightIcon: /* @__PURE__ */ jsx24(
                   "span",
                   {
                     style: {
@@ -10685,7 +11514,7 @@ function LanguageDropdown({
                       transform: open ? "rotate(180deg)" : "none",
                       transition: "transform 120ms ease-out"
                     },
-                    children: /* @__PURE__ */ jsx22(SiconDown, {})
+                    children: /* @__PURE__ */ jsx24(SiconDown, {})
                   }
                 ),
                 className: "sc-text-field-full-width",
@@ -10696,7 +11525,7 @@ function LanguageDropdown({
             )
           }
         ),
-        open && /* @__PURE__ */ jsx22(
+        open && /* @__PURE__ */ jsx24(
           "div",
           {
             role: "listbox",
@@ -10722,11 +11551,11 @@ function LanguageDropdown({
             },
             children: USER_LANGUAGES.map((lang) => {
               const isActive = lang.code === value;
-              return /* @__PURE__ */ jsx22(
+              return /* @__PURE__ */ jsx24(
                 ScMenuOptions,
                 {
                   text: lang.label,
-                  icon: /* @__PURE__ */ jsx22(Fragment12, {}),
+                  icon: /* @__PURE__ */ jsx24(Fragment12, {}),
                   hover: isActive ? "true" : "false",
                   variant: "default",
                   role: "option",
@@ -10752,28 +11581,28 @@ function ProfileTab() {
   const derivedName = user?.name ?? "";
   const derivedSpec = user?.userSpecialization ?? "";
   const derivedLanguage = user?.language?.trim() || DEFAULT_USER_LANGUAGE;
-  const [fullName, setFullName] = useState15(derivedName);
-  const [selectedSpec, setSelectedSpec] = useState15(derivedSpec);
-  const [selectedLanguage, setSelectedLanguage] = useState15(derivedLanguage);
-  const [saving, setSaving] = useState15(false);
-  const [imageSaving, setImageSaving] = useState15(false);
-  const [imagePreview, setImagePreview] = useState15(
+  const [fullName, setFullName] = useState17(derivedName);
+  const [selectedSpec, setSelectedSpec] = useState17(derivedSpec);
+  const [selectedLanguage, setSelectedLanguage] = useState17(derivedLanguage);
+  const [saving, setSaving] = useState17(false);
+  const [imageSaving, setImageSaving] = useState17(false);
+  const [imagePreview, setImagePreview] = useState17(
     void 0
   );
-  const fileInputRef = useRef7(null);
+  const fileInputRef = useRef8(null);
   const profileDisplayName = fullName || user?.email || "User";
   const profileImage = imagePreview ?? getUserProfileImage(user);
   const profileInitial = profileDisplayName.charAt(0).toUpperCase();
   const disableAllActions = saving || imageSaving;
   const dirty = fullName.trim() !== derivedName || selectedSpec !== derivedSpec || selectedLanguage !== derivedLanguage;
-  useEffect13(() => {
+  useEffect15(() => {
     setFullName(derivedName);
     setImagePreview(void 0);
   }, [derivedName]);
-  useEffect13(() => {
+  useEffect15(() => {
     setSelectedSpec(derivedSpec);
   }, [derivedSpec]);
-  useEffect13(() => {
+  useEffect15(() => {
     setSelectedLanguage(derivedLanguage);
   }, [derivedLanguage]);
   const handleSave = async () => {
@@ -10855,13 +11684,13 @@ function ProfileTab() {
     }
     auth.clearAuth();
   };
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs21(
     "div",
     {
       className: "flex flex-col items-start flex-1 min-w-0 min-h-0 overflow-y-auto",
       style: { gap: "var(--spacing-3xl)" },
       children: [
-        /* @__PURE__ */ jsxs19(
+        /* @__PURE__ */ jsxs21(
           "div",
           {
             className: "sc-profile-card flex flex-col items-start w-full",
@@ -10874,13 +11703,13 @@ function ProfileTab() {
               gap: "var(--spacing-6xl)"
             },
             children: [
-              /* @__PURE__ */ jsxs19(
+              /* @__PURE__ */ jsxs21(
                 "div",
                 {
                   className: "flex items-center shrink-0 w-full",
                   style: { gap: 24, flexWrap: "wrap" },
                   children: [
-                    profileImage ? /* @__PURE__ */ jsx22(
+                    profileImage ? /* @__PURE__ */ jsx24(
                       "img",
                       {
                         src: profileImage,
@@ -10893,7 +11722,7 @@ function ProfileTab() {
                           flexShrink: 0
                         }
                       }
-                    ) : /* @__PURE__ */ jsx22(
+                    ) : /* @__PURE__ */ jsx24(
                       "div",
                       {
                         "aria-label": "Profile",
@@ -10906,7 +11735,7 @@ function ProfileTab() {
                           border: "1px solid var(--alias-border-subtle)",
                           flexShrink: 0
                         },
-                        children: /* @__PURE__ */ jsx22(
+                        children: /* @__PURE__ */ jsx24(
                           "span",
                           {
                             style: {
@@ -10921,7 +11750,7 @@ function ProfileTab() {
                         )
                       }
                     ),
-                    /* @__PURE__ */ jsx22(
+                    /* @__PURE__ */ jsx24(
                       "input",
                       {
                         ref: fileInputRef,
@@ -10931,17 +11760,17 @@ function ProfileTab() {
                         onChange: handleImageChange
                       }
                     ),
-                    /* @__PURE__ */ jsxs19(
+                    /* @__PURE__ */ jsxs21(
                       "div",
                       {
                         className: "flex items-center",
                         style: { gap: 12, flexWrap: "wrap" },
                         children: [
-                          /* @__PURE__ */ jsx22(
-                            ScButton7,
+                          /* @__PURE__ */ jsx24(
+                            ScButton10,
                             {
                               text: "Upload photo",
-                              icon: /* @__PURE__ */ jsx22(SiconUpload2, { className: "w-5 h-5", color: PRIMARY_COLOR3 }),
+                              icon: /* @__PURE__ */ jsx24(SiconUpload2, { className: "w-5 h-5", color: PRIMARY_COLOR3 }),
                               styleVariant: "icon-left",
                               variant: "outline",
                               size: "md",
@@ -10949,11 +11778,11 @@ function ProfileTab() {
                               onClick: handleUploadClick
                             }
                           ),
-                          /* @__PURE__ */ jsx22(
-                            ScButton7,
+                          /* @__PURE__ */ jsx24(
+                            ScButton10,
                             {
                               text: "Remove photo",
-                              icon: /* @__PURE__ */ jsx22(
+                              icon: /* @__PURE__ */ jsx24(
                                 SiconDelete,
                                 {
                                   className: "w-5 h-5",
@@ -10973,15 +11802,15 @@ function ProfileTab() {
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx22(ScHDivider, {}),
-              /* @__PURE__ */ jsxs19(
+              /* @__PURE__ */ jsx24(ScHDivider, {}),
+              /* @__PURE__ */ jsxs21(
                 "div",
                 {
                   className: "sc-profile-fields flex flex-col min-w-0 w-full",
                   style: { gap: 24 },
                   children: [
-                    /* @__PURE__ */ jsxs19("div", { style: { display: "grid", width: "100%", gridTemplateColumns: "repeat(auto-fit, minmax(min(100%, 240px), 1fr))", gap: 24 }, children: [
-                      /* @__PURE__ */ jsx22("div", { className: "flex-1 min-w-0", style: { overflow: "hidden" }, children: /* @__PURE__ */ jsx22(
+                    /* @__PURE__ */ jsxs21("div", { style: { display: "grid", width: "100%", gridTemplateColumns: "repeat(auto-fit, minmax(min(100%, 240px), 1fr))", gap: 24 }, children: [
+                      /* @__PURE__ */ jsx24("div", { className: "flex-1 min-w-0", style: { overflow: "hidden" }, children: /* @__PURE__ */ jsx24(
                         ScTextField,
                         {
                           label: "Full Name",
@@ -10995,7 +11824,7 @@ function ProfileTab() {
                           onChange: (e) => setFullName(e.target.value)
                         }
                       ) }),
-                      /* @__PURE__ */ jsx22("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx22(
+                      /* @__PURE__ */ jsx24("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx24(
                         SpecializationDropdown,
                         {
                           value: selectedSpec,
@@ -11004,8 +11833,8 @@ function ProfileTab() {
                         }
                       ) })
                     ] }),
-                    /* @__PURE__ */ jsxs19("div", { className: "flex items-start w-full", style: { gap: "var(--spacing-3xl)" }, children: [
-                      /* @__PURE__ */ jsx22("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx22(
+                    /* @__PURE__ */ jsxs21("div", { className: "flex items-start w-full", style: { gap: "var(--spacing-3xl)" }, children: [
+                      /* @__PURE__ */ jsx24("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx24(
                         LanguageDropdown,
                         {
                           value: selectedLanguage,
@@ -11013,9 +11842,9 @@ function ProfileTab() {
                           disabled: disableAllActions
                         }
                       ) }),
-                      /* @__PURE__ */ jsx22("div", { className: "flex-1 min-w-0" })
+                      /* @__PURE__ */ jsx24("div", { className: "flex-1 min-w-0" })
                     ] }),
-                    /* @__PURE__ */ jsx22("div", { className: "w-full", style: { overflow: "hidden" }, children: /* @__PURE__ */ jsx22(
+                    /* @__PURE__ */ jsx24("div", { className: "w-full", style: { overflow: "hidden" }, children: /* @__PURE__ */ jsx24(
                       ScTextField,
                       {
                         label: "Email ID",
@@ -11024,7 +11853,7 @@ function ProfileTab() {
                         value: user?.email ?? "",
                         placeholderFilled: user?.email ?? "chris@kepler.com",
                         tfGroup: "icon-right",
-                        tfRightIcon: /* @__PURE__ */ jsx22(
+                        tfRightIcon: /* @__PURE__ */ jsx24(
                           SiconLock,
                           {
                             className: "w-6 h-6",
@@ -11036,13 +11865,13 @@ function ProfileTab() {
                         readOnly: true
                       }
                     ) }),
-                    /* @__PURE__ */ jsx22(
+                    /* @__PURE__ */ jsx24(
                       "div",
                       {
                         className: "flex items-center w-full",
                         style: { justifyContent: "flex-end", paddingTop: "var(--spacing-md)" },
-                        children: /* @__PURE__ */ jsx22(
-                          ScButton7,
+                        children: /* @__PURE__ */ jsx24(
+                          ScButton10,
                           {
                             text: saving ? "Saving..." : "Save changes",
                             variant: "secondary",
@@ -11059,7 +11888,7 @@ function ProfileTab() {
             ]
           }
         ),
-        /* @__PURE__ */ jsxs19(
+        /* @__PURE__ */ jsxs21(
           "div",
           {
             className: "flex items-center w-full",
@@ -11071,8 +11900,8 @@ function ProfileTab() {
               gap: "var(--spacing-3xl)"
             },
             children: [
-              /* @__PURE__ */ jsxs19("div", { className: "flex flex-col min-w-0 flex-1", style: { gap: "var(--spacing-xs)" }, children: [
-                /* @__PURE__ */ jsx22(
+              /* @__PURE__ */ jsxs21("div", { className: "flex flex-col min-w-0 flex-1", style: { gap: "var(--spacing-xs)" }, children: [
+                /* @__PURE__ */ jsx24(
                   "span",
                   {
                     style: {
@@ -11085,7 +11914,7 @@ function ProfileTab() {
                     children: "Session"
                   }
                 ),
-                /* @__PURE__ */ jsx22(
+                /* @__PURE__ */ jsx24(
                   "span",
                   {
                     className: "truncate",
@@ -11100,8 +11929,8 @@ function ProfileTab() {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx22(
-                ScButton7,
+              /* @__PURE__ */ jsx24(
+                ScButton10,
                 {
                   text: "Log out",
                   variant: "outline",
@@ -11164,11 +11993,11 @@ function WorkspaceListTab({
   const currentOrganization = organizations.find(
     (org) => org._id && org._id === currentWorkspace?.organizationId
   );
-  const [page, setPage] = useState15(0);
-  const [serverPage, setServerPage] = useState15(null);
-  const [serverFailed, setServerFailed] = useState15(false);
+  const [page, setPage] = useState17(0);
+  const [serverPage, setServerPage] = useState17(null);
+  const [serverFailed, setServerFailed] = useState17(false);
   const serverMode = !!listPage && !serverFailed;
-  useEffect13(() => {
+  useEffect15(() => {
     if (!listPage || serverFailed) return;
     let cancelled = false;
     listPage({ limit: pageSize, offset: page * pageSize }).then((result) => {
@@ -11209,21 +12038,21 @@ function WorkspaceListTab({
   const pageRows = serverMode ? (serverPage?.items ?? []).map((ws) => ({ ws, group: serverGroupOf(ws) })) : rows.slice(pageStart, pageStart + pageSize);
   const pageWorkspaces = pageRows.map((row) => row.ws);
   const listLoading = loading || serverMode && !serverPage;
-  const [plans, setPlans] = useState15({});
-  const requestedPlans = useRef7(/* @__PURE__ */ new Set());
+  const [plans, setPlans] = useState17({});
+  const requestedPlans = useRef8(/* @__PURE__ */ new Set());
   const visibleIds = [
     ...currentWorkspace ? [currentWorkspace._id] : [],
     ...pageWorkspaces.map((ws) => ws._id)
   ];
   const visibleKey = visibleIds.join(",");
-  const mounted = useRef7(true);
-  useEffect13(() => {
+  const mounted = useRef8(true);
+  useEffect15(() => {
     mounted.current = true;
     return () => {
       mounted.current = false;
     };
   }, []);
-  useEffect13(() => {
+  useEffect15(() => {
     if (!fetchPlans || listLoading) return;
     const missing = visibleKey.split(",").filter((id) => id && !requestedPlans.current.has(id));
     if (!missing.length) return;
@@ -11234,13 +12063,13 @@ function WorkspaceListTab({
     });
   }, [fetchPlans, listLoading, visibleKey]);
   const planOf = (ws) => fetchPlans ? plans[ws._id] ?? "" : ws.plan ?? "";
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs21(
     "div",
     {
       className: "flex flex-col items-start flex-1 min-w-0",
       style: { gap: "var(--spacing-3xl)", height: "100%" },
       children: [
-        /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx24(
           "p",
           {
             className: "shrink-0 w-full",
@@ -11253,7 +12082,7 @@ function WorkspaceListTab({
             children: "Switching changes which workspace the rest of Settings acts on."
           }
         ),
-        listLoading && /* @__PURE__ */ jsx22(
+        listLoading && /* @__PURE__ */ jsx24(
           "p",
           {
             style: {
@@ -11264,13 +12093,13 @@ function WorkspaceListTab({
             children: "Loading workspaces\u2026"
           }
         ),
-        !listLoading && currentWorkspace && /* @__PURE__ */ jsxs19(
+        !listLoading && currentWorkspace && /* @__PURE__ */ jsxs21(
           "div",
           {
             className: "flex flex-col items-start shrink-0 w-full",
             style: { gap: 16, padding: "var(--spacing-md) 0" },
             children: [
-              /* @__PURE__ */ jsxs19(
+              /* @__PURE__ */ jsxs21(
                 "p",
                 {
                   className: "w-full overflow-hidden text-ellipsis whitespace-nowrap",
@@ -11287,7 +12116,7 @@ function WorkspaceListTab({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx22(
+              /* @__PURE__ */ jsx24(
                 ScWorkspaceSwitchCard,
                 {
                   wsName: currentWorkspace.name,
@@ -11304,7 +12133,7 @@ function WorkspaceListTab({
             ]
           }
         ),
-        !listLoading && currentWorkspace && listTotal > 0 && /* @__PURE__ */ jsx22(
+        !listLoading && currentWorkspace && listTotal > 0 && /* @__PURE__ */ jsx24(
           "div",
           {
             className: "shrink-0 w-full",
@@ -11314,19 +12143,19 @@ function WorkspaceListTab({
             }
           }
         ),
-        !listLoading && listTotal > 0 && /* @__PURE__ */ jsxs19(
+        !listLoading && listTotal > 0 && /* @__PURE__ */ jsxs21(
           "div",
           {
             className: "flex flex-col items-start flex-1 min-h-0 w-full",
             style: { gap: 16, overflowY: "auto" },
             children: [
-              /* @__PURE__ */ jsx22(
+              /* @__PURE__ */ jsx24(
                 "div",
                 {
                   className: "flex flex-col items-start w-full",
                   style: { gap: 16 },
-                  children: pageRows.map(({ ws, group }, index) => /* @__PURE__ */ jsxs19(Fragment11, { children: [
-                    (index === 0 || pageRows[index - 1].group.key !== group.key) && /* @__PURE__ */ jsx22(
+                  children: pageRows.map(({ ws, group }, index) => /* @__PURE__ */ jsxs21(Fragment11, { children: [
+                    (index === 0 || pageRows[index - 1].group.key !== group.key) && /* @__PURE__ */ jsx24(
                       "p",
                       {
                         className: "w-full overflow-hidden text-ellipsis whitespace-nowrap shrink-0",
@@ -11341,7 +12170,7 @@ function WorkspaceListTab({
                         children: group.label
                       }
                     ),
-                    /* @__PURE__ */ jsx22(
+                    /* @__PURE__ */ jsx24(
                       ScWorkspaceSwitchCard,
                       {
                         wsName: ws.name,
@@ -11359,13 +12188,13 @@ function WorkspaceListTab({
                   ] }, ws._id))
                 }
               ),
-              pageCount > 1 && /* @__PURE__ */ jsxs19(
+              pageCount > 1 && /* @__PURE__ */ jsxs21(
                 "div",
                 {
                   className: "flex items-center justify-between shrink-0 w-full",
                   style: { gap: "var(--spacing-md)" },
                   children: [
-                    /* @__PURE__ */ jsxs19(
+                    /* @__PURE__ */ jsxs21(
                       "span",
                       {
                         style: {
@@ -11384,9 +12213,9 @@ function WorkspaceListTab({
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsxs19("div", { className: "flex items-center", style: { gap: "var(--spacing-md)" }, children: [
-                      /* @__PURE__ */ jsx22(
-                        ScButton7,
+                    /* @__PURE__ */ jsxs21("div", { className: "flex items-center", style: { gap: "var(--spacing-md)" }, children: [
+                      /* @__PURE__ */ jsx24(
+                        ScButton10,
                         {
                           text: "Previous",
                           variant: "tertiary",
@@ -11395,8 +12224,8 @@ function WorkspaceListTab({
                           onClick: safePage === 0 ? void 0 : () => setPage(safePage - 1)
                         }
                       ),
-                      /* @__PURE__ */ jsx22(
-                        ScButton7,
+                      /* @__PURE__ */ jsx24(
+                        ScButton10,
                         {
                           text: "Next",
                           variant: "tertiary",
@@ -11423,12 +12252,12 @@ function ReferralTab() {
   const referralCode = (user?.referralCode ?? user?.referral_code ?? user?.referalCode ?? user?.referal_code ?? "").trim();
   const domain = typeof window !== "undefined" ? window.location.origin : "";
   const referralLink = referralCode && domain ? `${domain}?referral_code=${encodeURIComponent(referralCode)}` : "";
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx24(
     "div",
     {
       className: "flex flex-col items-start flex-1 min-w-0",
       style: { gap: "var(--spacing-3xl)" },
-      children: /* @__PURE__ */ jsx22(
+      children: /* @__PURE__ */ jsx24(
         "div",
         {
           className: "w-full relative",
@@ -11437,13 +12266,13 @@ function ReferralTab() {
             borderRadius: "var(--radius-3xl)",
             padding: "var(--spacing-6xl)"
           },
-          children: /* @__PURE__ */ jsxs19(
+          children: /* @__PURE__ */ jsxs21(
             "div",
             {
               className: "flex items-start w-full",
               style: { gap: "var(--spacing-3xl)" },
               children: [
-                /* @__PURE__ */ jsx22(
+                /* @__PURE__ */ jsx24(
                   ScTextField,
                   {
                     label: "Your Referral Link",
@@ -11452,7 +12281,7 @@ function ReferralTab() {
                     value: referralLink,
                     placeholderFilled: "https://your-domain.com?referral_code=ABC123",
                     tfGroup: "icon-right",
-                    tfRightIcon: /* @__PURE__ */ jsx22(
+                    tfRightIcon: /* @__PURE__ */ jsx24(
                       SiconBolt,
                       {
                         className: "w-6 h-6",
@@ -11463,7 +12292,7 @@ function ReferralTab() {
                     readOnly: true
                   }
                 ),
-                /* @__PURE__ */ jsx22(
+                /* @__PURE__ */ jsx24(
                   ScTextField,
                   {
                     label: "Invite through email",
@@ -11472,7 +12301,7 @@ function ReferralTab() {
                     value: user?.email ?? "",
                     placeholderFilled: "chris@kepler.com",
                     tfGroup: "icon-right",
-                    tfRightIcon: /* @__PURE__ */ jsx22(
+                    tfRightIcon: /* @__PURE__ */ jsx24(
                       SiconSend,
                       {
                         className: "w-6 h-6",
@@ -11497,7 +12326,7 @@ function SettingsContent({
   onBack,
   hiddenApps
 }) {
-  return /* @__PURE__ */ jsx22(SettingsAdaptersProvider, { adapters, children: /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx24(SettingsAdaptersProvider, { adapters, children: /* @__PURE__ */ jsx24(
     SettingsContentInner,
     {
       activeTab,
@@ -11526,11 +12355,11 @@ function SettingsContentInner({
   const workspaceId = workspace.current?.id ?? null;
   const workspaceOwner = useWorkspaceOrganization({ workspaceId, request: workspace.organizationRequest ?? unavailableOrganizationRequest, enabled: !!workspace.organizationRequest });
   const workspaceOwnerName = workspace.organizationRequest ? workspaceOwner.organizationName : void 0;
-  const [workspaceList, setWorkspaceList] = useState15([]);
+  const [workspaceList, setWorkspaceList] = useState17([]);
   const currentWorkspaceRole = workspace.current?.role ?? workspaceList.find((item) => item._id === workspaceId)?.role;
   const isWorkspaceAdmin = currentWorkspaceRole?.trim().toLowerCase() === "admin";
-  const [workspaceListLoading, setWorkspaceListLoading] = useState15(false);
-  const refreshWorkspaceList = useCallback7(async () => {
+  const [workspaceListLoading, setWorkspaceListLoading] = useState17(false);
+  const refreshWorkspaceList = useCallback8(async () => {
     setWorkspaceListLoading(true);
     try {
       const items = await workspace.list();
@@ -11551,11 +12380,11 @@ function SettingsContentInner({
       setWorkspaceListLoading(false);
     }
   }, [workspace, workspaceId]);
-  useEffect13(() => {
+  useEffect15(() => {
     void refreshWorkspaceList();
   }, [refreshWorkspaceList]);
   const hostListPage = workspace.listPage;
-  const listWorkspacePage = useMemo4(
+  const listWorkspacePage = useMemo5(
     () => hostListPage ? async (params) => {
       const result = await hostListPage(params);
       return {
@@ -11572,8 +12401,8 @@ function SettingsContentInner({
     } : void 0,
     [hostListPage, workspaceId]
   );
-  const [listOrganizations, setListOrganizations] = useState15([]);
-  useEffect13(() => {
+  const [listOrganizations, setListOrganizations] = useState17([]);
+  useEffect15(() => {
     if (activeTab !== "workspaceList" || typeof organization?.list !== "function") {
       return;
     }
@@ -11594,7 +12423,7 @@ function SettingsContentInner({
       cancelled = true;
     };
   }, [activeTab, organization]);
-  const switchWorkspace = useCallback7(
+  const switchWorkspace = useCallback8(
     async (id) => {
       await workspace.switch(id);
     },
@@ -11603,17 +12432,27 @@ function SettingsContentInner({
   const setActiveTab = (tab) => {
     navigation.navigateToTab(tab);
   };
-  const [creatingWorkspace, setCreatingWorkspace] = useState15(false);
-  const [updatingWorkspace, setUpdatingWorkspace] = useState15(false);
-  const [teamInviteOpen, setTeamInviteOpen] = useState15(false);
-  const [tokenShowRevoked, setTokenShowRevoked] = useState15(false);
-  const [tokenCreateOpen, setTokenCreateOpen] = useState15(false);
-  const [billingShowPlans, setBillingShowPlans] = useState15(false);
+  const [creatingWorkspace, setCreatingWorkspace] = useState17(false);
+  const [updatingWorkspace, setUpdatingWorkspace] = useState17(false);
+  const [teamInviteOpen, setTeamInviteOpen] = useState17(false);
+  const [tokenShowRevoked, setTokenShowRevoked] = useState17(false);
+  const [tokenCreateOpen, setTokenCreateOpen] = useState17(false);
+  const [billingShowPlans, setBillingShowPlans] = useState17(false);
   const isBillingPlans = activeTab === "billing" && isWorkspaceAdmin && billingShowPlans;
-  useEffect13(() => {
-    if (activeTab !== "billing") setBillingShowPlans(false);
-  }, [activeTab]);
-  useEffect13(() => {
+  const [billingShowPerUserLimits, setBillingShowPerUserLimits] = useState17(false);
+  const isBillingPerUserLimits = activeTab === "billing" && isWorkspaceAdmin && billingShowPerUserLimits && !billingShowPlans;
+  const isBillingSubView = isBillingPlans || isBillingPerUserLimits;
+  useEffect15(() => {
+    if (activeTab !== "billing" || !isWorkspaceAdmin) {
+      setBillingShowPlans(false);
+      setBillingShowPerUserLimits(false);
+    }
+  }, [activeTab, isWorkspaceAdmin]);
+  useEffect15(() => {
+    setBillingShowPlans(false);
+    setBillingShowPerUserLimits(false);
+  }, [workspaceId]);
+  useEffect15(() => {
     if (!onClose) return;
     const handleKeyDown = (e) => {
       if (e.key !== "Escape" || e.defaultPrevented) return;
@@ -11622,19 +12461,23 @@ function SettingsContentInner({
         setBillingShowPlans(false);
         return;
       }
+      if (billingShowPerUserLimits) {
+        setBillingShowPerUserLimits(false);
+        return;
+      }
       onClose();
     };
     document.addEventListener("keydown", handleKeyDown);
     return () => document.removeEventListener("keydown", handleKeyDown);
-  }, [onClose, billingShowPlans]);
-  const [localWorkspaces, setLocalWorkspaces] = useState15(null);
-  const [wsModalOpen, setWsModalOpen] = useState15(false);
-  const [wsModalMode, setWsModalMode] = useState15("create");
-  const [editingWorkspace, setEditingWorkspace] = useState15(null);
-  const [confirmLeaveOpen, setConfirmLeaveOpen] = useState15(false);
-  const [leavingWorkspace, setLeavingWorkspace] = useState15(null);
-  const [confirmDeleteOpen, setConfirmDeleteOpen] = useState15(false);
-  const [deletingWorkspace, setDeletingWorkspace] = useState15(null);
+  }, [onClose, billingShowPlans, billingShowPerUserLimits]);
+  const [localWorkspaces, setLocalWorkspaces] = useState17(null);
+  const [wsModalOpen, setWsModalOpen] = useState17(false);
+  const [wsModalMode, setWsModalMode] = useState17("create");
+  const [editingWorkspace, setEditingWorkspace] = useState17(null);
+  const [confirmLeaveOpen, setConfirmLeaveOpen] = useState17(false);
+  const [leavingWorkspace, setLeavingWorkspace] = useState17(null);
+  const [confirmDeleteOpen, setConfirmDeleteOpen] = useState17(false);
+  const [deletingWorkspace, setDeletingWorkspace] = useState17(null);
   const toWorkspaceData = (ws) => ({
     id: ws._id,
     name: ws.name ?? "",
@@ -11724,7 +12567,7 @@ function SettingsContentInner({
     }
     return true;
   };
-  useEffect13(() => {
+  useEffect15(() => {
     if (workspaceList.length > 0 && localWorkspaces === null) {
       setLocalWorkspaces(workspaceList.map(toWorkspaceData));
     }
@@ -11898,7 +12741,7 @@ function SettingsContentInner({
     setConfirmLeaveOpen(true);
     return false;
   }
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs21(
     "div",
     {
       "data-streamoid-settings": "",
@@ -11908,8 +12751,8 @@ function SettingsContentInner({
         backgroundSize: "24px 24px"
       },
       children: [
-        /* @__PURE__ */ jsx22(SettingsAppearance, {}),
-        /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx24(SettingsAppearance, {}),
+        /* @__PURE__ */ jsx24(
           "div",
           {
             className: "flex flex-col items-start relative h-full overflow-hidden",
@@ -11919,8 +12762,8 @@ function SettingsContentInner({
               maxWidth: 1200,
               width: "100%"
             },
-            children: /* @__PURE__ */ jsxs19("div", { className: "flex flex-col w-full flex-1 min-h-0", style: { gap: 20, paddingTop: 16 }, children: [
-              onBack !== null && /* @__PURE__ */ jsx22("div", { className: "flex items-center shrink-0", style: { paddingLeft: 20 }, children: /* @__PURE__ */ jsxs19(
+            children: /* @__PURE__ */ jsxs21("div", { className: "flex flex-col w-full flex-1 min-h-0", style: { gap: 20, paddingTop: 16 }, children: [
+              onBack !== null && /* @__PURE__ */ jsx24("div", { className: "flex items-center shrink-0", style: { paddingLeft: 20 }, children: /* @__PURE__ */ jsxs21(
                 "button",
                 {
                   type: "button",
@@ -11942,12 +12785,12 @@ function SettingsContentInner({
                   },
                   onClick: () => onBack ? onBack() : window.history.back(),
                   children: [
-                    /* @__PURE__ */ jsx22(SiconLeft3, { className: "w-4 h-4 shrink-0", color: "var(--alias-text---icons-muted)" }),
+                    /* @__PURE__ */ jsx24(SiconLeft3, { className: "w-4 h-4 shrink-0", color: "var(--alias-text---icons-muted)" }),
                     "Back"
                   ]
                 }
               ) }),
-              /* @__PURE__ */ jsxs19(
+              /* @__PURE__ */ jsxs21(
                 "div",
                 {
                   className: "flex items-center shrink-0 w-full",
@@ -11957,9 +12800,9 @@ function SettingsContentInner({
                     gap: 16
                   },
                   children: [
-                    /* @__PURE__ */ jsxs19("div", { className: "flex items-center flex-1 min-w-0", style: { gap: 8, paddingLeft: 20 }, children: [
-                      /* @__PURE__ */ jsx22(SiconSettings2, { className: "w-6 h-6 shrink-0", color: "var(--alias-text---icons-primary)" }),
-                      /* @__PURE__ */ jsx22(
+                    /* @__PURE__ */ jsxs21("div", { className: "flex items-center flex-1 min-w-0", style: { gap: 8, paddingLeft: 20 }, children: [
+                      /* @__PURE__ */ jsx24(SiconSettings2, { className: "w-6 h-6 shrink-0", color: "var(--alias-text---icons-primary)" }),
+                      /* @__PURE__ */ jsx24(
                         "span",
                         {
                           style: {
@@ -11972,9 +12815,9 @@ function SettingsContentInner({
                           children: "Settings"
                         }
                       ),
-                      scopeCrumb && /* @__PURE__ */ jsxs19(Fragment12, { children: [
-                        /* @__PURE__ */ jsx22(SiconRight2, { className: "w-6 h-6 shrink-0", color: "var(--alias-text---icons-primary)" }),
-                        /* @__PURE__ */ jsx22(
+                      scopeCrumb && /* @__PURE__ */ jsxs21(Fragment12, { children: [
+                        /* @__PURE__ */ jsx24(SiconRight2, { className: "w-6 h-6 shrink-0", color: "var(--alias-text---icons-primary)" }),
+                        /* @__PURE__ */ jsx24(
                           "span",
                           {
                             className: "truncate",
@@ -11991,8 +12834,8 @@ function SettingsContentInner({
                           }
                         )
                       ] }),
-                      /* @__PURE__ */ jsx22(SiconRight2, { className: "w-6 h-6 shrink-0", color: "var(--alias-text---icons-primary)" }),
-                      /* @__PURE__ */ jsx22(
+                      /* @__PURE__ */ jsx24(SiconRight2, { className: "w-6 h-6 shrink-0", color: "var(--alias-text---icons-primary)" }),
+                      /* @__PURE__ */ jsx24(
                         "span",
                         {
                           style: {
@@ -12005,9 +12848,9 @@ function SettingsContentInner({
                           children: leafLabel
                         }
                       ),
-                      isBillingPlans && /* @__PURE__ */ jsxs19(Fragment12, { children: [
-                        /* @__PURE__ */ jsx22(SiconRight2, { className: "w-6 h-6 shrink-0", color: "var(--alias-text---icons-primary)" }),
-                        /* @__PURE__ */ jsx22(
+                      isBillingPlans && /* @__PURE__ */ jsxs21(Fragment12, { children: [
+                        /* @__PURE__ */ jsx24(SiconRight2, { className: "w-6 h-6 shrink-0", color: "var(--alias-text---icons-primary)" }),
+                        /* @__PURE__ */ jsx24(
                           "span",
                           {
                             style: {
@@ -12020,9 +12863,25 @@ function SettingsContentInner({
                             children: "Plans"
                           }
                         )
+                      ] }),
+                      isBillingPerUserLimits && /* @__PURE__ */ jsxs21(Fragment12, { children: [
+                        /* @__PURE__ */ jsx24(SiconRight2, { className: "w-6 h-6 shrink-0", color: "var(--alias-text---icons-primary)" }),
+                        /* @__PURE__ */ jsx24(
+                          "span",
+                          {
+                            style: {
+                              fontFamily: "var(--font-family-font-family-body)",
+                              fontSize: "var(--font-size-font-size-xl)",
+                              fontWeight: 500,
+                              lineHeight: "var(--line-height-line-height-xl)",
+                              color: "var(--alias-text---icons-primary)"
+                            },
+                            children: "Per-user limits"
+                          }
+                        )
                       ] })
                     ] }),
-                    isBillingPlans && /* @__PURE__ */ jsxs19(
+                    isBillingSubView && /* @__PURE__ */ jsxs21(
                       "div",
                       {
                         className: "flex items-center shrink-0 cursor-pointer",
@@ -12034,10 +12893,13 @@ function SettingsContentInner({
                           border: "1px solid var(--alias-border-subtle)",
                           backgroundColor: "var(--alias-surface-base)"
                         },
-                        onClick: () => setBillingShowPlans(false),
+                        onClick: () => {
+                          setBillingShowPlans(false);
+                          setBillingShowPerUserLimits(false);
+                        },
                         children: [
-                          /* @__PURE__ */ jsx22(SiconLeft3, { className: "w-4 h-4", color: "var(--alias-text---icons-muted)" }),
-                          /* @__PURE__ */ jsx22(
+                          /* @__PURE__ */ jsx24(SiconLeft3, { className: "w-4 h-4", color: "var(--alias-text---icons-muted)" }),
+                          /* @__PURE__ */ jsx24(
                             "span",
                             {
                               style: {
@@ -12053,20 +12915,20 @@ function SettingsContentInner({
                         ]
                       }
                     ),
-                    activeTab === "workspaceList" && /* @__PURE__ */ jsx22(
+                    activeTab === "workspaceList" && /* @__PURE__ */ jsx24(
                       SettingsTooltip,
                       {
                         content: "Start a new workspace with its own team, members and billing",
                         placement: "bottom",
                         inline: true,
-                        children: /* @__PURE__ */ jsx22(
-                          ScButton7,
+                        children: /* @__PURE__ */ jsx24(
+                          ScButton10,
                           {
                             text: "Create Workspace",
                             variant: "secondary",
                             size: "md",
                             styleVariant: "icon-left",
-                            icon: /* @__PURE__ */ jsx22(
+                            icon: /* @__PURE__ */ jsx24(
                               SiconWorkspace2,
                               {
                                 className: "w-5 h-5",
@@ -12078,20 +12940,20 @@ function SettingsContentInner({
                         )
                       }
                     ),
-                    activeTab === "workspaceMembers" && /* @__PURE__ */ jsx22(
+                    activeTab === "workspaceMembers" && /* @__PURE__ */ jsx24(
                       SettingsTooltip,
                       {
                         content: "Send someone an invite to join this workspace",
                         placement: "bottom",
                         inline: true,
-                        children: /* @__PURE__ */ jsx22(
-                          ScButton7,
+                        children: /* @__PURE__ */ jsx24(
+                          ScButton10,
                           {
                             text: "Invite user",
                             variant: "secondary",
                             size: "md",
                             styleVariant: "icon-left",
-                            icon: /* @__PURE__ */ jsx22(
+                            icon: /* @__PURE__ */ jsx24(
                               SiconUserAdd2,
                               {
                                 className: "w-5 h-5",
@@ -12103,15 +12965,15 @@ function SettingsContentInner({
                         )
                       }
                     ),
-                    activeTab === "apikey" && isWorkspaceAdmin && /* @__PURE__ */ jsxs19("div", { className: "flex items-center shrink-0", style: { gap: "var(--spacing-md)" }, children: [
-                      /* @__PURE__ */ jsx22(
+                    activeTab === "apikey" && isWorkspaceAdmin && /* @__PURE__ */ jsxs21("div", { className: "flex items-center shrink-0", style: { gap: "var(--spacing-md)" }, children: [
+                      /* @__PURE__ */ jsx24(
                         SettingsTooltip,
                         {
                           content: "Include keys you have already revoked in the list below",
                           placement: "bottom",
                           inline: true,
-                          children: /* @__PURE__ */ jsx22(
-                            ScButton7,
+                          children: /* @__PURE__ */ jsx24(
+                            ScButton10,
                             {
                               text: tokenShowRevoked ? "Hide Revoked" : "Show Revoked",
                               variant: "outline",
@@ -12121,20 +12983,20 @@ function SettingsContentInner({
                           )
                         }
                       ),
-                      /* @__PURE__ */ jsx22(
+                      /* @__PURE__ */ jsx24(
                         SettingsTooltip,
                         {
                           content: "Generate a key for calling the Streamoid APIs from your own code",
                           placement: "bottom",
                           inline: true,
-                          children: /* @__PURE__ */ jsx22(
-                            ScButton7,
+                          children: /* @__PURE__ */ jsx24(
+                            ScButton10,
                             {
                               text: "New API Key",
                               variant: "secondary",
                               size: "md",
                               styleVariant: "icon-left",
-                              icon: /* @__PURE__ */ jsx22(
+                              icon: /* @__PURE__ */ jsx24(
                                 SiconPlus3,
                                 {
                                   className: "w-5 h-5",
@@ -12147,7 +13009,7 @@ function SettingsContentInner({
                         }
                       )
                     ] }),
-                    onClose && /* @__PURE__ */ jsx22(SettingsTooltip, { content: "Close settings (Esc)", placement: "bottom", inline: true, children: /* @__PURE__ */ jsx22(
+                    onClose && /* @__PURE__ */ jsx24(SettingsTooltip, { content: "Close settings (Esc)", placement: "bottom", inline: true, children: /* @__PURE__ */ jsx24(
                       "button",
                       {
                         type: "button",
@@ -12163,8 +13025,8 @@ function SettingsContentInner({
                           border: "1px solid var(--alias-border-subtle)",
                           backgroundColor: "var(--alias-surface-base)"
                         },
-                        children: /* @__PURE__ */ jsx22(
-                          SiconClose8,
+                        children: /* @__PURE__ */ jsx24(
+                          SiconClose9,
                           {
                             className: "w-5 h-5",
                             color: "var(--alias-text---icons-muted)"
@@ -12175,13 +13037,13 @@ function SettingsContentInner({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxs19(
+              /* @__PURE__ */ jsxs21(
                 "div",
                 {
                   className: "flex items-start flex-1 min-h-0 w-full overflow-hidden",
                   style: { gap: 20 },
                   children: [
-                    !isBillingPlans && /* @__PURE__ */ jsx22(
+                    !isBillingSubView && /* @__PURE__ */ jsx24(
                       SettingsNav,
                       {
                         isWorkspaceAdmin,
@@ -12192,8 +13054,8 @@ function SettingsContentInner({
                         hasOrganization
                       }
                     ),
-                    activeTab === "profile" && /* @__PURE__ */ jsx22(ProfileTab, {}),
-                    activeTab === "workspace" && /* @__PURE__ */ jsx22("div", { className: "flex flex-col flex-1 min-w-0 min-h-0 h-full", children: /* @__PURE__ */ jsx22(
+                    activeTab === "profile" && /* @__PURE__ */ jsx24(ProfileTab, {}),
+                    activeTab === "workspace" && /* @__PURE__ */ jsx24("div", { className: "flex flex-col flex-1 min-w-0 min-h-0 h-full", children: /* @__PURE__ */ jsx24(
                       WorkspaceGeneralTab,
                       {
                         workspace: currentWorkspaceData,
@@ -12215,7 +13077,7 @@ function SettingsContentInner({
                         }
                       }
                     ) }),
-                    activeTab === "workspaceMembers" && /* @__PURE__ */ jsx22("div", { className: "flex flex-col flex-1 min-w-0 min-h-0 h-full", children: /* @__PURE__ */ jsx22(
+                    activeTab === "workspaceMembers" && /* @__PURE__ */ jsx24("div", { className: "flex flex-col flex-1 min-w-0 min-h-0 h-full", children: /* @__PURE__ */ jsx24(
                       TeamsContent,
                       {
                         embedded: true,
@@ -12227,7 +13089,7 @@ function SettingsContentInner({
                         hiddenApps
                       }
                     ) }),
-                    activeTab === "workspaceList" && /* @__PURE__ */ jsx22(
+                    activeTab === "workspaceList" && /* @__PURE__ */ jsx24(
                       WorkspaceListTab,
                       {
                         workspaces: displayWorkspaces,
@@ -12252,8 +13114,8 @@ function SettingsContentInner({
                         }
                       }
                     ),
-                    activeTab === "referral" && /* @__PURE__ */ jsx22(ReferralTab, {}),
-                    (activeTab === "organization" || activeTab === "organizationWorkspaces" || activeTab === "organizationDomains") && /* @__PURE__ */ jsx22("div", { className: "flex flex-col flex-1 min-w-0 min-h-0 h-full", children: organization.managementUrl ? /* @__PURE__ */ jsx22(
+                    activeTab === "referral" && /* @__PURE__ */ jsx24(ReferralTab, {}),
+                    (activeTab === "organization" || activeTab === "organizationWorkspaces" || activeTab === "organizationDomains") && /* @__PURE__ */ jsx24("div", { className: "flex flex-col flex-1 min-w-0 min-h-0 h-full", children: organization.managementUrl ? /* @__PURE__ */ jsx24(
                       ManagedOrganizationSummary,
                       {
                         name: workspaceOwner.organizationName,
@@ -12261,29 +13123,37 @@ function SettingsContentInner({
                         status: workspaceOwner.organizationStatus,
                         managementUrl: organization.managementUrl
                       }
-                    ) : /* @__PURE__ */ jsx22(
+                    ) : /* @__PURE__ */ jsx24(
                       OrganizationContent,
                       {
                         embedded: true,
                         view: activeTab === "organizationWorkspaces" || activeTab === "organizationDomains" ? "workspaces" : "people"
                       }
                     ) }),
-                    activeTab === "billing" && isWorkspaceAdmin && /* @__PURE__ */ jsx22("div", { className: "flex flex-col flex-1 min-w-0 min-h-0 h-full", children: /* @__PURE__ */ jsx22(
+                    activeTab === "billing" && isWorkspaceAdmin && /* @__PURE__ */ jsx24("div", { className: "flex flex-col flex-1 min-w-0 min-h-0 h-full", children: /* @__PURE__ */ jsx24(
                       BillingContent,
                       {
                         embedded: true,
                         showPlans: billingShowPlans,
-                        onShowPlansChange: setBillingShowPlans
+                        onShowPlansChange: (open) => {
+                          setBillingShowPlans(open);
+                          if (open) setBillingShowPerUserLimits(false);
+                        },
+                        showPerUserLimits: billingShowPerUserLimits,
+                        onShowPerUserLimitsChange: (open) => {
+                          setBillingShowPerUserLimits(open);
+                          if (open) setBillingShowPlans(false);
+                        }
                       }
                     ) }),
-                    (activeTab === "billing" || activeTab === "apikey") && !isWorkspaceAdmin && /* @__PURE__ */ jsxs19("section", { role: "status", className: "flex flex-col flex-1 min-w-0", style: { padding: 28, gap: 12, background: "var(--alias-surface-base)", border: "1px solid var(--alias-border-default)", borderRadius: "var(--radius-3xl, 16px)" }, children: [
-                      /* @__PURE__ */ jsx22(SiconLock, { size: 24, color: MUTED_COLOR2 }),
-                      /* @__PURE__ */ jsx22("h2", { style: { margin: 0, fontSize: 18, fontWeight: 600, color: PRIMARY_COLOR3 }, children: "Contact your workspace admin" }),
-                      /* @__PURE__ */ jsx22("p", { style: { margin: 0, fontSize: 14, lineHeight: "22px", color: MUTED_COLOR2, maxWidth: 480 }, children: activeTab === "billing" ? "Your workspace admin manages credit top-ups, plans and billing history. Get in touch with them to add credits or request billing details." : "API Keys are available to workspace Admins only. Get in touch with your workspace admin to manage API access." }),
-                      /* @__PURE__ */ jsx22("button", { type: "button", onClick: () => setActiveTab("workspaceMembers"), style: { alignSelf: "flex-start", marginTop: 8, padding: "8px 12px", background: "transparent", color: PRIMARY_COLOR3, border: "1px solid var(--alias-border-default)", borderRadius: 8, cursor: "pointer" }, children: "View workspace members" })
+                    (activeTab === "billing" || activeTab === "apikey") && !isWorkspaceAdmin && /* @__PURE__ */ jsxs21("section", { role: "status", className: "flex flex-col flex-1 min-w-0", style: { padding: 28, gap: 12, background: "var(--alias-surface-base)", border: "1px solid var(--alias-border-default)", borderRadius: "var(--radius-3xl, 16px)" }, children: [
+                      /* @__PURE__ */ jsx24(SiconLock, { size: 24, color: MUTED_COLOR2 }),
+                      /* @__PURE__ */ jsx24("h2", { style: { margin: 0, fontSize: 18, fontWeight: 600, color: PRIMARY_COLOR3 }, children: "Contact your workspace admin" }),
+                      /* @__PURE__ */ jsx24("p", { style: { margin: 0, fontSize: 14, lineHeight: "22px", color: MUTED_COLOR2, maxWidth: 480 }, children: activeTab === "billing" ? "Your workspace admin manages credit top-ups, plans and billing history. Get in touch with them to add credits or request billing details." : "API Keys are available to workspace Admins only. Get in touch with your workspace admin to manage API access." }),
+                      /* @__PURE__ */ jsx24("button", { type: "button", onClick: () => setActiveTab("workspaceMembers"), style: { alignSelf: "flex-start", marginTop: 8, padding: "8px 12px", background: "transparent", color: PRIMARY_COLOR3, border: "1px solid var(--alias-border-default)", borderRadius: 8, cursor: "pointer" }, children: "View workspace members" })
                     ] }),
-                    activeTab === "apikey" && isWorkspaceAdmin && /* @__PURE__ */ jsxs19("div", { className: "flex flex-col flex-1 min-w-0 min-h-0 h-full", children: [
-                      /* @__PURE__ */ jsxs19(
+                    activeTab === "apikey" && isWorkspaceAdmin && /* @__PURE__ */ jsxs21("div", { className: "flex flex-col flex-1 min-w-0 min-h-0 h-full", children: [
+                      /* @__PURE__ */ jsxs21(
                         "a",
                         {
                           href: "https://docs.streamoid.com",
@@ -12293,19 +13163,19 @@ function SettingsContentInner({
                           className: "flex items-center shrink-0",
                           style: { gap: 14, padding: "16px 20px", marginBottom: 16, border: "1px solid var(--alias-border-default)", borderRadius: "var(--radius-3xl, 16px)", background: "var(--alias-surface-base)", color: PRIMARY_COLOR3, textDecoration: "none" },
                           children: [
-                            /* @__PURE__ */ jsx22(SiconBookOpen, { size: 24 }),
-                            /* @__PURE__ */ jsxs19("span", { style: { display: "flex", flexDirection: "column", gap: 4, flex: 1 }, children: [
-                              /* @__PURE__ */ jsx22("span", { style: { fontSize: 14, fontWeight: 600 }, children: "Build with the Streamoid API" }),
-                              /* @__PURE__ */ jsx22("span", { style: { fontSize: 13, lineHeight: "20px", color: MUTED_COLOR2 }, children: "Explore authentication, API references and integration guides." })
+                            /* @__PURE__ */ jsx24(SiconBookOpen, { size: 24 }),
+                            /* @__PURE__ */ jsxs21("span", { style: { display: "flex", flexDirection: "column", gap: 4, flex: 1 }, children: [
+                              /* @__PURE__ */ jsx24("span", { style: { fontSize: 14, fontWeight: 600 }, children: "Build with the Streamoid API" }),
+                              /* @__PURE__ */ jsx24("span", { style: { fontSize: 13, lineHeight: "20px", color: MUTED_COLOR2 }, children: "Explore authentication, API references and integration guides." })
                             ] }),
-                            /* @__PURE__ */ jsxs19("span", { style: { display: "inline-flex", alignItems: "center", gap: 6, fontSize: 13, whiteSpace: "nowrap" }, children: [
+                            /* @__PURE__ */ jsxs21("span", { style: { display: "inline-flex", alignItems: "center", gap: 6, fontSize: 13, whiteSpace: "nowrap" }, children: [
                               "View docs ",
-                              /* @__PURE__ */ jsx22(SiconExternalLink2, { size: 16 })
+                              /* @__PURE__ */ jsx24(SiconExternalLink2, { size: 16 })
                             ] })
                           ]
                         }
                       ),
-                      /* @__PURE__ */ jsx22(
+                      /* @__PURE__ */ jsx24(
                         TokensContent,
                         {
                           embedded: true,
@@ -12322,7 +13192,7 @@ function SettingsContentInner({
             ] })
           }
         ),
-        /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx24(
           WorkspaceModal,
           {
             open: wsModalOpen,
@@ -12341,7 +13211,7 @@ function SettingsContentInner({
             }
           }
         ),
-        /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx24(
           ConfirmLeaveModal,
           {
             open: confirmLeaveOpen,
@@ -12374,7 +13244,7 @@ function SettingsContentInner({
             }
           }
         ),
-        /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx24(
           ConfirmDeleteModal,
           {
             open: confirmDeleteOpen,
@@ -12404,10 +13274,10 @@ function SettingsContentInner({
 }
 
 // src/workspace-picker.tsx
-import { useState as useState16 } from "react";
-import { ScButton as ScButton8, ScCheckbox } from "@streamoid/ui";
-import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
-var T13 = {
+import { useState as useState18 } from "react";
+import { ScButton as ScButton11, ScCheckbox } from "@streamoid/ui";
+import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
+var T15 = {
   primary: "var(--alias-text---icons-primary)",
   muted: "var(--alias-text---icons-muted)",
   tertiary: "var(--alias-text---icons-tertiary)",
@@ -12437,10 +13307,10 @@ function WorkspacePicker({
   onJoin,
   onCreate
 }) {
-  const [selected, setSelected] = useState16(/* @__PURE__ */ new Set());
-  const [creating, setCreating] = useState16(false);
-  const [name, setName] = useState16("");
-  const [busy, setBusy] = useState16(false);
+  const [selected, setSelected] = useState18(/* @__PURE__ */ new Set());
+  const [creating, setCreating] = useState18(false);
+  const [name, setName] = useState18("");
+  const [busy, setBusy] = useState18(false);
   const hasWorkspaces = workspaces.length > 0;
   const showCreate = creating || !loading && !hasWorkspaces;
   const orgLabel = organizationName || "your organization";
@@ -12459,48 +13329,48 @@ function WorkspacePicker({
       setBusy(false);
     }
   };
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs22(
     "div",
     {
       className: "flex flex-col w-full",
-      style: { maxWidth: 520, gap: T13.sp5xl, fontFamily: T13.font },
+      style: { maxWidth: 520, gap: T15.sp5xl, fontFamily: T15.font },
       children: [
-        /* @__PURE__ */ jsxs20("div", { className: "flex flex-col", style: { gap: T13.spMd }, children: [
-          /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsxs22("div", { className: "flex flex-col", style: { gap: T15.spMd }, children: [
+          /* @__PURE__ */ jsx25(
             "p",
             {
               style: {
-                color: T13.primary,
-                fontSize: T13.fsXl,
+                color: T15.primary,
+                fontSize: T15.fsXl,
                 fontWeight: 600,
-                lineHeight: T13.lhXl,
+                lineHeight: T15.lhXl,
                 margin: 0
               },
               children: "Choose your workspaces"
             }
           ),
-          /* @__PURE__ */ jsx23("p", { style: { color: T13.muted, fontSize: T13.fsSm, lineHeight: T13.lhSm, margin: 0 }, children: hasWorkspaces || loading ? `Join one or more workspaces in ${orgLabel} as a member, or create your own.` : `There are no workspaces to join in ${orgLabel} yet. Create one to get started.` })
+          /* @__PURE__ */ jsx25("p", { style: { color: T15.muted, fontSize: T15.fsSm, lineHeight: T15.lhSm, margin: 0 }, children: hasWorkspaces || loading ? `Join one or more workspaces in ${orgLabel} as a member, or create your own.` : `There are no workspaces to join in ${orgLabel} yet. Create one to get started.` })
         ] }),
-        (loading || hasWorkspaces) && /* @__PURE__ */ jsx23(
+        (loading || hasWorkspaces) && /* @__PURE__ */ jsx25(
           "div",
           {
             className: "flex flex-col w-full overflow-y-auto",
             style: {
               maxHeight: 360,
-              background: T13.surface,
-              border: `1px solid ${T13.borderSubtle}`,
-              borderRadius: T13.r3xl
+              background: T15.surface,
+              border: `1px solid ${T15.borderSubtle}`,
+              borderRadius: T15.r3xl
             },
-            children: loading ? /* @__PURE__ */ jsx23(
+            children: loading ? /* @__PURE__ */ jsx25(
               "div",
               {
                 className: "flex items-center justify-center",
-                style: { padding: T13.sp6xl, color: T13.muted, fontSize: T13.fsSm },
+                style: { padding: T15.sp6xl, color: T15.muted, fontSize: T15.fsSm },
                 children: "Loading workspaces\u2026"
               }
             ) : workspaces.map((workspace, index) => {
               const checked = selected.has(workspace._id);
-              return /* @__PURE__ */ jsxs20(
+              return /* @__PURE__ */ jsxs22(
                 "div",
                 {
                   role: "checkbox",
@@ -12508,9 +13378,9 @@ function WorkspacePicker({
                   tabIndex: 0,
                   className: "flex items-center cursor-pointer",
                   style: {
-                    gap: T13.spXl,
-                    padding: `${T13.spXl} ${T13.sp3xl}`,
-                    borderTop: index ? `1px solid ${T13.borderSubtle}` : "none"
+                    gap: T15.spXl,
+                    padding: `${T15.spXl} ${T15.sp3xl}`,
+                    borderTop: index ? `1px solid ${T15.borderSubtle}` : "none"
                   },
                   onClick: () => toggle(workspace._id),
                   onKeyDown: (e) => {
@@ -12520,35 +13390,35 @@ function WorkspacePicker({
                     }
                   },
                   children: [
-                    /* @__PURE__ */ jsx23(ScCheckbox, { checked }),
-                    /* @__PURE__ */ jsx23(
+                    /* @__PURE__ */ jsx25(ScCheckbox, { checked }),
+                    /* @__PURE__ */ jsx25(
                       ProfileAvatar,
                       {
                         name: workspace.name,
                         profileImage: workspace.imageUrl,
                         size: 32,
-                        borderRadius: T13.rLg
+                        borderRadius: T15.rLg
                       }
                     ),
-                    /* @__PURE__ */ jsxs20("div", { className: "flex flex-col min-w-0", children: [
-                      /* @__PURE__ */ jsx23(
+                    /* @__PURE__ */ jsxs22("div", { className: "flex flex-col min-w-0", children: [
+                      /* @__PURE__ */ jsx25(
                         "span",
                         {
                           className: "truncate",
                           style: {
-                            color: T13.primary,
-                            fontSize: T13.fsSm,
+                            color: T15.primary,
+                            fontSize: T15.fsSm,
                             fontWeight: 500,
-                            lineHeight: T13.lhSm
+                            lineHeight: T15.lhSm
                           },
                           children: workspace.name
                         }
                       ),
-                      workspace.ownerName && /* @__PURE__ */ jsxs20(
+                      workspace.ownerName && /* @__PURE__ */ jsxs22(
                         "span",
                         {
                           className: "truncate",
-                          style: { color: T13.muted, fontSize: T13.fsXs, lineHeight: T13.lhXs },
+                          style: { color: T15.muted, fontSize: T15.fsXs, lineHeight: T15.lhXs },
                           children: [
                             "Created by ",
                             workspace.ownerName
@@ -12563,16 +13433,16 @@ function WorkspacePicker({
             })
           }
         ),
-        showCreate ? /* @__PURE__ */ jsxs20("div", { className: "flex flex-col w-full", style: { gap: T13.spMd }, children: [
-          /* @__PURE__ */ jsx23(
+        showCreate ? /* @__PURE__ */ jsxs22("div", { className: "flex flex-col w-full", style: { gap: T15.spMd }, children: [
+          /* @__PURE__ */ jsx25(
             "label",
             {
               htmlFor: "workspace-picker-name",
-              style: { color: T13.tertiary, fontSize: T13.fsSm, lineHeight: T13.lhSm },
+              style: { color: T15.tertiary, fontSize: T15.fsSm, lineHeight: T15.lhSm },
               children: "New workspace name"
             }
           ),
-          /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx25(
             "input",
             {
               id: "workspace-picker-name",
@@ -12587,20 +13457,20 @@ function WorkspacePicker({
               placeholder: "e.g. Marketing",
               style: {
                 height: 48,
-                padding: `0 ${T13.sp3xl}`,
-                background: T13.fillPlus,
+                padding: `0 ${T15.sp3xl}`,
+                background: T15.fillPlus,
                 border: "none",
                 outline: "none",
-                borderRadius: T13.r3xl,
-                color: T13.primary,
-                fontFamily: T13.font,
-                fontSize: T13.fsSm
+                borderRadius: T15.r3xl,
+                color: T15.primary,
+                fontFamily: T15.font,
+                fontSize: T15.fsSm
               }
             }
           ),
-          /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-end w-full", style: { gap: T13.spMd }, children: [
-            hasWorkspaces && /* @__PURE__ */ jsx23(
-              ScButton8,
+          /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-end w-full", style: { gap: T15.spMd }, children: [
+            hasWorkspaces && /* @__PURE__ */ jsx25(
+              ScButton11,
               {
                 text: "Back",
                 variant: "tertiary",
@@ -12608,8 +13478,8 @@ function WorkspacePicker({
                 onClick: () => setCreating(false)
               }
             ),
-            /* @__PURE__ */ jsx23(
-              ScButton8,
+            /* @__PURE__ */ jsx25(
+              ScButton11,
               {
                 text: busy ? "Creating\u2026" : "Create workspace",
                 variant: "primary",
@@ -12619,9 +13489,9 @@ function WorkspacePicker({
               }
             )
           ] })
-        ] }) : /* @__PURE__ */ jsxs20("div", { className: "flex flex-wrap items-center justify-between w-full", style: { gap: T13.spMd }, children: [
-          /* @__PURE__ */ jsx23(
-            ScButton8,
+        ] }) : /* @__PURE__ */ jsxs22("div", { className: "flex flex-wrap items-center justify-between w-full", style: { gap: T15.spMd }, children: [
+          /* @__PURE__ */ jsx25(
+            ScButton11,
             {
               text: "Create a workspace",
               variant: "tertiary",
@@ -12630,8 +13500,8 @@ function WorkspacePicker({
               onClick: loading || busy ? void 0 : () => setCreating(true)
             }
           ),
-          /* @__PURE__ */ jsx23(
-            ScButton8,
+          /* @__PURE__ */ jsx25(
+            ScButton11,
             {
               text: busy ? "Joining\u2026" : selected.size > 1 ? `Join ${selected.size} workspaces` : "Join workspace",
               variant: "primary",
@@ -12655,11 +13525,13 @@ export {
   DEFAULT_USER_LANGUAGE,
   ExportDateModal,
   InviteUpdateModal,
+  MemberCreditLimitModal,
   MemberListFrame,
   MemberListToolbar,
   OrganizationContent,
   OrganizationMemberModal,
   OrganizationModal,
+  PerUserLimitsView,
   ProfileAvatar,
   ProfileTab,
   ReferralTab,
@@ -12683,11 +13555,25 @@ export {
   WorkspaceModal,
   WorkspacePicker,
   WorkspaceTab,
+  belowUsageReason,
   countLabel,
+  creditCycleUnit,
+  describeDefaultLimit,
+  describeMemberLimit,
+  formatCreditLimit,
+  formatCredits,
   groupWorkspaceList,
+  isLimitBelowUsage,
+  joinMembersWithLimits,
+  limitBelowUsageUsed,
+  limitSourceLabel,
   loadWorkspaceOrganization,
+  minimumCreditLimit,
   resolveSettingsTabFromPath,
+  roundCredits,
   useSettingsAdapters,
   useWorkspaceOrganization,
-  userLanguageLabel
+  userLanguageLabel,
+  validateCreditLimitInput,
+  validateDefaultCreditLimitInput
 };