@saasicat/ui-vue 0.22.2 → 0.23.0

package/dist/index.cjs

@@ -54,6 +54,7 @@ __export(src_exports, {
   SA_LOCALE_LABELS: () => SA_LOCALE_LABELS,
   SA_LOCALE_STORAGE_KEY: () => SA_LOCALE_STORAGE_KEY,
   SA_MESSAGES: () => SA_MESSAGES,
+  SA_THEME_KEY: () => SA_THEME_KEY,
   SERVER_PAGE_SIZE_OPTIONS: () => SERVER_PAGE_SIZE_OPTIONS,
   SUPER_ADMIN_ACTIONS_KEY: () => SUPER_ADMIN_ACTIONS_KEY,
   SUPER_ADMIN_BRAND_KEY: () => SUPER_ADMIN_BRAND_KEY,
@@ -79,6 +80,7 @@ __export(src_exports, {
   createPlatformLoaders: () => createPlatformLoaders,
   createProjectPageHostRoute: () => createProjectPageHostRoute,
   createSaCatalog: () => createSaCatalog,
+  createSaTheme: () => createSaTheme,
   createSuperAdminI18n: () => createSuperAdminI18n,
   defaultHttpClient: () => defaultHttpClient,
   defaultIconForActionKey: () => defaultIconForActionKey,
@@ -128,6 +130,7 @@ __export(src_exports, {
   usePromotions: () => usePromotions,
   usePublicBoot: () => usePublicBoot,
   useSaMessages: () => useSaMessages,
+  useSaTheme: () => useSaTheme,
   useSubscriptionDraft: () => useSubscriptionDraft,
   useSuperAdminActions: () => useSuperAdminActions,
   useSuperAdminBrand: () => useSuperAdminBrand,
@@ -4096,8 +4099,56 @@ function useSaMessages(namespace) {
   return (0, import_vue2.computed)(() => messages.value[namespace]);
 }
 
-// src/vue/project-page-host.ts
+// src/vue/use-sa-theme.ts
 var import_vue3 = require("vue");
+var SCHEMES = ["light", "dark", "system"];
+var STORAGE_KEY = "saasicat.theme.scheme";
+function isScheme(value) {
+  return typeof value === "string" && SCHEMES.includes(value);
+}
+function systemScheme() {
+  const value = (0, import_vue3.ref)("light");
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
+    return { value, unsubscribe: () => {
+    } };
+  }
+  const query = window.matchMedia("(prefers-color-scheme: dark)");
+  value.value = query.matches ? "dark" : "light";
+  const onChange = (event) => {
+    value.value = event.matches ? "dark" : "light";
+  };
+  query.addEventListener("change", onChange);
+  return { value, unsubscribe: () => query.removeEventListener("change", onChange) };
+}
+function createSaTheme(options = {}) {
+  const storage = options.storage ?? defaultKvStore();
+  const persist = options.persist !== false;
+  const provided = options.scheme;
+  const appOwnsIt = (0, import_vue3.isRef)(provided);
+  const stored = persist && !appOwnsIt ? storage.get(STORAGE_KEY) : null;
+  const scheme = (0, import_vue3.isRef)(provided) ? provided : (0, import_vue3.ref)(isScheme(stored) ? stored : provided ?? "system");
+  const { value: system, unsubscribe } = systemScheme();
+  const stopPersisting = persist && !appOwnsIt ? (0, import_vue3.watch)(scheme, (next) => storage.set(STORAGE_KEY, next)) : null;
+  return {
+    scheme,
+    resolved: (0, import_vue3.computed)(() => scheme.value === "system" ? system.value : scheme.value),
+    dispose: () => {
+      unsubscribe();
+      stopPersisting?.();
+    }
+  };
+}
+var SA_THEME_KEY = /* @__PURE__ */ Symbol.for("@saasicat/ui-vue/SA_THEME");
+var fallbackTheme = null;
+function useSaTheme() {
+  const injected = (0, import_vue3.inject)(SA_THEME_KEY, null);
+  if (injected) return injected;
+  fallbackTheme ??= createSaTheme({ persist: false });
+  return fallbackTheme;
+}
+
+// src/vue/project-page-host.ts
+var import_vue4 = require("vue");
 var import_vue_router = require("vue-router");
 var asyncComponentCache = /* @__PURE__ */ new WeakMap();
 function resolveAsync(extensions, key) {
@@ -4110,23 +4161,23 @@ function resolveAsync(extensions, key) {
   if (cached) return cached;
   const loader = extensions[key];
   if (!loader) return null;
-  const cmp = (0, import_vue3.defineAsyncComponent)(loader);
+  const cmp = (0, import_vue4.defineAsyncComponent)(loader);
   bucket.set(key, cmp);
   return cmp;
 }
-var ProjectPageHost = (0, import_vue3.defineComponent)({
+var ProjectPageHost = (0, import_vue4.defineComponent)({
   name: "ProjectPageHost",
   setup() {
     const route = (0, import_vue_router.useRoute)();
-    const extensions = (0, import_vue3.inject)(SUPER_ADMIN_EXTENSIONS_KEY, {});
-    const manifestAccessor = (0, import_vue3.inject)(SUPER_ADMIN_MANIFEST_KEY, null);
-    const matchingPage = (0, import_vue3.computed)(() => {
+    const extensions = (0, import_vue4.inject)(SUPER_ADMIN_EXTENSIONS_KEY, {});
+    const manifestAccessor = (0, import_vue4.inject)(SUPER_ADMIN_MANIFEST_KEY, null);
+    const matchingPage = (0, import_vue4.computed)(() => {
       const manifest = manifestAccessor ? manifestAccessor() : null;
       if (!manifest) return null;
       const pages = manifest.navigation?.projectPages ?? [];
       return pages.find((p) => p.route === route.path) ?? null;
     });
-    const resolvedComponent = (0, import_vue3.computed)(() => {
+    const resolvedComponent = (0, import_vue4.computed)(() => {
       const page = matchingPage.value;
       if (!page) return null;
       return resolveAsync(extensions, page.componentKey);
@@ -4134,10 +4185,10 @@ var ProjectPageHost = (0, import_vue3.defineComponent)({
     return () => {
       const page = matchingPage.value;
       const cmp = resolvedComponent.value;
-      if (page && cmp) return (0, import_vue3.h)(cmp);
-      return (0, import_vue3.h)("div", { class: "sa-project-page-host__missing", role: "alert" }, [
-        (0, import_vue3.h)("h2", "Page not available"),
-        (0, import_vue3.h)(
+      if (page && cmp) return (0, import_vue4.h)(cmp);
+      return (0, import_vue4.h)("div", { class: "sa-project-page-host__missing", role: "alert" }, [
+        (0, import_vue4.h)("h2", "Page not available"),
+        (0, import_vue4.h)(
           "p",
           page ? `componentKey "${page.componentKey}" is not registered in the extensions: map. Apps must register the component in createSuperAdminApp({ extensions }).` : `No manifest definition for ${route.path}. Either the ProjectPage is missing from the manifest, or the capability is not active.`
         )
@@ -4188,15 +4239,15 @@ function createAdminRoutes(options) {
 }
 
 // src/vue/use-api-list.ts
-var import_vue4 = require("vue");
+var import_vue5 = require("vue");
 function useApiList(options) {
   const http = options.http ?? defaultHttpClient();
-  const items = (0, import_vue4.ref)([]);
-  const page = (0, import_vue4.ref)(1);
-  const pageSize = (0, import_vue4.ref)(50);
-  const total = (0, import_vue4.ref)(0);
-  const loading = (0, import_vue4.ref)(false);
-  const error = (0, import_vue4.ref)(null);
+  const items = (0, import_vue5.ref)([]);
+  const page = (0, import_vue5.ref)(1);
+  const pageSize = (0, import_vue5.ref)(50);
+  const total = (0, import_vue5.ref)(0);
+  const loading = (0, import_vue5.ref)(false);
+  const error = (0, import_vue5.ref)(null);
   function buildUrl() {
     const params = new URLSearchParams();
     params.set("page", String(page.value));
@@ -4252,7 +4303,7 @@ function useApiList(options) {
     await load();
   }
   if (options.filter) {
-    (0, import_vue4.watch)(
+    (0, import_vue5.watch)(
       options.filter,
       () => {
         page.value = 1;
@@ -4278,22 +4329,22 @@ function useApiList(options) {
 }
 
 // src/vue/use-pagination.ts
-var import_vue5 = require("vue");
+var import_vue6 = require("vue");
 var ALL_ROWS = 0;
 var DEFAULT_ROWS_PER_PAGE = 10;
 var PAGE_SIZE_OPTIONS = [10, 25, 50, 100, ALL_ROWS];
 var SERVER_PAGE_SIZE_OPTIONS = [10, 25, 50, 100];
 function usePagination(rows, initialRowsPerPage = DEFAULT_ROWS_PER_PAGE) {
-  const page = (0, import_vue5.ref)(1);
-  const rowsPerPage = (0, import_vue5.ref)(initialRowsPerPage);
-  const total = (0, import_vue5.computed)(() => rows.value.length);
-  const pageCount = (0, import_vue5.computed)(
+  const page = (0, import_vue6.ref)(1);
+  const rowsPerPage = (0, import_vue6.ref)(initialRowsPerPage);
+  const total = (0, import_vue6.computed)(() => rows.value.length);
+  const pageCount = (0, import_vue6.computed)(
     () => rowsPerPage.value === ALL_ROWS ? 1 : Math.max(1, Math.ceil(total.value / rowsPerPage.value))
   );
-  (0, import_vue5.watch)(pageCount, (count) => {
+  (0, import_vue6.watch)(pageCount, (count) => {
     if (page.value > count) page.value = count;
   });
-  const pagedRows = (0, import_vue5.computed)(() => {
+  const pagedRows = (0, import_vue6.computed)(() => {
     if (rowsPerPage.value === ALL_ROWS) return [...rows.value];
     const start = (page.value - 1) * rowsPerPage.value;
     return rows.value.slice(start, start + rowsPerPage.value);
@@ -4302,14 +4353,14 @@ function usePagination(rows, initialRowsPerPage = DEFAULT_ROWS_PER_PAGE) {
 }
 
 // src/vue/use-tenants.ts
-var import_vue6 = require("vue");
+var import_vue7 = require("vue");
 function useTenants(options) {
   if (!options?.endpoint) {
     throw new Error(
       'useTenants: `endpoint` is required (e.g. "/api/v1/admin/tenants" or "/api/admin/tenants"). The platform has no default because apps use different globalPrefix conventions.'
     );
   }
-  const filter = options.filter ?? (0, import_vue6.ref)({});
+  const filter = options.filter ?? (0, import_vue7.ref)({});
   const list = useApiList({
     endpoint: options.endpoint,
     filter,
@@ -4321,14 +4372,14 @@ function useTenants(options) {
 }
 
 // src/vue/use-audit-entries.ts
-var import_vue7 = require("vue");
+var import_vue8 = require("vue");
 function useAuditEntries(options) {
   if (!options?.endpoint) {
     throw new Error(
       'useAuditEntries: `endpoint` is required (e.g. "/api/admin/audit" or "/api/v1/admin/audit"). The platform has no default because apps use different globalPrefix conventions.'
     );
   }
-  const filter = options.filter ?? (0, import_vue7.ref)({});
+  const filter = options.filter ?? (0, import_vue8.ref)({});
   const list = useApiList({
     endpoint: options.endpoint,
     filter,
@@ -4340,7 +4391,7 @@ function useAuditEntries(options) {
 }
 
 // src/vue/use-entitlement.ts
-var import_vue8 = require("vue");
+var import_vue9 = require("vue");
 function useEntitlement(options) {
   if (!options?.endpoint) {
     throw new Error(
@@ -4349,9 +4400,9 @@ function useEntitlement(options) {
   }
   const endpoint = options.endpoint;
   const http = options.http ?? defaultHttpClient();
-  const entitlement = (0, import_vue8.ref)(null);
-  const loading = (0, import_vue8.ref)(false);
-  const error = (0, import_vue8.ref)(null);
+  const entitlement = (0, import_vue9.ref)(null);
+  const loading = (0, import_vue9.ref)(false);
+  const error = (0, import_vue9.ref)(null);
   async function load() {
     loading.value = true;
     error.value = null;
@@ -4381,15 +4432,15 @@ function useEntitlement(options) {
 }
 
 // src/vue/use-tenant-manifest.ts
-var import_vue9 = require("vue");
+var import_vue10 = require("vue");
 function useTenantManifest(options) {
   if (!options?.endpoint) {
     throw new Error('useTenantManifest: `endpoint` is required (e.g. "/api/tenant/manifest").');
   }
   const http = options.http ?? defaultHttpClient();
-  const manifest = (0, import_vue9.ref)(null);
-  const loading = (0, import_vue9.ref)(false);
-  const error = (0, import_vue9.ref)(null);
+  const manifest = (0, import_vue10.ref)(null);
+  const loading = (0, import_vue10.ref)(false);
+  const error = (0, import_vue10.ref)(null);
   async function load() {
     loading.value = true;
     error.value = null;
@@ -4423,7 +4474,7 @@ function useTenantManifest(options) {
 }
 
 // src/vue/entitlement-provider.ts
-var import_vue10 = require("vue");
+var import_vue11 = require("vue");
 var ENTITLEMENT_INJECTION_KEY = /* @__PURE__ */ Symbol.for(
   "@saasicat/ui-vue/ENTITLEMENT"
 );
@@ -4431,7 +4482,7 @@ function provideEntitlement(app, entitlement) {
   app.provide(ENTITLEMENT_INJECTION_KEY, entitlement);
 }
 function useInjectedEntitlement() {
-  return (0, import_vue10.inject)(ENTITLEMENT_INJECTION_KEY, null);
+  return (0, import_vue11.inject)(ENTITLEMENT_INJECTION_KEY, null);
 }
 
 // src/vue/feature-router-guard.ts
@@ -4460,15 +4511,15 @@ function buildFeatureRouterGuard(options) {
 }
 
 // src/vue/use-tenant-billing-catalog.ts
-var import_vue11 = require("vue");
+var import_vue12 = require("vue");
 function useTenantBillingCatalog(options = {}) {
   const apiPrefix = trimTrailingSlashes(options.apiPrefix ?? "/billing");
   const http = options.http ?? defaultHttpClient();
-  const plans = (0, import_vue11.ref)(null);
-  const featureRegistry = (0, import_vue11.ref)(null);
-  const bundles = (0, import_vue11.ref)(null);
-  const loading = (0, import_vue11.ref)(false);
-  const error = (0, import_vue11.ref)(null);
+  const plans = (0, import_vue12.ref)(null);
+  const featureRegistry = (0, import_vue12.ref)(null);
+  const bundles = (0, import_vue12.ref)(null);
+  const loading = (0, import_vue12.ref)(false);
+  const error = (0, import_vue12.ref)(null);
   async function fetchJson(path) {
     const res = await http(`${apiPrefix}${path}`, { method: "GET" });
     if (res.status !== 200) {
@@ -4518,14 +4569,14 @@ function useTenantBillingCatalog(options = {}) {
 }
 
 // src/vue/use-tenant-billing.ts
-var import_vue12 = require("vue");
+var import_vue13 = require("vue");
 function useTenantBilling(options = {}) {
   const apiPrefix = trimTrailingSlashes(options.apiPrefix ?? "/billing");
   const http = options.http ?? defaultHttpClient();
-  const usage = (0, import_vue12.ref)(null);
-  const loading = (0, import_vue12.ref)(false);
-  const error = (0, import_vue12.ref)(null);
-  const subscriptionBundles = (0, import_vue12.ref)([]);
+  const usage = (0, import_vue13.ref)(null);
+  const loading = (0, import_vue13.ref)(false);
+  const error = (0, import_vue13.ref)(null);
+  const subscriptionBundles = (0, import_vue13.ref)([]);
   function authHeaders() {
     const headers = {};
     const token = options.getAuthToken?.();
@@ -4659,8 +4710,8 @@ function useTenantBilling(options = {}) {
 }
 
 // src/vue/use-subscription-draft.ts
-var import_vue13 = require("vue");
-var import_types12 = require("@saasicat/types");
+var import_vue14 = require("vue");
+var import_types13 = require("@saasicat/types");
 var DEFAULT_YEARLY_FACTOR = 10;
 function unwrap(source) {
   if (source && typeof source === "object" && "value" in source) {
@@ -4676,35 +4727,35 @@ function priceForCycle(monthlyNet, yearlyNet, cycle, yearlyFactor) {
 }
 function useSubscriptionDraft(options) {
   const yearlyFactor = options.yearlyFactor ?? DEFAULT_YEARLY_FACTOR;
-  const plansRef = (0, import_vue13.computed)(() => unwrap(options.plans) ?? []);
-  const subscriptionBundlesRef = (0, import_vue13.computed)(
+  const plansRef = (0, import_vue14.computed)(() => unwrap(options.plans) ?? []);
+  const subscriptionBundlesRef = (0, import_vue14.computed)(
     () => unwrap(options.subscriptionBundles ?? null) ?? []
   );
-  const plan = (0, import_vue13.ref)(options.initialPlan ?? null);
-  const cycle = (0, import_vue13.ref)(options.initialCycle ?? "MONTHLY");
-  const selectedBundleVersionIds = (0, import_vue13.ref)(
+  const plan = (0, import_vue14.ref)(options.initialPlan ?? null);
+  const cycle = (0, import_vue14.ref)(options.initialCycle ?? "MONTHLY");
+  const selectedBundleVersionIds = (0, import_vue14.ref)(
     new Set(options.initialBundleVersionIds ?? [])
   );
-  const promoCode = (0, import_vue13.ref)("");
-  const promoState = (0, import_vue13.ref)({ status: "idle", preview: null, message: "" });
-  const selectedPlan = (0, import_vue13.computed)(() => {
+  const promoCode = (0, import_vue14.ref)("");
+  const promoState = (0, import_vue14.ref)({ status: "idle", preview: null, message: "" });
+  const selectedPlan = (0, import_vue14.computed)(() => {
     if (!plan.value) return null;
     return plansRef.value.find((p) => p.id === plan.value) ?? null;
   });
-  const selectedBundles = (0, import_vue13.computed)(
+  const selectedBundles = (0, import_vue14.computed)(
     () => subscriptionBundlesRef.value.filter(
       (b) => selectedBundleVersionIds.value.has(b.bundleVersionId)
     )
   );
-  const chargeableBundles = (0, import_vue13.computed)(() => {
+  const chargeableBundles = (0, import_vue14.computed)(() => {
     const planFeatures = selectedPlan.value?.features ?? [];
     const selected = selectedBundles.value;
     const keptIds = new Set(
-      (0, import_types12.selectChargeableBundles)(planFeatures, selected).map((b) => b.bundleVersionId)
+      (0, import_types13.selectChargeableBundles)(planFeatures, selected).map((b) => b.bundleVersionId)
     );
     return selected.filter((b) => keptIds.has(b.bundleVersionId));
   });
-  const activeFeatures = (0, import_vue13.computed)(() => {
+  const activeFeatures = (0, import_vue14.computed)(() => {
     const result = /* @__PURE__ */ new Set();
     const planObj = selectedPlan.value;
     if (planObj) {
@@ -4715,7 +4766,7 @@ function useSubscriptionDraft(options) {
     }
     return result;
   });
-  const pricing = (0, import_vue13.computed)(() => {
+  const pricing = (0, import_vue14.computed)(() => {
     const cyc = cycle.value;
     const planObj = selectedPlan.value;
     const planNet = planObj ? priceForCycle(planObj.monthlyNet ?? 0, planObj.yearlyNet, cyc, yearlyFactor) : 0;
@@ -4775,7 +4826,7 @@ function useSubscriptionDraft(options) {
       }
     };
   });
-  const isDirty = (0, import_vue13.computed)(() => {
+  const isDirty = (0, import_vue14.computed)(() => {
     return selectedBundleVersionIds.value.size > 0 || promoState.value.status === "valid";
   });
   function setPlan(planId) {
@@ -4851,7 +4902,7 @@ function useSubscriptionDraft(options) {
 }
 
 // src/vue/use-bulk-publish.ts
-var import_vue14 = require("vue");
+var import_vue15 = require("vue");
 function useBulkPublish(options) {
   const msg = useSaMessages("planVersions");
   if (!options?.endpoints) {
@@ -4861,15 +4912,15 @@ function useBulkPublish(options) {
   }
   const http = options.http ?? defaultHttpClient();
   const endpoints = options.endpoints;
-  const items = (0, import_vue14.ref)([]);
-  const successCount = (0, import_vue14.computed)(() => items.value.filter((i) => i.status === "published").length);
-  const failureCount = (0, import_vue14.computed)(() => items.value.filter((i) => i.status === "failed").length);
-  const progress = (0, import_vue14.computed)(() => {
+  const items = (0, import_vue15.ref)([]);
+  const successCount = (0, import_vue15.computed)(() => items.value.filter((i) => i.status === "published").length);
+  const failureCount = (0, import_vue15.computed)(() => items.value.filter((i) => i.status === "failed").length);
+  const progress = (0, import_vue15.computed)(() => {
     if (items.value.length === 0) return 0;
     const done2 = successCount.value + failureCount.value;
     return done2 / items.value.length;
   });
-  const done = (0, import_vue14.computed)(
+  const done = (0, import_vue15.computed)(
     () => items.value.length > 0 && items.value.every((i) => i.status === "published" || i.status === "failed")
   );
   function setItems(next) {
@@ -4927,7 +4978,7 @@ function useBulkPublish(options) {
 }
 
 // src/vue/use-plan-editor.ts
-var import_vue15 = require("vue");
+var import_vue16 = require("vue");
 var PlannedOnlyFeatureError = class extends Error {
   constructor(violations) {
     super(
@@ -4947,10 +4998,10 @@ function tierWeight(tier) {
 function usePlanEditor(manifest, options = {}) {
   const baseSet = new Set(options.baseFeatures ?? []);
   const nonRegressive = options.nonRegressive ?? true;
-  const selectedFeatures = (0, import_vue15.ref)(new Set(options.initialFeatures ?? []));
+  const selectedFeatures = (0, import_vue16.ref)(new Set(options.initialFeatures ?? []));
   const catalogFeatures = manifest.planCatalogSnapshot.features ?? [];
   const plannedOnlySet = new Set(catalogFeatures.filter((f) => f.plannedOnly).map((f) => f.key));
-  const availableFeatures = (0, import_vue15.computed)(() => {
+  const availableFeatures = (0, import_vue16.computed)(() => {
     return catalogFeatures.map((def) => {
       const isSelected = selectedFeatures.value.has(def.key);
       const isPlannedOnly = !!def.plannedOnly;
@@ -4959,7 +5010,7 @@ function usePlanEditor(manifest, options = {}) {
       return { def, isSelected, isPlannedOnly, isInherited, canToggle };
     });
   });
-  const featuresByTier = (0, import_vue15.computed)(() => {
+  const featuresByTier = (0, import_vue16.computed)(() => {
     const groups = /* @__PURE__ */ new Map();
     for (const row of availableFeatures.value) {
       const tier = row.def.tier ?? "OTHER";
@@ -5004,12 +5055,12 @@ function usePlanEditor(manifest, options = {}) {
 }
 
 // src/vue/use-public-boot.ts
-var import_vue16 = require("vue");
+var import_vue17 = require("vue");
 function usePublicBoot(options) {
   const loader = new BootLoader(options);
-  const boot = (0, import_vue16.ref)(null);
-  const loading = (0, import_vue16.ref)(false);
-  const error = (0, import_vue16.ref)(null);
+  const boot = (0, import_vue17.ref)(null);
+  const loading = (0, import_vue17.ref)(false);
+  const error = (0, import_vue17.ref)(null);
   async function load() {
     loading.value = true;
     error.value = null;
@@ -5026,7 +5077,7 @@ function usePublicBoot(options) {
 }
 
 // src/vue/use-discovery.ts
-var import_vue17 = require("vue");
+var import_vue18 = require("vue");
 var DiscoveryLoadError = class extends Error {
   constructor(status, message) {
     super(message);
@@ -5043,10 +5094,10 @@ function useDiscovery(options) {
     );
   }
   const http = options.http ?? defaultHttpClient();
-  const snapshot = (0, import_vue17.ref)(null);
-  const etag = (0, import_vue17.ref)(null);
-  const loading = (0, import_vue17.ref)(false);
-  const error = (0, import_vue17.ref)(null);
+  const snapshot = (0, import_vue18.ref)(null);
+  const etag = (0, import_vue18.ref)(null);
+  const loading = (0, import_vue18.ref)(false);
+  const error = (0, import_vue18.ref)(null);
   async function fetchSnapshot(includeEtag) {
     loading.value = true;
     error.value = null;
@@ -5113,7 +5164,7 @@ function useDiscovery(options) {
 }
 
 // src/vue/use-catalog-entries.ts
-var import_vue18 = require("vue");
+var import_vue19 = require("vue");
 var CatalogEntriesApiError = class extends Error {
   constructor(status, body, message) {
     super(message);
@@ -5133,11 +5184,11 @@ function useCatalogEntries(options) {
   }
   const msg = useSaMessages("discovery");
   const http = options.http ?? defaultHttpClient();
-  const capabilities = (0, import_vue18.ref)([]);
-  const features = (0, import_vue18.ref)([]);
-  const quotas = (0, import_vue18.ref)([]);
-  const loading = (0, import_vue18.ref)(false);
-  const error = (0, import_vue18.ref)(null);
+  const capabilities = (0, import_vue19.ref)([]);
+  const features = (0, import_vue19.ref)([]);
+  const quotas = (0, import_vue19.ref)([]);
+  const loading = (0, import_vue19.ref)(false);
+  const error = (0, import_vue19.ref)(null);
   const base = `${options.adminEndpoint}/catalog`;
   const pk = encodeURIComponent(options.projectKey);
   function authHeaders() {
@@ -5263,7 +5314,7 @@ function useCatalogEntries(options) {
 }
 
 // src/vue/use-bundles.ts
-var import_vue19 = require("vue");
+var import_vue20 = require("vue");
 var BundlesApiError = class extends Error {
   constructor(status, body, message) {
     super(message);
@@ -5284,9 +5335,9 @@ function useBundles(options) {
     throw new Error("useBundles: `projectKey` is required.");
   }
   const http = options.http ?? defaultHttpClient();
-  const bundles = (0, import_vue19.ref)([]);
-  const loading = (0, import_vue19.ref)(false);
-  const error = (0, import_vue19.ref)(null);
+  const bundles = (0, import_vue20.ref)([]);
+  const loading = (0, import_vue20.ref)(false);
+  const error = (0, import_vue20.ref)(null);
   const baseUrl = `${options.adminEndpoint}/catalog/bundles`;
   function authHeaders() {
     const token = options.getAuthToken?.();
@@ -5358,9 +5409,9 @@ function useBundleVersions(options) {
     throw new Error("useBundleVersions: `bundleId` is required.");
   }
   const http = options.http ?? defaultHttpClient();
-  const versions = (0, import_vue19.ref)([]);
-  const loading = (0, import_vue19.ref)(false);
-  const error = (0, import_vue19.ref)(null);
+  const versions = (0, import_vue20.ref)([]);
+  const loading = (0, import_vue20.ref)(false);
+  const error = (0, import_vue20.ref)(null);
   const bundleVersionsUrl = `${options.adminEndpoint}/catalog/bundles/${options.bundleId}/versions`;
   const versionUrlBase = `${options.adminEndpoint}/catalog/bundle-versions`;
   function authHeaders() {
@@ -5434,7 +5485,7 @@ function useBundleVersions(options) {
 }
 
 // src/vue/use-bundle-versions-map.ts
-var import_vue20 = require("vue");
+var import_vue21 = require("vue");
 function useBundleVersionsMap(options) {
   if (!options?.adminEndpoint) {
     throw new Error("useBundleVersionsMap: `adminEndpoint` is required.");
@@ -5443,9 +5494,9 @@ function useBundleVersionsMap(options) {
     throw new Error("useBundleVersionsMap: `bundles` is required.");
   }
   const http = options.http ?? defaultHttpClient();
-  const versionsByBundle = (0, import_vue20.ref)({});
-  const loading = (0, import_vue20.ref)(false);
-  const error = (0, import_vue20.ref)(null);
+  const versionsByBundle = (0, import_vue21.ref)({});
+  const loading = (0, import_vue21.ref)(false);
+  const error = (0, import_vue21.ref)(null);
   function authHeaders() {
     const token = options.getAuthToken?.();
     return token ? { Authorization: `Bearer ${token}` } : {};
@@ -5495,7 +5546,7 @@ function useBundleVersionsMap(options) {
       console.warn(`useBundleVersionsMap: refreshOne('${bundleId}') failed`, err);
     }
   }
-  (0, import_vue20.watch)(
+  (0, import_vue21.watch)(
     () => options.bundles.value.map((b) => b.id).join(","),
     () => {
       if (options.bundles.value.length > 0) void refresh();
@@ -5507,7 +5558,7 @@ function useBundleVersionsMap(options) {
 }
 
 // src/vue/use-tenant-subscription-bundles.ts
-var import_vue21 = require("vue");
+var import_vue22 = require("vue");
 var TenantSubscriptionBundlesApiError = class extends Error {
   constructor(status, body, message) {
     super(message);
@@ -5526,9 +5577,9 @@ function useTenantSubscriptionBundles(options) {
   }
   const http = options.http ?? defaultHttpClient();
   const baseUrl = `${options.billingEndpoint}/billing/subscription-bundles`;
-  const bundles = (0, import_vue21.ref)([]);
-  const loading = (0, import_vue21.ref)(false);
-  const error = (0, import_vue21.ref)(null);
+  const bundles = (0, import_vue22.ref)([]);
+  const loading = (0, import_vue22.ref)(false);
+  const error = (0, import_vue22.ref)(null);
   function authHeaders() {
     const token = options.getAuthToken?.();
     return token ? { Authorization: `Bearer ${token}` } : {};
@@ -5602,7 +5653,7 @@ function rehydrateDates(raw) {
 }
 
 // src/vue/use-marketing-projections.ts
-var import_vue22 = require("vue");
+var import_vue23 = require("vue");
 var MarketingProjectionsApiError = class extends Error {
   constructor(status, body, message) {
     super(message);
@@ -5622,10 +5673,10 @@ function useMarketingProjections(options) {
   }
   const msg = useSaMessages("marketing");
   const http = options.http ?? defaultHttpClient();
-  const projections = (0, import_vue22.ref)([]);
-  const filter = (0, import_vue22.ref)({ ...options.filter });
-  const loading = (0, import_vue22.ref)(false);
-  const error = (0, import_vue22.ref)(null);
+  const projections = (0, import_vue23.ref)([]);
+  const filter = (0, import_vue23.ref)({ ...options.filter });
+  const loading = (0, import_vue23.ref)(false);
+  const error = (0, import_vue23.ref)(null);
   const baseUrl = `${options.adminEndpoint}/catalog/marketing-projections`;
   function authHeaders() {
     const token = options.getAuthToken?.();
@@ -5706,7 +5757,7 @@ function useMarketingProjections(options) {
 }
 
 // src/vue/use-promotions.ts
-var import_vue23 = require("vue");
+var import_vue24 = require("vue");
 var PromotionsApiError = class extends Error {
   constructor(status, body, message) {
     super(message);
@@ -5726,9 +5777,9 @@ function usePromotions(options) {
   }
   const msg = useSaMessages("promos");
   const http = options.http ?? defaultHttpClient();
-  const promotions = (0, import_vue23.ref)([]);
-  const loading = (0, import_vue23.ref)(false);
-  const error = (0, import_vue23.ref)(null);
+  const promotions = (0, import_vue24.ref)([]);
+  const loading = (0, import_vue24.ref)(false);
+  const error = (0, import_vue24.ref)(null);
   const baseUrl = `${options.adminEndpoint}/catalog/promotions`;
   const pk = encodeURIComponent(options.projectKey);
   function authHeaders() {
@@ -5793,7 +5844,7 @@ function usePromotions(options) {
 }
 
 // src/vue/use-plans.ts
-var import_vue24 = require("vue");
+var import_vue25 = require("vue");
 var PlansApiError = class extends Error {
   constructor(status, body, message) {
     super(message);
@@ -5814,10 +5865,10 @@ function usePlans(options) {
     throw new Error("usePlans: `projectKey` is required.");
   }
   const http = options.http ?? defaultHttpClient();
-  const plans = (0, import_vue24.ref)([]);
-  const loading = (0, import_vue24.ref)(false);
-  const error = (0, import_vue24.ref)(null);
-  const tenantCountsByPlanKey = (0, import_vue24.ref)({});
+  const plans = (0, import_vue25.ref)([]);
+  const loading = (0, import_vue25.ref)(false);
+  const error = (0, import_vue25.ref)(null);
+  const tenantCountsByPlanKey = (0, import_vue25.ref)({});
   const baseUrl = `${options.adminEndpoint}/catalog/plans`;
   function authHeaders() {
     const token = options.getAuthToken?.();
@@ -5918,9 +5969,9 @@ function usePlanVersions(options) {
     throw new Error("usePlanVersions: `planId` is required.");
   }
   const http = options.http ?? defaultHttpClient();
-  const versions = (0, import_vue24.ref)([]);
-  const loading = (0, import_vue24.ref)(false);
-  const error = (0, import_vue24.ref)(null);
+  const versions = (0, import_vue25.ref)([]);
+  const loading = (0, import_vue25.ref)(false);
+  const error = (0, import_vue25.ref)(null);
   const planVersionsUrl = `${options.adminEndpoint}/catalog/plans/${options.planId}/versions`;
   const versionUrlBase = `${options.adminEndpoint}/catalog/plan-versions`;
   function authHeaders() {
@@ -6017,7 +6068,7 @@ function usePlanVersions(options) {
 }
 
 // src/vue/use-live-plan-versions.ts
-var import_vue25 = require("vue");
+var import_vue26 = require("vue");
 function useLivePlanVersions(options) {
   if (!options?.adminEndpoint) {
     throw new Error("useLivePlanVersions: `adminEndpoint` is required.");
@@ -6026,9 +6077,9 @@ function useLivePlanVersions(options) {
     throw new Error("useLivePlanVersions: `plans` is required.");
   }
   const http = options.http ?? defaultHttpClient();
-  const livePlanVersions = (0, import_vue25.ref)({});
-  const loading = (0, import_vue25.ref)(false);
-  const error = (0, import_vue25.ref)(null);
+  const livePlanVersions = (0, import_vue26.ref)({});
+  const loading = (0, import_vue26.ref)(false);
+  const error = (0, import_vue26.ref)(null);
   function authHeaders() {
     const token = options.getAuthToken?.();
     return token ? { Authorization: `Bearer ${token}` } : {};
@@ -6070,7 +6121,7 @@ function useLivePlanVersions(options) {
       loading.value = false;
     }
   }
-  (0, import_vue25.watch)(
+  (0, import_vue26.watch)(
     () => options.plans.value.map((p) => p.id).join(","),
     () => {
       if (options.plans.value.length > 0) void refresh();
@@ -6092,12 +6143,12 @@ function findLatestLive(versions) {
 }
 
 // src/vue/use-manifest.ts
-var import_vue26 = require("vue");
+var import_vue27 = require("vue");
 function useManifest(options) {
   const loader = new ManifestLoader(options);
-  const manifest = (0, import_vue26.ref)(null);
-  const loading = (0, import_vue26.ref)(false);
-  const error = (0, import_vue26.ref)(null);
+  const manifest = (0, import_vue27.ref)(null);
+  const loading = (0, import_vue27.ref)(false);
+  const error = (0, import_vue27.ref)(null);
   async function load() {
     loading.value = true;
     error.value = null;
@@ -6123,24 +6174,24 @@ function useManifest(options) {
 }
 
 // src/vue/use-nav.ts
-var import_vue27 = require("vue");
+var import_vue28 = require("vue");
 function useNav(manifest, options = {}) {
   const { locale } = useSuperAdminI18n();
-  const activeLocale = (0, import_vue27.computed)(() => options.locale ?? locale.value);
-  const routes = (0, import_vue27.computed)(() => {
+  const activeLocale = (0, import_vue28.computed)(() => options.locale ?? locale.value);
+  const routes = (0, import_vue28.computed)(() => {
     if (!manifest.value) return [];
     return buildRoutes(manifest.value, { ...options, locale: activeLocale.value });
   });
-  const sidebar = (0, import_vue27.computed)(
+  const sidebar = (0, import_vue28.computed)(
     () => buildSidebar(routes.value, defaultSectionOrder(activeLocale.value))
   );
   return { routes, sidebar };
 }
 
 // src/vue/use-actions.ts
-var import_vue28 = require("vue");
+var import_vue29 = require("vue");
 function useActions(manifest, actions) {
-  const registry = (0, import_vue28.computed)(() => {
+  const registry = (0, import_vue29.computed)(() => {
     if (!manifest.value) return null;
     return new ActionRegistry(manifest.value, actions);
   });
@@ -6148,18 +6199,18 @@ function useActions(manifest, actions) {
 }
 
 // src/vue/use-tenant-action-flow.ts
-var import_vue29 = require("vue");
+var import_vue30 = require("vue");
 function useTenantActionFlow(manifest, providers = {}) {
   const handlers = useSuperAdminActions();
   const msg = useSaMessages("tenants");
-  const registry = (0, import_vue29.computed)(() => {
+  const registry = (0, import_vue30.computed)(() => {
     if (!manifest.value) return null;
     return new ActionRegistry(manifest.value, handlers);
   });
-  const orphanedDefs = (0, import_vue29.computed)(
+  const orphanedDefs = (0, import_vue30.computed)(
     () => registry.value ? registry.value.listOrphanedDefs() : []
   );
-  const availableActions = (0, import_vue29.computed)(() => {
+  const availableActions = (0, import_vue30.computed)(() => {
     const m = manifest.value;
     const reg = registry.value;
     if (!m || !reg) return [];
@@ -6232,7 +6283,7 @@ async function runFlow(def, row, registry, providers, successTemplate) {
 }
 
 // src/vue/use-platform-tenant-actions.ts
-var import_vue30 = require("vue");
+var import_vue31 = require("vue");
 var DEFAULT_VISIBLE_FOR_ROW = (def, row) => {
   if (def.actionKey === "tenants.suspend") return row.isActive;
   if (def.actionKey === "tenants.reactivate") return !row.isActive;
@@ -6268,7 +6319,7 @@ function usePlatformTenantActions(options) {
   const iconForActionKey = options.iconForActionKey ?? DEFAULT_ICON_FOR_ACTION_KEY;
   const toneForActionKey = options.toneForActionKey ?? DEFAULT_TONE_FOR_ACTION_KEY;
   const visibleForRow = options.visibleForRow ?? DEFAULT_VISIBLE_FOR_ROW;
-  const mfa = (0, import_vue30.ref)({ show: false, description: "", error: "" });
+  const mfa = (0, import_vue31.ref)({ show: false, description: "", error: "" });
   let pendingMfaResolve = null;
   function showMfaDialog(def, ctx) {
     return new Promise((resolve) => {
@@ -6293,7 +6344,7 @@ function usePlatformTenantActions(options) {
       pendingMfaResolve(null);
     }
   }
-  const confirmDialog = (0, import_vue30.ref)({
+  const confirmDialog = (0, import_vue31.ref)({
     show: false,
     def: null,
     row: null
@@ -6335,7 +6386,7 @@ function usePlatformTenantActions(options) {
     },
     visibleForRow
   });
-  const manifestActions = (0, import_vue30.computed)(
+  const manifestActions = (0, import_vue31.computed)(
     () => flow.availableActions.value.map((def) => ({
       id: def.id,
       label: def.label,
@@ -6349,7 +6400,7 @@ function usePlatformTenantActions(options) {
       }
     }))
   );
-  const realOrphans = (0, import_vue30.computed)(() => {
+  const realOrphans = (0, import_vue31.computed)(() => {
     const caps = options.manifest.value?.capabilities ?? {};
     const defs = options.manifest.value?.tenants?.actions ?? [];
     const defByActionKey = new Map(defs.map((d) => [d.actionKey, d]));
@@ -6374,12 +6425,12 @@ function usePlatformTenantActions(options) {
 }
 
 // src/vue/use-batch-columns.ts
-var import_vue31 = require("vue");
+var import_vue32 = require("vue");
 function useBatchColumns(manifest, tenantIds, options = {}) {
   const fetcher = new BatchColumnFetcher(options);
-  const data = (0, import_vue31.ref)({});
-  const loading = (0, import_vue31.ref)(false);
-  const error = (0, import_vue31.ref)(null);
+  const data = (0, import_vue32.ref)({});
+  const loading = (0, import_vue32.ref)(false);
+  const error = (0, import_vue32.ref)(null);
   async function load() {
     if (!manifest.value || tenantIds.value.length === 0) {
       data.value = {};
@@ -6396,7 +6447,7 @@ function useBatchColumns(manifest, tenantIds, options = {}) {
       loading.value = false;
     }
   }
-  (0, import_vue31.watch)([manifest, tenantIds], () => {
+  (0, import_vue32.watch)([manifest, tenantIds], () => {
     void load();
   });
   return { data, loading, error, reload: load };
@@ -6428,13 +6479,13 @@ function createPlatformLoaders(options) {
 
 // src/vue/manifest-store-factory.ts
 var import_pinia = require("pinia");
-var import_vue32 = require("vue");
+var import_vue33 = require("vue");
 function createManifestStore(options) {
   return (0, import_pinia.defineStore)(options.id ?? "admin-manifest", () => {
-    const manifest = (0, import_vue32.ref)(null);
-    const loading = (0, import_vue32.ref)(false);
-    const error = (0, import_vue32.ref)(null);
-    const loaded = (0, import_vue32.ref)(false);
+    const manifest = (0, import_vue33.ref)(null);
+    const loading = (0, import_vue33.ref)(false);
+    const error = (0, import_vue33.ref)(null);
+    const loaded = (0, import_vue33.ref)(false);
     let inflight = null;
     async function load() {
       loading.value = true;
@@ -6848,6 +6899,7 @@ function defaultTenantPlanSectionI18n(locale) {
   SA_LOCALE_LABELS,
   SA_LOCALE_STORAGE_KEY,
   SA_MESSAGES,
+  SA_THEME_KEY,
   SERVER_PAGE_SIZE_OPTIONS,
   SUPER_ADMIN_ACTIONS_KEY,
   SUPER_ADMIN_BRAND_KEY,
@@ -6873,6 +6925,7 @@ function defaultTenantPlanSectionI18n(locale) {
   createPlatformLoaders,
   createProjectPageHostRoute,
   createSaCatalog,
+  createSaTheme,
   createSuperAdminI18n,
   defaultHttpClient,
   defaultIconForActionKey,
@@ -6922,6 +6975,7 @@ function defaultTenantPlanSectionI18n(locale) {
   usePromotions,
   usePublicBoot,
   useSaMessages,
+  useSaTheme,
   useSubscriptionDraft,
   useSuperAdminActions,
   useSuperAdminBrand,