@stigmer/react 0.3.3 → 0.4.0

package/billing/AutoRechargeCard.d.ts

@@ -0,0 +1,38 @@
+import type { AutoRechargeConfig } from "@stigmer/protos/ai/stigmer/billing/v1/billing_account_pb";
+import { BillingAccountStatus } from "@stigmer/protos/ai/stigmer/billing/v1/enum_pb";
+/** Props for {@link AutoRechargeCard}. */
+export interface AutoRechargeCardProps {
+    /** Organization ID. */
+    readonly orgId: string;
+    /** Current auto-recharge configuration from the billing account. */
+    readonly autoRecharge?: AutoRechargeConfig;
+    /** Whether the account has a saved payment method. */
+    readonly hasPaymentMethod: boolean;
+    /** Account status — config disabled when suspended or closed. */
+    readonly accountStatus: BillingAccountStatus;
+    /** Called after a successful save so the parent can refresh account data. */
+    readonly onSaved?: () => void;
+    /** Additional CSS class names. */
+    readonly className?: string;
+}
+/**
+ * Auto-recharge configuration card for the billing settings page.
+ *
+ * Shows a toggle to enable/disable auto-recharge, with input fields
+ * for threshold, recharge amount, and monthly cap. Displays a
+ * disabled state with an explanatory message when no payment method
+ * is on file. Validates inputs client-side before submitting.
+ *
+ * @example
+ * ```tsx
+ * <AutoRechargeCard
+ *   orgId={orgId}
+ *   autoRecharge={account.autoRecharge}
+ *   hasPaymentMethod={!!account.defaultPaymentMethod?.paymentMethodId}
+ *   accountStatus={account.status}
+ *   onSaved={refetch}
+ * />
+ * ```
+ */
+export declare function AutoRechargeCard({ orgId, autoRecharge, hasPaymentMethod, accountStatus, onSaved, className, }: AutoRechargeCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AutoRechargeCard.d.ts.map

package/billing/AutoRechargeCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoRechargeCard.d.ts","sourceRoot":"","sources":["../../src/billing/AutoRechargeCard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0DAA0D,CAAC;AACnG,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AAIrF,0CAA0C;AAC1C,MAAM,WAAW,qBAAqB;IACpC,uBAAuB;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,oEAAoE;IACpE,QAAQ,CAAC,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAC3C,sDAAsD;IACtD,QAAQ,CAAC,gBAAgB,EAAE,OAAO,CAAC;IACnC,iEAAiE;IACjE,QAAQ,CAAC,aAAa,EAAE,oBAAoB,CAAC;IAC7C,6EAA6E;IAC7E,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,kCAAkC;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAgBD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,aAAa,EACb,OAAO,EACP,SAAS,GACV,EAAE,qBAAqB,2CA+JvB"}

package/billing/AutoRechargeCard.js

@@ -0,0 +1,90 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useEffect } from "react";
+import { cn } from "@stigmer/theme";
+import { BillingAccountStatus } from "@stigmer/protos/ai/stigmer/billing/v1/enum_pb";
+import { getUserMessage } from "@stigmer/sdk";
+import { useSetAutoRechargeConfig } from "./useSetAutoRechargeConfig";
+const MICROS_PER_DOLLAR = BigInt(1_000_000);
+function microsToDollars(micros) {
+    if (micros === BigInt(0))
+        return "";
+    const dollars = Number(micros) / 1_000_000;
+    return dollars.toString();
+}
+function dollarsToMicros(value) {
+    const num = parseFloat(value);
+    if (isNaN(num) || num < 0)
+        return BigInt(0);
+    return BigInt(Math.round(num * 1_000_000));
+}
+/**
+ * Auto-recharge configuration card for the billing settings page.
+ *
+ * Shows a toggle to enable/disable auto-recharge, with input fields
+ * for threshold, recharge amount, and monthly cap. Displays a
+ * disabled state with an explanatory message when no payment method
+ * is on file. Validates inputs client-side before submitting.
+ *
+ * @example
+ * ```tsx
+ * <AutoRechargeCard
+ *   orgId={orgId}
+ *   autoRecharge={account.autoRecharge}
+ *   hasPaymentMethod={!!account.defaultPaymentMethod?.paymentMethodId}
+ *   accountStatus={account.status}
+ *   onSaved={refetch}
+ * />
+ * ```
+ */
+export function AutoRechargeCard({ orgId, autoRecharge, hasPaymentMethod, accountStatus, onSaved, className, }) {
+    const { setConfig, isSubmitting, error, clearError } = useSetAutoRechargeConfig();
+    const [enabled, setEnabled] = useState(autoRecharge?.enabled ?? false);
+    const [threshold, setThreshold] = useState(microsToDollars(autoRecharge?.thresholdMicros ?? BigInt(0)));
+    const [amount, setAmount] = useState(microsToDollars(autoRecharge?.rechargeAmountMicros ?? BigInt(0)));
+    const [cap, setCap] = useState(microsToDollars(autoRecharge?.monthlyCapMicros ?? BigInt(0)));
+    const [saved, setSaved] = useState(false);
+    useEffect(() => {
+        if (!autoRecharge)
+            return;
+        setEnabled(autoRecharge.enabled);
+        setThreshold(microsToDollars(autoRecharge.thresholdMicros));
+        setAmount(microsToDollars(autoRecharge.rechargeAmountMicros));
+        setCap(microsToDollars(autoRecharge.monthlyCapMicros));
+    }, [autoRecharge]);
+    const isAccountActive = accountStatus === BillingAccountStatus.billing_account_active;
+    const canConfigure = hasPaymentMethod && isAccountActive;
+    const hasChanges = enabled !== (autoRecharge?.enabled ?? false) ||
+        dollarsToMicros(threshold) !==
+            (autoRecharge?.thresholdMicros ?? BigInt(0)) ||
+        dollarsToMicros(amount) !==
+            (autoRecharge?.rechargeAmountMicros ?? BigInt(0)) ||
+        dollarsToMicros(cap) !== (autoRecharge?.monthlyCapMicros ?? BigInt(0));
+    const handleSave = useCallback(async () => {
+        clearError();
+        setSaved(false);
+        try {
+            await setConfig({
+                orgId,
+                enabled,
+                thresholdMicros: dollarsToMicros(threshold),
+                rechargeAmountMicros: dollarsToMicros(amount),
+                monthlyCapMicros: dollarsToMicros(cap),
+            });
+            setSaved(true);
+            onSaved?.();
+            setTimeout(() => setSaved(false), 3000);
+        }
+        catch {
+            // error state is managed by the hook
+        }
+    }, [orgId, enabled, threshold, amount, cap, setConfig, clearError, onSaved]);
+    return (_jsxs("div", { className: cn("rounded-lg border border-border bg-card px-4 py-4", className), children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-xs font-semibold text-foreground", children: "Auto-Recharge" }), _jsx("p", { className: "mt-0.5 text-[0.7rem] text-muted-foreground", children: "Automatically add credits when your balance runs low." })] }), _jsx("button", { type: "button", role: "switch", "aria-checked": enabled, disabled: !canConfigure || isSubmitting, onClick: () => setEnabled((prev) => !prev), className: cn("relative inline-flex h-5 w-9 shrink-0 rounded-full transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "disabled:cursor-not-allowed disabled:opacity-50", enabled ? "bg-primary" : "bg-muted"), children: _jsx("span", { className: cn("pointer-events-none block size-4 rounded-full bg-background shadow-sm ring-0 transition-transform", enabled ? "translate-x-4" : "translate-x-0.5", "mt-0.5") }) })] }), !hasPaymentMethod && (_jsx("p", { className: "mt-3 text-xs text-muted-foreground", children: "A saved payment method is required to enable auto-recharge. Purchase a credit pack first to save a card." })), canConfigure && (_jsxs("div", { className: "mt-4 space-y-3", children: [_jsx(DollarInput, { id: "ar-threshold", label: "When balance drops below", value: threshold, onChange: setThreshold, disabled: isSubmitting, placeholder: "e.g. 5" }), _jsx(DollarInput, { id: "ar-amount", label: "Recharge amount", value: amount, onChange: setAmount, disabled: isSubmitting, placeholder: "e.g. 50" }), _jsx(DollarInput, { id: "ar-cap", label: "Monthly cap", value: cap, onChange: setCap, disabled: isSubmitting, placeholder: "e.g. 200" }), _jsxs("div", { className: "flex items-center gap-3 pt-1", children: [_jsx("button", { type: "button", disabled: !hasChanges || isSubmitting, onClick: handleSave, className: cn("rounded-md px-3 py-1.5 text-xs font-medium transition-colors", "bg-primary text-primary-foreground hover:bg-primary/90", "disabled:pointer-events-none disabled:opacity-50"), "aria-busy": isSubmitting, children: isSubmitting ? "Saving\u2026" : "Save" }), saved && (_jsx("span", { className: "text-xs text-emerald-600 dark:text-emerald-400", children: "Saved" }))] }), error && (_jsx("p", { className: "text-xs text-destructive", role: "alert", children: getUserMessage(error) }))] }))] }));
+}
+// ---------------------------------------------------------------------------
+// DollarInput (internal)
+// ---------------------------------------------------------------------------
+function DollarInput({ id, label, value, onChange, disabled, placeholder, }) {
+    return (_jsxs("div", { children: [_jsx("label", { htmlFor: id, className: "block text-xs text-muted-foreground", children: label }), _jsxs("div", { className: "relative mt-1", children: [_jsx("span", { className: "pointer-events-none absolute left-2.5 top-1/2 -translate-y-1/2 text-xs text-muted-foreground", children: "$" }), _jsx("input", { id: id, type: "number", min: "0", step: "any", value: value, onChange: (e) => onChange(e.target.value), disabled: disabled, placeholder: placeholder, className: cn("w-full rounded-md border border-input bg-background py-1.5 pl-6 pr-3 text-xs tabular-nums", "text-foreground placeholder:text-muted-foreground/60", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", "disabled:cursor-not-allowed disabled:opacity-50") })] })] }));
+}
+//# sourceMappingURL=AutoRechargeCard.js.map

package/billing/AutoRechargeCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoRechargeCard.js","sourceRoot":"","sources":["../../src/billing/AutoRechargeCard.tsx"],"names":[],"mappings":"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"}

package/billing/BillingSection.d.ts

@@ -0,0 +1,32 @@
+/** Props for {@link BillingSection}. */
+export interface BillingSectionProps {
+    /**
+     * Whether a checkout just completed (e.g., `?checkout=success`).
+     *
+     * When `true`, an optimistic banner is shown indicating that
+     * credits will appear shortly. This prop is typically driven
+     * by the host application's URL query parameters.
+     */
+    readonly checkoutSuccess?: boolean;
+    /** Callback to dismiss the checkout success banner. */
+    readonly onDismissCheckoutSuccess?: () => void;
+    /** Additional CSS class names. */
+    readonly className?: string;
+}
+/**
+ * Top-level billing settings section.
+ *
+ * Composes the billing sub-components into a cohesive settings page:
+ * low-balance warning, checkout success banner, credit balance display,
+ * credit pack purchase grid, and transaction history. Handles the
+ * deployment mode gate (billing unavailable in local mode) and the
+ * org-not-selected state.
+ *
+ * @example
+ * ```tsx
+ * // In a settings page:
+ * <BillingSection checkoutSuccess={searchParams.checkout === "success"} />
+ * ```
+ */
+export declare function BillingSection({ checkoutSuccess, onDismissCheckoutSuccess, className, }: BillingSectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BillingSection.d.ts.map

package/billing/BillingSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BillingSection.d.ts","sourceRoot":"","sources":["../../src/billing/BillingSection.tsx"],"names":[],"mappings":"AAmBA,wCAAwC;AACxC,MAAM,WAAW,mBAAmB;IAClC;;;;;;OAMG;IACH,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IACnC,uDAAuD;IACvD,QAAQ,CAAC,wBAAwB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/C,kCAAkC;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,cAAc,CAAC,EAC7B,eAAe,EACf,wBAAwB,EACxB,SAAS,GACV,EAAE,mBAAmB,2CAmCrB"}

package/billing/BillingSection.js

@@ -0,0 +1,81 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { getUserMessage } from "@stigmer/sdk";
+import { useDeploymentMode } from "../deployment-mode";
+import { CloudFeatureNotice } from "../internal/CloudFeatureNotice";
+import { useOrg } from "../organization/OrgProvider";
+import { useBillingAccount } from "./useBillingAccount";
+import { useCreateCheckoutSession } from "./useCreateCheckoutSession";
+import { useCreateBillingPortalSession } from "./useCreateBillingPortalSession";
+import { CreditBalanceCard } from "./CreditBalanceCard";
+import { PaymentMethodCard } from "./PaymentMethodCard";
+import { AutoRechargeCard } from "./AutoRechargeCard";
+import { CreditPackGrid } from "./CreditPackGrid";
+import { CreditLedgerTable } from "./CreditLedgerTable";
+import { LowBalanceBanner } from "./LowBalanceBanner";
+/**
+ * Top-level billing settings section.
+ *
+ * Composes the billing sub-components into a cohesive settings page:
+ * low-balance warning, checkout success banner, credit balance display,
+ * credit pack purchase grid, and transaction history. Handles the
+ * deployment mode gate (billing unavailable in local mode) and the
+ * org-not-selected state.
+ *
+ * @example
+ * ```tsx
+ * // In a settings page:
+ * <BillingSection checkoutSuccess={searchParams.checkout === "success"} />
+ * ```
+ */
+export function BillingSection({ checkoutSuccess, onDismissCheckoutSuccess, className, }) {
+    const { activeOrg } = useOrg();
+    const mode = useDeploymentMode();
+    const orgId = activeOrg?.metadata?.id ?? "";
+    return (_jsxs("section", { "aria-labelledby": "billing-heading", className: className, children: [_jsx("h2", { id: "billing-heading", className: "text-foreground mb-1 text-sm font-semibold", children: "Billing" }), _jsx("p", { className: "text-muted-foreground mb-4 text-xs", children: "Manage credits, purchase credit packs, and view transaction history." }), mode === "local" ? (_jsx(CloudFeatureNotice, { children: "Billing is available on Stigmer Cloud. Connect to a Cloud organization to manage credits and purchase credit packs." })) : !orgId ? (_jsx("p", { className: "text-muted-foreground py-4 text-center text-xs", children: "Select an organization to view billing." })) : (_jsx(BillingContent, { orgId: orgId, checkoutSuccess: checkoutSuccess, onDismissCheckoutSuccess: onDismissCheckoutSuccess }))] }));
+}
+// ---------------------------------------------------------------------------
+// BillingContent (internal)
+// ---------------------------------------------------------------------------
+function BillingContent({ orgId, checkoutSuccess, onDismissCheckoutSuccess, }) {
+    const { account, isLoading, error, refetch } = useBillingAccount(orgId);
+    const { createSession, isSubmitting, error: checkoutError, clearError } = useCreateCheckoutSession();
+    const { openPortal, isLoading: isPortalLoading } = useCreateBillingPortalSession();
+    const [purchasingPackId, setPurchasingPackId] = useState(null);
+    const handlePurchase = useCallback((packId) => {
+        setPurchasingPackId(packId);
+        clearError();
+        const baseUrl = typeof window !== "undefined" ? window.location.origin : "";
+        const billingPath = `${baseUrl}/settings/billing`;
+        createSession({
+            orgId,
+            packId,
+            successUrl: `${billingPath}?checkout=success`,
+            cancelUrl: billingPath,
+        }).catch(() => {
+            setPurchasingPackId(null);
+        });
+    }, [orgId, createSession, clearError]);
+    if (isLoading) {
+        return (_jsxs("div", { className: "space-y-4", "aria-busy": "true", "aria-label": "Loading billing", children: [_jsx("div", { className: "h-24 animate-pulse rounded-lg bg-muted-subtle" }), _jsx("div", { className: "grid grid-cols-3 gap-3", children: Array.from({ length: 3 }, (_, i) => (_jsx("div", { className: "h-36 animate-pulse rounded-lg bg-muted-subtle" }, i))) }), _jsx("div", { className: "h-48 animate-pulse rounded-lg bg-muted-subtle" })] }));
+    }
+    if (error) {
+        return (_jsx("p", { className: "text-destructive text-xs", role: "alert", children: getUserMessage(error) }));
+    }
+    if (!account)
+        return null;
+    const balance = account.balance;
+    if (!balance)
+        return null;
+    const isLowBalance = balance.availableMicros < account.lowBalanceThresholdMicros;
+    return (_jsxs("div", { className: "space-y-6", children: [checkoutSuccess && (_jsx(CheckoutSuccessBanner, { onDismiss: onDismissCheckoutSuccess })), _jsx(LowBalanceBanner, { availableMicros: balance.availableMicros, thresholdMicros: account.lowBalanceThresholdMicros }), _jsx(CreditBalanceCard, { balance: balance, isLowBalance: isLowBalance }), _jsx(PaymentMethodCard, { paymentMethod: account.defaultPaymentMethod, accountStatus: account.status, isPortalLoading: isPortalLoading, onManage: () => openPortal(orgId) }), _jsx(AutoRechargeCard, { orgId: orgId, autoRecharge: account.autoRecharge, hasPaymentMethod: account.defaultPaymentMethod != null &&
+                    account.defaultPaymentMethod.paymentMethodId !== "", accountStatus: account.status, onSaved: refetch }), _jsx(CreditPackGrid, { accountStatus: account.status, purchasingPackId: isSubmitting ? purchasingPackId : null, onPurchase: handlePurchase }), checkoutError && (_jsx("p", { className: "text-destructive text-xs", role: "alert", children: getUserMessage(checkoutError) })), _jsx(CreditLedgerTable, { orgId: orgId })] }));
+}
+// ---------------------------------------------------------------------------
+// CheckoutSuccessBanner (internal)
+// ---------------------------------------------------------------------------
+function CheckoutSuccessBanner({ onDismiss, }) {
+    return (_jsxs("div", { role: "status", className: "flex items-center justify-between gap-3 rounded-lg border border-emerald-500/30 bg-emerald-500/5 px-3.5 py-3 text-xs text-emerald-700 dark:text-emerald-300", children: [_jsxs("p", { children: [_jsx("span", { className: "font-medium", children: "Payment received" }), " \u2014 ", "credits will appear in your balance shortly."] }), onDismiss && (_jsx("button", { type: "button", onClick: onDismiss, className: "shrink-0 rounded p-0.5 transition-colors hover:bg-emerald-500/10", "aria-label": "Dismiss", children: _jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("path", { d: "M18 6 6 18" }), _jsx("path", { d: "m6 6 12 12" })] }) }))] }));
+}
+//# sourceMappingURL=BillingSection.js.map

package/billing/BillingSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BillingSection.js","sourceRoot":"","sources":["../../src/billing/BillingSection.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAkBtD;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,cAAc,CAAC,EAC7B,eAAe,EACf,wBAAwB,EACxB,SAAS,GACW;IACpB,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,EAAE,CAAC;IAC/B,MAAM,IAAI,GAAG,iBAAiB,EAAE,CAAC;IACjC,MAAM,KAAK,GAAG,SAAS,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAE,CAAC;IAE5C,OAAO,CACL,sCAAyB,iBAAiB,EAAC,SAAS,EAAE,SAAS,aAC7D,aACE,EAAE,EAAC,iBAAiB,EACpB,SAAS,EAAC,4CAA4C,wBAGnD,EACL,YAAG,SAAS,EAAC,oCAAoC,qFAE7C,EAEH,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAClB,KAAC,kBAAkB,sIAGE,CACtB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CACX,YAAG,SAAS,EAAC,gDAAgD,wDAEzD,CACL,CAAC,CAAC,CAAC,CACF,KAAC,cAAc,IACb,KAAK,EAAE,KAAK,EACZ,eAAe,EAAE,eAAe,EAChC,wBAAwB,EAAE,wBAAwB,GAClD,CACH,IACO,CACX,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,4BAA4B;AAC5B,8EAA8E;AAE9E,SAAS,cAAc,CAAC,EACtB,KAAK,EACL,eAAe,EACf,wBAAwB,GAKzB;IACC,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACxE,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,wBAAwB,EAAE,CAAC;IACrG,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,6BAA6B,EAAE,CAAC;IACnF,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE9E,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,MAAc,EAAE,EAAE;QACjB,mBAAmB,CAAC,MAAM,CAAC,CAAC;QAC5B,UAAU,EAAE,CAAC;QAEb,MAAM,OAAO,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;QAC5E,MAAM,WAAW,GAAG,GAAG,OAAO,mBAAmB,CAAC;QAElD,aAAa,CAAC;YACZ,KAAK;YACL,MAAM;YACN,UAAU,EAAE,GAAG,WAAW,mBAAmB;YAC7C,SAAS,EAAE,WAAW;SACvB,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE;YACZ,mBAAmB,CAAC,IAAI,CAAC,CAAC;QAC5B,CAAC,CAAC,CAAC;IACL,CAAC,EACD,CAAC,KAAK,EAAE,aAAa,EAAE,UAAU,CAAC,CACnC,CAAC;IAEF,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,eAAK,SAAS,EAAC,WAAW,eAAW,MAAM,gBAAY,iBAAiB,aACtE,cAAK,SAAS,EAAC,+CAA+C,GAAG,EACjE,cAAK,SAAS,EAAC,wBAAwB,YACpC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACnC,cAEE,SAAS,EAAC,+CAA+C,IADpD,CAAC,CAEN,CACH,CAAC,GACE,EACN,cAAK,SAAS,EAAC,+CAA+C,GAAG,IAC7D,CACP,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,CACL,YAAG,SAAS,EAAC,0BAA0B,EAAC,IAAI,EAAC,OAAO,YACjD,cAAc,CAAC,KAAK,CAAC,GACpB,CACL,CAAC;IACJ,CAAC;IAED,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IAChC,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,YAAY,GAChB,OAAO,CAAC,eAAe,GAAG,OAAO,CAAC,yBAAyB,CAAC;IAE9D,OAAO,CACL,eAAK,SAAS,EAAC,WAAW,aACvB,eAAe,IAAI,CAClB,KAAC,qBAAqB,IAAC,SAAS,EAAE,wBAAwB,GAAI,CAC/D,EAED,KAAC,gBAAgB,IACf,eAAe,EAAE,OAAO,CAAC,eAAe,EACxC,eAAe,EAAE,OAAO,CAAC,yBAAyB,GAClD,EAEF,KAAC,iBAAiB,IAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,GAAI,EAEnE,KAAC,iBAAiB,IAChB,aAAa,EAAE,OAAO,CAAC,oBAAoB,EAC3C,aAAa,EAAE,OAAO,CAAC,MAAM,EAC7B,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,GACjC,EAEF,KAAC,gBAAgB,IACf,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,OAAO,CAAC,YAAY,EAClC,gBAAgB,EACd,OAAO,CAAC,oBAAoB,IAAI,IAAI;oBACpC,OAAO,CAAC,oBAAoB,CAAC,eAAe,KAAK,EAAE,EAErD,aAAa,EAAE,OAAO,CAAC,MAAM,EAC7B,OAAO,EAAE,OAAO,GAChB,EAEF,KAAC,cAAc,IACb,aAAa,EAAE,OAAO,CAAC,MAAM,EAC7B,gBAAgB,EAAE,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,EACxD,UAAU,EAAE,cAAc,GAC1B,EAED,aAAa,IAAI,CAChB,YAAG,SAAS,EAAC,0BAA0B,EAAC,IAAI,EAAC,OAAO,YACjD,cAAc,CAAC,aAAa,CAAC,GAC5B,CACL,EAED,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,GAAI,IAC/B,CACP,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,mCAAmC;AACnC,8EAA8E;AAE9E,SAAS,qBAAqB,CAAC,EAC7B,SAAS,GAGV;IACC,OAAO,CACL,eACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,6JAA6J,aAEvK,wBACE,eAAM,SAAS,EAAC,aAAa,iCAAwB,EACpD,UAAU,oDAET,EACH,SAAS,IAAI,CACZ,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,SAAS,EAClB,SAAS,EAAC,kEAAkE,gBACjE,SAAS,YAEpB,eACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,iBACV,MAAM,aAElB,eAAM,CAAC,EAAC,YAAY,GAAG,EACvB,eAAM,CAAC,EAAC,YAAY,GAAG,IACnB,GACC,CACV,IACG,CACP,CAAC;AACJ,CAAC"}

package/billing/CreditBalanceCard.d.ts

@@ -0,0 +1,25 @@
+import type { CreditBalance } from "@stigmer/protos/ai/stigmer/billing/v1/billing_account_pb";
+/** Props for {@link CreditBalanceCard}. */
+export interface CreditBalanceCardProps {
+    /** The credit balance breakdown from the billing account. */
+    readonly balance: CreditBalance;
+    /** Whether the balance is below the low-balance threshold. */
+    readonly isLowBalance?: boolean;
+    /** Additional CSS class names. */
+    readonly className?: string;
+}
+/**
+ * Prominent display of the organization's available credit balance.
+ *
+ * Shows the total available balance as the primary figure, with
+ * a secondary breakdown of promotional vs. purchased credits and
+ * any reserved amount. Uses semantic colors to indicate balance
+ * health: green for healthy, amber for low, red for zero/negative.
+ *
+ * @example
+ * ```tsx
+ * <CreditBalanceCard balance={account.balance} isLowBalance={isLow} />
+ * ```
+ */
+export declare function CreditBalanceCard({ balance, isLowBalance, className, }: CreditBalanceCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CreditBalanceCard.d.ts.map

package/billing/CreditBalanceCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreditBalanceCard.d.ts","sourceRoot":"","sources":["../../src/billing/CreditBalanceCard.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0DAA0D,CAAC;AAG9F,2CAA2C;AAC3C,MAAM,WAAW,sBAAsB;IACrC,6DAA6D;IAC7D,QAAQ,CAAC,OAAO,EAAE,aAAa,CAAC;IAChC,8DAA8D;IAC9D,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAChC,kCAAkC;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,YAAY,EACZ,SAAS,GACV,EAAE,sBAAsB,2CA+CxB"}

package/billing/CreditBalanceCard.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@stigmer/theme";
+import { formatCreditBalance } from "./format";
+/**
+ * Prominent display of the organization's available credit balance.
+ *
+ * Shows the total available balance as the primary figure, with
+ * a secondary breakdown of promotional vs. purchased credits and
+ * any reserved amount. Uses semantic colors to indicate balance
+ * health: green for healthy, amber for low, red for zero/negative.
+ *
+ * @example
+ * ```tsx
+ * <CreditBalanceCard balance={account.balance} isLowBalance={isLow} />
+ * ```
+ */
+export function CreditBalanceCard({ balance, isLowBalance, className, }) {
+    const available = balance.availableMicros;
+    const zero = BigInt(0);
+    const isZeroOrNegative = available <= zero;
+    return (_jsxs("div", { className: cn("rounded-lg border border-border bg-card px-4 py-4", className), children: [_jsx("div", { className: "text-xs font-medium text-muted-foreground", children: "Available Credits" }), _jsx("div", { className: cn("mt-1 text-2xl font-bold tabular-nums", isZeroOrNegative
+                    ? "text-destructive"
+                    : isLowBalance
+                        ? "text-warning-foreground"
+                        : "text-foreground"), children: formatCreditBalance(available) }), _jsxs("div", { className: "mt-3 flex flex-wrap gap-x-4 gap-y-1 text-xs tabular-nums text-muted-foreground", children: [balance.purchasedMicros > zero && (_jsxs("span", { children: ["Purchased: ", formatCreditBalance(balance.purchasedMicros)] })), balance.promotionalMicros > zero && (_jsxs("span", { children: ["Promotional: ", formatCreditBalance(balance.promotionalMicros)] })), balance.reservedMicros > zero && (_jsxs("span", { children: ["Reserved: ", formatCreditBalance(balance.reservedMicros)] }))] })] }));
+}
+//# sourceMappingURL=CreditBalanceCard.js.map

package/billing/CreditBalanceCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreditBalanceCard.js","sourceRoot":"","sources":["../../src/billing/CreditBalanceCard.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAEpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAY/C;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAChC,OAAO,EACP,YAAY,EACZ,SAAS,GACc;IACvB,MAAM,SAAS,GAAG,OAAO,CAAC,eAAe,CAAC;IAC1C,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IACvB,MAAM,gBAAgB,GAAG,SAAS,IAAI,IAAI,CAAC;IAE3C,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,mDAAmD,EACnD,SAAS,CACV,aAED,cAAK,SAAS,EAAC,2CAA2C,kCAEpD,EACN,cACE,SAAS,EAAE,EAAE,CACX,sCAAsC,EACtC,gBAAgB;oBACd,CAAC,CAAC,kBAAkB;oBACpB,CAAC,CAAC,YAAY;wBACZ,CAAC,CAAC,yBAAyB;wBAC3B,CAAC,CAAC,iBAAiB,CACxB,YAEA,mBAAmB,CAAC,SAAS,CAAC,GAC3B,EAEN,eAAK,SAAS,EAAC,gFAAgF,aAC5F,OAAO,CAAC,eAAe,GAAG,IAAI,IAAI,CACjC,0CACc,mBAAmB,CAAC,OAAO,CAAC,eAAe,CAAC,IACnD,CACR,EACA,OAAO,CAAC,iBAAiB,GAAG,IAAI,IAAI,CACnC,4CACgB,mBAAmB,CAAC,OAAO,CAAC,iBAAiB,CAAC,IACvD,CACR,EACA,OAAO,CAAC,cAAc,GAAG,IAAI,IAAI,CAChC,yCACa,mBAAmB,CAAC,OAAO,CAAC,cAAc,CAAC,IACjD,CACR,IACG,IACF,CACP,CAAC;AACJ,CAAC"}

package/billing/CreditLedgerTable.d.ts

@@ -0,0 +1,22 @@
+/** Props for {@link CreditLedgerTable}. */
+export interface CreditLedgerTableProps {
+    /** Organization ID to fetch ledger entries for. */
+    readonly orgId: string;
+    /** Additional CSS class names. */
+    readonly className?: string;
+}
+/**
+ * Paginated transaction history table showing credit ledger entries.
+ *
+ * Displays entries with type badges, signed amounts, and running
+ * balance. Supports pagination with simple prev/next controls.
+ * Uses semantic colors: green for credits, red for debits, gray
+ * for holds and releases.
+ *
+ * @example
+ * ```tsx
+ * <CreditLedgerTable orgId={activeOrg.metadata.id} />
+ * ```
+ */
+export declare function CreditLedgerTable({ orgId, className, }: CreditLedgerTableProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CreditLedgerTable.d.ts.map

package/billing/CreditLedgerTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreditLedgerTable.d.ts","sourceRoot":"","sources":["../../src/billing/CreditLedgerTable.tsx"],"names":[],"mappings":"AAgBA,2CAA2C;AAC3C,MAAM,WAAW,sBAAsB;IACrC,mDAAmD;IACnD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,kCAAkC;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,SAAS,GACV,EAAE,sBAAsB,2CA8DxB"}

package/billing/CreditLedgerTable.js

@@ -0,0 +1,75 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import { cn } from "@stigmer/theme";
+import { getUserMessage } from "@stigmer/sdk";
+import { formatLedgerAmount, formatCreditBalance, formatLedgerDate, ledgerEntryLabel, isCredit, isHold, } from "./format";
+import { useCreditLedger } from "./useCreditLedger";
+/**
+ * Paginated transaction history table showing credit ledger entries.
+ *
+ * Displays entries with type badges, signed amounts, and running
+ * balance. Supports pagination with simple prev/next controls.
+ * Uses semantic colors: green for credits, red for debits, gray
+ * for holds and releases.
+ *
+ * @example
+ * ```tsx
+ * <CreditLedgerTable orgId={activeOrg.metadata.id} />
+ * ```
+ */
+export function CreditLedgerTable({ orgId, className, }) {
+    const [pageNum, setPageNum] = useState(1);
+    const options = { pageNum, pageSize: 10 };
+    const { ledger, isLoading, error } = useCreditLedger(orgId, options);
+    if (isLoading) {
+        return (_jsxs("div", { className: cn("space-y-2", className), "aria-busy": "true", children: [_jsx("div", { className: "h-4 w-32 animate-pulse rounded bg-muted-subtle" }), Array.from({ length: 5 }, (_, i) => (_jsx("div", { className: "h-10 animate-pulse rounded-lg bg-muted-subtle" }, i)))] }));
+    }
+    if (error) {
+        return (_jsx("p", { className: cn("text-destructive text-xs", className), role: "alert", children: getUserMessage(error) }));
+    }
+    const entries = ledger?.entries ?? [];
+    const totalPages = ledger?.totalPages ?? 0;
+    return (_jsxs("div", { className: className, children: [_jsx("h3", { className: "mb-2 text-xs font-semibold text-foreground", children: "Transaction History" }), entries.length === 0 ? (_jsx(EmptyLedger, {})) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "rounded-lg border border-border bg-card", role: "table", "aria-label": "Credit ledger", children: [_jsx(LedgerHeader, {}), entries.map((entry) => (_jsx(LedgerRow, { entry: entry }, entry.entryId)))] }), totalPages > 1 && (_jsx(Pagination, { pageNum: pageNum, totalPages: totalPages, onPageChange: setPageNum }))] }))] }));
+}
+// ---------------------------------------------------------------------------
+// LedgerHeader (internal)
+// ---------------------------------------------------------------------------
+function LedgerHeader() {
+    return (_jsxs("div", { role: "row", className: "grid grid-cols-[1fr_auto_auto] gap-x-4 border-b border-border px-3.5 py-2 text-[0.65rem] font-medium uppercase tracking-wider text-muted-foreground sm:grid-cols-[auto_1fr_auto_auto]", children: [_jsx("span", { role: "columnheader", className: "hidden sm:block", children: "Date" }), _jsx("span", { role: "columnheader", children: "Type" }), _jsx("span", { role: "columnheader", className: "text-right", children: "Amount" }), _jsx("span", { role: "columnheader", className: "text-right", children: "Balance" })] }));
+}
+// ---------------------------------------------------------------------------
+// LedgerRow (internal)
+// ---------------------------------------------------------------------------
+function LedgerRow({ entry }) {
+    const entryType = entry.type;
+    const credit = isCredit(entryType);
+    const hold = isHold(entryType);
+    return (_jsxs("div", { role: "row", className: "grid grid-cols-[1fr_auto_auto] items-center gap-x-4 border-b border-border-muted px-3.5 py-2.5 last:border-b-0 sm:grid-cols-[auto_1fr_auto_auto]", children: [_jsx("span", { role: "cell", className: "hidden text-xs tabular-nums text-muted-foreground sm:block sm:w-36", children: entry.createdAt
+                    ? formatLedgerDate(entry.createdAt.seconds)
+                    : "\u2014" }), _jsxs("div", { role: "cell", className: "min-w-0", children: [_jsx("span", { className: cn("inline-block rounded-full px-2 py-0.5 text-[0.65rem] font-medium", credit
+                            ? "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400"
+                            : hold
+                                ? "bg-muted text-muted-foreground"
+                                : "bg-destructive/10 text-destructive"), children: ledgerEntryLabel(entryType) }), entry.source?.description && (_jsx("span", { className: "ml-2 text-xs text-muted-foreground", children: entry.source.description })), entry.createdAt && (_jsx("span", { className: "mt-0.5 block text-[0.6rem] tabular-nums text-muted-foreground sm:hidden", children: formatLedgerDate(entry.createdAt.seconds) }))] }), _jsx("span", { role: "cell", className: cn("text-right text-xs font-medium tabular-nums", credit
+                    ? "text-emerald-600 dark:text-emerald-400"
+                    : hold
+                        ? "text-muted-foreground"
+                        : "text-destructive"), children: formatLedgerAmount(entry.amountMicros) }), _jsx("span", { role: "cell", className: "text-right text-xs tabular-nums text-muted-foreground", children: formatCreditBalance(entry.balanceAfterMicros) })] }));
+}
+// ---------------------------------------------------------------------------
+// Pagination (internal)
+// ---------------------------------------------------------------------------
+function Pagination({ pageNum, totalPages, onPageChange, }) {
+    return (_jsxs("div", { className: "mt-3 flex items-center justify-between", role: "navigation", "aria-label": "Ledger pagination", children: [_jsx("button", { type: "button", disabled: pageNum <= 1, onClick: () => onPageChange(pageNum - 1), className: "rounded-md px-2.5 py-1 text-xs font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-foreground disabled:pointer-events-none disabled:opacity-40", children: "Previous" }), _jsxs("span", { className: "text-xs tabular-nums text-muted-foreground", children: ["Page ", pageNum, " of ", totalPages] }), _jsx("button", { type: "button", disabled: pageNum >= totalPages, onClick: () => onPageChange(pageNum + 1), className: "rounded-md px-2.5 py-1 text-xs font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-foreground disabled:pointer-events-none disabled:opacity-40", children: "Next" })] }));
+}
+// ---------------------------------------------------------------------------
+// EmptyLedger (internal)
+// ---------------------------------------------------------------------------
+function EmptyLedger() {
+    return (_jsxs("div", { className: "flex flex-col items-center justify-center rounded-lg border border-border bg-card py-10 text-center", children: [_jsx(ReceiptIcon, { className: "text-muted-foreground mb-3 size-8" }), _jsx("p", { className: "text-sm font-medium text-foreground", children: "No transactions yet" }), _jsx("p", { className: "mt-1 max-w-xs text-xs text-muted-foreground", children: "Credit purchases and usage charges will appear here as your organization runs agent executions." })] }));
+}
+function ReceiptIcon({ className }) {
+    return (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", className: className, "aria-hidden": "true", children: [_jsx("path", { d: "M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2l-2 1-2-1-2 1-2-1-2 1-2-1-2 1Z" }), _jsx("path", { d: "M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8" }), _jsx("path", { d: "M12 17.5v.5M12 6v.5" })] }));
+}
+//# sourceMappingURL=CreditLedgerTable.js.map

package/billing/CreditLedgerTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreditLedgerTable.js","sourceRoot":"","sources":["../../src/billing/CreditLedgerTable.tsx"],"names":[],"mappings":"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"}

package/billing/CreditPackGrid.d.ts

@@ -0,0 +1,31 @@
+import { BillingAccountStatus } from "@stigmer/protos/ai/stigmer/billing/v1/enum_pb";
+/** Props for {@link CreditPackGrid}. */
+export interface CreditPackGridProps {
+    /** Account status — purchases disabled when suspended or closed. */
+    readonly accountStatus: BillingAccountStatus;
+    /** ID of the pack currently being purchased (shows loading state). */
+    readonly purchasingPackId?: string | null;
+    /** Called when the user clicks a pack's buy button. */
+    readonly onPurchase: (packId: string) => void;
+    /** Additional CSS class names. */
+    readonly className?: string;
+}
+/**
+ * Grid of credit pack cards with purchase buttons.
+ *
+ * Displays the 3 self-serve credit packs (Starter, Growth, Team)
+ * in a responsive grid. Each card shows the pack name, price,
+ * credit count, and a buy button. Buttons are disabled when the
+ * account is suspended/closed or a purchase is in progress.
+ *
+ * @example
+ * ```tsx
+ * <CreditPackGrid
+ *   accountStatus={account.status}
+ *   purchasingPackId={isSubmitting ? activePackId : null}
+ *   onPurchase={(packId) => createSession({ orgId, packId, ... })}
+ * />
+ * ```
+ */
+export declare function CreditPackGrid({ accountStatus, purchasingPackId, onPurchase, className, }: CreditPackGridProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CreditPackGrid.d.ts.map

package/billing/CreditPackGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreditPackGrid.d.ts","sourceRoot":"","sources":["../../src/billing/CreditPackGrid.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AAQrF,wCAAwC;AACxC,MAAM,WAAW,mBAAmB;IAClC,oEAAoE;IACpE,QAAQ,CAAC,aAAa,EAAE,oBAAoB,CAAC;IAC7C,sEAAsE;IACtE,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1C,uDAAuD;IACvD,QAAQ,CAAC,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,kCAAkC;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,cAAc,CAAC,EAC7B,aAAa,EACb,gBAAgB,EAChB,UAAU,EACV,SAAS,GACV,EAAE,mBAAmB,2CAmCrB"}

package/billing/CreditPackGrid.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@stigmer/theme";
+import { BillingAccountStatus } from "@stigmer/protos/ai/stigmer/billing/v1/enum_pb";
+import { CREDIT_PACKS, formatPackPrice, formatCreditCount, } from "./credit-packs";
+/**
+ * Grid of credit pack cards with purchase buttons.
+ *
+ * Displays the 3 self-serve credit packs (Starter, Growth, Team)
+ * in a responsive grid. Each card shows the pack name, price,
+ * credit count, and a buy button. Buttons are disabled when the
+ * account is suspended/closed or a purchase is in progress.
+ *
+ * @example
+ * ```tsx
+ * <CreditPackGrid
+ *   accountStatus={account.status}
+ *   purchasingPackId={isSubmitting ? activePackId : null}
+ *   onPurchase={(packId) => createSession({ orgId, packId, ... })}
+ * />
+ * ```
+ */
+export function CreditPackGrid({ accountStatus, purchasingPackId, onPurchase, className, }) {
+    const isAccountActive = accountStatus === BillingAccountStatus.billing_account_active;
+    return (_jsxs("div", { children: [_jsx("h3", { className: "mb-2 text-xs font-semibold text-foreground", children: "Purchase Credits" }), _jsx("div", { className: cn("grid gap-3 sm:grid-cols-3", className), role: "group", "aria-label": "Credit packs", children: CREDIT_PACKS.map((pack) => (_jsx(PackCard, { pack: pack, isPurchasing: purchasingPackId === pack.packId, isDisabled: !isAccountActive || purchasingPackId != null, onPurchase: onPurchase }, pack.packId))) }), !isAccountActive && (_jsxs("p", { className: "mt-2 text-xs text-muted-foreground", children: ["Credit purchases are unavailable while your billing account is", " ", accountStatus === BillingAccountStatus.billing_account_suspended
+                        ? "suspended"
+                        : "closed", "."] }))] }));
+}
+// ---------------------------------------------------------------------------
+// PackCard (internal)
+// ---------------------------------------------------------------------------
+function PackCard({ pack, isPurchasing, isDisabled, onPurchase, }) {
+    return (_jsxs("div", { className: "flex flex-col rounded-lg border border-border bg-card px-4 py-4", children: [_jsx("div", { className: "text-sm font-semibold text-foreground", children: pack.displayName }), _jsx("div", { className: "mt-0.5 text-xs text-muted-foreground", children: pack.description }), _jsx("div", { className: "mt-3 flex items-baseline gap-1", children: _jsx("span", { className: "text-xl font-bold tabular-nums text-foreground", children: formatPackPrice(pack.priceCents) }) }), _jsxs("div", { className: "mt-0.5 text-xs tabular-nums text-muted-foreground", children: [formatCreditCount(pack.credits), " credits"] }), _jsx("button", { type: "button", disabled: isDisabled, onClick: () => onPurchase(pack.packId), className: cn("mt-4 w-full rounded-md px-3 py-1.5 text-xs font-medium transition-colors", "bg-primary text-primary-foreground", "hover:bg-primary/90", "disabled:pointer-events-none disabled:opacity-50"), "aria-busy": isPurchasing, children: isPurchasing ? "Redirecting\u2026" : "Buy" })] }));
+}
+//# sourceMappingURL=CreditPackGrid.js.map

package/billing/CreditPackGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreditPackGrid.js","sourceRoot":"","sources":["../../src/billing/CreditPackGrid.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AACrF,OAAO,EACL,YAAY,EACZ,eAAe,EACf,iBAAiB,GAElB,MAAM,gBAAgB,CAAC;AAcxB;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,cAAc,CAAC,EAC7B,aAAa,EACb,gBAAgB,EAChB,UAAU,EACV,SAAS,GACW;IACpB,MAAM,eAAe,GACnB,aAAa,KAAK,oBAAoB,CAAC,sBAAsB,CAAC;IAEhE,OAAO,CACL,0BACE,aAAI,SAAS,EAAC,4CAA4C,iCAErD,EACL,cACE,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,EACrD,IAAI,EAAC,OAAO,gBACD,cAAc,YAExB,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC1B,KAAC,QAAQ,IAEP,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,gBAAgB,KAAK,IAAI,CAAC,MAAM,EAC9C,UAAU,EAAE,CAAC,eAAe,IAAI,gBAAgB,IAAI,IAAI,EACxD,UAAU,EAAE,UAAU,IAJjB,IAAI,CAAC,MAAM,CAKhB,CACH,CAAC,GACE,EACL,CAAC,eAAe,IAAI,CACnB,aAAG,SAAS,EAAC,oCAAoC,+EACgB,GAAG,EACjE,aAAa,KAAK,oBAAoB,CAAC,yBAAyB;wBAC/D,CAAC,CAAC,WAAW;wBACb,CAAC,CAAC,QAAQ,SAEV,CACL,IACG,CACP,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,sBAAsB;AACtB,8EAA8E;AAE9E,SAAS,QAAQ,CAAC,EAChB,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,UAAU,GAMX;IACC,OAAO,CACL,eAAK,SAAS,EAAC,iEAAiE,aAC9E,cAAK,SAAS,EAAC,uCAAuC,YACnD,IAAI,CAAC,WAAW,GACb,EACN,cAAK,SAAS,EAAC,sCAAsC,YAClD,IAAI,CAAC,WAAW,GACb,EAEN,cAAK,SAAS,EAAC,gCAAgC,YAC7C,eAAM,SAAS,EAAC,gDAAgD,YAC7D,eAAe,CAAC,IAAI,CAAC,UAAU,CAAC,GAC5B,GACH,EACN,eAAK,SAAS,EAAC,mDAAmD,aAC/D,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,gBAC5B,EAEN,iBACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,EACtC,SAAS,EAAE,EAAE,CACX,0EAA0E,EAC1E,oCAAoC,EACpC,qBAAqB,EACrB,kDAAkD,CACnD,eACU,YAAY,YAEtB,YAAY,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,KAAK,GACpC,IACL,CACP,CAAC;AACJ,CAAC"}

package/billing/LowBalanceBanner.d.ts

@@ -0,0 +1,26 @@
+/** Props for {@link LowBalanceBanner}. */
+export interface LowBalanceBannerProps {
+    /** Available balance in micro-USD. */
+    readonly availableMicros: bigint;
+    /** Threshold in micro-USD below which the warning is shown. */
+    readonly thresholdMicros: bigint;
+    /** Additional CSS class names. */
+    readonly className?: string;
+}
+/**
+ * Conditional banner that warns when the available credit balance
+ * is below the configured threshold.
+ *
+ * Renders nothing when the balance is healthy. Not dismissible —
+ * it reflects a real account state that the user should address.
+ *
+ * @example
+ * ```tsx
+ * <LowBalanceBanner
+ *   availableMicros={account.balance.availableMicros}
+ *   thresholdMicros={account.lowBalanceThresholdMicros}
+ * />
+ * ```
+ */
+export declare function LowBalanceBanner({ availableMicros, thresholdMicros, className, }: LowBalanceBannerProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=LowBalanceBanner.d.ts.map

package/billing/LowBalanceBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LowBalanceBanner.d.ts","sourceRoot":"","sources":["../../src/billing/LowBalanceBanner.tsx"],"names":[],"mappings":"AAMA,0CAA0C;AAC1C,MAAM,WAAW,qBAAqB;IACpC,sCAAsC;IACtC,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;IACjC,+DAA+D;IAC/D,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;IACjC,kCAAkC;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,eAAe,EACf,eAAe,EACf,SAAS,GACV,EAAE,qBAAqB,kDA+BvB"}

package/billing/LowBalanceBanner.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@stigmer/theme";
+import { AlertTriangle } from "lucide-react";
+import { formatCreditBalance } from "./format";
+/**
+ * Conditional banner that warns when the available credit balance
+ * is below the configured threshold.
+ *
+ * Renders nothing when the balance is healthy. Not dismissible —
+ * it reflects a real account state that the user should address.
+ *
+ * @example
+ * ```tsx
+ * <LowBalanceBanner
+ *   availableMicros={account.balance.availableMicros}
+ *   thresholdMicros={account.lowBalanceThresholdMicros}
+ * />
+ * ```
+ */
+export function LowBalanceBanner({ availableMicros, thresholdMicros, className, }) {
+    if (availableMicros >= thresholdMicros)
+        return null;
+    const isZeroOrNegative = availableMicros <= BigInt(0);
+    return (_jsxs("div", { role: "alert", className: cn("flex items-start gap-2.5 rounded-lg border px-3.5 py-3 text-xs", isZeroOrNegative
+            ? "border-destructive/30 bg-destructive/5 text-destructive"
+            : "border-warning/30 bg-warning/5 text-warning-foreground", className), children: [_jsx(AlertTriangle, { className: "mt-0.5 size-3.5 shrink-0", "aria-hidden": "true" }), _jsxs("div", { children: [_jsx("p", { className: "font-medium", children: isZeroOrNegative
+                            ? "Credit balance exhausted"
+                            : "Low credit balance" }), _jsx("p", { className: "mt-0.5 opacity-80", children: isZeroOrNegative
+                            ? "Your credit balance is zero. Purchase credits to continue running agent executions."
+                            : `Your balance (${formatCreditBalance(availableMicros)}) is below the warning threshold. Consider purchasing additional credits.` })] })] }));
+}
+//# sourceMappingURL=LowBalanceBanner.js.map