@burdenoff/microfe-billing 2026.510.114

package/dist/billing/modules/usage/hooks/useUsage.d.ts

@@ -0,0 +1,203 @@
+import { GetUsageRecordsQuery, GetUsageRecordsQueryVariables } from '../../../../generated/wspace-operations';
+import { AnalyticsPeriod, QuotaStatus, UsageDashboard } from '../../../shared/types';
+
+interface UseUsageDashboardParams {
+    billingAccountId?: string;
+    period?: AnalyticsPeriod;
+}
+interface UseUsageDashboardResult {
+    dashboard: UsageDashboard | null;
+    isLoading: boolean;
+    error: Error | null;
+    refetch: () => void;
+}
+export declare function useUsageDashboard({ billingAccountId, period, }: UseUsageDashboardParams): UseUsageDashboardResult;
+/**
+ * Quota assignment from the API
+ */
+interface QuotaAssignmentSummary {
+    id: string;
+    name: string;
+    unit: string;
+    quotaType: 'POOLED' | 'PRODUCT_SPECIFIC';
+    reusable: boolean;
+    limit: number;
+    limitLeft: number;
+    used: number;
+    usagePercentage: number;
+    noLimit: boolean;
+    subscriptionId?: string;
+    recentUsages: Array<{
+        id: string;
+        amount: number;
+        description: string;
+        timestamp: string;
+        tags?: Record<string, unknown>;
+    }>;
+    createdAt: string;
+    endtime: string;
+}
+/**
+ * Aggregated quota for display (multiple quota assignments with same name combined)
+ */
+export interface AggregatedQuota {
+    name: string;
+    unit: string;
+    totalLimit: number;
+    totalUsed: number;
+    usagePercentage: number;
+    status: QuotaStatus;
+    quotaCount: number;
+    noLimit: boolean;
+    reusable: boolean;
+    quotaAssignments: QuotaAssignmentSummary[];
+}
+/**
+ * Subscription with aggregated quotas
+ */
+export interface SubscriptionWithAggregatedQuotas {
+    id: string;
+    status: string;
+    planName?: string;
+    productId?: string;
+    createdAt: string;
+    aggregatedQuotas: AggregatedQuota[];
+}
+/**
+ * Hook to get billing accounts for the selector
+ */
+interface UseBillingAccountsForUsageResult {
+    billingAccounts: Array<{
+        id: string;
+        name: string;
+        email: string;
+        currency: string;
+        creditAmount: number;
+        isActive: boolean;
+        isDefault: boolean;
+    }>;
+    isLoading: boolean;
+    error: Error | null;
+}
+export declare function useBillingAccountsForUsage(): UseBillingAccountsForUsageResult;
+/**
+ * Hook to get billing account quotas summary with aggregation
+ * Only returns pooled quotas - subscription quotas come from useSubscriptionsWithQuotas
+ */
+interface UseBillingAccountQuotasSummaryResult {
+    pooledQuotas: AggregatedQuota[];
+    isLoading: boolean;
+    error: Error | null;
+    refetch: () => void;
+}
+export declare function useBillingAccountQuotasSummary(billingAccountId: string | undefined, productId?: string): UseBillingAccountQuotasSummaryResult;
+/**
+ * Hook to get subscriptions with their quotas grouped by status
+ * Uses lazy loading for past subscriptions and supports backend search
+ */
+type ViewMode = 'active' | 'past' | 'all';
+interface UseSubscriptionsWithQuotasOptions {
+    searchQuery?: string;
+    viewMode?: ViewMode;
+}
+interface UseSubscriptionsWithQuotasResult {
+    activeSubscriptions: SubscriptionWithAggregatedQuotas[];
+    pastSubscriptions: SubscriptionWithAggregatedQuotas[];
+    isLoading: boolean;
+    isPastSubscriptionsLoading: boolean;
+    error: Error | null;
+    refetch: () => void;
+    loadMorePastSubscriptions: () => void;
+    hasMorePastSubscriptions: boolean;
+    isLoadingMorePast: boolean;
+    pastSubscriptionsCount: number;
+}
+export declare function useSubscriptionsWithQuotas(billingAccountId: string | undefined, options?: UseSubscriptionsWithQuotasOptions): UseSubscriptionsWithQuotasResult;
+/**
+ * Hook to get quota usage details for drill-down using cursor-based pagination.
+ *
+ * The activity-svc API is cursor-based (limit / cursor → items / hasNextPage / nextCursor).
+ * Callers should maintain a cursor stack:
+ *   - push nextCursor to go forward
+ *   - pop to go back
+ *   - pass null as cursor for the first page
+ */
+export interface QuotaUsageDetail {
+    id: string;
+    amount: number;
+    description: string;
+    tags?: Record<string, unknown>;
+    productId?: string;
+    userId?: string;
+    timestamp: string;
+    lastUpdated?: string;
+}
+interface UseQuotaUsageDetailsResult {
+    usages: QuotaUsageDetail[];
+    hasNextPage: boolean;
+    nextCursor: string | null;
+    isLoading: boolean;
+    error: Error | null;
+    refetch: () => void;
+}
+type UsageRecord = GetUsageRecordsQuery['getUsageRecords']['items'][number];
+export declare function buildUsageRecordsVariables(quotaAssignmentId: string | undefined, pageSize: number, cursor: string | null, workspaceId?: string): GetUsageRecordsQueryVariables;
+export declare function mapUsageRecordToQuotaUsageDetail(record: UsageRecord): QuotaUsageDetail;
+export declare function useQuotaUsageDetails(quotaAssignmentId: string | undefined, pageSize?: number, cursor?: string | null, workspaceId?: string): UseQuotaUsageDetailsResult;
+/**
+ * Hook to get quota analytics
+ */
+interface UseQuotaAnalyticsResult {
+    analytics: {
+        dailyUsage: Array<{
+            date: string;
+            usage: number;
+            count: number;
+        }>;
+        usageByType: Array<{
+            resourceType: string;
+            usage: number;
+            count: number;
+            percentage: number;
+        }>;
+        trends?: {
+            growthRate?: number;
+            predictedUsage?: number;
+            averageDailyUsage?: number;
+        };
+        peakUsage?: {
+            maxDailyUsage: number;
+            peakDate: string;
+            peakHour?: number;
+        };
+    } | null;
+    isLoading: boolean;
+    error: Error | null;
+}
+export declare function useQuotaAnalytics(quotaAssignmentId: string | undefined, period?: AnalyticsPeriod): UseQuotaAnalyticsResult;
+/**
+ * Combined hook for the enhanced usage page
+ */
+interface UseEnhancedUsagePageParams {
+    billingAccountId: string | undefined;
+    period?: AnalyticsPeriod;
+    searchQuery?: string;
+    viewMode?: ViewMode;
+}
+interface UseEnhancedUsagePageResult {
+    dashboard: UsageDashboard | null;
+    pooledQuotas: AggregatedQuota[];
+    activeSubscriptions: SubscriptionWithAggregatedQuotas[];
+    pastSubscriptions: SubscriptionWithAggregatedQuotas[];
+    isLoading: boolean;
+    isPastSubscriptionsLoading: boolean;
+    error: Error | null;
+    refetch: () => void;
+    loadMorePastSubscriptions: () => void;
+    hasMorePastSubscriptions: boolean;
+    isLoadingMorePast: boolean;
+    pastSubscriptionsCount: number;
+}
+export declare function useEnhancedUsagePage({ billingAccountId, period, searchQuery, viewMode, }: UseEnhancedUsagePageParams): UseEnhancedUsagePageResult;
+export {};
+//# sourceMappingURL=useUsage.d.ts.map

