@powerhousedao/service-offering 1.0.0-dev.3 → 1.0.0-dev.5

package/dist/editors/service-offering-editor/components/TierDefinition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TierDefinition.d.ts","sourceRoot":"","sources":["../../../../editors/service-offering-editor/components/TierDefinition.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EACV,uBAAuB,EACvB,qBAAqB,EAItB,MAAM,kEAAkE,CAAC;AAW1E,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,uBAAuB,CAAC;IAClC,QAAQ,EAAE,gBAAgB,CAAC,qBAAqB,CAAC,CAAC;CACnD;AAsFD,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CA0WzE"}
+{"version":3,"file":"TierDefinition.d.ts","sourceRoot":"","sources":["../../../../editors/service-offering-editor/components/TierDefinition.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EACV,uBAAuB,EACvB,qBAAqB,EAItB,MAAM,kEAAkE,CAAC;AAW1E,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,uBAAuB,CAAC;IAClC,QAAQ,EAAE,gBAAgB,CAAC,qBAAqB,CAAC,CAAC;CACnD;AAsFD,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CA4WzE"}

package/dist/editors/service-offering-editor/components/TierDefinition.js

@@ -93,6 +93,7 @@ export function TierDefinition({ document, dispatch }) {
         dispatch(addTier({
             id: generateId(),
             name: newTier.name.trim(),
+            currency: newTier.currency,
             isCustomPricing: newTier.isCustomPricing,
             lastModified: new Date().toISOString(),
         }));
@@ -122,6 +123,7 @@ export function TierDefinition({ document, dispatch }) {
             dispatch(addTier({
                 id: generateId(),
                 name: tierConfig.name,
+                currency: "USD",
                 isCustomPricing: tierConfig.isCustomPricing,
                 lastModified: now,
             }));

package/dist/editors/service-offering-editor/components/TierPricingOptionsPanel.js

@@ -27,11 +27,11 @@ export function BillingCycleConfigPanel({ basePrice, currency, billingCycleDisco
     const isCycleEnabled = (cycle) => {
         if (cycle === "MONTHLY")
             return true;
-        return billingCycleDiscounts.some((d) => d.cycle === cycle);
+        return billingCycleDiscounts.some((d) => d.billingCycle === cycle);
     };
     const getDiscountValue = (cycle) => {
-        const entry = billingCycleDiscounts.find((d) => d.cycle === cycle);
-        return entry?.discountValue ?? 0;
+        const entry = billingCycleDiscounts.find((d) => d.billingCycle === cycle);
+        return entry?.discountRule?.discountValue ?? 0;
     };
     const getCycleTotal = (cycle) => {
         if (!hasBasePrice)

package/dist/editors/service-offering-editor/components/pricing-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pricing-utils.d.ts","sourceRoot":"","sources":["../../../../editors/service-offering-editor/components/pricing-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EACZ,WAAW,EACZ,MAAM,kEAAkE,CAAC;AAE1E,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAK7D,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAK7D,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAKnE,CAAC;AAEF,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,GAAE,MAAc,GAAG,MAAM,CAM5E;AAED,eAAO,MAAM,wBAAwB,EAAE,YAAY,EAKlD,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,mBAAmB;IAClC,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,kBAAkB,EAAE,CAAC;IACrC,kBAAkB,EAAE,MAAM,EAAE,CAAC;CAC9B;AAkBD,wBAAgB,2BAA2B,CACzC,aAAa,EAAE,WAAW,EAAE,EAC5B,YAAY,EAAE,YAAY,EAC1B,MAAM,CAAC,EAAE,MAAM,GACd,mBAAmB,CAuCrB;AAED,wBAAgB,4BAA4B,CAAC,SAAS,EAAE;IACtD,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE;QAAE,YAAY,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;CACnE,GAAG;IACF,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,OAAO,CAAC;CACtB,CAiCA;AAED,wBAAgB,mBAAmB,CACjC,aAAa,EAAE,WAAW,EAAE,EAC5B,kBAAkB,EAAE,YAAY,EAChC,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,GAC5C;IAAE,aAAa,EAAE,YAAY,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAiBtE"}
+{"version":3,"file":"pricing-utils.d.ts","sourceRoot":"","sources":["../../../../editors/service-offering-editor/components/pricing-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EACZ,WAAW,EACZ,MAAM,kEAAkE,CAAC;AAE1E,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAM7D,CAAC;AAGF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAM7D,CAAC;AAGF,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAMnE,CAAC;AAGF,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,GAAE,MAAc,GAAG,MAAM,CAM5E;AAGD,eAAO,MAAM,wBAAwB,EAAE,YAAY,EAKlD,CAAC;AAIF,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,mBAAmB;IAClC,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,kBAAkB,EAAE,CAAC;IACrC,kBAAkB,EAAE,MAAM,EAAE,CAAC;CAC9B;AA0BD,wBAAgB,2BAA2B,CACzC,aAAa,EAAE,WAAW,EAAE,EAC5B,YAAY,EAAE,YAAY,EAC1B,MAAM,CAAC,EAAE,MAAM,GACd,mBAAmB,CA0CrB;AAKD,wBAAgB,4BAA4B,CAAC,SAAS,EAAE;IACtD,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE;QAAE,YAAY,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;CACnE,GAAG;IACF,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,OAAO,CAAC;CACtB,CAiCA;AAKD,wBAAgB,mBAAmB,CACjC,aAAa,EAAE,WAAW,EAAE,EAC5B,kBAAkB,EAAE,YAAY,EAChC,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,GAC5C;IAAE,aAAa,EAAE,YAAY,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAkBtE"}

package/dist/editors/service-offering-editor/components/pricing-utils.js

@@ -3,19 +3,25 @@ export const BILLING_CYCLE_MONTHS = {
     QUARTERLY: 3,
     SEMI_ANNUAL: 6,
     ANNUAL: 12,
+    ONE_TIME: 0,
 };
+// Human-readable billing cycle labels
 export const BILLING_CYCLE_LABELS = {
     MONTHLY: "monthly",
     QUARTERLY: "quarterly",
     SEMI_ANNUAL: "semi-annually",
     ANNUAL: "annually",
+    ONE_TIME: "one-time",
 };
+// Short labels for dropdowns
 export const BILLING_CYCLE_SHORT_LABELS = {
     MONTHLY: "Month",
     QUARTERLY: "Quarter",
     SEMI_ANNUAL: "6 Months",
     ANNUAL: "Year",
+    ONE_TIME: "One Time",
 };
+// Format price with currency symbol
 export function formatPrice(amount, currency = "USD") {
     const symbol = currency === "USD" ? "$" : currency;
     return `${symbol}${amount.toLocaleString("en-US", {
@@ -23,20 +29,25 @@ export function formatPrice(amount, currency = "USD") {
         maximumFractionDigits: 2,
     })}`;
 }
+// Get available billing cycles (excluding ONE_TIME for most cases)
 export const RECURRING_BILLING_CYCLES = [
     "MONTHLY",
     "QUARTERLY",
     "SEMI_ANNUAL",
     "ANNUAL",
 ];
+// Get the monthly recurring price for a specific group-tier pair
+// Reads from tierDependentPricing first, falls back to standalonePricing
 function getGroupPriceForTier(group, tierId) {
     const tierPricing = group.tierDependentPricing?.find((tp) => tp.tierId === tierId);
     if (tierPricing) {
-        const amount = tierPricing.amount ?? 0;
-        return { amount, hasPrice: amount > 0 };
+        const monthlyPricing = tierPricing.recurringPricing?.find((p) => p.billingCycle === "MONTHLY");
+        const amount = monthlyPricing?.amount ?? 0;
+        return { amount, hasPrice: monthlyPricing != null && amount > 0 };
     }
-    const amount = group.standalonePricing?.amount ?? 0;
-    return { amount, hasPrice: amount > 0 };
+    const monthlyPricing = group.standalonePricing?.recurringPricing?.find((p) => p.billingCycle === "MONTHLY");
+    const amount = monthlyPricing?.amount ?? 0;
+    return { amount, hasPrice: monthlyPricing != null && amount > 0 };
 }
 export function calculateTierRecurringPrice(regularGroups, billingCycle, tierId) {
     const breakdown = [];
@@ -51,9 +62,10 @@ export function calculateTierRecurringPrice(regularGroups, billingCycle, tierId)
             hasPrice = tierPrice.hasPrice;
         }
         else {
-            const standaloneAmount = group.standalonePricing?.amount ?? 0;
-            amount = standaloneAmount;
-            hasPrice = standaloneAmount > 0;
+            // Legacy: no tierId, read from standalone
+            const monthlyPricing = group.standalonePricing?.recurringPricing?.find((p) => p.billingCycle === "MONTHLY");
+            amount = monthlyPricing?.amount ?? 0;
+            hasPrice = monthlyPricing != null && amount > 0;
         }
         if (!hasPrice) {
             missingPriceGroups.push(group.name);
@@ -74,6 +86,9 @@ export function calculateTierRecurringPrice(regularGroups, billingCycle, tierId)
         missingPriceGroups,
     };
 }
+// Calculate effective setup price after applying discount
+// Returns base amount, effective amount (floored at 0), and savings
+// Works with both SetupCostPerCycle (ServiceGroup) and SetupCost (OptionGroup)
 export function calculateEffectiveSetupPrice(setupCost) {
     const baseAmount = setupCost.amount;
     const discount = setupCost.discount;
@@ -104,11 +119,15 @@ export function calculateEffectiveSetupPrice(setupCost) {
         hasDiscount: true,
     };
 }
+// Detect billing cycle majority among regular groups
+// Returns suggestion when >50% of groups share a cycle different from current global
+// groupOverrides: runtime cycle overrides keyed by group.id (from UI state)
 export function detectMajorityCycle(regularGroups, currentGlobalCycle, groupOverrides) {
     const cycleCounts = new Map();
     if (regularGroups.length === 0)
         return null;
     for (const group of regularGroups) {
+        // Effective cycle: override if set, otherwise global
         const effectiveCycle = groupOverrides?.[group.id] || currentGlobalCycle;
         cycleCounts.set(effectiveCycle, (cycleCounts.get(effectiveCycle) || 0) + 1);
     }

package/dist/editors/subscription-instance-editor/components/BillingPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BillingPanel.d.ts","sourceRoot":"","sources":["../../../../editors/subscription-instance-editor/components/BillingPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EACV,0BAA0B,EAC1B,4BAA4B,EAC7B,MAAM,uEAAuE,CAAC;AAC/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAW5C,UAAU,iBAAiB;IACzB,QAAQ,EAAE,4BAA4B,CAAC;IACvC,QAAQ,EAAE,gBAAgB,CAAC,0BAA0B,CAAC,CAAC;IACvD,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAuO3D"}
+{"version":3,"file":"BillingPanel.d.ts","sourceRoot":"","sources":["../../../../editors/subscription-instance-editor/components/BillingPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EACV,0BAA0B,EAC1B,4BAA4B,EAC7B,MAAM,uEAAuE,CAAC;AAC/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAY5C,UAAU,iBAAiB;IACzB,QAAQ,EAAE,4BAA4B,CAAC;IACvC,QAAQ,EAAE,gBAAgB,CAAC,0BAA0B,CAAC,CAAC;IACvD,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CA8O3D"}

package/dist/editors/subscription-instance-editor/components/BillingPanel.js

@@ -1,6 +1,6 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from "react";
-import { formatCurrency, formatDate, formatBillingCycleSuffix, computeBillingBreakdown, } from "./billing-utils.js";
+import { formatCurrency, formatDate, formatBillingCycleSuffix, formatDiscountBadge, computeBillingBreakdown, } from "./billing-utils.js";
 export function BillingPanel({ document }) {
     const state = document.state.global;
     const breakdown = computeBillingBreakdown(state);
@@ -27,14 +27,14 @@ export function BillingPanel({ document }) {
                                 .filter((g) => g.recurringAmount != null && g.recurringAmount > 0)
                                 .map((group) => (_jsx(GroupFixedCostRow, { group: group, currency: currency }, group.groupId))), state.services
                                 .filter((svc) => svc.recurringCost)
-                                .map((svc) => (_jsxs("div", { className: "si-billing-line", children: [_jsx("span", { className: "si-billing-line__name", children: svc.name || "Service" }), _jsx("span", { className: "si-billing-line__amount", children: formatCurrency(svc.recurringCost.amount, currency) })] }, svc.id)))] }), _jsxs("div", { className: "si-billing-section-subtotal", children: [_jsx("span", { className: "si-billing-section-subtotal__label", children: "Fixed Subtotal" }), _jsx("span", { className: "si-billing-section-subtotal__amount", children: formatCurrency(breakdown.fixedTotal, currency) })] })] })), (breakdown.groupBreakdowns.some((g) => g.metricOverages.length > 0) ||
+                                .map((svc) => (_jsxs("div", { className: "si-billing-line", children: [_jsxs("span", { className: "si-billing-line__name", children: [svc.name || "Service", svc.recurringCost?.billingCycle && (_jsx("span", { className: "si-billing-line__cycle", children: formatBillingCycleSuffix(svc.recurringCost.billingCycle) }))] }), _jsx("span", { className: "si-billing-line__amount", children: formatCurrency(svc.recurringCost.amount, currency) })] }, svc.id)))] }), _jsxs("div", { className: "si-billing-section-subtotal", children: [_jsx("span", { className: "si-billing-section-subtotal__label", children: "Fixed Subtotal" }), _jsx("span", { className: "si-billing-section-subtotal__amount", children: formatCurrency(breakdown.fixedTotal, currency) })] })] })), (breakdown.groupBreakdowns.some((g) => g.metricOverages.length > 0) ||
                 breakdown.standaloneOverages.length > 0) && (_jsxs("div", { className: "si-billing-section", children: [_jsx("div", { className: "si-billing-section-label", children: _jsx("span", { className: "si-billing-section-label__text", children: "Dynamic Costs *" }) }), _jsxs("div", { className: "si-billing-section__lines", children: [breakdown.groupBreakdowns
                                 .filter((g) => g.metricOverages.length > 0)
                                 .map((group) => (_jsx(GroupMetricOverageRows, { group: group, currency: currency }, group.groupId))), breakdown.standaloneOverages.map((overage) => (_jsx(MetricOverageRow, { overage: overage, currency: currency }, overage.metricId)))] }), _jsxs("div", { className: "si-billing-section-subtotal", children: [_jsx("span", { className: "si-billing-section-subtotal__label", children: "Dynamic Subtotal *" }), _jsx("span", { className: "si-billing-section-subtotal__amount", children: formatCurrency(breakdown.dynamicTotal, currency) })] })] })), _jsxs("div", { className: "si-billing-total", children: [hasFixedCosts && hasDynamicCosts && (_jsx("div", { className: "si-billing-total__breakdown", children: _jsxs("span", { className: "si-billing-total__detail", children: ["Fixed ", formatCurrency(breakdown.fixedTotal, currency), " + Dynamic", " ", formatCurrency(breakdown.dynamicTotal, currency)] }) })), _jsxs("div", { className: "si-billing-total__row", children: [_jsxs("span", { className: "si-billing-total__label", children: ["Total Projected", hasDynamicCosts ? " *" : ""] }), _jsxs("span", { className: "si-billing-total__amount", children: [formatCurrency(projectedTotal, currency), breakdown.billingCycle && (_jsx("span", { className: "si-billing-total__cycle", children: formatBillingCycleSuffix(breakdown.billingCycle) }))] })] })] }), breakdown.setupLines.length > 0 && (_jsx(SetupCostsSection, { setupLines: breakdown.setupLines, setupTotal: breakdown.setupTotal, currency: currency, expanded: setupExpanded, onToggle: () => setSetupExpanded(!setupExpanded) }))] }));
 }
 // ─── Sub-components ─────────────────────────────────────────
 function GroupFixedCostRow({ group, currency, }) {
-    return (_jsx("div", { className: "si-billing-group", children: _jsxs("div", { className: "si-billing-group__row", children: [_jsxs("span", { className: "si-billing-group__name", children: [group.groupName, group.optional && (_jsx("span", { className: "si-badge si-badge--violet si-badge--sm", style: { marginLeft: 8 }, children: "Add-on" }))] }), _jsx("span", { className: "si-billing-group__amount-block", children: _jsx("span", { className: "si-billing-group__amount", children: formatCurrency(group.recurringAmount ?? 0, group.recurringCurrency) }) })] }) }));
+    return (_jsx("div", { className: "si-billing-group", children: _jsxs("div", { className: "si-billing-group__row", children: [_jsxs("span", { className: "si-billing-group__name", children: [group.groupName, group.optional && (_jsx("span", { className: "si-badge si-badge--violet si-badge--sm", style: { marginLeft: 8 }, children: "Add-on" })), group.recurringCycle && (_jsx("span", { className: "si-billing-line__cycle", children: formatBillingCycleSuffix(group.recurringCycle) }))] }), _jsxs("span", { className: "si-billing-group__amount-block", children: [group.discount && (_jsxs(_Fragment, { children: [_jsx("span", { className: "si-billing-group__original", children: formatCurrency(group.discount.originalAmount, currency) }), _jsx("span", { className: "si-billing-group__discount-badge", children: formatDiscountBadge(group.discount) })] })), _jsx("span", { className: "si-billing-group__amount", children: formatCurrency(group.recurringAmount ?? 0, group.recurringCurrency) })] })] }) }));
 }
 function GroupMetricOverageRows({ group, currency, }) {
     return (_jsxs("div", { className: "si-billing-group-metrics", children: [_jsx("div", { className: "si-billing-group-metrics__header", children: group.groupName }), group.metricOverages.map((overage) => (_jsx(MetricOverageRow, { overage: overage, currency: currency }, overage.metricId)))] }));

package/dist/editors/subscription-instance-editor/components/CustomerInfo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomerInfo.d.ts","sourceRoot":"","sources":["../../../../editors/subscription-instance-editor/components/CustomerInfo.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EACV,0BAA0B,EAC1B,4BAA4B,EAE7B,MAAM,uEAAuE,CAAC;AAC/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAI5C,UAAU,iBAAiB;IACzB,QAAQ,EAAE,4BAA4B,CAAC;IACvC,QAAQ,EAAE,gBAAgB,CAAC,0BAA0B,CAAC,CAAC;IACvD,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,iBAAiB,2CAmQ3E"}
+{"version":3,"file":"CustomerInfo.d.ts","sourceRoot":"","sources":["../../../../editors/subscription-instance-editor/components/CustomerInfo.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EACV,0BAA0B,EAC1B,4BAA4B,EAE7B,MAAM,uEAAuE,CAAC;AAC/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAI5C,UAAU,iBAAiB;IACzB,QAAQ,EAAE,4BAA4B,CAAC;IACvC,QAAQ,EAAE,gBAAgB,CAAC,0BAA0B,CAAC,CAAC;IACvD,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,iBAAiB,2CAoQ3E"}

package/dist/editors/subscription-instance-editor/components/CustomerInfo.js

@@ -38,9 +38,10 @@ export function CustomerInfo({ document, dispatch, mode }) {
     const handleSaveType = useCallback(() => {
         dispatch(setCustomerType({
             customerType: editType,
+            teamMemberCount: editType === "TEAM" ? editMemberCount : undefined,
         }));
         setIsEditingType(false);
-    }, [dispatch, editType]);
+    }, [dispatch, editType, editMemberCount]);
     const handleCancelType = useCallback(() => {
         setEditType(state.customerType || "INDIVIDUAL");
         setEditMemberCount(state.teamMemberCount || 1);
@@ -51,5 +52,5 @@ export function CustomerInfo({ document, dispatch, mode }) {
     };
     // Edit button component for reuse
     const EditButton = ({ onClick }) => (_jsx("button", { type: "button", className: "si-customer-info__edit-btn", onClick: onClick, "aria-label": "Edit", children: _jsx("svg", { viewBox: "0 0 20 20", fill: "currentColor", children: _jsx("path", { d: "M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z" }) }) }));
-    return (_jsxs("div", { className: "si-panel si-panel--compact", children: [_jsx("div", { className: "si-panel__header", children: _jsx("h3", { className: "si-panel__title", children: mode === "client" ? "Your Information" : "Customer Information" }) }), _jsxs("div", { className: "si-customer-info", children: [_jsxs("div", { className: "si-customer-info__section", children: [_jsxs("div", { className: "si-customer-info__row", children: [_jsx("span", { className: "si-customer-info__label", children: "Name" }), isEditingName ? (_jsxs("div", { className: "si-customer-info__edit-field", children: [_jsx("input", { type: "text", className: "si-input si-input--sm", value: editName, onChange: (e) => setEditName(e.target.value), placeholder: "Enter name..." }), _jsxs("div", { className: "si-customer-info__edit-actions", children: [_jsx("button", { type: "button", className: "si-btn si-btn--xs si-btn--ghost", onClick: handleCancelName, children: "Cancel" }), _jsx("button", { type: "button", className: "si-btn si-btn--xs si-btn--primary", onClick: handleSaveName, children: "Save" })] })] })) : (_jsxs("span", { className: "si-customer-info__value", children: [state.customerName || (_jsx("span", { className: "si-customer-info__value--empty", children: "Not set" })), _jsx(EditButton, { onClick: () => setIsEditingName(true) })] }))] }), _jsxs("div", { className: "si-customer-info__row", children: [_jsx("span", { className: "si-customer-info__label", children: "Email" }), isEditingEmail ? (_jsxs("div", { className: "si-customer-info__edit-field", children: [_jsx("input", { type: "email", className: "si-input si-input--sm", value: editEmail, onChange: (e) => setEditEmail(e.target.value), placeholder: "email@example.com" }), _jsxs("div", { className: "si-customer-info__edit-actions", children: [_jsx("button", { type: "button", className: "si-btn si-btn--xs si-btn--ghost", onClick: handleCancelEmail, children: "Cancel" }), _jsx("button", { type: "button", className: "si-btn si-btn--xs si-btn--primary", onClick: handleSaveEmail, disabled: editEmail !== "" && !isValidEmail(editEmail), children: "Save" })] })] })) : (_jsxs("span", { className: "si-customer-info__value", children: [state.customerEmail || (_jsx("span", { className: "si-customer-info__value--empty", children: "Not set" })), _jsx(EditButton, { onClick: () => setIsEditingEmail(true) })] }))] }), _jsxs("div", { className: "si-customer-info__row", children: [_jsx("span", { className: "si-customer-info__label", children: "Type" }), isEditingType ? (_jsxs("div", { className: "si-customer-info__edit-field", children: [_jsxs("div", { className: "si-customer-info__type-edit", children: [_jsxs("select", { className: "si-input si-input--sm si-select", value: editType, onChange: (e) => setEditType(e.target.value), children: [_jsx("option", { value: "INDIVIDUAL", children: "Individual" }), _jsx("option", { value: "TEAM", children: "Team" })] }), editType === "TEAM" && (_jsx("input", { type: "number", className: "si-input si-input--sm si-input--number", value: editMemberCount, onChange: (e) => setEditMemberCount(parseInt(e.target.value) || 1), min: "1", placeholder: "Members" }))] }), _jsxs("div", { className: "si-customer-info__edit-actions", children: [_jsx("button", { type: "button", className: "si-btn si-btn--xs si-btn--ghost", onClick: handleCancelType, children: "Cancel" }), _jsx("button", { type: "button", className: "si-btn si-btn--xs si-btn--primary", onClick: handleSaveType, children: "Save" })] })] })) : (_jsxs("span", { className: "si-customer-info__value", children: [state.customerType ? (_jsxs(_Fragment, { children: [state.customerType === "TEAM" ? "Team" : "Individual", state.customerType === "TEAM" && state.teamMemberCount && (_jsxs("span", { className: "si-customer-info__detail", children: [" ", "(", state.teamMemberCount, " members)"] }))] })) : (_jsx("span", { className: "si-customer-info__value--empty", children: "Not set" })), _jsx(EditButton, { onClick: () => setIsEditingType(true) })] }))] })] }), mode === "operator" && state.budget && (_jsx("div", { className: "si-customer-info__section", children: _jsxs("div", { className: "si-customer-info__row", children: [_jsx("span", { className: "si-customer-info__label", children: "Budget Category" }), _jsx("span", { className: "si-customer-info__value", children: state.budget.name })] }) }))] })] }));
+    return (_jsxs("div", { className: "si-panel si-panel--compact", children: [_jsx("div", { className: "si-panel__header", children: _jsx("h3", { className: "si-panel__title", children: mode === "client" ? "Your Information" : "Customer Information" }) }), _jsxs("div", { className: "si-customer-info", children: [_jsxs("div", { className: "si-customer-info__section", children: [_jsxs("div", { className: "si-customer-info__row", children: [_jsx("span", { className: "si-customer-info__label", children: "Name" }), isEditingName ? (_jsxs("div", { className: "si-customer-info__edit-field", children: [_jsx("input", { type: "text", className: "si-input si-input--sm", value: editName, onChange: (e) => setEditName(e.target.value), placeholder: "Enter name..." }), _jsxs("div", { className: "si-customer-info__edit-actions", children: [_jsx("button", { type: "button", className: "si-btn si-btn--xs si-btn--ghost", onClick: handleCancelName, children: "Cancel" }), _jsx("button", { type: "button", className: "si-btn si-btn--xs si-btn--primary", onClick: handleSaveName, children: "Save" })] })] })) : (_jsxs("span", { className: "si-customer-info__value", children: [state.customerName || (_jsx("span", { className: "si-customer-info__value--empty", children: "Not set" })), _jsx(EditButton, { onClick: () => setIsEditingName(true) })] }))] }), _jsxs("div", { className: "si-customer-info__row", children: [_jsx("span", { className: "si-customer-info__label", children: "Email" }), isEditingEmail ? (_jsxs("div", { className: "si-customer-info__edit-field", children: [_jsx("input", { type: "email", className: "si-input si-input--sm", value: editEmail, onChange: (e) => setEditEmail(e.target.value), placeholder: "email@example.com" }), _jsxs("div", { className: "si-customer-info__edit-actions", children: [_jsx("button", { type: "button", className: "si-btn si-btn--xs si-btn--ghost", onClick: handleCancelEmail, children: "Cancel" }), _jsx("button", { type: "button", className: "si-btn si-btn--xs si-btn--primary", onClick: handleSaveEmail, disabled: editEmail !== "" && !isValidEmail(editEmail), children: "Save" })] })] })) : (_jsxs("span", { className: "si-customer-info__value", children: [state.customerEmail || (_jsx("span", { className: "si-customer-info__value--empty", children: "Not set" })), _jsx(EditButton, { onClick: () => setIsEditingEmail(true) })] }))] }), _jsxs("div", { className: "si-customer-info__row", children: [_jsx("span", { className: "si-customer-info__label", children: "Type" }), isEditingType ? (_jsxs("div", { className: "si-customer-info__edit-field", children: [_jsxs("div", { className: "si-customer-info__type-edit", children: [_jsxs("select", { className: "si-input si-input--sm si-select", value: editType, onChange: (e) => setEditType(e.target.value), children: [_jsx("option", { value: "INDIVIDUAL", children: "Individual" }), _jsx("option", { value: "TEAM", children: "Team" })] }), editType === "TEAM" && (_jsx("input", { type: "number", className: "si-input si-input--sm si-input--number", value: editMemberCount, onChange: (e) => setEditMemberCount(parseInt(e.target.value) || 1), min: "1", placeholder: "Members" }))] }), _jsxs("div", { className: "si-customer-info__edit-actions", children: [_jsx("button", { type: "button", className: "si-btn si-btn--xs si-btn--ghost", onClick: handleCancelType, children: "Cancel" }), _jsx("button", { type: "button", className: "si-btn si-btn--xs si-btn--primary", onClick: handleSaveType, children: "Save" })] })] })) : (_jsxs("span", { className: "si-customer-info__value", children: [state.customerType ? (_jsxs(_Fragment, { children: [state.customerType === "TEAM" ? "Team" : "Individual", state.customerType === "TEAM" && state.teamMemberCount && (_jsxs("span", { className: "si-customer-info__detail", children: [" ", "(", state.teamMemberCount, " members)"] }))] })) : (_jsx("span", { className: "si-customer-info__value--empty", children: "Not set" })), _jsx(EditButton, { onClick: () => setIsEditingType(true) })] }))] })] }), mode === "operator" && state.budget && (_jsx("div", { className: "si-customer-info__section", children: _jsxs("div", { className: "si-customer-info__row", children: [_jsx("span", { className: "si-customer-info__label", children: "Budget Category" }), _jsx("span", { className: "si-customer-info__value", children: state.budget.label })] }) }))] })] }));
 }

package/dist/editors/subscription-instance-editor/components/ImportServiceConfigButton.d.ts

@@ -5,8 +5,11 @@ import type { BillingCycle } from "../../../document-models/subscription-instanc
 interface ImportServiceConfigButtonProps {
     document: SubscriptionInstanceDocument;
     dispatch: DocumentDispatch<SubscriptionInstanceAction>;
+    /** The Service Offering state to import from (from browser store) */
     offeringState?: ServiceOfferingState;
+    /** The selected tier ID */
     selectedTierId?: string;
+    /** The selected billing cycle */
     selectedBillingCycle?: BillingCycle;
 }
 export declare function ImportServiceConfigButton({ document, dispatch, offeringState, selectedTierId, selectedBillingCycle, }: ImportServiceConfigButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/editors/subscription-instance-editor/components/ImportServiceConfigButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImportServiceConfigButton.d.ts","sourceRoot":"","sources":["../../../../editors/subscription-instance-editor/components/ImportServiceConfigButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EACV,0BAA0B,EAC1B,4BAA4B,EAC7B,MAAM,uEAAuE,CAAC;AAE/E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kEAAkE,CAAC;AAC7G,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uEAAuE,CAAC;AAG1G,UAAU,8BAA8B;IACtC,QAAQ,EAAE,4BAA4B,CAAC;IACvC,QAAQ,EAAE,gBAAgB,CAAC,0BAA0B,CAAC,CAAC;IACvD,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,YAAY,CAAC;CACrC;AAED,wBAAgB,yBAAyB,CAAC,EACxC,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,cAAc,EACd,oBAAoB,GACrB,EAAE,8BAA8B,2CAkDhC"}
+{"version":3,"file":"ImportServiceConfigButton.d.ts","sourceRoot":"","sources":["../../../../editors/subscription-instance-editor/components/ImportServiceConfigButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EACV,0BAA0B,EAC1B,4BAA4B,EAC7B,MAAM,uEAAuE,CAAC;AAE/E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kEAAkE,CAAC;AAG7G,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uEAAuE,CAAC;AAG1G,UAAU,8BAA8B;IACtC,QAAQ,EAAE,4BAA4B,CAAC;IACvC,QAAQ,EAAE,gBAAgB,CAAC,0BAA0B,CAAC,CAAC;IACvD,qEAAqE;IACrE,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,2BAA2B;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iCAAiC;IACjC,oBAAoB,CAAC,EAAE,YAAY,CAAC;CACrC;AAED,wBAAgB,yBAAyB,CAAC,EACxC,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,cAAc,EACd,oBAAoB,GACrB,EAAE,8BAA8B,2CA8DhC"}

package/dist/editors/subscription-instance-editor/components/ImportServiceConfigButton.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback } from "react";
 import { initializeSubscription } from "../../../document-models/subscription-instance/v1/gen/subscription/creators.js";
+import { getUserSelectionPriceBreakdown } from "../../../document-models/service-offering/v1/src/utils.js";
 import { mapOfferingToSubscription } from "./mapOfferingToSubscription.js";
 export function ImportServiceConfigButton({ document, dispatch, offeringState, selectedTierId, selectedBillingCycle, }) {
     const hasServices = document.state.global.services.length > 0 ||
@@ -9,11 +10,22 @@ export function ImportServiceConfigButton({ document, dispatch, offeringState, s
     const importServiceConfig = useCallback(() => {
         if (!offeringState || !selectedTierId || !selectedBillingCycle)
             return;
+        // Wrap global state to match ServiceOfferingPHState shape for price breakdown
+        const phState = {
+            global: offeringState,
+            local: {},
+        };
+        const priceBreakdown = getUserSelectionPriceBreakdown(phState, {
+            tierId: selectedTierId,
+            billingCycle: selectedBillingCycle,
+            optionGroupIds: [],
+        });
         const input = mapOfferingToSubscription({
             offering: offeringState,
             tierId: selectedTierId,
             selectedBillingCycle,
             createdAt: new Date().toISOString(),
+            priceBreakdown,
         });
         dispatch(initializeSubscription(input));
     }, [dispatch, offeringState, selectedTierId, selectedBillingCycle]);

package/dist/editors/subscription-instance-editor/components/MetricActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MetricActions.d.ts","sourceRoot":"","sources":["../../../../editors/subscription-instance-editor/components/MetricActions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,uEAAuE,CAAC;AACxH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uEAAuE,CAAC;AAO3G,UAAU,kBAAkB;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE,gBAAgB,CAAC,0BAA0B,CAAC,CAAC;IACvD,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,MAAM,EACN,QAAQ,EACR,UAAU,GACX,EAAE,kBAAkB,kDAsKpB;AAED,UAAU,2BAA2B;IACnC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE,gBAAgB,CAAC,0BAA0B,CAAC,CAAC;CACxD;AAED,wBAAgB,sBAAsB,CAAC,EACrC,MAAM,EACN,OAAO,EACP,SAAS,EACT,MAAM,EACN,QAAQ,GACT,EAAE,2BAA2B,kDAmE7B"}
+{"version":3,"file":"MetricActions.d.ts","sourceRoot":"","sources":["../../../../editors/subscription-instance-editor/components/MetricActions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,uEAAuE,CAAC;AACxH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uEAAuE,CAAC;AAO3G,UAAU,kBAAkB;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE,gBAAgB,CAAC,0BAA0B,CAAC,CAAC;IACvD,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,MAAM,EACN,QAAQ,EACR,UAAU,GACX,EAAE,kBAAkB,kDAwKpB;AAED,UAAU,2BAA2B;IACnC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE,gBAAgB,CAAC,0BAA0B,CAAC,CAAC;CACxD;AAED,wBAAgB,sBAAsB,CAAC,EACrC,MAAM,EACN,OAAO,EACP,SAAS,EACT,MAAM,EACN,QAAQ,GACT,EAAE,2BAA2B,kDAmE7B"}

package/dist/editors/subscription-instance-editor/components/MetricActions.js

@@ -8,14 +8,16 @@ export function MetricActions({ serviceId, metric, dispatch, isOperator, }) {
         dispatch(incrementMetricUsage({
             serviceId,
             metricId: metric.id,
-            amount,
+            incrementBy: amount,
+            currentTime: new Date().toISOString(),
         }));
     }, [dispatch, serviceId, metric.id]);
     const handleDecrement = useCallback((amount = 1) => {
         dispatch(decrementMetricUsage({
             serviceId,
             metricId: metric.id,
-            amount,
+            decrementBy: amount,
+            currentTime: new Date().toISOString(),
         }));
     }, [dispatch, serviceId, metric.id]);
     const handleAdjust = useCallback(() => {

package/dist/editors/subscription-instance-editor/components/MockDataButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MockDataButton.d.ts","sourceRoot":"","sources":["../../../../editors/subscription-instance-editor/components/MockDataButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EACV,0BAA0B,EAC1B,4BAA4B,EAC7B,MAAM,uEAAuE,CAAC;AAS/E,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,4BAA4B,CAAC;IACvC,QAAQ,EAAE,gBAAgB,CAAC,0BAA0B,CAAC,CAAC;CACxD;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAgFzE"}
+{"version":3,"file":"MockDataButton.d.ts","sourceRoot":"","sources":["../../../../editors/subscription-instance-editor/components/MockDataButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EACV,0BAA0B,EAC1B,4BAA4B,EAC7B,MAAM,uEAAuE,CAAC;AAS/E,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,4BAA4B,CAAC;IACvC,QAAQ,EAAE,gBAAgB,CAAC,0BAA0B,CAAC,CAAC;CACxD;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAySzE"}

package/dist/editors/subscription-instance-editor/components/MockDataButton.js

@@ -10,28 +10,240 @@ export function MockDataButton({ document, dispatch }) {
         const oneMonthAgo = new Date(Date.now() - 30 * 24 * 60 * 60 * 1000).toISOString();
         const oneMonthFromNow = new Date(Date.now() + 30 * 24 * 60 * 60 * 1000).toISOString();
         const twoMonthsFromNow = new Date(Date.now() + 60 * 24 * 60 * 60 * 1000).toISOString();
+        // 1. Initialize subscription with full service group structure
+        //    Pricing lives at the SERVICE GROUP level, not per-service
         if (!document.state.global.customerId) {
             dispatch(initializeSubscription({
                 createdAt: oneMonthAgo,
                 customerId: `phid:customer:${generateId()}`,
                 customerName: "Acme Corporation",
                 customerEmail: "billing@acme.example.com",
+                resourceId: `phid:resource:${generateId()}`,
+                resourceLabel: "Enterprise Cloud Platform",
                 tierName: "Professional",
                 tierPricingOptionId: generateId(),
                 tierPrice: 726,
                 tierCurrency: "USD",
-                tierPricingMode: "FIXED",
+                tierPricingMode: "CALCULATED",
                 selectedBillingCycle: "MONTHLY",
                 globalCurrency: "USD",
+                autoRenew: true,
+                serviceGroups: [
+                    // === Core Infrastructure (recurring, group-level price: $726/mo) ===
+                    {
+                        id: generateId(),
+                        name: "Core Infrastructure",
+                        optional: false,
+                        costType: "RECURRING",
+                        recurringAmount: 726,
+                        recurringCurrency: "USD",
+                        recurringBillingCycle: "MONTHLY",
+                        setupAmount: 500,
+                        setupCurrency: "USD",
+                        services: [
+                            {
+                                id: generateId(),
+                                name: "Cloud Compute",
+                                description: "Scalable virtual machines with automatic load balancing",
+                                metrics: [
+                                    {
+                                        id: generateId(),
+                                        name: "vCPU Hours",
+                                        unitName: "hours",
+                                        currentUsage: 1250,
+                                        freeLimit: 1000,
+                                        paidLimit: 2000,
+                                        unitCostAmount: 0.05,
+                                        unitCostCurrency: "USD",
+                                        unitCostBillingCycle: "MONTHLY",
+                                        usageResetPeriod: "MONTHLY",
+                                    },
+                                    {
+                                        id: generateId(),
+                                        name: "RAM GB-Hours",
+                                        unitName: "GB-hours",
+                                        currentUsage: 3200,
+                                        freeLimit: 3000,
+                                        paidLimit: 5000,
+                                        usageResetPeriod: "MONTHLY",
+                                    },
+                                    {
+                                        id: generateId(),
+                                        name: "Active Instances",
+                                        unitName: "instances",
+                                        currentUsage: 8,
+                                        freeLimit: 10,
+                                        paidLimit: 20,
+                                    },
+                                ],
+                            },
+                            {
+                                id: generateId(),
+                                name: "Object Storage",
+                                description: "Unlimited cloud storage with CDN integration",
+                                metrics: [
+                                    {
+                                        id: generateId(),
+                                        name: "Storage Used",
+                                        unitName: "GB",
+                                        currentUsage: 450,
+                                        freeLimit: 500,
+                                        paidLimit: 2000,
+                                        unitCostAmount: 0.02,
+                                        unitCostCurrency: "USD",
+                                        unitCostBillingCycle: "MONTHLY",
+                                    },
+                                    {
+                                        id: generateId(),
+                                        name: "Bandwidth Out",
+                                        unitName: "GB",
+                                        currentUsage: 280,
+                                        freeLimit: 500,
+                                        usageResetPeriod: "MONTHLY",
+                                    },
+                                    {
+                                        id: generateId(),
+                                        name: "API Requests",
+                                        unitName: "requests",
+                                        currentUsage: 125000,
+                                        freeLimit: 100000,
+                                        paidLimit: 500000,
+                                        unitCostAmount: 0.001,
+                                        unitCostCurrency: "USD",
+                                        unitCostBillingCycle: "MONTHLY",
+                                        usageResetPeriod: "MONTHLY",
+                                    },
+                                ],
+                            },
+                            {
+                                id: generateId(),
+                                name: "Managed Database",
+                                description: "PostgreSQL with automatic backups and failover",
+                                metrics: [
+                                    {
+                                        id: generateId(),
+                                        name: "Database Size",
+                                        unitName: "GB",
+                                        currentUsage: 85,
+                                        freeLimit: 50,
+                                        paidLimit: 100,
+                                        unitCostAmount: 0.5,
+                                        unitCostCurrency: "USD",
+                                        unitCostBillingCycle: "MONTHLY",
+                                    },
+                                    {
+                                        id: generateId(),
+                                        name: "Connections",
+                                        unitName: "connections",
+                                        currentUsage: 45,
+                                        freeLimit: 50,
+                                        paidLimit: 100,
+                                    },
+                                ],
+                            },
+                            {
+                                id: generateId(),
+                                name: "Global CDN",
+                                description: "Content delivery network with edge caching",
+                                metrics: [
+                                    {
+                                        id: generateId(),
+                                        name: "Cache Hit Rate",
+                                        unitName: "%",
+                                        currentUsage: 94,
+                                        limit: 100,
+                                    },
+                                    {
+                                        id: generateId(),
+                                        name: "Edge Requests",
+                                        unitName: "M requests",
+                                        currentUsage: 12,
+                                        freeLimit: 10,
+                                        paidLimit: 50,
+                                        unitCostAmount: 5,
+                                        unitCostCurrency: "USD",
+                                        unitCostBillingCycle: "MONTHLY",
+                                        usageResetPeriod: "MONTHLY",
+                                    },
+                                ],
+                            },
+                        ],
+                    },
+                    // === Security Suite (optional add-on, group-level price: $178/mo) ===
+                    {
+                        id: generateId(),
+                        name: "Security Suite",
+                        optional: true,
+                        costType: "RECURRING",
+                        recurringAmount: 178,
+                        recurringCurrency: "USD",
+                        recurringBillingCycle: "MONTHLY",
+                        setupAmount: 750,
+                        setupCurrency: "USD",
+                        services: [
+                            {
+                                id: generateId(),
+                                name: "DDoS Protection",
+                                description: "Advanced DDoS mitigation with real-time monitoring",
+                            },
+                            {
+                                id: generateId(),
+                                name: "WAF",
+                                description: "Web Application Firewall with custom rules",
+                            },
+                            {
+                                id: generateId(),
+                                name: "Security Audit & Onboarding",
+                                description: "Initial security assessment and configuration",
+                            },
+                        ],
+                    },
+                    // === Premium Support (optional add-on, group-level price: $498/mo) ===
+                    {
+                        id: generateId(),
+                        name: "Premium Support",
+                        optional: true,
+                        costType: "RECURRING",
+                        recurringAmount: 498,
+                        recurringCurrency: "USD",
+                        recurringBillingCycle: "MONTHLY",
+                        setupAmount: 1200,
+                        setupCurrency: "USD",
+                        services: [
+                            {
+                                id: generateId(),
+                                name: "24/7 Priority Support",
+                                description: "Direct access to senior engineers with 15-min response time",
+                            },
+                            {
+                                id: generateId(),
+                                name: "Dedicated Account Manager",
+                                description: "Personal account manager for strategic guidance",
+                            },
+                            {
+                                id: generateId(),
+                                name: "Team Onboarding Workshop",
+                                description: "Customized training sessions for your engineering team",
+                            },
+                        ],
+                    },
+                ],
             }));
         }
+        // 2. Activate subscription
         dispatch(activateSubscription({
-            activatedAt: oneMonthAgo,
+            activatedSince: oneMonthAgo,
         }));
+        // 3. Set renewal date
         dispatch(setRenewalDate({ renewalDate: twoMonthsFromNow }));
+        // 4. Set customer type
         dispatch(setCustomerType({
             customerType: "TEAM",
+            teamMemberCount: 12,
         }));
+        // 5. Billing projection
+        // Core: $726/mo + Security: $178/mo + Support: $498/mo = $1,402/mo
+        // Plus metric overages: vCPU 250 × $0.05 = $12.50, API 25k × $0.001 = $25, DB 35 × $0.50 = $17.50, Edge 2M × $5 = $10
         dispatch(updateBillingProjection({
             nextBillingDate: oneMonthFromNow,
             projectedBillAmount: 1467,

package/dist/editors/subscription-instance-editor/components/OperatorNotes.js

@@ -6,7 +6,7 @@ export function OperatorNotes({ document, dispatch }) {
     const [isEditing, setIsEditing] = useState(false);
     const [notes, setNotes] = useState(currentNotes);
     const handleSave = useCallback(() => {
-        dispatch(setOperatorNotes({ notes: notes || null }));
+        dispatch(setOperatorNotes({ operatorNotes: notes || null }));
         setIsEditing(false);
     }, [dispatch, notes]);
     const handleCancel = useCallback(() => {

package/dist/editors/subscription-instance-editor/components/ServicesPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ServicesPanel.d.ts","sourceRoot":"","sources":["../../../../editors/subscription-instance-editor/components/ServicesPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EACV,0BAA0B,EAC1B,4BAA4B,EAC7B,MAAM,uEAAuE,CAAC;AAK/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAI5C,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,4BAA4B,CAAC;IACvC,QAAQ,EAAE,gBAAgB,CAAC,0BAA0B,CAAC,CAAC;IACvD,IAAI,EAAE,QAAQ,CAAC;CAChB;AAkKD,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,QAAQ,EACR,IAAI,GACL,EAAE,kBAAkB,2CAmKpB"}
+{"version":3,"file":"ServicesPanel.d.ts","sourceRoot":"","sources":["../../../../editors/subscription-instance-editor/components/ServicesPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EACV,0BAA0B,EAC1B,4BAA4B,EAC7B,MAAM,uEAAuE,CAAC;AAK/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAQ5C,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,4BAA4B,CAAC;IACvC,QAAQ,EAAE,gBAAgB,CAAC,0BAA0B,CAAC,CAAC;IACvD,IAAI,EAAE,QAAQ,CAAC;CAChB;AAkKD,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,QAAQ,EACR,IAAI,GACL,EAAE,kBAAkB,2CA6KpB"}