@saasicat/ui-vue 0.22.2 → 0.24.0

package/dist/index.cjs

@@ -40,6 +40,10 @@ __export(src_exports, {
   DiscoveryLoadError: () => DiscoveryLoadError,
   ENTITLEMENT_INJECTION_KEY: () => ENTITLEMENT_INJECTION_KEY,
   HttpJsonError: () => HttpJsonError,
+  IDENTITY_ACCENTS: () => IDENTITY_ACCENTS,
+  IDENTITY_ACCENT_VALUES: () => IDENTITY_ACCENT_VALUES,
+  IDENTITY_NEUTRAL: () => IDENTITY_NEUTRAL,
+  IDENTITY_NEUTRAL_VALUE: () => IDENTITY_NEUTRAL_VALUE,
   ManifestLoadError: () => ManifestLoadError,
   ManifestLoader: () => ManifestLoader,
   MarketingProjectionsApiError: () => MarketingProjectionsApiError,
@@ -54,6 +58,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 +84,7 @@ __export(src_exports, {
   createPlatformLoaders: () => createPlatformLoaders,
   createProjectPageHostRoute: () => createProjectPageHostRoute,
   createSaCatalog: () => createSaCatalog,
+  createSaTheme: () => createSaTheme,
   createSuperAdminI18n: () => createSuperAdminI18n,
   defaultHttpClient: () => defaultHttpClient,
   defaultIconForActionKey: () => defaultIconForActionKey,
@@ -90,12 +96,16 @@ __export(src_exports, {
   formatCurrency: () => formatCurrency,
   formatMessage: () => formatMessage,
   getJson: () => getJson,
+  identityAccentAt: () => identityAccentAt,
+  identityAccentFor: () => identityAccentFor,
+  identityChipStyle: () => identityChipStyle,
   isCurrentlyValid: () => isCurrentlyValid,
   isExpired: () => isExpired,
   isFutureScheduled: () => isFutureScheduled,
   isProductionBoot: () => isProductionBoot,
   isSaBuiltinLocale: () => isSaBuiltinLocale,
   mergeMessages: () => mergeMessages,
+  planChangeWizardI18n: () => planChangeWizardI18n,
   postJson: () => postJson,
   provideEntitlement: () => provideEntitlement,
   resolveExtension: () => resolveExtension,
@@ -128,6 +138,7 @@ __export(src_exports, {
   usePromotions: () => usePromotions,
   usePublicBoot: () => usePublicBoot,
   useSaMessages: () => useSaMessages,
+  useSaTheme: () => useSaTheme,
   useSubscriptionDraft: () => useSubscriptionDraft,
   useSuperAdminActions: () => useSuperAdminActions,
   useSuperAdminBrand: () => useSuperAdminBrand,
@@ -3938,6 +3949,49 @@ function countPlans(resolved) {
   };
 }
 
+// src/client/identity-accents.ts
+var IDENTITY_ACCENTS = [
+  "var(--sa-color-identity-1)",
+  "var(--sa-color-identity-2)",
+  "var(--sa-color-identity-3)",
+  "var(--sa-color-identity-4)",
+  "var(--sa-color-identity-5)",
+  "var(--sa-color-identity-6)"
+];
+var IDENTITY_ACCENT_VALUES = [
+  "#1d4ed8",
+  "#6d28d9",
+  "#047857",
+  "#b45309",
+  "#0369a1",
+  "#b91c1c"
+];
+var IDENTITY_NEUTRAL_VALUE = "#64748b";
+var IDENTITY_NEUTRAL = "var(--sa-color-identity-neutral)";
+function identityAccentAt(index) {
+  if (!Number.isFinite(index) || index < 0) return IDENTITY_NEUTRAL;
+  return IDENTITY_ACCENTS[Math.floor(index) % IDENTITY_ACCENTS.length];
+}
+var WELL_KNOWN = {
+  STARTER: IDENTITY_NEUTRAL,
+  BASIC: IDENTITY_NEUTRAL,
+  STANDARD: "var(--sa-color-identity-1)",
+  PRO: "var(--sa-color-identity-2)",
+  PROFESSIONAL: "var(--sa-color-identity-2)",
+  BUSINESS: "var(--sa-color-identity-5)",
+  ENTERPRISE: "var(--sa-color-identity-3)"
+};
+function identityAccentFor(key, overrides = {}, index = -1) {
+  return overrides[key] ?? WELL_KNOWN[key] ?? identityAccentAt(index);
+}
+function identityChipStyle(accent) {
+  return {
+    background: `color-mix(in srgb, ${accent} 8%, transparent)`,
+    color: accent,
+    borderColor: `color-mix(in srgb, ${accent} 20%, transparent)`
+  };
+}
+
 // src/vue/super-admin-context.ts
 var SUPER_ADMIN_BRAND_KEY = /* @__PURE__ */ Symbol.for(
   "@saasicat/ui-vue/SUPER_ADMIN_BRAND"
@@ -4096,8 +4150,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 +4212,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 +4236,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 +4290,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 +4354,7 @@ function useApiList(options) {
     await load();
   }
   if (options.filter) {
-    (0, import_vue4.watch)(
+    (0, import_vue5.watch)(
       options.filter,
       () => {
         page.value = 1;
@@ -4278,22 +4380,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 +4404,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 +4423,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 +4442,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 +4451,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 +4483,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 +4525,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 +4533,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 +4562,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 +4620,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 +4761,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 +4778,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 +4817,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 +4877,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 +4953,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 +4963,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 +5029,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 +5049,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 +5061,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 +5106,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 +5128,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 +5145,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 +5215,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 +5235,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 +5365,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 +5386,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 +5460,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 +5536,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 +5545,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 +5597,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 +5609,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 +5628,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 +5704,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 +5724,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 +5808,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 +5828,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 +5895,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 +5916,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 +6020,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 +6119,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 +6128,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 +6172,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 +6194,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 +6225,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 +6250,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 +6334,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 +6370,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 +6395,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 +6437,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 +6451,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 +6476,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 +6498,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 +6530,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;
@@ -6812,6 +6914,55 @@ var DEFAULT_I18N_EN = {
 function defaultTenantPlanSectionI18n(locale) {
   return locale === "en" ? DEFAULT_I18N_EN : DEFAULT_I18N_DE;
 }
+function planChangeWizardI18n(i18n) {
+  return {
+    title: i18n.wizardTitle,
+    close: i18n.wizardClose,
+    currentLabel: i18n.wizardCurrent,
+    cycleMonthly: i18n.cycleMonthly,
+    cycleYearly: i18n.cycleYearly,
+    badgeCurrent: i18n.wizardBadgeCurrent,
+    badgePopular: i18n.wizardBadgePopular,
+    priceUnitMonthly: i18n.wizardPriceUnitMonthly,
+    priceUnitYearly: i18n.wizardPriceUnitYearly,
+    priceOnRequest: i18n.wizardPriceOnRequest,
+    stepChoose: i18n.wizardStepChoose,
+    stepChooseIntro: i18n.wizardStepChooseIntro,
+    stepPreview: i18n.wizardStepPreview,
+    stepConfirm: i18n.wizardStepConfirm,
+    next: i18n.wizardNext,
+    back: i18n.wizardBack,
+    previewLoading: i18n.wizardPreviewLoading,
+    effectiveAtLabel: i18n.wizardEffectiveAtLabel,
+    effectiveImmediate: i18n.wizardEffectiveImmediate,
+    prorationTitle: i18n.wizardProrationTitle,
+    prorationLine: i18n.wizardProrationLine,
+    prorationDays: i18n.wizardProrationDays,
+    limitsTitle: i18n.wizardLimitsTitle,
+    limitsUsed: i18n.wizardLimitsUsed,
+    limitsCurrent: i18n.wizardLimitsCurrent,
+    limitsTarget: i18n.wizardLimitsTarget,
+    featuresGained: i18n.wizardFeaturesGained,
+    featuresLost: i18n.wizardFeaturesLost,
+    blockersTitle: i18n.wizardBlockersTitle,
+    confirmImmediate: i18n.wizardConfirmImmediate,
+    confirmScheduled: i18n.wizardConfirmScheduled,
+    confirmAction: i18n.wizardConfirmAction,
+    confirmInProgress: i18n.wizardConfirmInProgress,
+    confirmPriceTitle: i18n.wizardConfirmPriceTitle,
+    confirmProratedNow: i18n.wizardConfirmProratedNow,
+    confirmRecurringNext: i18n.wizardConfirmRecurringNext,
+    confirmRecurringFrom: i18n.wizardConfirmRecurringFrom,
+    perCycleMonthly: i18n.wizardConfirmPerCycleMonthly,
+    perCycleYearly: i18n.wizardConfirmPerCycleYearly,
+    confirmTrialNote: i18n.wizardConfirmTrialNote,
+    confirmRecurringTrialEnd: i18n.wizardConfirmRecurringTrialEnd,
+    changeTypeUpgrade: i18n.wizardChangeTypeUpgrade,
+    changeTypeDowngrade: i18n.wizardChangeTypeDowngrade,
+    changeTypeCycle: i18n.wizardChangeTypeCycle,
+    changeTypeNoop: i18n.wizardChangeTypeNoop
+  };
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ADMIN_UI_VERSION,
@@ -6834,6 +6985,10 @@ function defaultTenantPlanSectionI18n(locale) {
   DiscoveryLoadError,
   ENTITLEMENT_INJECTION_KEY,
   HttpJsonError,
+  IDENTITY_ACCENTS,
+  IDENTITY_ACCENT_VALUES,
+  IDENTITY_NEUTRAL,
+  IDENTITY_NEUTRAL_VALUE,
   ManifestLoadError,
   ManifestLoader,
   MarketingProjectionsApiError,
@@ -6848,6 +7003,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 +7029,7 @@ function defaultTenantPlanSectionI18n(locale) {
   createPlatformLoaders,
   createProjectPageHostRoute,
   createSaCatalog,
+  createSaTheme,
   createSuperAdminI18n,
   defaultHttpClient,
   defaultIconForActionKey,
@@ -6884,12 +7041,16 @@ function defaultTenantPlanSectionI18n(locale) {
   formatCurrency,
   formatMessage,
   getJson,
+  identityAccentAt,
+  identityAccentFor,
+  identityChipStyle,
   isCurrentlyValid,
   isExpired,
   isFutureScheduled,
   isProductionBoot,
   isSaBuiltinLocale,
   mergeMessages,
+  planChangeWizardI18n,
   postJson,
   provideEntitlement,
   resolveExtension,
@@ -6922,6 +7083,7 @@ function defaultTenantPlanSectionI18n(locale) {
   usePromotions,
   usePublicBoot,
   useSaMessages,
+  useSaTheme,
   useSubscriptionDraft,
   useSuperAdminActions,
   useSuperAdminBrand,