package/dist/billing/modules/usage/hooks/useUsage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUsage.d.ts","sourceRoot":"","sources":["../../../../../src/billing/modules/usage/hooks/useUsage.ts"],"names":[],"mappings":"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"}

package/dist/billing/modules/usage/hooks/useUsage.js

@@ -0,0 +1,271 @@
+import { AnalyticsPeriod as e, QuotaStatus as t } from "../../../shared/types/graphql.js";
+import { useGetBillingAccountQuotasSummaryForUsageQuery as n, useGetBillingAccountsForUsageQuery as r, useGetPastSubscriptionsWithQuotasQuery as i, useGetSubscriptionsWithQuotasQuery as a, useGetUsageDashboardQuery as o } from "../../../../generated/global-operations.js";
+import { useGetUsageRecordsQuery as s } from "../../../../generated/wspace-operations.js";
+import { useCallback as c, useEffect as l, useMemo as u, useState as d } from "react";
+import { useGatewayClient as f } from "@burdenoff/fe-libs/shared/graphql";
+//#region src/billing/modules/usage/hooks/useUsage.ts
+function p({ billingAccountId: t, period: n = e.LAST_30_DAYS }) {
+	let { data: r, loading: i, error: a, refetch: s } = o({
+		variables: {
+			billingAccountId: t,
+			period: n
+		},
+		skip: !t,
+		fetchPolicy: "cache-and-network"
+	});
+	return {
+		dashboard: r?.getUsageDashboard ?? null,
+		isLoading: i,
+		error: a ?? null,
+		refetch: s
+	};
+}
+function m(e, n) {
+	return n <= 0 ? t.EXHAUSTED : e >= 90 ? t.CRITICAL : e >= 75 ? t.WARNING : t.HEALTHY;
+}
+function h(e) {
+	let t = /* @__PURE__ */ new Map();
+	for (let n of e) {
+		let e = t.get(n.name) || [];
+		e.push(n), t.set(n.name, e);
+	}
+	let n = [];
+	for (let [e, r] of t) {
+		let t = r.reduce((e, t) => e + (t.limit || 0), 0), i = r.reduce((e, t) => e + (t.used || 0), 0), a = r.reduce((e, t) => e + (t.limitLeft || 0), 0), o = t === 0 && r.every((e) => e.noLimit || (e.limit || 0) === 0), s = o || t === 0 ? 0 : i / t * 100, c = m(s, a), l = r[0]?.reusable || !1, u = r[0]?.unit || "";
+		n.push({
+			name: e,
+			unit: u,
+			totalLimit: o ? 0 : t,
+			totalUsed: i,
+			usagePercentage: s,
+			status: c,
+			quotaCount: r.length,
+			noLimit: o,
+			reusable: l,
+			quotaAssignments: r
+		});
+	}
+	let r = {
+		EXHAUSTED: 0,
+		CRITICAL: 1,
+		WARNING: 2,
+		HEALTHY: 3,
+		INACTIVE: 4
+	};
+	return n.sort((e, t) => {
+		let n = r[e.status] - r[t.status];
+		return n === 0 ? t.usagePercentage - e.usagePercentage : n;
+	});
+}
+function g() {
+	let { data: e, loading: t, error: n } = r({ fetchPolicy: "cache-and-network" });
+	return {
+		billingAccounts: e?.getBillingAccountsByOrg ?? [],
+		isLoading: t,
+		error: n ?? null
+	};
+}
+function _(e, t) {
+	let { data: r, loading: i, error: a, refetch: o } = n({
+		variables: {
+			billingAccountId: e,
+			productId: t
+		},
+		skip: !e,
+		fetchPolicy: "cache-and-network"
+	});
+	return {
+		pooledQuotas: u(() => {
+			if (!r?.getBillingAccountQuotasSummary) return [];
+			let e = r.getBillingAccountQuotasSummary;
+			return h(e.pooledQuotas || []);
+		}, [r]),
+		isLoading: i,
+		error: a ?? null,
+		refetch: o
+	};
+}
+var v = 10;
+function y(e, t = {}) {
+	let { searchQuery: n, viewMode: r = "active" } = t, o = r === "active" || r === "all", s = r === "past" || r === "all", { data: f, loading: p, error: m, refetch: g } = a({
+		variables: {
+			billingAccountId: e,
+			searchQuery: n || null
+		},
+		skip: !e || !o,
+		fetchPolicy: "cache-and-network"
+	}), { data: _, loading: y, refetch: b, fetchMore: x } = i({
+		variables: {
+			billingAccountId: e,
+			searchQuery: n || null,
+			page: 1,
+			pageSize: v
+		},
+		skip: !e || !s,
+		fetchPolicy: "cache-and-network"
+	}), [S, C] = d(!1), [w, T] = d(1), E = c((e) => {
+		let t = (e.quotas || []).map((t) => {
+			let n = t.limits?.value || 0, r = t.currentUsageSum || 0, i = Math.max(0, n - r), a = n > 0 ? r / n * 100 : 0, o = t.limits?.unit || "";
+			return {
+				id: t.id,
+				name: t.name,
+				unit: o,
+				quotaType: "PRODUCT_SPECIFIC",
+				reusable: !1,
+				limit: n,
+				limitLeft: i,
+				used: r,
+				usagePercentage: a,
+				noLimit: t.limits?.type !== "number" && t.limits?.type !== "numeric",
+				subscriptionId: e.id,
+				recentUsages: [],
+				createdAt: t.createdAt,
+				endtime: t.endtime
+			};
+		});
+		return {
+			id: e.id,
+			status: e.status,
+			createdAt: e.createdAt,
+			aggregatedQuotas: h(t)
+		};
+	}, []), D = u(() => f?.getSubscriptionUsageOverview ? f.getSubscriptionUsageOverview.map(E) : [], [f, E]), O = u(() => _?.getSubscriptionUsageOverview ? (_.getSubscriptionUsageOverview.subscriptions || _.getSubscriptionUsageOverview).map(E) : [], [_, E]), k = u(() => {
+		let e = _?.getSubscriptionUsageOverview;
+		return e ? e.totalCount === void 0 ? {
+			totalCount: O.length,
+			hasMore: O.length >= v * w
+		} : {
+			totalCount: e.totalCount,
+			hasMore: O.length < e.totalCount
+		} : {
+			totalCount: 0,
+			hasMore: !1
+		};
+	}, [
+		_,
+		O.length,
+		w
+	]);
+	l(() => {
+		T(1);
+	}, [n, r]);
+	let A = c(async () => {
+		if (!x || S || !k.hasMore) return;
+		C(!0);
+		let e = w + 1;
+		try {
+			await x({
+				variables: {
+					page: e,
+					pageSize: v
+				},
+				updateQuery: (e, { fetchMoreResult: t }) => {
+					if (!t) return e;
+					let n = e?.getSubscriptionUsageOverview ?? [], r = t?.getSubscriptionUsageOverview ?? [];
+					return { getSubscriptionUsageOverview: [...n, ...r] };
+				}
+			}), T(e);
+		} catch (e) {
+			console.error("Failed to load more past subscriptions:", e);
+		} finally {
+			C(!1);
+		}
+	}, [
+		x,
+		S,
+		k.hasMore,
+		w
+	]), j = c(() => {
+		T(1), o && g(), s && b();
+	}, [
+		o,
+		s,
+		g,
+		b
+	]);
+	return {
+		activeSubscriptions: D,
+		pastSubscriptions: O,
+		isLoading: o ? p : !1,
+		isPastSubscriptionsLoading: s ? y : !1,
+		error: m ?? null,
+		refetch: j,
+		loadMorePastSubscriptions: A,
+		hasMorePastSubscriptions: k.hasMore,
+		isLoadingMorePast: S,
+		pastSubscriptionsCount: k.totalCount
+	};
+}
+function b(e, t, n, r) {
+	return {
+		filters: {
+			quotaAssignmentId: e,
+			workspaceId: r
+		},
+		pagination: {
+			limit: t,
+			...n ? { cursor: n } : {}
+		}
+	};
+}
+function x(e) {
+	return {
+		id: e.id,
+		amount: e.amount,
+		description: e.description ?? "",
+		tags: e.metadata ?? {},
+		productId: e.productId,
+		userId: e.userId ?? void 0,
+		timestamp: e.createdAt,
+		lastUpdated: e.createdAt
+	};
+}
+function S(e, t = 20, n = null, r) {
+	let { data: i, loading: a, error: o, refetch: c } = s({
+		client: f("workspace"),
+		variables: b(e, t, n, r),
+		skip: !e || !r,
+		fetchPolicy: "cache-and-network"
+	});
+	return {
+		usages: (i?.getUsageRecords?.items ?? []).map(x),
+		hasNextPage: i?.getUsageRecords?.hasNextPage ?? !1,
+		nextCursor: i?.getUsageRecords?.nextCursor ?? null,
+		isLoading: a,
+		error: o ?? null,
+		refetch: c
+	};
+}
+function C({ billingAccountId: t, period: n = e.LAST_30_DAYS, searchQuery: r, viewMode: i = "active" }) {
+	let a = p({
+		billingAccountId: t,
+		period: n
+	}), o = _(t), s = y(t, {
+		searchQuery: r,
+		viewMode: i
+	}), l = c(() => {
+		a.refetch(), o.refetch(), s.refetch();
+	}, [
+		a,
+		o,
+		s
+	]);
+	return {
+		dashboard: a.dashboard,
+		pooledQuotas: o.pooledQuotas,
+		activeSubscriptions: s.activeSubscriptions,
+		pastSubscriptions: s.pastSubscriptions,
+		isLoading: a.isLoading || o.isLoading || s.isLoading,
+		isPastSubscriptionsLoading: s.isPastSubscriptionsLoading,
+		error: a.error || o.error || s.error,
+		refetch: l,
+		loadMorePastSubscriptions: s.loadMorePastSubscriptions,
+		hasMorePastSubscriptions: s.hasMorePastSubscriptions,
+		isLoadingMorePast: s.isLoadingMorePast,
+		pastSubscriptionsCount: s.pastSubscriptionsCount
+	};
+}
+//#endregion
+export { _ as useBillingAccountQuotasSummary, g as useBillingAccountsForUsage, C as useEnhancedUsagePage, S as useQuotaUsageDetails, y as useSubscriptionsWithQuotas, p as useUsageDashboard };
+
+//# sourceMappingURL=useUsage.js.map

