@carlonicora/nextjs-jsonapi 2.5.0 → 3.0.1

package/dist/billing/index.mjs

@@ -10,6 +10,7 @@ import {
   AlertDialogFooter,
   AlertDialogHeader,
   AlertDialogTitle,
+  AlertTitle,
   Badge,
   Button,
   Card,
@@ -19,7 +20,9 @@ import {
   CardHeader,
   CardTitle,
   Checkbox,
-  CommonEditorButtons,
+  ConfirmDialog,
+  ContentListTable,
+  DetailField,
   Dialog,
   DialogContent,
   DialogDescription,
@@ -29,6 +32,9 @@ import {
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
+  EditorSheet,
+  EmptyState,
+  FieldLabel,
   Form,
   FormCheckbox,
   FormInput,
@@ -36,6 +42,7 @@ import {
   FormTextarea,
   Input,
   Label,
+  Link,
   RoundPageContainer,
   SectionHeader,
   SharedProvider,
@@ -49,12 +56,18 @@ import {
   Tabs,
   TabsList,
   TabsTrigger,
-  useCurrentUserContext
-} from "../chunk-G4YS52SO.mjs";
+  errorToast,
+  formatCurrency,
+  formatInterval,
+  useCurrentUserContext,
+  useDataListRetriever,
+  usePageUrlGenerator
+} from "../chunk-WCX4CLRJ.mjs";
 import {
   getRoleId,
-  getStripePublishableKey
-} from "../chunk-DJWNNV52.mjs";
+  getStripePublishableKey,
+  useI18nRouter
+} from "../chunk-PHEFWL6L.mjs";
 import {
   FeatureService,
   Modules,
@@ -65,8 +78,9 @@ import {
   StripePromotionCodeService,
   StripeSubscriptionService,
   StripeUsageService,
-  cn
-} from "../chunk-FS4RVV3K.mjs";
+  cn,
+  rehydrate
+} from "../chunk-TWXKAY34.mjs";
 import "../chunk-AUXK7QSA.mjs";
 import "../chunk-C7C7VY4F.mjs";
 import "../chunk-E5YA5Z5X.mjs";
@@ -853,36 +867,6 @@ import { useEffect as useEffect4, useState as useState6 } from "react";
 // src/features/billing/stripe-invoice/components/lists/InvoicesList.tsx
 import { useState as useState5 } from "react";
 
-// src/features/billing/components/utils/currency.ts
-function formatInterval(price) {
-  if (price.priceType === "one_time" || !price.recurring) {
-    return "one-time";
-  }
-  const { interval, intervalCount } = price.recurring;
-  if (intervalCount === 1) {
-    return `/${interval}`;
-  }
-  const pluralInterval = interval === "day" ? "days" : interval === "week" ? "weeks" : interval === "month" ? "months" : "years";
-  return `/${intervalCount} ${pluralInterval}`;
-}
-__name(formatInterval, "formatInterval");
-function formatCurrency(amount, currency) {
-  if (amount === void 0) return "$0.00";
-  const dollars = amount / 100;
-  try {
-    return new Intl.NumberFormat("en-US", {
-      style: "currency",
-      currency: currency.toUpperCase(),
-      minimumFractionDigits: 2,
-      maximumFractionDigits: 2
-    }).format(dollars);
-  } catch (error) {
-    console.error("Error formatting currency:", error);
-    return `$${dollars.toFixed(2)}`;
-  }
-}
-__name(formatCurrency, "formatCurrency");
-
 // src/features/billing/components/utils/date.ts
 function formatDate3(date) {
   if (!date) return "N/A";
@@ -3103,390 +3087,312 @@ function isStripeConfigured() {
 }
 __name(isStripeConfigured, "isStripeConfigured");
 
-// src/features/billing/contexts/BillingContext.tsx
-import { useTranslations } from "next-intl";
-import { createContext, useCallback as useCallback5, useContext, useState as useState16 } from "react";
+// src/features/billing/contexts/PriceContext.tsx
+import { useTranslations as useTranslations3 } from "next-intl";
+import { createContext, useCallback as useCallback6, useContext, useMemo as useMemo6, useState as useState17 } from "react";
 
-// src/features/billing/stripe-product/components/forms/ProductEditor.tsx
-import { zodResolver as zodResolver2 } from "@hookform/resolvers/zod";
+// src/features/billing/stripe-price/components/forms/PriceArchiver.tsx
+import { ArchiveIcon, RotateCcwIcon } from "lucide-react";
+import { useTranslations } from "next-intl";
 import { useState as useState15 } from "react";
-import { useForm as useForm2 } from "react-hook-form";
-import { v4 as v42 } from "uuid";
-import { z as z2 } from "zod";
-import { jsx as jsx40, jsxs as jsxs35 } from "react/jsx-runtime";
-function ProductEditor({ product, open, onOpenChange, onSuccess }) {
-  const [isSubmitting, setIsSubmitting] = useState15(false);
-  const formSchema2 = z2.object({
-    name: z2.string().min(1, { message: "Product name is required" }),
-    description: z2.string().min(1, { message: "Description is required" }),
-    active: z2.boolean()
-  });
-  const form = useForm2({
-    resolver: zodResolver2(formSchema2),
-    defaultValues: {
-      name: product?.name || "",
-      description: product?.description || "",
-      active: product?.active ?? true
-    }
-  });
-  const onSubmit = /* @__PURE__ */ __name(async (values) => {
-    setIsSubmitting(true);
-    try {
-      if (product) {
-        await StripeProductService.updateProduct({
-          id: product.id,
-          name: values.name,
-          description: values.description,
-          active: values.active
-        });
-      } else {
-        await StripeProductService.createProduct({
-          id: v42(),
-          name: values.name,
-          description: values.description,
-          active: values.active
-        });
-      }
-      onSuccess();
-      onOpenChange(false);
-    } catch (error) {
-      console.error("[ProductEditor] Failed to save product:", error);
-    } finally {
-      setIsSubmitting(false);
-    }
-  }, "onSubmit");
-  return /* @__PURE__ */ jsx40(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs35(DialogContent, { className: "max-w-2xl", children: [
-    /* @__PURE__ */ jsxs35(DialogHeader, { children: [
-      /* @__PURE__ */ jsx40(DialogTitle, { children: product ? "Edit Product" : "Create Product" }),
-      /* @__PURE__ */ jsx40(DialogDescription, { children: product ? `Update the details for ${product.name}` : "Create a new product to offer to your customers" })
+import { Fragment as Fragment9, jsx as jsx40, jsxs as jsxs35 } from "react/jsx-runtime";
+function PriceArchiver({ price }) {
+  const t = useTranslations();
+  const { archivePrice, restorePrice } = usePriceContext();
+  const [open, setOpen] = useState15(false);
+  const isArchived = !price.active;
+  const scope = isArchived ? "restore" : "archive";
+  return /* @__PURE__ */ jsxs35(Fragment9, { children: [
+    /* @__PURE__ */ jsxs35(Button, { variant: "outline", size: "sm", onClick: () => setOpen(true), children: [
+      isArchived ? /* @__PURE__ */ jsx40(RotateCcwIcon, {}) : /* @__PURE__ */ jsx40(ArchiveIcon, {}),
+      t(`billing.admin.prices.${scope}.confirm`)
     ] }),
-    /* @__PURE__ */ jsx40(Form, { ...form, children: /* @__PURE__ */ jsxs35("form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-col gap-y-4", children: [
-      /* @__PURE__ */ jsx40(FormInput, { form, id: "name", name: "Product Name", placeholder: "Enter product name", isRequired: true }),
-      /* @__PURE__ */ jsx40(
-        FormTextarea,
-        {
-          form,
-          id: "description",
-          name: "Description",
-          placeholder: "Enter product description",
-          className: "min-h-32"
+    /* @__PURE__ */ jsx40(
+      ConfirmDialog,
+      {
+        open,
+        onOpenChange: setOpen,
+        title: t(`billing.admin.prices.${scope}.title`),
+        description: t(`billing.admin.prices.${scope}.description`, { label: priceLabel(price) }),
+        confirmLabel: t(`billing.admin.prices.${scope}.confirm`),
+        cancelLabel: t("ui.buttons.cancel"),
+        destructive: !isArchived,
+        onConfirm: async () => {
+          try {
+            if (isArchived) await restorePrice(price.id);
+            else await archivePrice(price.id);
+          } catch (error) {
+            errorToast({ title: t(`billing.admin.prices.${scope}.title`), error });
+            throw error;
+          }
         }
-      ),
-      /* @__PURE__ */ jsx40(FormCheckbox, { form, id: "active", name: "Active" }),
-      /* @__PURE__ */ jsx40(CommonEditorButtons, { isEdit: !!product, form, disabled: isSubmitting, setOpen: onOpenChange })
-    ] }) })
-  ] }) });
+      }
+    )
+  ] });
 }
-__name(ProductEditor, "ProductEditor");
-
-// src/features/billing/contexts/BillingContext.tsx
-import { jsx as jsx41 } from "react/jsx-runtime";
-var BillingContext = createContext(void 0);
-var BillingProvider = /* @__PURE__ */ __name(({ children }) => {
-  const t = useTranslations();
-  const { hasRole } = useCurrentUserContext();
-  const [showCreateProduct, setShowCreateProduct] = useState16(false);
-  const [refreshToken, setRefreshToken] = useState16(0);
-  const refresh = useCallback5(() => setRefreshToken((value) => value + 1), []);
-  const breadcrumbs = [{ name: t(`billing.admin.products.title`) }];
-  const title = /* @__PURE__ */ __name(() => {
-    const response = { type: t(`billing.admin.products.title`) };
-    if (hasRole(getRoleId().Administrator)) {
-      response.functions = [
-        /* @__PURE__ */ jsx41(Button, { onClick: () => setShowCreateProduct(true), children: t(`billing.admin.products.create`) }, "productEditorTrigger"),
-        showCreateProduct ? /* @__PURE__ */ jsx41(
-          ProductEditor,
-          {
-            open: showCreateProduct,
-            onOpenChange: setShowCreateProduct,
-            onSuccess: () => {
-              setShowCreateProduct(false);
-              refresh();
-            }
-          },
-          "productEditor"
-        ) : null
-      ];
-    }
-    return response;
-  }, "title");
-  return /* @__PURE__ */ jsx41(SharedProvider, { value: { breadcrumbs, title: title() }, children: /* @__PURE__ */ jsx41(BillingContext.Provider, { value: { refreshToken, refresh }, children }) });
-}, "BillingProvider");
-var useBillingContext = /* @__PURE__ */ __name(() => {
-  const context = useContext(BillingContext);
-  if (context === void 0) {
-    throw new Error("useBillingContext must be used within a BillingProvider");
-  }
-  return context;
-}, "useBillingContext");
-var useOptionalBillingContext = /* @__PURE__ */ __name(() => useContext(BillingContext), "useOptionalBillingContext");
+__name(PriceArchiver, "PriceArchiver");
 
 // src/features/billing/stripe-price/components/forms/PriceEditor.tsx
-import { zodResolver as zodResolver3 } from "@hookform/resolvers/zod";
-import { AlertCircle as AlertCircle3, PlusIcon, XIcon } from "lucide-react";
-import { useEffect as useEffect10, useState as useState17 } from "react";
-import { useForm as useForm3 } from "react-hook-form";
-import { v4 as v43 } from "uuid";
-import { z as z3 } from "zod";
-import { jsx as jsx42, jsxs as jsxs36 } from "react/jsx-runtime";
-function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
-  const [isSubmitting, setIsSubmitting] = useState17(false);
-  const [allFeatures, setAllFeatures] = useState17([]);
+import { zodResolver as zodResolver2 } from "@hookform/resolvers/zod";
+import { PlusIcon, XIcon } from "lucide-react";
+import { useTranslations as useTranslations2 } from "next-intl";
+import { useCallback as useCallback5, useEffect as useEffect10, useMemo as useMemo5, useState as useState16 } from "react";
+import { useForm as useForm2 } from "react-hook-form";
+import { v4 as v42 } from "uuid";
+import { z as z2 } from "zod";
+import { jsx as jsx41, jsxs as jsxs36 } from "react/jsx-runtime";
+function PriceEditorInternal({
+  productId,
+  price,
+  propagateChanges,
+  onSuccess,
+  trigger,
+  forceShow,
+  onClose,
+  dialogOpen,
+  onDialogOpenChange
+}) {
+  const t = useTranslations2();
+  const router = useI18nRouter();
+  const { createPrice, updatePrice, productId: contextProductId } = usePriceContext();
+  const [allFeatures, setAllFeatures] = useState16([]);
+  const isEdit = !!price;
+  const targetProductId = productId ?? price?.product?.id ?? contextProductId;
   useEffect10(() => {
     const fetchFeatures = /* @__PURE__ */ __name(async () => {
-      try {
-        const features = await FeatureService.findMany({});
-        setAllFeatures(features);
-      } catch (error) {
-        console.error("[PriceEditor] Failed to fetch features:", error);
-      }
+      setAllFeatures(await FeatureService.findMany({}));
     }, "fetchFeatures");
-    fetchFeatures();
+    void fetchFeatures();
   }, []);
-  const formSchema2 = z3.object({
-    unitAmount: z3.preprocess(
-      (val) => typeof val === "string" ? parseFloat(val) : val,
-      z3.number().min(0, { message: "Amount must be 0 or greater" })
-    ),
-    currency: z3.string().min(1, { message: "Currency is required" }),
-    interval: z3.enum(["one_time", "day", "week", "month", "year"]),
-    intervalCount: z3.preprocess(
-      (val) => val === "" || val === void 0 ? void 0 : typeof val === "string" ? parseInt(val, 10) : val,
-      z3.number().min(1).optional()
-    ),
-    usageType: z3.enum(["licensed", "metered"]).optional(),
-    nickname: z3.string().optional(),
-    active: z3.boolean(),
-    isTrial: z3.boolean(),
-    description: z3.string().optional(),
-    features: z3.array(z3.string()),
-    token: z3.string(),
-    featureIds: z3.array(z3.string())
-  });
-  const isEditMode = !!price;
-  const defaultUnitAmount = price?.unitAmount ? price.unitAmount / 100 : 0;
-  const coreFeatureIds = allFeatures.filter((f) => f.isCore).map((f) => f.id);
-  const defaultFeatureIds = [.../* @__PURE__ */ new Set([...price?.priceFeatures?.map((f) => f.id) ?? [], ...coreFeatureIds])];
-  const form = useForm3({
-    resolver: zodResolver3(formSchema2),
-    defaultValues: {
-      unitAmount: defaultUnitAmount,
-      currency: price?.currency || "usd",
-      interval: price?.priceType === "one_time" ? "one_time" : price?.recurring?.interval || "month",
-      intervalCount: price?.recurring?.intervalCount || 1,
-      usageType: price?.recurring?.usageType || "licensed",
-      nickname: price?.nickname || "",
-      active: price?.active ?? true,
+  const formSchema2 = useMemo5(
+    () => z2.object({
+      unitAmount: z2.preprocess(
+        (value) => typeof value === "string" ? parseFloat(value) : value,
+        z2.number().min(0, { message: t("billing.admin.prices.errors.amount") })
+      ),
+      currency: z2.string().min(1, { message: t("billing.admin.prices.errors.currency") }),
+      interval: z2.enum(["one_time", "day", "week", "month", "year"]),
+      intervalCount: z2.preprocess(
+        (value) => value === "" || value === void 0 ? void 0 : typeof value === "string" ? parseInt(value, 10) : value,
+        z2.number().min(1).optional()
+      ),
+      usageType: z2.enum(["licensed", "metered"]).optional(),
+      nickname: z2.string().optional(),
+      isTrial: z2.boolean(),
+      description: z2.string().optional(),
+      features: z2.array(z2.string()),
+      token: z2.string(),
+      featureIds: z2.array(z2.string())
+    }),
+    [t]
+  );
+  const getDefaultValues = useCallback5(() => {
+    const coreFeatureIds = allFeatures.filter((feature) => feature.isCore).map((feature) => feature.id);
+    return {
+      unitAmount: price?.unitAmount ? price.unitAmount / 100 : 0,
+      currency: price?.currency ?? "usd",
+      interval: price?.priceType === "one_time" ? "one_time" : price?.recurring?.interval ?? "month",
+      intervalCount: price?.recurring?.intervalCount ?? 1,
+      usageType: price?.recurring?.usageType ?? "licensed",
+      nickname: price?.nickname ?? "",
       isTrial: price?.isTrial ?? false,
-      description: price?.description || "",
-      features: price?.features || [],
+      description: price?.description ?? "",
+      features: price?.features ?? [],
       token: price?.token?.toString() ?? "",
-      featureIds: defaultFeatureIds
-    }
+      featureIds: [.../* @__PURE__ */ new Set([...price?.priceFeatures?.map((f) => f.id) ?? [], ...coreFeatureIds])]
+    };
+  }, [price, allFeatures]);
+  const form = useForm2({
+    resolver: zodResolver2(formSchema2),
+    defaultValues: getDefaultValues()
   });
-  useEffect10(() => {
-    if (open) {
-      const currentCoreFeatureIds = allFeatures.filter((f) => f.isCore).map((f) => f.id);
-      const resetFeatureIds = [
-        .../* @__PURE__ */ new Set([...price?.priceFeatures?.map((f) => f.id) ?? [], ...currentCoreFeatureIds])
-      ];
-      form.reset({
-        unitAmount: price?.unitAmount ? price.unitAmount / 100 : 0,
-        currency: price?.currency || "usd",
-        interval: price?.priceType === "one_time" ? "one_time" : price?.recurring?.interval || "month",
-        intervalCount: price?.recurring?.intervalCount || 1,
-        usageType: price?.recurring?.usageType || "licensed",
-        nickname: price?.nickname || "",
-        active: price?.active ?? true,
-        isTrial: price?.isTrial ?? false,
-        description: price?.description || "",
-        features: price?.features || [],
-        token: price?.token?.toString() ?? "",
-        featureIds: resetFeatureIds
-      });
-    }
-  }, [open, price?.id, allFeatures]);
   const watchInterval = form.watch("interval");
   const isRecurring = watchInterval !== "one_time";
-  const onSubmit = /* @__PURE__ */ __name(async (values) => {
-    setIsSubmitting(true);
-    try {
-      const unitAmountInCents = Math.round(values.unitAmount * 100);
-      if (isEditMode) {
-        await StripePriceService.updatePrice({
-          id: price.id,
-          nickname: values.nickname || void 0,
-          description: values.description || void 0,
-          features: values.features.filter((f) => f.trim()) || void 0,
-          token: values.token ? parseInt(values.token, 10) : void 0,
-          // Only include isTrial and featureIds for recurring prices
-          ...price?.priceType === "recurring" ? { isTrial: values.isTrial, featureIds: values.featureIds } : {}
-        });
-      } else {
-        const createInput = {
-          id: v43(),
-          productId,
-          currency: values.currency,
-          unitAmount: unitAmountInCents
-        };
-        if (isRecurring) {
-          createInput.recurring = {
-            interval: values.interval,
-            intervalCount: values.intervalCount || 1,
-            usageType: values.usageType || "licensed"
-          };
-        }
-        if (values.nickname) {
-          createInput.nickname = values.nickname;
-        }
-        if (values.description) {
-          createInput.description = values.description;
-        }
-        const filteredFeatures = values.features.filter((f) => f.trim());
-        if (filteredFeatures.length > 0) {
-          createInput.features = filteredFeatures;
-        }
-        if (values.token) {
-          createInput.token = parseInt(values.token, 10);
-        }
-        if (isRecurring) {
-          createInput.isTrial = values.isTrial;
-          if (values.featureIds.length > 0) {
-            createInput.featureIds = values.featureIds;
-          }
-        }
-        await StripePriceService.createPrice(createInput);
-      }
-      onSuccess();
-      onOpenChange(false);
-    } catch (error) {
-      console.error("[PriceEditor] Failed to save price:", error);
-    } finally {
-      setIsSubmitting(false);
-    }
-  }, "onSubmit");
   const currencyOptions = [
     { id: "usd", text: "USD ($)" },
     { id: "eur", text: "EUR (\u20AC)" },
     { id: "gbp", text: "GBP (\xA3)" }
   ];
   const intervalOptions = [
-    { id: "one_time", text: "One-time" },
-    { id: "day", text: "Daily" },
-    { id: "week", text: "Weekly" },
-    { id: "month", text: "Monthly" },
-    { id: "year", text: "Yearly" }
+    { id: "one_time", text: t("billing.admin.prices.interval.one_time") },
+    { id: "day", text: t("billing.admin.prices.interval.day") },
+    { id: "week", text: t("billing.admin.prices.interval.week") },
+    { id: "month", text: t("billing.admin.prices.interval.month") },
+    { id: "year", text: t("billing.admin.prices.interval.year") }
   ];
   const usageTypeOptions = [
-    { id: "licensed", text: "Licensed (per unit)" },
-    { id: "metered", text: "Metered (usage-based)" }
+    { id: "licensed", text: t("billing.admin.prices.usage.licensed") },
+    { id: "metered", text: t("billing.admin.prices.usage.metered") }
   ];
-  return /* @__PURE__ */ jsx42(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs36(DialogContent, { className: "max-w-2xl", children: [
-    /* @__PURE__ */ jsxs36(DialogHeader, { children: [
-      /* @__PURE__ */ jsx42(DialogTitle, { children: isEditMode ? "Edit Price" : "Create Price" }),
-      /* @__PURE__ */ jsx42(DialogDescription, { children: isEditMode ? "Update the price details. Note: Only nickname and active status can be changed." : "Create a new price for this product" })
-    ] }),
-    isEditMode && /* @__PURE__ */ jsxs36("div", { className: "bg-primary/10 border-primary/30 flex gap-x-3 rounded-lg border p-4", children: [
-      /* @__PURE__ */ jsx42(AlertCircle3, { className: "text-primary mt-0.5 h-5 w-5 flex-shrink-0" }),
-      /* @__PURE__ */ jsxs36("div", { className: "text-foreground text-sm", children: [
-        /* @__PURE__ */ jsx42("p", { className: "font-semibold mb-1", children: "Stripe Price Immutability" }),
-        /* @__PURE__ */ jsx42("p", { children: "Due to Stripe's architecture, only the nickname and active status can be modified after creation. To change amount, currency, or billing interval, create a new price." })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx42(Form, { ...form, children: /* @__PURE__ */ jsxs36("form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-col gap-y-4", children: [
-      /* @__PURE__ */ jsxs36("div", { className: "grid grid-cols-2 gap-x-4", children: [
-        /* @__PURE__ */ jsx42(
-          FormInput,
+  return /* @__PURE__ */ jsx41(
+    EditorSheet,
+    {
+      form,
+      entityType: t("billing.admin.prices.entity"),
+      entityName: price ? priceLabel(price) : void 0,
+      isEdit,
+      module: Modules.StripePrice,
+      size: "lg",
+      propagateChanges,
+      onSuccess,
+      onNavigate: (url) => router.push(url),
+      onSubmit: async (values) => {
+        const trimmedFeatures = values.features.filter((feature) => feature.trim());
+        if (isEdit) {
+          const patch = {
+            id: price.id,
+            nickname: values.nickname || void 0,
+            description: values.description || void 0,
+            features: trimmedFeatures.length > 0 ? trimmedFeatures : void 0,
+            token: values.token ? parseInt(values.token, 10) : void 0,
+            // Stripe one-time prices carry neither a trial flag nor platform
+            // features, so those two only travel for recurring prices.
+            ...price.priceType === "recurring" ? { isTrial: values.isTrial, featureIds: values.featureIds } : {}
+          };
+          return await updatePrice(patch);
+        }
+        if (!targetProductId) throw new Error("PriceEditor requires a productId to create a price");
+        const payload = {
+          id: v42(),
+          productId: targetProductId,
+          currency: values.currency,
+          unitAmount: Math.round(values.unitAmount * 100)
+        };
+        if (isRecurring) {
+          payload.recurring = {
+            interval: values.interval,
+            intervalCount: values.intervalCount ?? 1,
+            usageType: values.usageType ?? "licensed"
+          };
+          payload.isTrial = values.isTrial;
+          if (values.featureIds.length > 0) payload.featureIds = values.featureIds;
+        }
+        if (values.nickname) payload.nickname = values.nickname;
+        if (values.description) payload.description = values.description;
+        if (trimmedFeatures.length > 0) payload.features = trimmedFeatures;
+        if (values.token) payload.token = parseInt(values.token, 10);
+        return await createPrice(payload);
+      },
+      onReset: getDefaultValues,
+      trigger,
+      forceShow,
+      onClose,
+      dialogOpen,
+      onDialogOpenChange,
+      children: /* @__PURE__ */ jsxs36("div", { className: "flex w-full flex-col gap-y-4", children: [
+        isEdit && /* @__PURE__ */ jsxs36(Alert, { children: [
+          /* @__PURE__ */ jsx41(AlertTitle, { children: t("billing.admin.prices.immutability.title") }),
+          /* @__PURE__ */ jsx41(AlertDescription, { children: t("billing.admin.prices.immutability.description") })
+        ] }),
+        /* @__PURE__ */ jsxs36("div", { className: "grid grid-cols-2 gap-x-4", children: [
+          /* @__PURE__ */ jsx41(
+            FormInput,
+            {
+              form,
+              id: "unitAmount",
+              type: "decimal",
+              name: t("billing.admin.prices.fields.amount"),
+              placeholder: t("billing.admin.prices.placeholders.amount"),
+              disabled: isEdit,
+              isRequired: true
+            }
+          ),
+          /* @__PURE__ */ jsx41(
+            FormSelect,
+            {
+              form,
+              id: "currency",
+              name: t("billing.admin.prices.fields.currency"),
+              values: currencyOptions,
+              disabled: isEdit
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx41(
+          FormSelect,
           {
             form,
-            id: "unitAmount",
-            name: "Amount (in dollars)",
-            placeholder: "9.99",
-            disabled: isEditMode,
-            isRequired: true
+            id: "interval",
+            name: t("billing.admin.prices.fields.interval"),
+            values: intervalOptions,
+            disabled: isEdit
           }
         ),
-        /* @__PURE__ */ jsx42(FormSelect, { form, id: "currency", name: "Currency", values: currencyOptions, disabled: isEditMode })
-      ] }),
-      /* @__PURE__ */ jsx42(
-        FormSelect,
-        {
-          form,
-          id: "interval",
-          name: "Billing Interval",
-          values: intervalOptions,
-          disabled: isEditMode
-        }
-      ),
-      isRecurring && /* @__PURE__ */ jsxs36("div", { className: "grid grid-cols-2 gap-x-4", children: [
-        /* @__PURE__ */ jsx42(
+        isRecurring && /* @__PURE__ */ jsxs36("div", { className: "grid grid-cols-2 gap-x-4", children: [
+          /* @__PURE__ */ jsx41(
+            FormInput,
+            {
+              form,
+              id: "intervalCount",
+              type: "number",
+              name: t("billing.admin.prices.fields.intervalCount"),
+              placeholder: t("billing.admin.prices.placeholders.intervalCount"),
+              disabled: isEdit
+            }
+          ),
+          /* @__PURE__ */ jsx41(
+            FormSelect,
+            {
+              form,
+              id: "usageType",
+              name: t("billing.admin.prices.fields.usageType"),
+              values: usageTypeOptions,
+              disabled: isEdit
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx41(
           FormInput,
           {
             form,
-            id: "intervalCount",
-            name: "Interval Count",
-            placeholder: "1",
-            type: "number",
-            disabled: isEditMode
+            id: "nickname",
+            name: t("billing.admin.prices.fields.nickname"),
+            placeholder: t("billing.admin.prices.placeholders.nickname")
           }
         ),
-        /* @__PURE__ */ jsx42(
-          FormSelect,
+        /* @__PURE__ */ jsx41(
+          FormTextarea,
           {
             form,
-            id: "usageType",
-            name: "Usage Type",
-            values: usageTypeOptions,
-            disabled: isEditMode
+            id: "description",
+            name: t("billing.admin.prices.fields.description"),
+            placeholder: t("billing.admin.prices.placeholders.description"),
+            className: "min-h-24"
           }
-        )
-      ] }),
-      /* @__PURE__ */ jsx42(
-        FormInput,
-        {
-          form,
-          id: "nickname",
-          name: "Nickname (optional)",
-          placeholder: "e.g., Standard Plan, Pro Tier"
-        }
-      ),
-      /* @__PURE__ */ jsx42(
-        FormTextarea,
-        {
-          form,
-          id: "description",
-          name: "Description (optional)",
-          placeholder: "Describe what this price tier includes...",
-          className: "min-h-24"
-        }
-      ),
-      /* @__PURE__ */ jsx42(FormInput, { form, id: "token", name: "Token (optional)", placeholder: "Enter token value" }),
-      /* @__PURE__ */ jsxs36("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx42(Label, { children: "Features (optional)" }),
-        /* @__PURE__ */ jsxs36("div", { className: "space-y-2", children: [
+        ),
+        /* @__PURE__ */ jsx41(
+          FormInput,
+          {
+            form,
+            id: "token",
+            type: "number",
+            name: t("billing.admin.prices.fields.token"),
+            placeholder: t("billing.admin.prices.placeholders.token")
+          }
+        ),
+        /* @__PURE__ */ jsxs36("div", { className: "flex flex-col gap-y-2", children: [
+          /* @__PURE__ */ jsx41(FieldLabel, { children: t("billing.admin.prices.fields.features") }),
           form.watch("features").map((_, index) => /* @__PURE__ */ jsxs36("div", { className: "flex gap-2", children: [
-            /* @__PURE__ */ jsx42(
+            /* @__PURE__ */ jsx41(
               Input,
               {
                 ...form.register(`features.${index}`),
-                placeholder: `Feature ${index + 1}`,
+                placeholder: t("billing.admin.prices.placeholders.feature", { index: index + 1 }),
                 className: "flex-1"
               }
             ),
-            /* @__PURE__ */ jsx42(
+            /* @__PURE__ */ jsx41(
               Button,
               {
                 type: "button",
                 variant: "outline",
                 size: "icon",
-                onClick: () => {
-                  const currentFeatures = form.getValues("features");
-                  form.setValue(
-                    "features",
-                    currentFeatures.filter((_2, i) => i !== index)
-                  );
-                },
-                children: /* @__PURE__ */ jsx42(XIcon, { className: "h-4 w-4" })
+                "aria-label": t("billing.admin.prices.actions.removeFeature"),
+                onClick: () => form.setValue(
+                  "features",
+                  form.getValues("features").filter((_2, i) => i !== index)
+                ),
+                children: /* @__PURE__ */ jsx41(XIcon, {})
               }
             )
           ] }, index)),
@@ -3496,502 +3402,747 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
               type: "button",
               variant: "outline",
               size: "sm",
-              onClick: () => {
-                const currentFeatures = form.getValues("features");
-                form.setValue("features", [...currentFeatures, ""]);
-              },
-              className: "mt-2",
+              className: "self-start",
+              onClick: () => form.setValue("features", [...form.getValues("features"), ""]),
               children: [
-                /* @__PURE__ */ jsx42(PlusIcon, { className: "h-4 w-4 mr-2" }),
-                "Add Feature"
+                /* @__PURE__ */ jsx41(PlusIcon, {}),
+                t("billing.admin.prices.actions.addFeature")
               ]
             }
           )
-        ] })
-      ] }),
-      isRecurring && allFeatures.length > 0 && /* @__PURE__ */ jsxs36("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx42(Label, { children: "Platform Features" }),
-        /* @__PURE__ */ jsx42("div", { className: "border rounded-md p-4 space-y-2 max-h-48 overflow-y-auto", children: allFeatures.map((feature) => {
-          const isCore = feature.isCore;
-          const isChecked = form.watch("featureIds").includes(feature.id);
-          return /* @__PURE__ */ jsxs36("div", { className: "flex items-center space-x-2", children: [
-            /* @__PURE__ */ jsx42(
-              "input",
-              {
-                type: "checkbox",
-                id: `feature-${feature.id}`,
-                checked: isChecked,
-                disabled: isCore,
-                onChange: (e) => {
-                  const currentIds = form.getValues("featureIds");
-                  if (e.target.checked) {
-                    form.setValue("featureIds", [...currentIds, feature.id]);
-                  } else {
-                    if (!isCore) {
+        ] }),
+        isRecurring && allFeatures.length > 0 && /* @__PURE__ */ jsxs36("div", { className: "flex flex-col gap-y-2", children: [
+          /* @__PURE__ */ jsx41(FieldLabel, { children: t("billing.admin.prices.fields.platformFeatures") }),
+          /* @__PURE__ */ jsx41("div", { className: "flex max-h-48 flex-col gap-y-2 overflow-y-auto rounded-md border p-4", children: allFeatures.map((feature) => {
+            const isChecked = form.watch("featureIds").includes(feature.id);
+            return /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-x-2", children: [
+              /* @__PURE__ */ jsx41(
+                Checkbox,
+                {
+                  id: `feature-${feature.id}`,
+                  checked: isChecked,
+                  disabled: feature.isCore,
+                  onCheckedChange: (checked) => {
+                    const current = form.getValues("featureIds");
+                    if (checked) form.setValue("featureIds", [.../* @__PURE__ */ new Set([...current, feature.id])]);
+                    else if (!feature.isCore)
                       form.setValue(
                         "featureIds",
-                        currentIds.filter((id) => id !== feature.id)
+                        current.filter((id) => id !== feature.id)
                       );
-                    }
                   }
-                },
-                className: "h-4 w-4 rounded border-gray-300 text-primary focus:ring-primary disabled:opacity-50"
-              }
-            ),
-            /* @__PURE__ */ jsxs36(
-              "label",
-              {
-                htmlFor: `feature-${feature.id}`,
-                className: `text-sm ${isCore ? "text-muted-foreground" : ""}`,
-                children: [
-                  feature.name,
-                  isCore && /* @__PURE__ */ jsx42("span", { className: "ml-2 text-xs text-muted-foreground", children: "(Core - Required)" })
-                ]
-              }
-            )
-          ] }, feature.id);
-        }) })
-      ] }),
-      /* @__PURE__ */ jsx42(FormCheckbox, { form, id: "active", name: "Active" }),
-      isRecurring && /* @__PURE__ */ jsx42(
-        FormCheckbox,
-        {
-          form,
-          id: "isTrial",
-          name: "Trial Price",
-          description: "Mark this as the trial subscription plan (only one price should be marked as trial)"
-        }
-      ),
-      /* @__PURE__ */ jsx42(CommonEditorButtons, { isEdit: isEditMode, form, disabled: isSubmitting, setOpen: onOpenChange })
-    ] }) })
-  ] }) });
+                }
+              ),
+              /* @__PURE__ */ jsx41(FieldLabel, { htmlFor: `feature-${feature.id}`, children: feature.name }),
+              feature.isCore && /* @__PURE__ */ jsx41("span", { className: "text-muted-foreground text-xs", children: t("billing.admin.prices.help.core") })
+            ] }, feature.id);
+          }) })
+        ] }),
+        isRecurring && /* @__PURE__ */ jsx41(
+          FormCheckbox,
+          {
+            form,
+            id: "isTrial",
+            name: t("billing.admin.prices.fields.trial"),
+            description: t("billing.admin.prices.help.trial")
+          }
+        )
+      ] })
+    }
+  );
+}
+__name(PriceEditorInternal, "PriceEditorInternal");
+function PriceEditor(props) {
+  return /* @__PURE__ */ jsx41(PriceEditorInternal, { ...props });
 }
 __name(PriceEditor, "PriceEditor");
 
-// src/features/billing/stripe-price/components/lists/PricesList.tsx
-import { Archive, DollarSign, Edit, RotateCcw } from "lucide-react";
-import { useEffect as useEffect11, useState as useState18 } from "react";
-import { jsx as jsx43, jsxs as jsxs37 } from "react/jsx-runtime";
-function PricesList({ productId, onPricesChange }) {
-  const [prices, setPrices] = useState18([]);
-  const [loading, setLoading] = useState18(true);
-  const [showCreatePrice, setShowCreatePrice] = useState18(false);
-  const [editingPrice, setEditingPrice] = useState18(null);
-  const [priceToArchive, setPriceToArchive] = useState18(null);
-  const [priceToReactivate, setPriceToReactivate] = useState18(null);
-  const [archivingPriceId, setArchivingPriceId] = useState18(null);
-  const [reactivatingPriceId, setReactivatingPriceId] = useState18(null);
-  const loadPrices = /* @__PURE__ */ __name(async () => {
-    setLoading(true);
-    try {
-      const fetchedPrices = await StripePriceService.listPrices({ productId });
-      setPrices(fetchedPrices);
-    } catch (error) {
-      console.error("[PricesList] Failed to load prices:", error);
-    } finally {
-      setLoading(false);
-    }
-  }, "loadPrices");
-  useEffect11(() => {
-    loadPrices();
-  }, [productId]);
-  const handleArchive = /* @__PURE__ */ __name(async () => {
-    if (!priceToArchive) {
-      return;
-    }
-    setArchivingPriceId(priceToArchive.id);
-    try {
-      await StripePriceService.archivePrice({ id: priceToArchive.id });
-      setPriceToArchive(null);
-      await loadPrices();
-      onPricesChange();
-    } catch (error) {
-      console.error("[PricesList] Failed to archive price:", error);
-    } finally {
-      setArchivingPriceId(null);
-    }
-  }, "handleArchive");
-  const handleReactivate = /* @__PURE__ */ __name(async () => {
-    if (!priceToReactivate) {
-      return;
-    }
-    setReactivatingPriceId(priceToReactivate.id);
-    try {
-      await StripePriceService.reactivatePrice({ id: priceToReactivate.id });
-      setPriceToReactivate(null);
-      await loadPrices();
-      onPricesChange();
-    } catch (error) {
-      console.error("[PricesList] Failed to reactivate price:", error);
-    } finally {
-      setReactivatingPriceId(null);
-    }
-  }, "handleReactivate");
-  const formatInterval2 = /* @__PURE__ */ __name((price) => {
-    if (price.priceType === "one_time") {
-      return "one-time";
-    }
-    if (price.recurring) {
-      const count = price.recurring.intervalCount;
-      const interval = price.recurring.interval;
-      if (count === 1) {
-        return `/ ${interval}`;
-      } else {
-        return `/ ${count} ${interval}s`;
-      }
+// src/features/billing/contexts/PriceContext.tsx
+import { jsx as jsx42 } from "react/jsx-runtime";
+var PriceContext = createContext(void 0);
+var defaultContextValue = {
+  price: void 0,
+  setPrice: /* @__PURE__ */ __name(() => {
+  }, "setPrice"),
+  reloadPrice: /* @__PURE__ */ __name(async () => {
+  }, "reloadPrice"),
+  createPrice: /* @__PURE__ */ __name(async () => {
+    throw new Error("createPrice requires a PriceProvider");
+  }, "createPrice"),
+  updatePrice: /* @__PURE__ */ __name(async () => {
+    throw new Error("updatePrice requires a PriceProvider");
+  }, "updatePrice"),
+  archivePrice: /* @__PURE__ */ __name(async () => {
+  }, "archivePrice"),
+  restorePrice: /* @__PURE__ */ __name(async () => {
+  }, "restorePrice"),
+  priceVersion: 0,
+  refreshPrices: /* @__PURE__ */ __name(() => {
+  }, "refreshPrices"),
+  productId: void 0
+};
+function priceLabel(price) {
+  return price.nickname ?? `${formatCurrency(price.unitAmount, price.currency)} ${formatInterval(price)}`.trim();
+}
+__name(priceLabel, "priceLabel");
+var PriceProvider = /* @__PURE__ */ __name(({
+  children,
+  dehydratedPrice,
+  publishChrome = true,
+  productId: productIdProp
+}) => {
+  const t = useTranslations3();
+  const generateUrl = usePageUrlGenerator();
+  const { hasRole } = useCurrentUserContext();
+  const [price, setPrice] = useState17(
+    dehydratedPrice ? rehydrate(Modules.StripePrice, dehydratedPrice) : void 0
+  );
+  const [priceVersion, setPriceVersion] = useState17(0);
+  const refreshPrices = useCallback6(() => setPriceVersion((value2) => value2 + 1), []);
+  const productId = productIdProp ?? price?.product?.id;
+  const reloadPrice = useCallback6(async () => {
+    if (!price?.id) return;
+    setPrice(await StripePriceService.getPrice({ id: price.id }));
+  }, [price?.id]);
+  const createPrice = useCallback6(
+    async (input) => {
+      const saved = await StripePriceService.createPrice(input);
+      refreshPrices();
+      return saved;
+    },
+    [refreshPrices]
+  );
+  const updatePrice = useCallback6(
+    async (input) => {
+      const saved = await StripePriceService.updatePrice(input);
+      setPrice(saved);
+      refreshPrices();
+      return saved;
+    },
+    [refreshPrices]
+  );
+  const archivePrice = useCallback6(
+    async (id) => {
+      const target = id ?? price?.id;
+      if (!target) return;
+      await StripePriceService.archivePrice({ id: target });
+      await reloadPrice();
+      refreshPrices();
+    },
+    [price?.id, reloadPrice, refreshPrices]
+  );
+  const restorePrice = useCallback6(
+    async (id) => {
+      const target = id ?? price?.id;
+      if (!target) return;
+      await StripePriceService.reactivatePrice({ id: target });
+      await reloadPrice();
+      refreshPrices();
+    },
+    [price?.id, reloadPrice, refreshPrices]
+  );
+  const value = useMemo6(
+    () => ({
+      price,
+      setPrice,
+      reloadPrice,
+      createPrice,
+      updatePrice,
+      archivePrice,
+      restorePrice,
+      priceVersion,
+      refreshPrices,
+      productId
+    }),
+    [price, reloadPrice, createPrice, updatePrice, archivePrice, restorePrice, priceVersion, refreshPrices, productId]
+  );
+  if (!publishChrome) return /* @__PURE__ */ jsx42(PriceContext.Provider, { value, children });
+  const breadcrumb = /* @__PURE__ */ __name(() => {
+    const items = [
+      { name: t("billing.admin.products.title"), href: generateUrl({ page: Modules.StripeProduct }) }
+    ];
+    if (price?.product)
+      items.push({
+        name: price.product.name,
+        href: generateUrl({ page: Modules.StripeProduct, id: price.product.id })
+      });
+    if (price) items.push({ name: priceLabel(price) });
+    return items;
+  }, "breadcrumb");
+  const title = /* @__PURE__ */ __name(() => {
+    const response = { type: t("billing.admin.prices.title") };
+    if (!price) return response;
+    response.element = priceLabel(price);
+    if (hasRole(getRoleId().Administrator)) {
+      response.functions = [
+        /* @__PURE__ */ jsx42(PriceArchiver, { price }, "priceArchiver"),
+        /* @__PURE__ */ jsx42(PriceEditor, { price, propagateChanges: setPrice }, "priceEditor")
+      ];
     }
-    return "";
-  }, "formatInterval");
-  if (loading) {
-    return /* @__PURE__ */ jsx43("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsx43("p", { className: "text-muted-foreground", children: "Loading prices..." }) });
-  }
-  return /* @__PURE__ */ jsxs37("div", { className: "flex flex-col gap-y-4", children: [
-    /* @__PURE__ */ jsxs37("div", { className: "flex items-center justify-between mb-4", children: [
-      /* @__PURE__ */ jsx43("h4", { className: "text-lg font-semibold", children: "Prices" }),
-      /* @__PURE__ */ jsx43(Button, { size: "sm", onClick: () => setShowCreatePrice(true), children: "Add Price" })
-    ] }),
-    prices.length === 0 && /* @__PURE__ */ jsxs37("div", { className: "bg-background flex flex-col items-center justify-center gap-y-3 rounded-lg border border-dashed p-8", children: [
-      /* @__PURE__ */ jsx43(DollarSign, { className: "text-muted-foreground h-12 w-12" }),
-      /* @__PURE__ */ jsx43("p", { className: "text-muted-foreground text-sm", children: "No prices yet. Add a price to enable subscriptions." }),
-      /* @__PURE__ */ jsx43(Button, { size: "sm", onClick: () => setShowCreatePrice(true), children: "Add Price" })
+    return response;
+  }, "title");
+  return /* @__PURE__ */ jsx42(SharedProvider, { value: { breadcrumbs: breadcrumb(), title: title() }, children: /* @__PURE__ */ jsx42(PriceContext.Provider, { value, children }) });
+}, "PriceProvider");
+var usePriceContext = /* @__PURE__ */ __name(() => useContext(PriceContext) ?? defaultContextValue, "usePriceContext");
+
+// src/features/billing/contexts/ProductContext.tsx
+import { useTranslations as useTranslations6 } from "next-intl";
+import { createContext as createContext2, useCallback as useCallback8, useContext as useContext2, useMemo as useMemo8, useState as useState19 } from "react";
+
+// src/features/billing/stripe-product/components/forms/ProductArchiver.tsx
+import { ArchiveIcon as ArchiveIcon2, RotateCcwIcon as RotateCcwIcon2 } from "lucide-react";
+import { useTranslations as useTranslations4 } from "next-intl";
+import { useState as useState18 } from "react";
+import { Fragment as Fragment10, jsx as jsx43, jsxs as jsxs37 } from "react/jsx-runtime";
+function ProductArchiver({ product }) {
+  const t = useTranslations4();
+  const { archiveProduct, restoreProduct } = useProductContext();
+  const [open, setOpen] = useState18(false);
+  const isArchived = !product.active;
+  const scope = isArchived ? "restore" : "archive";
+  return /* @__PURE__ */ jsxs37(Fragment10, { children: [
+    /* @__PURE__ */ jsxs37(Button, { variant: "outline", size: "sm", onClick: () => setOpen(true), children: [
+      isArchived ? /* @__PURE__ */ jsx43(RotateCcwIcon2, {}) : /* @__PURE__ */ jsx43(ArchiveIcon2, {}),
+      t(`billing.admin.products.${scope}.confirm`)
     ] }),
-    prices.length > 0 && /* @__PURE__ */ jsx43("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: prices.map((price) => {
-      const isArchiving = archivingPriceId === price.id;
-      const isReactivating = reactivatingPriceId === price.id;
-      return /* @__PURE__ */ jsxs37("div", { className: "border rounded-lg bg-white p-4 hover:shadow-sm transition-shadow", children: [
-        /* @__PURE__ */ jsxs37("div", { className: "flex items-start justify-between mb-3", children: [
-          /* @__PURE__ */ jsx43(DollarSign, { className: "h-5 w-5 text-primary" }),
-          /* @__PURE__ */ jsxs37("div", { className: "flex gap-1", children: [
-            /* @__PURE__ */ jsx43(Button, { variant: "ghost", size: "sm", onClick: () => setEditingPrice(price), className: "h-8 w-8 p-0", children: /* @__PURE__ */ jsx43(Edit, { className: "h-4 w-4" }) }),
-            price.active ? /* @__PURE__ */ jsx43(
-              Button,
-              {
-                variant: "ghost",
-                size: "sm",
-                onClick: () => setPriceToArchive(price),
-                className: "h-8 w-8 p-0",
-                disabled: isArchiving,
-                children: /* @__PURE__ */ jsx43(Archive, { className: "h-4 w-4" })
-              }
-            ) : /* @__PURE__ */ jsx43(
-              Button,
-              {
-                variant: "ghost",
-                size: "sm",
-                onClick: () => setPriceToReactivate(price),
-                className: "h-8 w-8 p-0",
-                disabled: isReactivating,
-                children: /* @__PURE__ */ jsx43(RotateCcw, { className: "h-4 w-4" })
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx43("div", { className: "mb-2", children: /* @__PURE__ */ jsxs37("div", { className: "text-2xl font-bold", children: [
-          formatCurrency(price.unitAmount, price.currency),
-          " ",
-          /* @__PURE__ */ jsx43("span", { className: "text-muted-foreground text-sm font-normal", children: formatInterval2(price) })
-        ] }) }),
-        price.metadata?.nickname && /* @__PURE__ */ jsx43("p", { className: "text-sm font-medium mb-2", children: price.metadata.nickname }),
-        /* @__PURE__ */ jsxs37("div", { className: "flex flex-wrap gap-2", children: [
-          price.active ? /* @__PURE__ */ jsx43(Badge, { variant: "softGreen", children: "Active" }) : /* @__PURE__ */ jsx43(Badge, { variant: "softGray", children: "Inactive" }),
-          price.recurring?.usageType === "metered" && /* @__PURE__ */ jsx43(Badge, { variant: "softBlue", children: "Metered" }),
-          /* @__PURE__ */ jsx43(Badge, { variant: "softGray", className: "uppercase", children: price.currency })
-        ] })
-      ] }, price.id);
-    }) }),
-    showCreatePrice && /* @__PURE__ */ jsx43(
-      PriceEditor,
-      {
-        productId,
-        open: showCreatePrice,
-        onOpenChange: setShowCreatePrice,
-        onSuccess: () => {
-          loadPrices();
-          onPricesChange();
-        }
-      }
-    ),
-    editingPrice && /* @__PURE__ */ jsx43(
-      PriceEditor,
+    /* @__PURE__ */ jsx43(
+      ConfirmDialog,
       {
-        productId,
-        price: editingPrice,
-        open: !!editingPrice,
-        onOpenChange: (open) => !open && setEditingPrice(null),
-        onSuccess: () => {
-          loadPrices();
-          onPricesChange();
-          setEditingPrice(null);
+        open,
+        onOpenChange: setOpen,
+        title: t(`billing.admin.products.${scope}.title`),
+        description: t(`billing.admin.products.${scope}.description`, { name: product.name }),
+        confirmLabel: t(`billing.admin.products.${scope}.confirm`),
+        cancelLabel: t("ui.buttons.cancel"),
+        destructive: !isArchived,
+        onConfirm: async () => {
+          try {
+            if (isArchived) await restoreProduct(product.id);
+            else await archiveProduct(product.id);
+          } catch (error) {
+            errorToast({ title: t(`billing.admin.products.${scope}.title`), error });
+            throw error;
+          }
         }
       }
-    ),
-    /* @__PURE__ */ jsx43(AlertDialog, { open: !!priceToArchive, onOpenChange: (open) => !open && setPriceToArchive(null), children: /* @__PURE__ */ jsxs37(AlertDialogContent, { children: [
-      /* @__PURE__ */ jsxs37(AlertDialogHeader, { children: [
-        /* @__PURE__ */ jsx43(AlertDialogTitle, { children: "Archive Price" }),
-        /* @__PURE__ */ jsxs37(AlertDialogDescription, { children: [
-          "Are you sure you want to archive the price for",
-          " ",
-          priceToArchive && `${formatCurrency(priceToArchive.unitAmount, priceToArchive.currency)} ${formatInterval2(priceToArchive)}`,
-          "? This will prevent new subscriptions but existing ones will continue."
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs37(AlertDialogFooter, { children: [
-        /* @__PURE__ */ jsx43(AlertDialogCancel, { disabled: !!archivingPriceId, children: "Cancel" }),
-        /* @__PURE__ */ jsx43(
-          AlertDialogAction,
+    )
+  ] });
+}
+__name(ProductArchiver, "ProductArchiver");
+
+// src/features/billing/stripe-product/components/forms/ProductEditor.tsx
+import { zodResolver as zodResolver3 } from "@hookform/resolvers/zod";
+import { useTranslations as useTranslations5 } from "next-intl";
+import { useCallback as useCallback7, useMemo as useMemo7 } from "react";
+import { useForm as useForm3 } from "react-hook-form";
+import { v4 as v43 } from "uuid";
+import { z as z3 } from "zod";
+import { jsx as jsx44, jsxs as jsxs38 } from "react/jsx-runtime";
+function ProductEditorInternal({
+  product,
+  propagateChanges,
+  onSuccess,
+  trigger,
+  forceShow,
+  onClose,
+  dialogOpen,
+  onDialogOpenChange
+}) {
+  const t = useTranslations5();
+  const router = useI18nRouter();
+  const { createProduct, updateProduct } = useProductContext();
+  const isEdit = !!product;
+  const formSchema2 = useMemo7(
+    () => z3.object({
+      id: z3.uuidv4(),
+      name: z3.string().min(1, { message: t("billing.admin.products.errors.name") }),
+      description: z3.string().optional()
+    }),
+    [t]
+  );
+  const getDefaultValues = useCallback7(
+    () => ({
+      id: product?.id ?? v43(),
+      name: product?.name ?? "",
+      description: product?.description ?? ""
+    }),
+    [product]
+  );
+  const form = useForm3({
+    resolver: zodResolver3(formSchema2),
+    defaultValues: getDefaultValues()
+  });
+  return /* @__PURE__ */ jsx44(
+    EditorSheet,
+    {
+      form,
+      entityType: t("billing.admin.products.entity"),
+      entityName: product?.name,
+      isEdit,
+      module: Modules.StripeProduct,
+      size: "md",
+      propagateChanges,
+      onSuccess,
+      onNavigate: (url) => router.push(url),
+      onSubmit: async (values) => {
+        const payload = { id: values.id, name: values.name, description: values.description };
+        return isEdit ? await updateProduct(payload) : await createProduct(payload);
+      },
+      onReset: getDefaultValues,
+      trigger,
+      forceShow,
+      onClose,
+      dialogOpen,
+      onDialogOpenChange,
+      children: /* @__PURE__ */ jsxs38("div", { className: "flex w-full flex-col gap-y-4", children: [
+        /* @__PURE__ */ jsx44(
+          FormInput,
           {
-            onClick: handleArchive,
-            disabled: !!archivingPriceId,
-            className: "bg-red-600 hover:bg-red-700",
-            children: archivingPriceId ? "Archiving..." : "Archive"
+            form,
+            id: "name",
+            name: t("billing.admin.products.fields.name"),
+            placeholder: t("billing.admin.products.placeholders.name"),
+            isRequired: true
           }
-        )
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsx43(AlertDialog, { open: !!priceToReactivate, onOpenChange: (open) => !open && setPriceToReactivate(null), children: /* @__PURE__ */ jsxs37(AlertDialogContent, { children: [
-      /* @__PURE__ */ jsxs37(AlertDialogHeader, { children: [
-        /* @__PURE__ */ jsx43(AlertDialogTitle, { children: "Reactivate Price" }),
-        /* @__PURE__ */ jsxs37(AlertDialogDescription, { children: [
-          "Are you sure you want to reactivate the price for",
-          " ",
-          priceToReactivate && `${formatCurrency(priceToReactivate.unitAmount, priceToReactivate.currency)} ${formatInterval2(priceToReactivate)}`,
-          "? This will allow new subscriptions again."
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs37(AlertDialogFooter, { children: [
-        /* @__PURE__ */ jsx43(AlertDialogCancel, { disabled: !!reactivatingPriceId, children: "Cancel" }),
-        /* @__PURE__ */ jsx43(
-          AlertDialogAction,
+        ),
+        /* @__PURE__ */ jsx44(
+          FormTextarea,
           {
-            onClick: handleReactivate,
-            disabled: !!reactivatingPriceId,
-            className: "bg-green-600 hover:bg-green-700",
-            children: reactivatingPriceId ? "Reactivating..." : "Reactivate"
+            form,
+            id: "description",
+            name: t("billing.admin.products.fields.description"),
+            placeholder: t("billing.admin.products.placeholders.description"),
+            className: "min-h-32"
           }
         )
       ] })
-    ] }) })
-  ] });
+    }
+  );
 }
-__name(PricesList, "PricesList");
-
-// src/features/billing/stripe-product/components/containers/ProductsAdminContainer.tsx
-import { Package as Package2 } from "lucide-react";
-import { useEffect as useEffect12, useState as useState20 } from "react";
+__name(ProductEditorInternal, "ProductEditorInternal");
+function ProductEditor(props) {
+  return /* @__PURE__ */ jsx44(ProductEditorInternal, { ...props });
+}
+__name(ProductEditor, "ProductEditor");
 
-// src/features/billing/stripe-product/components/lists/ProductsList.tsx
-import { Archive as Archive2, ChevronDown, ChevronUp, Edit as Edit2, Package, RefreshCw as RefreshCw2 } from "lucide-react";
-import { useState as useState19 } from "react";
-import { jsx as jsx44, jsxs as jsxs38 } from "react/jsx-runtime";
-function ProductsList({ products, onProductsChange }) {
-  const [expandedProductId, setExpandedProductId] = useState19(null);
-  const [editingProduct, setEditingProduct] = useState19(null);
-  const [archivingProductId, setArchivingProductId] = useState19(null);
-  const [reactivatingProductId, setReactivatingProductId] = useState19(null);
-  const [productToArchive, setProductToArchive] = useState19(null);
-  const [productToReactivate, setProductToReactivate] = useState19(null);
-  const handleArchive = /* @__PURE__ */ __name(async () => {
-    if (!productToArchive) {
-      return;
-    }
-    setArchivingProductId(productToArchive.id);
-    try {
-      const _archivedProduct = await StripeProductService.archiveProduct({ id: productToArchive.id });
-      setProductToArchive(null);
-      onProductsChange();
-    } catch (_error) {
-      console.error("[ProductsList] Failed to archive product:", _error);
-    } finally {
-      setArchivingProductId(null);
-    }
-  }, "handleArchive");
-  const handleReactivate = /* @__PURE__ */ __name(async () => {
-    if (!productToReactivate) {
-      return;
-    }
-    setReactivatingProductId(productToReactivate.id);
-    try {
-      const _reactivatedProduct = await StripeProductService.reactivateProduct({ id: productToReactivate.id });
-      setProductToReactivate(null);
-      onProductsChange();
-    } catch (_error) {
-    } finally {
-      setReactivatingProductId(null);
-    }
-  }, "handleReactivate");
-  const toggleExpand = /* @__PURE__ */ __name((productId) => {
-    setExpandedProductId(expandedProductId === productId ? null : productId);
-  }, "toggleExpand");
-  return /* @__PURE__ */ jsxs38("div", { className: "flex flex-col gap-y-4", children: [
-    products.map((product) => {
-      const isExpanded = expandedProductId === product.id;
-      const isArchiving = archivingProductId === product.id;
-      const isReactivating = reactivatingProductId === product.id;
-      return /* @__PURE__ */ jsxs38("div", { className: "border rounded-lg bg-white shadow-sm hover:shadow-md transition-shadow", children: [
-        /* @__PURE__ */ jsxs38("div", { className: "flex items-center justify-between p-6", children: [
-          /* @__PURE__ */ jsxs38("div", { className: "flex items-center gap-x-4 flex-1", children: [
-            /* @__PURE__ */ jsx44(Package, { className: "h-6 w-6 text-primary" }),
-            /* @__PURE__ */ jsxs38("div", { className: "flex-1", children: [
-              /* @__PURE__ */ jsxs38("div", { className: "flex items-center gap-x-3", children: [
-                /* @__PURE__ */ jsx44("h3", { className: "text-sm font-medium", children: product.name }),
-                product.active ? /* @__PURE__ */ jsx44(Badge, { variant: "softGreen", children: "Active" }) : /* @__PURE__ */ jsx44(Badge, { variant: "softGray", children: "Inactive" })
-              ] }),
-              product.description && /* @__PURE__ */ jsx44("p", { className: "text-muted-foreground text-sm mt-1", children: product.description })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs38("div", { className: "flex items-center gap-x-2", children: [
-            /* @__PURE__ */ jsxs38(Button, { variant: "outline", size: "sm", onClick: () => setEditingProduct(product), children: [
-              /* @__PURE__ */ jsx44(Edit2, { className: "h-4 w-4 mr-1" }),
-              "Edit"
-            ] }),
-            product.active ? /* @__PURE__ */ jsxs38(
-              Button,
-              {
-                variant: "outline",
-                size: "sm",
-                onClick: () => setProductToArchive(product),
-                disabled: isArchiving,
-                children: [
-                  /* @__PURE__ */ jsx44(Archive2, { className: "h-4 w-4 mr-1" }),
-                  isArchiving ? "Archiving..." : "Archive"
-                ]
-              }
-            ) : /* @__PURE__ */ jsxs38(
-              Button,
-              {
-                variant: "outline",
-                size: "sm",
-                onClick: () => setProductToReactivate(product),
-                disabled: isReactivating,
-                children: [
-                  /* @__PURE__ */ jsx44(RefreshCw2, { className: "h-4 w-4 mr-1" }),
-                  isReactivating ? "Reactivating..." : "Reactivate"
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx44(Button, { variant: "ghost", size: "sm", onClick: () => toggleExpand(product.id), children: isExpanded ? /* @__PURE__ */ jsx44(ChevronUp, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx44(ChevronDown, { className: "h-5 w-5" }) })
-          ] })
-        ] }),
-        isExpanded && /* @__PURE__ */ jsx44("div", { className: "border-t bg-muted/30 p-6", children: /* @__PURE__ */ jsx44(PricesList, { productId: product.id, onPricesChange: onProductsChange }) })
-      ] }, product.id);
+// src/features/billing/contexts/ProductContext.tsx
+import { jsx as jsx45 } from "react/jsx-runtime";
+var ProductContext = createContext2(void 0);
+var defaultContextValue2 = {
+  product: void 0,
+  setProduct: /* @__PURE__ */ __name(() => {
+  }, "setProduct"),
+  reloadProduct: /* @__PURE__ */ __name(async () => {
+  }, "reloadProduct"),
+  createProduct: /* @__PURE__ */ __name(async () => {
+    throw new Error("createProduct requires a ProductProvider");
+  }, "createProduct"),
+  updateProduct: /* @__PURE__ */ __name(async () => {
+    throw new Error("updateProduct requires a ProductProvider");
+  }, "updateProduct"),
+  archiveProduct: /* @__PURE__ */ __name(async () => {
+  }, "archiveProduct"),
+  restoreProduct: /* @__PURE__ */ __name(async () => {
+  }, "restoreProduct"),
+  catalogueVersion: 0,
+  refreshCatalogue: /* @__PURE__ */ __name(() => {
+  }, "refreshCatalogue")
+};
+var ProductProvider = /* @__PURE__ */ __name(({ children, dehydratedProduct, publishChrome = true }) => {
+  const t = useTranslations6();
+  const generateUrl = usePageUrlGenerator();
+  const { hasRole } = useCurrentUserContext();
+  const [product, setProduct] = useState19(
+    dehydratedProduct ? rehydrate(Modules.StripeProduct, dehydratedProduct) : void 0
+  );
+  const [catalogueVersion, setCatalogueVersion] = useState19(0);
+  const refreshCatalogue = useCallback8(() => setCatalogueVersion((value2) => value2 + 1), []);
+  const reloadProduct = useCallback8(async () => {
+    if (!product?.id) return;
+    setProduct(await StripeProductService.getProduct({ id: product.id }));
+  }, [product?.id]);
+  const createProduct = useCallback8(
+    async (input) => {
+      const saved = await StripeProductService.createProduct(input);
+      refreshCatalogue();
+      return saved;
+    },
+    [refreshCatalogue]
+  );
+  const updateProduct = useCallback8(
+    async (input) => {
+      const saved = await StripeProductService.updateProduct(input);
+      setProduct(saved);
+      refreshCatalogue();
+      return saved;
+    },
+    [refreshCatalogue]
+  );
+  const archiveProduct = useCallback8(
+    async (id) => {
+      const target = id ?? product?.id;
+      if (!target) return;
+      await StripeProductService.archiveProduct({ id: target });
+      await reloadProduct();
+      refreshCatalogue();
+    },
+    [product?.id, reloadProduct, refreshCatalogue]
+  );
+  const restoreProduct = useCallback8(
+    async (id) => {
+      const target = id ?? product?.id;
+      if (!target) return;
+      await StripeProductService.reactivateProduct({ id: target });
+      await reloadProduct();
+      refreshCatalogue();
+    },
+    [product?.id, reloadProduct, refreshCatalogue]
+  );
+  const value = useMemo8(
+    () => ({
+      product,
+      setProduct,
+      reloadProduct,
+      createProduct,
+      updateProduct,
+      archiveProduct,
+      restoreProduct,
+      catalogueVersion,
+      refreshCatalogue
     }),
-    editingProduct && /* @__PURE__ */ jsx44(
-      ProductEditor,
+    [
+      product,
+      reloadProduct,
+      createProduct,
+      updateProduct,
+      archiveProduct,
+      restoreProduct,
+      catalogueVersion,
+      refreshCatalogue
+    ]
+  );
+  if (!publishChrome) return /* @__PURE__ */ jsx45(ProductContext.Provider, { value, children });
+  const breadcrumb = /* @__PURE__ */ __name(() => {
+    const items = [
       {
-        product: editingProduct,
-        open: !!editingProduct,
-        onOpenChange: (open) => !open && setEditingProduct(null),
-        onSuccess: () => {
-          onProductsChange();
-          setEditingProduct(null);
-        }
+        name: t("billing.admin.products.title"),
+        // Linked only when it is NOT the current page.
+        ...product ? { href: generateUrl({ page: Modules.StripeProduct }) } : {}
       }
-    ),
-    /* @__PURE__ */ jsx44(AlertDialog, { open: !!productToArchive, onOpenChange: (open) => !open && setProductToArchive(null), children: /* @__PURE__ */ jsxs38(AlertDialogContent, { children: [
-      /* @__PURE__ */ jsxs38(AlertDialogHeader, { children: [
-        /* @__PURE__ */ jsx44(AlertDialogTitle, { children: "Archive Product" }),
-        /* @__PURE__ */ jsxs38(AlertDialogDescription, { children: [
-          'Are you sure you want to archive "',
-          productToArchive?.name,
-          '"? This will deactivate it and it will no longer be available for new subscriptions.'
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs38(AlertDialogFooter, { children: [
-        /* @__PURE__ */ jsx44(AlertDialogCancel, { disabled: !!archivingProductId, children: "Cancel" }),
-        /* @__PURE__ */ jsx44(
-          AlertDialogAction,
+    ];
+    if (product) items.push({ name: product.name });
+    return items;
+  }, "breadcrumb");
+  const title = /* @__PURE__ */ __name(() => {
+    const response = { type: t("billing.admin.products.title") };
+    if (!product) return response;
+    response.element = product.name;
+    if (hasRole(getRoleId().Administrator)) {
+      response.functions = [
+        /* @__PURE__ */ jsx45(ProductArchiver, { product }, "productArchiver"),
+        /* @__PURE__ */ jsx45(ProductEditor, { product, propagateChanges: setProduct }, "productEditor")
+      ];
+    }
+    return response;
+  }, "title");
+  return /* @__PURE__ */ jsx45(SharedProvider, { value: { breadcrumbs: breadcrumb(), title: title() }, children: /* @__PURE__ */ jsx45(ProductContext.Provider, { value, children }) });
+}, "ProductProvider");
+var useProductContext = /* @__PURE__ */ __name(() => useContext2(ProductContext) ?? defaultContextValue2, "useProductContext");
+
+// src/features/billing/stripe-price/components/details/PriceDetails.tsx
+import { useTranslations as useTranslations7 } from "next-intl";
+import { jsx as jsx46, jsxs as jsxs39 } from "react/jsx-runtime";
+function PriceDetails() {
+  const t = useTranslations7();
+  const generateUrl = usePageUrlGenerator();
+  const { price } = usePriceContext();
+  if (!price) return null;
+  const isRecurring = price.priceType === "recurring";
+  return /* @__PURE__ */ jsxs39("div", { className: "flex w-full flex-col gap-y-8", children: [
+    /* @__PURE__ */ jsxs39("div", { className: "flex w-full flex-col gap-y-4", children: [
+      /* @__PURE__ */ jsx46(SectionHeader, { children: t("billing.admin.prices.title") }),
+      /* @__PURE__ */ jsxs39("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [
+        /* @__PURE__ */ jsx46(
+          DetailField,
           {
-            onClick: handleArchive,
-            disabled: !!archivingProductId,
-            className: "bg-red-600 hover:bg-red-700",
-            children: archivingProductId ? "Archiving..." : "Archive"
+            label: t("billing.admin.prices.fields.product"),
+            value: price.product ? /* @__PURE__ */ jsx46(Link, { href: generateUrl({ page: Modules.StripeProduct, id: price.product.id }), children: price.product.name }) : "\u2014"
+          }
+        ),
+        /* @__PURE__ */ jsx46(
+          DetailField,
+          {
+            label: t("billing.admin.prices.fields.status"),
+            value: /* @__PURE__ */ jsxs39("span", { className: "flex flex-wrap items-center gap-1", children: [
+              price.active ? /* @__PURE__ */ jsx46(Badge, { variant: "softGreen", children: t("billing.admin.prices.status.active") }) : /* @__PURE__ */ jsx46(Badge, { variant: "softGray", children: t("billing.admin.prices.status.archived") }),
+              price.isTrial && /* @__PURE__ */ jsx46(Badge, { variant: "softBlue", children: t("billing.admin.prices.badge.trial") })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx46(
+          DetailField,
+          {
+            label: t("billing.admin.prices.fields.amount"),
+            value: /* @__PURE__ */ jsx46("span", { className: "tabular-nums", children: formatCurrency(price.unitAmount, price.currency) })
+          }
+        ),
+        /* @__PURE__ */ jsx46(DetailField, { label: t("billing.admin.prices.fields.currency"), value: price.currency.toUpperCase() }),
+        /* @__PURE__ */ jsx46(
+          DetailField,
+          {
+            label: t("billing.admin.prices.fields.type"),
+            value: isRecurring ? t("billing.admin.prices.type.recurring") : t("billing.admin.prices.type.oneTime")
+          }
+        ),
+        /* @__PURE__ */ jsx46(DetailField, { label: t("billing.admin.prices.fields.billing"), value: formatInterval(price) }),
+        isRecurring && /* @__PURE__ */ jsx46(
+          DetailField,
+          {
+            label: t("billing.admin.prices.fields.intervalCount"),
+            value: /* @__PURE__ */ jsx46("span", { className: "tabular-nums", children: price.recurring?.intervalCount ?? 1 })
+          }
+        ),
+        isRecurring && /* @__PURE__ */ jsx46(
+          DetailField,
+          {
+            label: t("billing.admin.prices.fields.usageType"),
+            value: price.recurring?.usageType === "metered" ? t("billing.admin.prices.usage.metered") : t("billing.admin.prices.usage.licensed")
           }
         )
       ] })
-    ] }) }),
-    /* @__PURE__ */ jsx44(AlertDialog, { open: !!productToReactivate, onOpenChange: (open) => !open && setProductToReactivate(null), children: /* @__PURE__ */ jsxs38(AlertDialogContent, { children: [
-      /* @__PURE__ */ jsxs38(AlertDialogHeader, { children: [
-        /* @__PURE__ */ jsx44(AlertDialogTitle, { children: "Reactivate Product" }),
-        /* @__PURE__ */ jsxs38(AlertDialogDescription, { children: [
-          'Are you sure you want to reactivate "',
-          productToReactivate?.name,
-          '"? This will make it available for new subscriptions again.'
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs38(AlertDialogFooter, { children: [
-        /* @__PURE__ */ jsx44(AlertDialogCancel, { disabled: !!reactivatingProductId, children: "Cancel" }),
-        /* @__PURE__ */ jsx44(
-          AlertDialogAction,
+    ] }),
+    /* @__PURE__ */ jsxs39("div", { className: "flex w-full flex-col gap-y-4", children: [
+      /* @__PURE__ */ jsx46(SectionHeader, { children: t("billing.admin.prices.fields.platformFeatures") }),
+      /* @__PURE__ */ jsxs39("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [
+        /* @__PURE__ */ jsx46(
+          DetailField,
+          {
+            label: t("billing.admin.prices.fields.token"),
+            value: /* @__PURE__ */ jsx46("span", { className: "tabular-nums", children: price.token ?? "\u2014" })
+          }
+        ),
+        /* @__PURE__ */ jsx46(
+          DetailField,
           {
-            onClick: handleReactivate,
-            disabled: !!reactivatingProductId,
-            className: "bg-green-600 hover:bg-green-700",
-            children: reactivatingProductId ? "Reactivating..." : "Reactivate"
+            label: t("billing.admin.prices.fields.stripeId"),
+            value: /* @__PURE__ */ jsx46("span", { className: "tabular-nums", children: price.stripePriceId })
+          }
+        ),
+        /* @__PURE__ */ jsx46(
+          DetailField,
+          {
+            label: t("billing.admin.prices.fields.description"),
+            value: price.description ?? "\u2014",
+            className: "md:col-span-2"
+          }
+        ),
+        /* @__PURE__ */ jsx46(
+          DetailField,
+          {
+            label: t("billing.admin.prices.fields.features"),
+            className: "md:col-span-2",
+            value: price.features && price.features.length > 0 ? /* @__PURE__ */ jsx46("ul", { className: "flex flex-col gap-1 text-sm", children: price.features.map((feature) => /* @__PURE__ */ jsx46("li", { children: feature }, feature)) }) : "\u2014"
+          }
+        ),
+        /* @__PURE__ */ jsx46(
+          DetailField,
+          {
+            label: t("billing.admin.prices.fields.platformFeatures"),
+            className: "md:col-span-2",
+            value: price.priceFeatures.length > 0 ? /* @__PURE__ */ jsx46("span", { className: "flex flex-wrap items-center gap-1", children: price.priceFeatures.map((feature) => /* @__PURE__ */ jsx46(Badge, { variant: "softGray", children: feature.name }, feature.id)) }) : "\u2014"
           }
         )
       ] })
-    ] }) })
+    ] })
   ] });
 }
-__name(ProductsList, "ProductsList");
+__name(PriceDetails, "PriceDetails");
 
-// src/features/billing/stripe-product/components/containers/ProductsAdminContainer.tsx
-import { jsx as jsx45, jsxs as jsxs39 } from "react/jsx-runtime";
-function ProductsAdminContainer() {
-  const { hasRole } = useCurrentUserContext();
-  const billing = useOptionalBillingContext();
-  const [products, setProducts] = useState20([]);
-  const [loading, setLoading] = useState20(true);
-  const [showCreateProduct, setShowCreateProduct] = useState20(false);
-  if (!hasRole(getRoleId().Administrator)) {
-    return /* @__PURE__ */ jsx45("div", { className: "flex h-64 items-center justify-center", children: /* @__PURE__ */ jsx45("p", { className: "text-destructive text-xs/relaxed", children: "Permission denied. Administrator access required." }) });
-  }
-  const loadProducts = /* @__PURE__ */ __name(async () => {
-    setLoading(true);
-    try {
-      const fetchedProducts = await StripeProductService.listProducts();
-      setProducts(fetchedProducts);
-    } catch (error) {
-      console.error("[ProductsAdminContainer] Failed to load products:", error);
-    } finally {
-      setLoading(false);
+// src/features/billing/stripe-price/components/containers/PriceContainer.tsx
+import { jsx as jsx47 } from "react/jsx-runtime";
+function PriceContainer() {
+  const { price } = usePriceContext();
+  if (!price) return null;
+  return /* @__PURE__ */ jsx47(RoundPageContainer, { module: Modules.StripePrice, id: price.id, children: /* @__PURE__ */ jsx47(PriceDetails, {}) });
+}
+__name(PriceContainer, "PriceContainer");
+
+// src/features/billing/stripe-price/components/lists/PricesList.tsx
+import { DollarSignIcon } from "lucide-react";
+import { useTranslations as useTranslations8 } from "next-intl";
+import { useEffect as useEffect11 } from "react";
+import { jsx as jsx48 } from "react/jsx-runtime";
+function PricesList({ productId, fullWidth }) {
+  const t = useTranslations8();
+  const { priceVersion } = usePriceContext();
+  const data = useDataListRetriever({
+    retriever: /* @__PURE__ */ __name((params) => StripePriceService.listPrices({ ...params, productId }), "retriever"),
+    retrieverParams: {},
+    module: Modules.StripePrice
+  });
+  useEffect11(() => {
+    if (priceVersion > 0) void data.refresh();
+  }, [priceVersion]);
+  const functions = [/* @__PURE__ */ jsx48(PriceEditor, { productId }, "create-price")];
+  return /* @__PURE__ */ jsx48(
+    ContentListTable,
+    {
+      data,
+      fields: [
+        "nickname" /* nickname */,
+        "amount" /* amount */,
+        "interval" /* interval */,
+        "token" /* token */,
+        "status" /* status */
+      ],
+      tableGeneratorType: Modules.StripePrice,
+      functions,
+      fullWidth,
+      title: t("billing.admin.prices.title"),
+      emptyState: /* @__PURE__ */ jsx48(
+        EmptyState,
+        {
+          icon: DollarSignIcon,
+          title: t("billing.admin.prices.empty.title"),
+          description: t("billing.admin.prices.empty.description")
+        }
+      )
     }
-  }, "loadProducts");
-  useEffect12(() => {
-    loadProducts();
-  }, [billing?.refreshToken]);
-  if (loading) {
-    return /* @__PURE__ */ jsx45("div", { className: "flex h-64 items-center justify-center", children: /* @__PURE__ */ jsx45("p", { className: "text-muted-foreground", children: "Loading products..." }) });
-  }
-  return /* @__PURE__ */ jsxs39("div", { className: "flex w-full flex-col", children: [
-    !billing && /* @__PURE__ */ jsx45("div", { className: "flex w-full items-center justify-end px-4 pt-4", children: /* @__PURE__ */ jsx45(Button, { onClick: () => setShowCreateProduct(true), children: "Create Product" }) }),
-    /* @__PURE__ */ jsxs39("div", { className: "flex w-full flex-col gap-y-6 px-4 pb-4", children: [
-      products.length === 0 && /* @__PURE__ */ jsxs39("div", { className: "bg-muted/50 flex flex-col items-center justify-center gap-y-4 rounded-lg border-2 border-dashed p-12", children: [
-        /* @__PURE__ */ jsx45(Package2, { className: "text-muted-foreground h-16 w-16" }),
-        /* @__PURE__ */ jsxs39("div", { className: "text-center", children: [
-          /* @__PURE__ */ jsx45("h3", { className: "mb-2 text-sm font-medium", children: "No products yet" }),
-          /* @__PURE__ */ jsx45("p", { className: "text-muted-foreground mb-4", children: "Create your first product to start offering subscriptions to your customers." }),
-          /* @__PURE__ */ jsx45(Button, { onClick: () => setShowCreateProduct(true), children: "Create Your First Product" })
-        ] })
-      ] }),
-      products.length > 0 && /* @__PURE__ */ jsx45(ProductsList, { products, onProductsChange: loadProducts }),
-      showCreateProduct && /* @__PURE__ */ jsx45(ProductEditor, { open: showCreateProduct, onOpenChange: setShowCreateProduct, onSuccess: loadProducts })
+  );
+}
+__name(PricesList, "PricesList");
+
+// src/features/billing/stripe-product/components/containers/ProductContainer.tsx
+import { useTranslations as useTranslations10 } from "next-intl";
+
+// src/features/billing/stripe-product/components/details/ProductDetails.tsx
+import { useTranslations as useTranslations9 } from "next-intl";
+import { jsx as jsx49, jsxs as jsxs40 } from "react/jsx-runtime";
+function ProductDetails() {
+  const t = useTranslations9();
+  const { product } = useProductContext();
+  if (!product) return null;
+  return /* @__PURE__ */ jsxs40("div", { className: "flex w-full flex-col gap-y-4", children: [
+    /* @__PURE__ */ jsx49(SectionHeader, { children: t("billing.admin.products.tabs.details") }),
+    /* @__PURE__ */ jsxs40("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [
+      /* @__PURE__ */ jsx49(DetailField, { label: t("billing.admin.products.fields.name"), value: product.name }),
+      /* @__PURE__ */ jsx49(
+        DetailField,
+        {
+          label: t("billing.admin.products.fields.status"),
+          value: product.active ? /* @__PURE__ */ jsx49(Badge, { variant: "softGreen", children: t("billing.admin.products.status.active") }) : /* @__PURE__ */ jsx49(Badge, { variant: "softGray", children: t("billing.admin.products.status.archived") })
+        }
+      ),
+      /* @__PURE__ */ jsx49(
+        DetailField,
+        {
+          label: t("billing.admin.products.fields.description"),
+          value: product.description ?? "\u2014",
+          className: "md:col-span-2"
+        }
+      ),
+      /* @__PURE__ */ jsx49(
+        DetailField,
+        {
+          label: t("billing.admin.products.fields.prices"),
+          value: /* @__PURE__ */ jsx49("span", { className: "tabular-nums", children: product.stripePrices.length })
+        }
+      ),
+      /* @__PURE__ */ jsx49(
+        DetailField,
+        {
+          label: t("billing.admin.products.fields.stripeId"),
+          value: /* @__PURE__ */ jsx49("span", { className: "tabular-nums", children: product.stripeProductId })
+        }
+      )
     ] })
   ] });
 }
-__name(ProductsAdminContainer, "ProductsAdminContainer");
+__name(ProductDetails, "ProductDetails");
+
+// src/features/billing/stripe-product/components/containers/ProductContainer.tsx
+import { jsx as jsx50 } from "react/jsx-runtime";
+function ProductContainer() {
+  const t = useTranslations10();
+  const { product } = useProductContext();
+  if (!product) return null;
+  return /* @__PURE__ */ jsx50(
+    RoundPageContainer,
+    {
+      module: Modules.StripeProduct,
+      id: product.id,
+      tabs: [
+        {
+          sectionKey: "details",
+          label: t("billing.admin.products.tabs.details"),
+          content: /* @__PURE__ */ jsx50(ProductDetails, {})
+        },
+        {
+          key: Modules.StripePrice,
+          label: t("billing.admin.prices.title"),
+          // publishChrome={false}: SharedProvider REPLACES its value for the
+          // subtree (SharedContext.tsx:35-37), so a nested provider publishing
+          // chrome here would blank this page's own title.
+          // No `fillHeight` and no `fullWidth` on the list: a ContentListTable in
+          // a tab keeps its own bordered card and flows with the panel, exactly
+          // as ThreatList does inside GoalContainer.
+          content: /* @__PURE__ */ jsx50(PriceProvider, { productId: product.id, publishChrome: false, children: /* @__PURE__ */ jsx50(PricesList, { productId: product.id }) })
+        }
+      ]
+    }
+  );
+}
+__name(ProductContainer, "ProductContainer");
+
+// src/features/billing/stripe-product/components/lists/ProductsList.tsx
+import { PackageIcon } from "lucide-react";
+import { useTranslations as useTranslations11 } from "next-intl";
+import { useEffect as useEffect12 } from "react";
+import { jsx as jsx51 } from "react/jsx-runtime";
+function ProductsList({ fullWidth } = {}) {
+  const t = useTranslations11();
+  const { catalogueVersion } = useProductContext();
+  const data = useDataListRetriever({
+    retriever: /* @__PURE__ */ __name((params) => StripeProductService.listProducts(params), "retriever"),
+    retrieverParams: {},
+    module: Modules.StripeProduct
+  });
+  useEffect12(() => {
+    if (catalogueVersion > 0) void data.refresh();
+  }, [catalogueVersion]);
+  const functions = [/* @__PURE__ */ jsx51(ProductEditor, {}, "create-product")];
+  return /* @__PURE__ */ jsx51(
+    ContentListTable,
+    {
+      data,
+      fields: ["name" /* name */, "status" /* status */, "prices" /* prices */],
+      tableGeneratorType: Modules.StripeProduct,
+      functions,
+      fullWidth,
+      title: t("billing.admin.products.title"),
+      emptyState: /* @__PURE__ */ jsx51(
+        EmptyState,
+        {
+          icon: PackageIcon,
+          title: t("billing.admin.products.empty.title"),
+          description: t("billing.admin.products.empty.description")
+        }
+      )
+    }
+  );
+}
+__name(ProductsList, "ProductsList");
 
-// src/features/billing/stripe-product/components/containers/ProductsAdminPageContainer.tsx
-import { jsx as jsx46 } from "react/jsx-runtime";
-function ProductsAdminPageContainer() {
-  return /* @__PURE__ */ jsx46(BillingProvider, { children: /* @__PURE__ */ jsx46(RoundPageContainer, { module: Modules.StripeProduct, fullWidth: true, forceHeader: true, children: /* @__PURE__ */ jsx46(ProductsAdminContainer, {}) }) });
+// src/features/billing/stripe-product/components/containers/ProductsListContainer.tsx
+import { jsx as jsx52 } from "react/jsx-runtime";
+function ProductsListContainer() {
+  return /* @__PURE__ */ jsx52(ProductProvider, { children: /* @__PURE__ */ jsx52(RoundPageContainer, { module: Modules.StripeProduct, fullWidth: true, children: /* @__PURE__ */ jsx52(ProductsList, { fullWidth: true }) }) });
 }
-__name(ProductsAdminPageContainer, "ProductsAdminPageContainer");
+__name(ProductsListContainer, "ProductsListContainer");
 export {
   BillingAlertBanner,
   BillingDashboardContainer,
   BillingDetailModal,
-  BillingProvider,
   BillingUsageSummaryCard,
   CancelSubscriptionDialog,
   CustomerInfoCard,
@@ -4007,15 +4158,22 @@ export {
   PaymentMethodSummaryCard,
   PaymentMethodsContainer,
   PaymentMethodsList,
+  PriceArchiver,
+  PriceContainer,
+  PriceDetails,
   PriceEditor,
+  PriceProvider,
   PricesList,
   PricingCard,
+  ProductArchiver,
+  ProductContainer,
+  ProductDetails,
   ProductEditor,
   ProductPricingList,
   ProductPricingRow,
-  ProductsAdminContainer,
-  ProductsAdminPageContainer,
+  ProductProvider,
   ProductsList,
+  ProductsListContainer,
   PromoCodeInput,
   ProrationPreview,
   StripeProvider,
@@ -4033,7 +4191,8 @@ export {
   formatDate3 as formatDate,
   formatInterval,
   isStripeConfigured,
-  useBillingContext,
-  useOptionalBillingContext
+  priceLabel,
+  usePriceContext,
+  useProductContext
 };
 //# sourceMappingURL=index.mjs.map