package/dist/billing/modules/usage/hooks/useUsage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUsage.js","names":[],"sources":["../../../../../src/billing/modules/usage/hooks/useUsage.ts"],"sourcesContent":["/**\n * Usage Module - Hooks\n * Custom hooks for usage data fetching and mutations\n */\n\nimport { useMemo, useCallback, useState, useEffect } from 'react';\nimport {\n  useGetUsageDashboardQuery,\n  useGetBillingAccountQuotasSummaryForUsageQuery,\n  useGetSubscriptionsWithQuotasQuery,\n  useGetPastSubscriptionsWithQuotasQuery,\n  useGetBillingAccountsForUsageQuery,\n  useGetQuotaAnalyticsForUsageQuery,\n  type GetPastSubscriptionsWithQuotasQuery,\n} from '../../../../generated/global-operations';\nimport {\n  useGetUsageRecordsQuery,\n  type GetUsageRecordsQuery,\n  type GetUsageRecordsQueryVariables,\n} from '../../../../generated/wspace-operations';\nimport { useGatewayClient } from '@burdenoff/fe-libs/shared/graphql';\nimport { AnalyticsPeriod, QuotaStatus } from '../../../shared/types';\nimport type { UsageDashboard } from '../../../shared/types';\n\n// ============================================================================\n// Dashboard Hook\n// ============================================================================\n\ninterface UseUsageDashboardParams {\n  billingAccountId?: string;\n  period?: AnalyticsPeriod;\n}\n\ninterface UseUsageDashboardResult {\n  dashboard: UsageDashboard | null;\n  isLoading: boolean;\n  error: Error | null;\n  refetch: () => void;\n}\n\nexport function useUsageDashboard({\n  billingAccountId,\n  period = AnalyticsPeriod.LAST_30_DAYS,\n}: UseUsageDashboardParams): UseUsageDashboardResult {\n  const { data, loading, error, refetch } = useGetUsageDashboardQuery({\n    variables: { billingAccountId: billingAccountId!, period },\n    skip: !billingAccountId,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  return {\n    dashboard: data?.getUsageDashboard ?? null,\n    isLoading: loading,\n    error: error ?? null,\n    refetch,\n  };\n}\n\n// ============================================================================\n// Enhanced Usage Page Hooks\n// ============================================================================\n\n/**\n * Quota assignment from the API\n */\ninterface QuotaAssignmentSummary {\n  id: string;\n  name: string;\n  unit: string;\n  quotaType: 'POOLED' | 'PRODUCT_SPECIFIC';\n  reusable: boolean;\n  limit: number;\n  limitLeft: number;\n  used: number;\n  usagePercentage: number;\n  noLimit: boolean;\n  subscriptionId?: string;\n  recentUsages: Array<{\n    id: string;\n    amount: number;\n    description: string;\n    timestamp: string;\n    tags?: Record<string, unknown>;\n  }>;\n  createdAt: string;\n  endtime: string;\n}\n\n/**\n * Aggregated quota for display (multiple quota assignments with same name combined)\n */\nexport interface AggregatedQuota {\n  name: string;\n  unit: string;\n  totalLimit: number;\n  totalUsed: number;\n  usagePercentage: number;\n  status: QuotaStatus;\n  quotaCount: number;\n  noLimit: boolean;\n  reusable: boolean;\n  quotaAssignments: QuotaAssignmentSummary[];\n}\n\n/**\n * Subscription with aggregated quotas\n */\nexport interface SubscriptionWithAggregatedQuotas {\n  id: string;\n  status: string;\n  planName?: string;\n  productId?: string;\n  createdAt: string;\n  aggregatedQuotas: AggregatedQuota[];\n}\n\n/**\n * Helper function to calculate quota status based on usage percentage\n */\nfunction calculateQuotaStatus(usagePercentage: number, limitLeft: number): QuotaStatus {\n  if (limitLeft <= 0) return QuotaStatus.EXHAUSTED;\n  if (usagePercentage >= 90) return QuotaStatus.CRITICAL;\n  if (usagePercentage >= 75) return QuotaStatus.WARNING;\n  return QuotaStatus.HEALTHY;\n}\n\n/**\n * Helper function to aggregate quotas by name\n */\nfunction aggregateQuotasByName(quotas: QuotaAssignmentSummary[]): AggregatedQuota[] {\n  const grouped = new Map<string, QuotaAssignmentSummary[]>();\n\n  for (const quota of quotas) {\n    const existing = grouped.get(quota.name) || [];\n    existing.push(quota);\n    grouped.set(quota.name, existing);\n  }\n\n  const aggregated: AggregatedQuota[] = [];\n\n  for (const [name, assignments] of grouped) {\n    // Sum up limits and usage first\n    const totalLimit = assignments.reduce((sum, q) => sum + (q.limit || 0), 0);\n    const totalUsed = assignments.reduce((sum, q) => sum + (q.used || 0), 0);\n    const totalLimitLeft = assignments.reduce((sum, q) => sum + (q.limitLeft || 0), 0);\n\n    // Check if there's actually no limit (ignore noLimit flag if there's a numeric limit)\n    // Only treat as unlimited if totalLimit is 0 or all assignments explicitly have noLimit AND no numeric limit\n    const hasNoLimit =\n      totalLimit === 0 && assignments.every((q) => q.noLimit || (q.limit || 0) === 0);\n\n    // Calculate percentage\n    const usagePercentage = hasNoLimit || totalLimit === 0 ? 0 : (totalUsed / totalLimit) * 100;\n\n    // Get status\n    const status = calculateQuotaStatus(usagePercentage, totalLimitLeft);\n\n    // Get reusable and unit from first assignment (should be same for all with same name)\n    const reusable = assignments[0]?.reusable || false;\n    const unit = assignments[0]?.unit || '';\n\n    aggregated.push({\n      name,\n      unit,\n      totalLimit: hasNoLimit ? 0 : totalLimit,\n      totalUsed,\n      usagePercentage,\n      status,\n      quotaCount: assignments.length,\n      noLimit: hasNoLimit,\n      reusable,\n      quotaAssignments: assignments,\n    });\n  }\n\n  // Sort by status priority (critical first) then by usage percentage\n  const statusPriority: Record<QuotaStatus, number> = {\n    EXHAUSTED: 0,\n    CRITICAL: 1,\n    WARNING: 2,\n    HEALTHY: 3,\n    INACTIVE: 4,\n  };\n\n  return aggregated.sort((a, b) => {\n    const priorityDiff = statusPriority[a.status] - statusPriority[b.status];\n    if (priorityDiff !== 0) return priorityDiff;\n    return b.usagePercentage - a.usagePercentage;\n  });\n}\n\n/**\n * Hook to get billing accounts for the selector\n */\ninterface UseBillingAccountsForUsageResult {\n  billingAccounts: Array<{\n    id: string;\n    name: string;\n    email: string;\n    currency: string;\n    creditAmount: number;\n    isActive: boolean;\n    isDefault: boolean;\n  }>;\n  isLoading: boolean;\n  error: Error | null;\n}\n\nexport function useBillingAccountsForUsage(): UseBillingAccountsForUsageResult {\n  const { data, loading, error } = useGetBillingAccountsForUsageQuery({\n    fetchPolicy: 'cache-and-network',\n  });\n\n  return {\n    billingAccounts: data?.getBillingAccountsByOrg ?? [],\n    isLoading: loading,\n    error: error ?? null,\n  };\n}\n\n/**\n * Hook to get billing account quotas summary with aggregation\n * Only returns pooled quotas - subscription quotas come from useSubscriptionsWithQuotas\n */\ninterface UseBillingAccountQuotasSummaryResult {\n  pooledQuotas: AggregatedQuota[];\n  isLoading: boolean;\n  error: Error | null;\n  refetch: () => void;\n}\n\nexport function useBillingAccountQuotasSummary(\n  billingAccountId: string | undefined,\n  productId?: string\n): UseBillingAccountQuotasSummaryResult {\n  const { data, loading, error, refetch } = useGetBillingAccountQuotasSummaryForUsageQuery({\n    variables: { billingAccountId: billingAccountId!, productId },\n    skip: !billingAccountId,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const pooledQuotas = useMemo(() => {\n    if (!data?.getBillingAccountQuotasSummary) {\n      return [];\n    }\n\n    const summary = data.getBillingAccountQuotasSummary;\n    return aggregateQuotasByName(summary.pooledQuotas || []);\n  }, [data]);\n\n  return {\n    pooledQuotas,\n    isLoading: loading,\n    error: error ?? null,\n    refetch,\n  };\n}\n\n/**\n * Subscription from the API\n */\ninterface SubscriptionQuota {\n  id: string;\n  name: string;\n  limits: { type: string; value: number; unit?: string; originalValue?: number };\n  currentUsageSum: number;\n  usageCount: number;\n  createdAt: string;\n  endtime: string;\n}\n\ninterface SubscriptionFromAPI {\n  id: string;\n  status: string;\n  createdAt: string;\n  quotas: SubscriptionQuota[];\n}\n\n/**\n * Hook to get subscriptions with their quotas grouped by status\n * Uses lazy loading for past subscriptions and supports backend search\n */\ntype ViewMode = 'active' | 'past' | 'all';\n\nconst PAST_SUBSCRIPTIONS_PAGE_SIZE = 10;\n\ninterface UseSubscriptionsWithQuotasOptions {\n  searchQuery?: string;\n  viewMode?: ViewMode;\n}\n\ninterface UseSubscriptionsWithQuotasResult {\n  activeSubscriptions: SubscriptionWithAggregatedQuotas[];\n  pastSubscriptions: SubscriptionWithAggregatedQuotas[];\n  isLoading: boolean;\n  isPastSubscriptionsLoading: boolean;\n  error: Error | null;\n  refetch: () => void;\n  // Pagination for past subscriptions\n  loadMorePastSubscriptions: () => void;\n  hasMorePastSubscriptions: boolean;\n  isLoadingMorePast: boolean;\n  pastSubscriptionsCount: number;\n}\n\nexport function useSubscriptionsWithQuotas(\n  billingAccountId: string | undefined,\n  options: UseSubscriptionsWithQuotasOptions = {}\n): UseSubscriptionsWithQuotasResult {\n  const { searchQuery, viewMode = 'active' } = options;\n\n  // Determine which subscriptions to fetch based on viewMode\n  const shouldFetchActive = viewMode === 'active' || viewMode === 'all';\n  const shouldFetchPast = viewMode === 'past' || viewMode === 'all';\n\n  // Query for active subscriptions\n  const { data, loading, error, refetch } = useGetSubscriptionsWithQuotasQuery({\n    variables: {\n      billingAccountId: billingAccountId!,\n      searchQuery: searchQuery || null,\n    },\n    skip: !billingAccountId || !shouldFetchActive,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  // Query for past subscriptions with pagination - only when viewMode is 'past' or 'all'\n  const {\n    data: pastData,\n    loading: pastLoading,\n    refetch: refetchPast,\n    fetchMore: fetchMorePast,\n  } = useGetPastSubscriptionsWithQuotasQuery({\n    variables: {\n      billingAccountId: billingAccountId!,\n      searchQuery: searchQuery || null,\n      page: 1,\n      pageSize: PAST_SUBSCRIPTIONS_PAGE_SIZE,\n    },\n    skip: !billingAccountId || !shouldFetchPast,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  // Track if we're loading more past subscriptions\n  const [isLoadingMorePast, setIsLoadingMorePast] = useState(false);\n  const [currentPastPage, setCurrentPastPage] = useState(1);\n\n  // Helper function to process subscription data\n  const processSubscription = useCallback(\n    (sub: SubscriptionFromAPI): SubscriptionWithAggregatedQuotas => {\n      const quotaSummaries: QuotaAssignmentSummary[] = (sub.quotas || []).map((q) => {\n        const limit = q.limits?.value || 0;\n        const used = q.currentUsageSum || 0;\n        const limitLeft = Math.max(0, limit - used);\n        const usagePercentage = limit > 0 ? (used / limit) * 100 : 0;\n        const unit = q.limits?.unit || '';\n\n        return {\n          id: q.id,\n          name: q.name,\n          unit,\n          quotaType: 'PRODUCT_SPECIFIC' as const,\n          reusable: false,\n          limit,\n          limitLeft,\n          used,\n          usagePercentage,\n          noLimit: q.limits?.type !== 'number' && q.limits?.type !== 'numeric',\n          subscriptionId: sub.id,\n          recentUsages: [],\n          createdAt: q.createdAt,\n          endtime: q.endtime,\n        };\n      });\n\n      return {\n        id: sub.id,\n        status: sub.status,\n        createdAt: sub.createdAt,\n        aggregatedQuotas: aggregateQuotasByName(quotaSummaries),\n      };\n    },\n    []\n  );\n\n  // Process active subscriptions\n  const activeSubscriptions = useMemo(() => {\n    if (!data?.getSubscriptionUsageOverview) {\n      return [];\n    }\n\n    const subscriptions: SubscriptionFromAPI[] = data.getSubscriptionUsageOverview;\n    return subscriptions.map(processSubscription);\n  }, [data, processSubscription]);\n\n  // Process past subscriptions\n  const pastSubscriptions = useMemo(() => {\n    if (!pastData?.getSubscriptionUsageOverview) {\n      return [];\n    }\n\n    const subscriptions: SubscriptionFromAPI[] =\n      pastData.getSubscriptionUsageOverview.subscriptions || pastData.getSubscriptionUsageOverview;\n    return subscriptions.map(processSubscription);\n  }, [pastData, processSubscription]);\n\n  // Get pagination info for past subscriptions\n  const pastSubscriptionsPagination = useMemo(() => {\n    const overview = pastData?.getSubscriptionUsageOverview;\n    if (!overview) {\n      return { totalCount: 0, hasMore: false };\n    }\n    // If it's the new paginated format\n    if (overview.totalCount !== undefined) {\n      return {\n        totalCount: overview.totalCount,\n        hasMore: pastSubscriptions.length < overview.totalCount,\n      };\n    }\n    // Legacy format - assume there might be more if we got a full page\n    return {\n      totalCount: pastSubscriptions.length,\n      hasMore: pastSubscriptions.length >= PAST_SUBSCRIPTIONS_PAGE_SIZE * currentPastPage,\n    };\n  }, [pastData, pastSubscriptions.length, currentPastPage]);\n\n  // Reset page when search query or viewMode changes\n  useEffect(() => {\n    setCurrentPastPage(1);\n  }, [searchQuery, viewMode]);\n\n  // Load more past subscriptions\n  const loadMorePastSubscriptions = useCallback(async () => {\n    if (!fetchMorePast || isLoadingMorePast || !pastSubscriptionsPagination.hasMore) return;\n\n    setIsLoadingMorePast(true);\n    const nextPage = currentPastPage + 1;\n\n    try {\n      await fetchMorePast({\n        variables: {\n          page: nextPage,\n          pageSize: PAST_SUBSCRIPTIONS_PAGE_SIZE,\n        },\n        updateQuery: (\n          prev: GetPastSubscriptionsWithQuotasQuery,\n          { fetchMoreResult }: { fetchMoreResult: GetPastSubscriptionsWithQuotasQuery }\n        ) => {\n          if (!fetchMoreResult) return prev;\n\n          const prevSubs = prev?.getSubscriptionUsageOverview ?? [];\n          const newSubs = fetchMoreResult?.getSubscriptionUsageOverview ?? [];\n\n          return {\n            getSubscriptionUsageOverview: [...prevSubs, ...newSubs],\n          };\n        },\n      });\n      setCurrentPastPage(nextPage);\n    } catch (err) {\n      console.error('Failed to load more past subscriptions:', err);\n    } finally {\n      setIsLoadingMorePast(false);\n    }\n  }, [fetchMorePast, isLoadingMorePast, pastSubscriptionsPagination.hasMore, currentPastPage]);\n\n  const combinedRefetch = useCallback(() => {\n    setCurrentPastPage(1);\n    if (shouldFetchActive) refetch();\n    if (shouldFetchPast) refetchPast();\n  }, [shouldFetchActive, shouldFetchPast, refetch, refetchPast]);\n\n  return {\n    activeSubscriptions,\n    pastSubscriptions,\n    isLoading: shouldFetchActive ? loading : false,\n    isPastSubscriptionsLoading: shouldFetchPast ? pastLoading : false,\n    error: error ?? null,\n    refetch: combinedRefetch,\n    // Pagination for past subscriptions\n    loadMorePastSubscriptions,\n    hasMorePastSubscriptions: pastSubscriptionsPagination.hasMore,\n    isLoadingMorePast,\n    pastSubscriptionsCount: pastSubscriptionsPagination.totalCount,\n  };\n}\n\n/**\n * Hook to get quota usage details for drill-down using cursor-based pagination.\n *\n * The activity-svc API is cursor-based (limit / cursor → items / hasNextPage / nextCursor).\n * Callers should maintain a cursor stack:\n *   - push nextCursor to go forward\n *   - pop to go back\n *   - pass null as cursor for the first page\n */\nexport interface QuotaUsageDetail {\n  id: string;\n  amount: number;\n  description: string;\n  tags?: Record<string, unknown>;\n  productId?: string;\n  userId?: string;\n  timestamp: string;\n  lastUpdated?: string;\n}\n\ninterface UseQuotaUsageDetailsResult {\n  usages: QuotaUsageDetail[];\n  hasNextPage: boolean;\n  nextCursor: string | null;\n  isLoading: boolean;\n  error: Error | null;\n  refetch: () => void;\n}\n\ntype UsageRecord = GetUsageRecordsQuery['getUsageRecords']['items'][number];\n\nexport function buildUsageRecordsVariables(\n  quotaAssignmentId: string | undefined,\n  pageSize: number,\n  cursor: string | null,\n  workspaceId?: string\n): GetUsageRecordsQueryVariables {\n  return {\n    filters: {\n      quotaAssignmentId,\n      workspaceId,\n    },\n    pagination: {\n      limit: pageSize,\n      ...(cursor ? { cursor } : {}),\n    },\n  };\n}\n\nexport function mapUsageRecordToQuotaUsageDetail(record: UsageRecord): QuotaUsageDetail {\n  return {\n    id: record.id,\n    amount: record.amount,\n    description: record.description ?? '',\n    tags: (record.metadata as Record<string, unknown>) ?? {},\n    productId: record.productId,\n    userId: record.userId ?? undefined,\n    timestamp: record.createdAt,\n    lastUpdated: record.createdAt,\n  };\n}\n\nexport function useQuotaUsageDetails(\n  quotaAssignmentId: string | undefined,\n  pageSize: number = 20,\n  cursor: string | null = null,\n  workspaceId?: string\n): UseQuotaUsageDetailsResult {\n  // Query workspace gateway directly — usage records live in wspace-activity-svc.\n  // Uses the dedicated workspace Apollo client so it doesn't conflict with the\n  // shell's global Apollo client used by all other billing queries.\n  const wsClient = useGatewayClient('workspace');\n  const { data, loading, error, refetch } = useGetUsageRecordsQuery({\n    client: wsClient,\n    variables: buildUsageRecordsVariables(quotaAssignmentId, pageSize, cursor, workspaceId),\n    skip: !quotaAssignmentId || !workspaceId,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const items: GetUsageRecordsQuery['getUsageRecords']['items'] =\n    data?.getUsageRecords?.items ?? [];\n\n  return {\n    usages: items.map(mapUsageRecordToQuotaUsageDetail),\n    hasNextPage: data?.getUsageRecords?.hasNextPage ?? false,\n    nextCursor: data?.getUsageRecords?.nextCursor ?? null,\n    isLoading: loading,\n    error: error ?? null,\n    refetch,\n  };\n}\n\n/**\n * Hook to get quota analytics\n */\ninterface UseQuotaAnalyticsResult {\n  analytics: {\n    dailyUsage: Array<{ date: string; usage: number; count: number }>;\n    usageByType: Array<{ resourceType: string; usage: number; count: number; percentage: number }>;\n    trends?: {\n      growthRate?: number;\n      predictedUsage?: number;\n      averageDailyUsage?: number;\n    };\n    peakUsage?: {\n      maxDailyUsage: number;\n      peakDate: string;\n      peakHour?: number;\n    };\n  } | null;\n  isLoading: boolean;\n  error: Error | null;\n}\n\nexport function useQuotaAnalytics(\n  quotaAssignmentId: string | undefined,\n  period: AnalyticsPeriod = AnalyticsPeriod.LAST_30_DAYS\n): UseQuotaAnalyticsResult {\n  const { data, loading, error } = useGetQuotaAnalyticsForUsageQuery({\n    variables: { quotaAssignmentId: quotaAssignmentId!, period },\n    skip: !quotaAssignmentId,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  return {\n    analytics: data?.getQuotaAnalytics ?? null,\n    isLoading: loading,\n    error: error ?? null,\n  };\n}\n\n/**\n * Combined hook for the enhanced usage page\n */\ninterface UseEnhancedUsagePageParams {\n  billingAccountId: string | undefined;\n  period?: AnalyticsPeriod;\n  searchQuery?: string;\n  viewMode?: ViewMode;\n}\n\ninterface UseEnhancedUsagePageResult {\n  // Dashboard overview\n  dashboard: UsageDashboard | null;\n\n  // Pooled quotas (subscription quotas come from subscriptions directly)\n  pooledQuotas: AggregatedQuota[];\n\n  // Subscriptions with their quotas\n  activeSubscriptions: SubscriptionWithAggregatedQuotas[];\n  pastSubscriptions: SubscriptionWithAggregatedQuotas[];\n\n  // Loading states\n  isLoading: boolean;\n  isPastSubscriptionsLoading: boolean;\n  error: Error | null;\n\n  // Actions\n  refetch: () => void;\n\n  // Pagination for past subscriptions\n  loadMorePastSubscriptions: () => void;\n  hasMorePastSubscriptions: boolean;\n  isLoadingMorePast: boolean;\n  pastSubscriptionsCount: number;\n}\n\nexport function useEnhancedUsagePage({\n  billingAccountId,\n  period = AnalyticsPeriod.LAST_30_DAYS,\n  searchQuery,\n  viewMode = 'active',\n}: UseEnhancedUsagePageParams): UseEnhancedUsagePageResult {\n  // Dashboard for overview stats\n  const dashboardResult = useUsageDashboard({\n    billingAccountId,\n    period,\n  });\n\n  // Quotas summary with aggregation\n  const quotasSummaryResult = useBillingAccountQuotasSummary(billingAccountId);\n\n  // Subscriptions with quotas - passes searchQuery and viewMode to backend\n  const subscriptionsResult = useSubscriptionsWithQuotas(billingAccountId, {\n    searchQuery,\n    viewMode,\n  });\n\n  const refetch = useCallback(() => {\n    dashboardResult.refetch();\n    quotasSummaryResult.refetch();\n    subscriptionsResult.refetch();\n  }, [dashboardResult, quotasSummaryResult, subscriptionsResult]);\n\n  return {\n    dashboard: dashboardResult.dashboard,\n    pooledQuotas: quotasSummaryResult.pooledQuotas,\n    activeSubscriptions: subscriptionsResult.activeSubscriptions,\n    pastSubscriptions: subscriptionsResult.pastSubscriptions,\n    isLoading:\n      dashboardResult.isLoading || quotasSummaryResult.isLoading || subscriptionsResult.isLoading,\n    isPastSubscriptionsLoading: subscriptionsResult.isPastSubscriptionsLoading,\n    error: dashboardResult.error || quotasSummaryResult.error || subscriptionsResult.error,\n    refetch,\n    // Pagination for past subscriptions\n    loadMorePastSubscriptions: subscriptionsResult.loadMorePastSubscriptions,\n    hasMorePastSubscriptions: subscriptionsResult.hasMorePastSubscriptions,\n    isLoadingMorePast: subscriptionsResult.isLoadingMorePast,\n    pastSubscriptionsCount: subscriptionsResult.pastSubscriptionsCount,\n  };\n}\n"],"mappings":"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"}

package/dist/billing/modules/usage/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Usage Module
+ */
+export * from './pages';
+export * from './hooks';
+//# sourceMappingURL=index.d.ts.map

package/dist/billing/modules/usage/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/billing/modules/usage/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/dist/billing/modules/usage/index.js

@@ -0,0 +1,5 @@
+import "./hooks/useUsage.js";
+import { UsagePage as e } from "./pages/UsagePage.js";
+import "./pages/index.js";
+import "./hooks/index.js";
+export { e as UsagePage };

package/dist/billing/modules/usage/pages/UsagePage.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+
+export declare const UsagePage: FC;
+//# sourceMappingURL=UsagePage.d.ts.map

package/dist/billing/modules/usage/pages/UsagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsagePage.d.ts","sourceRoot":"","sources":["../../../../../src/billing/modules/usage/pages/UsagePage.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAoD,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAqiBlF,eAAO,MAAM,SAAS,EAAE,EAmkBvB,CAAC"}