@growflowstudio/growflowbilling-admin-ui 2.0.0 → 2.1.0

package/dist/index.mjs

@@ -1,10 +1,44 @@
 // src/provider.tsx
-import React, { useMemo } from "react";
+import React2, { useMemo } from "react";
 import {
   BillingAdminClientContext,
   createBillingAdminClient
 } from "@growflowstudio/growflowbilling-admin-core";
-import { jsx } from "react/jsx-runtime";
+
+// src/components/shared/ErrorBoundary.tsx
+import { Component } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ErrorBoundary = class extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false, error: null };
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+  componentDidCatch(error, errorInfo) {
+    console.error("[BillingSDK] Error caught by boundary:", error, errorInfo);
+  }
+  render() {
+    if (this.state.hasError) {
+      return this.props.fallback ?? /* @__PURE__ */ jsxs("div", { style: { padding: "1rem", textAlign: "center", color: "#666" }, children: [
+        /* @__PURE__ */ jsx("p", { children: "Something went wrong in the billing module." }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => this.setState({ hasError: false, error: null }),
+            style: { marginTop: "0.5rem", cursor: "pointer" },
+            children: "Try again"
+          }
+        )
+      ] });
+    }
+    return this.props.children;
+  }
+};
+
+// src/provider.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
 var DEFAULT_MODULES = {
   plans: true,
   subscriptions: true,
@@ -13,9 +47,9 @@ var DEFAULT_MODULES = {
   invoices: true,
   features: true
 };
-var BillingAdminConfigContext = React.createContext(null);
+var BillingAdminConfigContext = React2.createContext(null);
 function useBillingAdminConfig() {
-  const config = React.useContext(BillingAdminConfigContext);
+  const config = React2.useContext(BillingAdminConfigContext);
   if (!config) {
     throw new Error(
       "useBillingAdminConfig must be used within a BillingAdminProvider."
@@ -35,7 +69,7 @@ function BillingAdminProvider({ config, children }) {
     }),
     [config.basePath, config.fetcher]
   );
-  return /* @__PURE__ */ jsx(BillingAdminConfigContext.Provider, { value: config, children: /* @__PURE__ */ jsx(BillingAdminClientContext.Provider, { value: client, children }) });
+  return /* @__PURE__ */ jsx2(BillingAdminConfigContext.Provider, { value: config, children: /* @__PURE__ */ jsx2(BillingAdminClientContext.Provider, { value: client, children: /* @__PURE__ */ jsx2(ErrorBoundary, { children }) }) });
 }
 
 // src/pages/PlansPage.tsx
@@ -48,7 +82,7 @@ import {
   useUpdatePlan,
   useDeletePlan,
   useSyncPlanToStripe,
-  validateSlug,
+  useDialogState,
   validateRequired
 } from "@growflowstudio/growflowbilling-admin-core";
 
@@ -80,9 +114,9 @@ function cn(...inputs) {
 }
 
 // src/components/shared/StatusBadge.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx as jsx3 } from "react/jsx-runtime";
 function StatusBadge({ label, colorClass, className }) {
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     "span",
     {
       className: cn(
@@ -96,13 +130,13 @@ function StatusBadge({ label, colorClass, className }) {
 }
 
 // src/components/shared/SkeletonRows.tsx
-import { Fragment, jsx as jsx3 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx4 } from "react/jsx-runtime";
 function SkeletonRows({ rows = 5, columns = 1 }) {
-  return /* @__PURE__ */ jsx3(Fragment, { children: Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsx3("tr", { children: /* @__PURE__ */ jsx3("td", { colSpan: columns, className: "p-4", children: /* @__PURE__ */ jsx3("div", { className: "h-10 w-full animate-pulse rounded-md bg-muted" }) }) }, i)) });
+  return /* @__PURE__ */ jsx4(Fragment, { children: Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsx4("tr", { children: /* @__PURE__ */ jsx4("td", { colSpan: columns, className: "p-4", children: /* @__PURE__ */ jsx4("div", { className: "h-10 w-full animate-pulse rounded-md bg-muted" }) }) }, i)) });
 }
 
 // src/components/plans/PlansTable.tsx
-import { jsx as jsx4, jsxs } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 var pricingModelLabels = {
   flat: "Fisso",
   tiered: "A Scaglioni",
@@ -117,55 +151,55 @@ function PlansTable({
   onSync,
   isSyncing
 }) {
-  return /* @__PURE__ */ jsx4("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxs("table", { className: "w-full caption-bottom text-sm", children: [
-    /* @__PURE__ */ jsx4("thead", { className: "[&_tr]:border-b", children: /* @__PURE__ */ jsxs("tr", { className: "border-b transition-colors hover:bg-muted/50", children: [
-      /* @__PURE__ */ jsx4("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Slug" }),
-      /* @__PURE__ */ jsx4("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Nome" }),
-      /* @__PURE__ */ jsx4("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Colore" }),
-      /* @__PURE__ */ jsx4("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Modello" }),
-      /* @__PURE__ */ jsx4("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Prezzo Mensile" }),
-      /* @__PURE__ */ jsx4("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Prezzo Annuale" }),
-      /* @__PURE__ */ jsx4("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Trial" }),
-      /* @__PURE__ */ jsx4("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Attivo" }),
-      /* @__PURE__ */ jsx4("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Stripe" }),
-      /* @__PURE__ */ jsx4("th", { className: "h-12 px-4 text-right align-middle font-medium text-muted-foreground", children: "Azioni" })
+  return /* @__PURE__ */ jsx5("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxs2("table", { className: "w-full caption-bottom text-sm", children: [
+    /* @__PURE__ */ jsx5("thead", { className: "[&_tr]:border-b", children: /* @__PURE__ */ jsxs2("tr", { className: "border-b transition-colors hover:bg-muted/50", children: [
+      /* @__PURE__ */ jsx5("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Slug" }),
+      /* @__PURE__ */ jsx5("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Nome" }),
+      /* @__PURE__ */ jsx5("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Colore" }),
+      /* @__PURE__ */ jsx5("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Modello" }),
+      /* @__PURE__ */ jsx5("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Prezzo Mensile" }),
+      /* @__PURE__ */ jsx5("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Prezzo Annuale" }),
+      /* @__PURE__ */ jsx5("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Trial" }),
+      /* @__PURE__ */ jsx5("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Attivo" }),
+      /* @__PURE__ */ jsx5("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Stripe" }),
+      /* @__PURE__ */ jsx5("th", { className: "h-12 px-4 text-right align-middle font-medium text-muted-foreground", children: "Azioni" })
     ] }) }),
-    /* @__PURE__ */ jsx4("tbody", { className: "[&_tr:last-child]:border-0", children: isLoading ? /* @__PURE__ */ jsx4(SkeletonRows, { rows: 3, columns: 10 }) : plans.length === 0 ? /* @__PURE__ */ jsx4("tr", { children: /* @__PURE__ */ jsx4("td", { colSpan: 10, className: "p-4 text-center py-8 text-muted-foreground", children: "Nessun piano configurato" }) }) : plans.map((plan) => /* @__PURE__ */ jsxs("tr", { className: "border-b transition-colors hover:bg-muted/50", children: [
-      /* @__PURE__ */ jsx4("td", { className: "p-4 align-middle", children: /* @__PURE__ */ jsx4("code", { className: "text-sm bg-muted px-2 py-0.5 rounded", children: plan.slug }) }),
-      /* @__PURE__ */ jsx4("td", { className: "p-4 align-middle font-medium", children: plan.name }),
-      /* @__PURE__ */ jsx4("td", { className: "p-4 align-middle", children: /* @__PURE__ */ jsx4(StatusBadge, { label: plan.color, colorClass: getPlanColorClass(plan.color) }) }),
-      /* @__PURE__ */ jsx4("td", { className: "p-4 align-middle", children: /* @__PURE__ */ jsx4(StatusBadge, { label: pricingModelLabels[plan.pricing_model], colorClass: "border" }) }),
-      /* @__PURE__ */ jsx4("td", { className: "p-4 align-middle", children: plan.contact_sales ? /* @__PURE__ */ jsx4("span", { className: "text-muted-foreground", children: "Contattaci" }) : formatCurrency(plan.price_monthly ?? 0, plan.currency) }),
-      /* @__PURE__ */ jsx4("td", { className: "p-4 align-middle", children: plan.contact_sales ? /* @__PURE__ */ jsx4("span", { className: "text-muted-foreground", children: "Contattaci" }) : formatCurrency(plan.price_yearly ?? 0, plan.currency) }),
-      /* @__PURE__ */ jsxs("td", { className: "p-4 align-middle", children: [
+    /* @__PURE__ */ jsx5("tbody", { className: "[&_tr:last-child]:border-0", children: isLoading ? /* @__PURE__ */ jsx5(SkeletonRows, { rows: 3, columns: 10 }) : plans.length === 0 ? /* @__PURE__ */ jsx5("tr", { children: /* @__PURE__ */ jsx5("td", { colSpan: 10, className: "p-4 text-center py-8 text-muted-foreground", children: "Nessun piano configurato" }) }) : plans.map((plan) => /* @__PURE__ */ jsxs2("tr", { className: "border-b transition-colors hover:bg-muted/50", children: [
+      /* @__PURE__ */ jsx5("td", { className: "p-4 align-middle", children: /* @__PURE__ */ jsx5("code", { className: "text-sm bg-muted px-2 py-0.5 rounded", children: plan.slug }) }),
+      /* @__PURE__ */ jsx5("td", { className: "p-4 align-middle font-medium", children: plan.name }),
+      /* @__PURE__ */ jsx5("td", { className: "p-4 align-middle", children: /* @__PURE__ */ jsx5(StatusBadge, { label: plan.color, colorClass: getPlanColorClass(plan.color) }) }),
+      /* @__PURE__ */ jsx5("td", { className: "p-4 align-middle", children: /* @__PURE__ */ jsx5(StatusBadge, { label: pricingModelLabels[plan.pricing_model], colorClass: "border" }) }),
+      /* @__PURE__ */ jsx5("td", { className: "p-4 align-middle", children: plan.contact_sales ? /* @__PURE__ */ jsx5("span", { className: "text-muted-foreground", children: "Contattaci" }) : formatCurrency(plan.price_monthly ?? 0, plan.currency) }),
+      /* @__PURE__ */ jsx5("td", { className: "p-4 align-middle", children: plan.contact_sales ? /* @__PURE__ */ jsx5("span", { className: "text-muted-foreground", children: "Contattaci" }) : formatCurrency(plan.price_yearly ?? 0, plan.currency) }),
+      /* @__PURE__ */ jsxs2("td", { className: "p-4 align-middle", children: [
         plan.trial_days,
         " giorni"
       ] }),
-      /* @__PURE__ */ jsx4("td", { className: "p-4 align-middle", children: plan.is_active ? /* @__PURE__ */ jsx4(Check, { className: "w-4 h-4 text-green-600" }) : /* @__PURE__ */ jsx4(X, { className: "w-4 h-4 text-muted-foreground" }) }),
-      /* @__PURE__ */ jsx4("td", { className: "p-4 align-middle", children: plan.stripe_price_id_monthly ? /* @__PURE__ */ jsx4(StatusBadge, { label: "Synced", colorClass: "bg-green-50 text-green-700 border-green-200" }) : /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx5("td", { className: "p-4 align-middle", children: plan.is_active ? /* @__PURE__ */ jsx5(Check, { className: "w-4 h-4 text-green-600" }) : /* @__PURE__ */ jsx5(X, { className: "w-4 h-4 text-muted-foreground" }) }),
+      /* @__PURE__ */ jsx5("td", { className: "p-4 align-middle", children: plan.stripe_price_id_monthly ? /* @__PURE__ */ jsx5(StatusBadge, { label: "Synced", colorClass: "bg-green-50 text-green-700 border-green-200" }) : /* @__PURE__ */ jsx5(
         "button",
         {
           className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-9 w-9 hover:bg-accent hover:text-accent-foreground",
           onClick: () => onSync(plan.id),
           disabled: isSyncing,
-          children: /* @__PURE__ */ jsx4(Upload, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ jsx5(Upload, { className: "w-4 h-4" })
         }
       ) }),
-      /* @__PURE__ */ jsx4("td", { className: "p-4 align-middle text-right", children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-1", children: [
-        /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx5("td", { className: "p-4 align-middle text-right", children: /* @__PURE__ */ jsxs2("div", { className: "flex justify-end gap-1", children: [
+        /* @__PURE__ */ jsx5(
           "button",
           {
             className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-9 w-9 hover:bg-accent hover:text-accent-foreground",
             onClick: () => onEdit(plan),
-            children: /* @__PURE__ */ jsx4(Pencil, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ jsx5(Pencil, { className: "w-4 h-4" })
           }
         ),
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx5(
           "button",
           {
             className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-9 w-9 text-destructive hover:bg-accent hover:text-destructive",
             onClick: () => onDelete(plan),
-            children: /* @__PURE__ */ jsx4(Trash2, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ jsx5(Trash2, { className: "w-4 h-4" })
           }
         )
       ] }) })
@@ -174,12 +208,200 @@ function PlansTable({
 }
 
 // src/components/plans/PlanFormDialog.tsx
-import { useState, useEffect } from "react";
+import { useMemo as useMemo3 } from "react";
 import { useQuery } from "@tanstack/react-query";
-import { Loader2, X as XIcon } from "lucide-react";
+import { Loader2 } from "lucide-react";
+
+// src/components/shared/ToggleSwitch.tsx
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+function ToggleSwitch({ label, checked, onChange }) {
+  return /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx6(
+      "button",
+      {
+        type: "button",
+        role: "switch",
+        "aria-checked": checked,
+        onClick: () => onChange(!checked),
+        className: `peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors ${checked ? "bg-primary" : "bg-input"}`,
+        children: /* @__PURE__ */ jsx6(
+          "span",
+          {
+            className: `pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform ${checked ? "translate-x-4" : "translate-x-0"}`
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx6("span", { className: "text-sm font-medium leading-none", children: label })
+  ] });
+}
+
+// src/components/plans/PlanDetailsSection.tsx
+import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+function PlanDetailsSection({
+  formData,
+  formErrors,
+  onFormDataChange,
+  onNameChange
+}) {
+  return /* @__PURE__ */ jsxs4(Fragment2, { children: [
+    /* @__PURE__ */ jsxs4("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx7("label", { className: "text-sm font-medium leading-none", htmlFor: "name", children: "Nome *" }),
+      /* @__PURE__ */ jsx7(
+        "input",
+        {
+          id: "name",
+          className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          value: formData.name,
+          onChange: (e) => onNameChange(e.target.value),
+          placeholder: "es. Piano Pro"
+        }
+      ),
+      formErrors.name && /* @__PURE__ */ jsx7("p", { className: "text-xs text-destructive", children: formErrors.name })
+    ] }),
+    /* @__PURE__ */ jsxs4("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx7("label", { className: "text-sm font-medium leading-none", htmlFor: "description", children: "Descrizione" }),
+      /* @__PURE__ */ jsx7(
+        "textarea",
+        {
+          id: "description",
+          className: "flex min-h-[60px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          value: formData.description,
+          onChange: (e) => onFormDataChange({ description: e.target.value }),
+          placeholder: "Descrizione del piano...",
+          rows: 2
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs4("div", { className: "grid grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx7("label", { className: "text-sm font-medium leading-none", children: "Colore Badge" }),
+        /* @__PURE__ */ jsx7(
+          "select",
+          {
+            className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+            value: formData.color,
+            onChange: (e) => onFormDataChange({ color: e.target.value }),
+            children: PLAN_COLORS.map((color) => /* @__PURE__ */ jsx7("option", { value: color.value, children: color.label }, color.value))
+          }
+        ),
+        /* @__PURE__ */ jsxs4("p", { className: "text-xs text-muted-foreground", children: [
+          "Anteprima:",
+          " ",
+          /* @__PURE__ */ jsx7("span", { className: `inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold ${getPlanColorClass(formData.color)}`, children: formData.name || "Piano" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs4("div", { className: "space-y-4 pt-6", children: [
+        /* @__PURE__ */ jsx7(ToggleSwitch, { label: "Piano Attivo", checked: formData.is_active, onChange: (v) => onFormDataChange({ is_active: v }) }),
+        /* @__PURE__ */ jsx7(ToggleSwitch, { label: "Contattaci per Prezzi", checked: formData.contact_sales, onChange: (v) => onFormDataChange({ contact_sales: v }) }),
+        /* @__PURE__ */ jsx7(ToggleSwitch, { label: "Visibile in Homepage", checked: formData.is_public, onChange: (v) => onFormDataChange({ is_public: v }) })
+      ] })
+    ] })
+  ] });
+}
+
+// src/components/plans/PlanPricingSection.tsx
+import { Fragment as Fragment3, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+function PlanPricingSection({ formData, onFormDataChange }) {
+  return /* @__PURE__ */ jsxs5(Fragment3, { children: [
+    /* @__PURE__ */ jsxs5("div", { className: "grid grid-cols-3 gap-4", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx8("label", { className: "text-sm font-medium leading-none", children: "Modello Pricing" }),
+        /* @__PURE__ */ jsxs5(
+          "select",
+          {
+            className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+            value: formData.pricing_model,
+            onChange: (e) => onFormDataChange({ pricing_model: e.target.value }),
+            children: [
+              /* @__PURE__ */ jsx8("option", { value: "flat", children: "Fisso" }),
+              /* @__PURE__ */ jsx8("option", { value: "tiered", children: "A Scaglioni" }),
+              /* @__PURE__ */ jsx8("option", { value: "per_unit", children: "Per Unit\xE0" }),
+              /* @__PURE__ */ jsx8("option", { value: "usage_based", children: "A Consumo" })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs5("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx8("label", { className: "text-sm font-medium leading-none", htmlFor: "price_monthly", children: "Prezzo Mensile" }),
+        /* @__PURE__ */ jsx8(
+          "input",
+          {
+            id: "price_monthly",
+            type: "number",
+            step: "0.01",
+            className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+            value: formData.price_monthly,
+            onChange: (e) => onFormDataChange({ price_monthly: e.target.value }),
+            placeholder: "0.00"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs5("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx8("label", { className: "text-sm font-medium leading-none", htmlFor: "price_yearly", children: "Prezzo Annuale" }),
+        /* @__PURE__ */ jsx8(
+          "input",
+          {
+            id: "price_yearly",
+            type: "number",
+            step: "0.01",
+            className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+            value: formData.price_yearly,
+            onChange: (e) => onFormDataChange({ price_yearly: e.target.value }),
+            placeholder: "0.00"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs5("div", { className: "grid grid-cols-3 gap-4", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx8("label", { className: "text-sm font-medium leading-none", children: "Valuta" }),
+        /* @__PURE__ */ jsxs5(
+          "select",
+          {
+            className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+            value: formData.currency,
+            onChange: (e) => onFormDataChange({ currency: e.target.value }),
+            children: [
+              /* @__PURE__ */ jsx8("option", { value: "eur", children: "EUR" }),
+              /* @__PURE__ */ jsx8("option", { value: "usd", children: "USD" }),
+              /* @__PURE__ */ jsx8("option", { value: "gbp", children: "GBP" })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs5("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx8("label", { className: "text-sm font-medium leading-none", htmlFor: "trial_days", children: "Giorni Trial" }),
+        /* @__PURE__ */ jsx8(
+          "input",
+          {
+            id: "trial_days",
+            type: "number",
+            className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+            value: formData.trial_days,
+            onChange: (e) => onFormDataChange({ trial_days: parseInt(e.target.value) || 0 })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs5("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx8("label", { className: "text-sm font-medium leading-none", htmlFor: "sort_order", children: "Ordine" }),
+        /* @__PURE__ */ jsx8(
+          "input",
+          {
+            id: "sort_order",
+            type: "number",
+            className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+            value: formData.sort_order,
+            onChange: (e) => onFormDataChange({ sort_order: parseInt(e.target.value) || 0 })
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
 
 // src/components/plans/LimitInput.tsx
-import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 function LimitInput({
   id,
   label,
@@ -189,11 +411,11 @@ function LimitInput({
   onUnlimitedChange,
   min = 1
 }) {
-  return /* @__PURE__ */ jsxs2("div", { className: "space-y-2 p-3 border rounded-lg", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx5("label", { htmlFor: id, className: "text-sm font-medium leading-none", children: label }),
-      /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsxs6("div", { className: "space-y-2 p-3 border rounded-lg", children: [
+    /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx9("label", { htmlFor: id, className: "text-sm font-medium leading-none", children: label }),
+      /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx9(
           "button",
           {
             type: "button",
@@ -201,7 +423,7 @@ function LimitInput({
             "aria-checked": isUnlimited,
             onClick: () => onUnlimitedChange(!isUnlimited),
             className: `peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors ${isUnlimited ? "bg-primary" : "bg-input"}`,
-            children: /* @__PURE__ */ jsx5(
+            children: /* @__PURE__ */ jsx9(
               "span",
               {
                 className: `pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform ${isUnlimited ? "translate-x-4" : "translate-x-0"}`
@@ -209,10 +431,10 @@ function LimitInput({
             )
           }
         ),
-        /* @__PURE__ */ jsx5("span", { className: "text-xs text-muted-foreground", children: "Illimitati" })
+        /* @__PURE__ */ jsx9("span", { className: "text-xs text-muted-foreground", children: "Illimitati" })
       ] })
     ] }),
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx9(
       "input",
       {
         id,
@@ -227,8 +449,275 @@ function LimitInput({
   ] });
 }
 
+// src/components/plans/PlanLimitsSection.tsx
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+function PlanLimitsSection({ limitFields, formData, onFormDataChange }) {
+  if (limitFields.length === 0) return null;
+  return /* @__PURE__ */ jsxs7("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsx10("label", { className: "text-sm font-medium leading-none", children: "Limiti Piano" }),
+    /* @__PURE__ */ jsx10("div", { className: "grid grid-cols-2 gap-3", children: limitFields.map((field) => /* @__PURE__ */ jsx10(
+      LimitInput,
+      {
+        id: `limit_${field.key}`,
+        label: field.label,
+        value: formData.limits[field.key] ?? field.defaultValue ?? 1,
+        isUnlimited: formData.limits_unlimited[field.key] ?? false,
+        onValueChange: (v) => onFormDataChange({ limits: { ...formData.limits, [field.key]: v } }),
+        onUnlimitedChange: (v) => onFormDataChange({ limits_unlimited: { ...formData.limits_unlimited, [field.key]: v } })
+      },
+      field.key
+    )) })
+  ] });
+}
+
+// src/components/plans/PlanFeaturesSection.tsx
+import { useMemo as useMemo2, useState } from "react";
+
+// src/lib/plan-feature-state.ts
+var FEATURE_STATE_DESCRIPTIONS = {
+  off: "Non disponibile per gli utenti di questo piano (default).",
+  teaser: "Mostrata in sidebar come locked con CTA upgrade. Non attivata funzionalmente.",
+  on: "Inclusa nel piano e pienamente accessibile.",
+  sunset: "Tecnicamente nel piano ma nascosta. Uso raro (deprecazioni / incidenti)."
+};
+function featureStateFromPlan(slug, features, uiVisibility) {
+  const inPlan = (features ?? []).includes(slug);
+  const ui = (uiVisibility ?? {})[slug];
+  if (inPlan) {
+    if (ui === "hidden") return "sunset";
+    return "on";
+  }
+  if (ui === "teaser") return "teaser";
+  return "off";
+}
+function applyFeatureState(slug, state, features, uiVisibility) {
+  const nextFeaturesSet = new Set(features ?? []);
+  const nextUi = { ...uiVisibility ?? {} };
+  switch (state) {
+    case "off":
+      nextFeaturesSet.delete(slug);
+      delete nextUi[slug];
+      break;
+    case "teaser":
+      nextFeaturesSet.delete(slug);
+      nextUi[slug] = "teaser";
+      break;
+    case "on":
+      nextFeaturesSet.add(slug);
+      delete nextUi[slug];
+      break;
+    case "sunset":
+      nextFeaturesSet.add(slug);
+      nextUi[slug] = "hidden";
+      break;
+  }
+  return {
+    features: Array.from(nextFeaturesSet),
+    uiVisibility: nextUi
+  };
+}
+function summarizeFeatureStates(features, uiVisibility) {
+  const counts = {
+    off: 0,
+    teaser: 0,
+    on: 0,
+    sunset: 0
+  };
+  const slugs = /* @__PURE__ */ new Set([
+    ...features ?? [],
+    ...Object.keys(uiVisibility ?? {})
+  ]);
+  for (const slug of slugs) {
+    const state = featureStateFromPlan(slug, features, uiVisibility);
+    counts[state] += 1;
+  }
+  return counts;
+}
+
+// src/components/plans/PlanFeatureRow.tsx
+import { Check as Check2, CircleSlash, Lock, Archive } from "lucide-react";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+var STATE_VISUAL = {
+  off: {
+    label: "Non inclusa",
+    Icon: CircleSlash,
+    classes: "bg-muted text-muted-foreground border-muted-foreground/20"
+  },
+  teaser: {
+    label: "Teaser",
+    Icon: Lock,
+    classes: "bg-amber-100 text-amber-800 border-amber-300 dark:bg-amber-900/30 dark:text-amber-400 dark:border-amber-700"
+  },
+  on: {
+    label: "Inclusa",
+    Icon: Check2,
+    classes: "bg-green-100 text-green-800 border-green-300 dark:bg-green-900/30 dark:text-green-400 dark:border-green-700"
+  },
+  sunset: {
+    label: "Sunset",
+    Icon: Archive,
+    classes: "bg-rose-100 text-rose-800 border-rose-300 dark:bg-rose-900/30 dark:text-rose-400 dark:border-rose-700"
+  }
+};
+function PlanFeatureRow({
+  slug,
+  name,
+  description,
+  state,
+  showSunset = false,
+  onChange,
+  onRemove
+}) {
+  const visual = STATE_VISUAL[state];
+  const Icon = visual.Icon;
+  return /* @__PURE__ */ jsxs8("div", { className: "flex items-start gap-3 p-2 rounded-md hover:bg-muted/50 transition-colors", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "flex-1 min-w-0", children: [
+      /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2 flex-wrap", children: [
+        /* @__PURE__ */ jsx11("span", { className: "text-sm font-medium truncate", children: name || slug }),
+        /* @__PURE__ */ jsxs8(
+          "span",
+          {
+            className: `inline-flex items-center h-5 text-[10px] px-1.5 gap-1 rounded-md border ${visual.classes}`,
+            children: [
+              /* @__PURE__ */ jsx11(Icon, { className: "h-3 w-3 mr-1" }),
+              visual.label
+            ]
+          }
+        )
+      ] }),
+      description && /* @__PURE__ */ jsx11("p", { className: "text-xs text-muted-foreground mt-0.5 line-clamp-1", children: description }),
+      /* @__PURE__ */ jsx11("code", { className: "text-[10px] text-muted-foreground bg-muted px-1.5 py-0.5 rounded mt-1 inline-block", children: slug })
+    ] }),
+    /* @__PURE__ */ jsxs8(
+      "select",
+      {
+        value: state,
+        onChange: (e) => onChange(slug, e.target.value),
+        "aria-label": `Stato per ${slug}`,
+        className: "h-8 w-[140px] text-xs flex-shrink-0 rounded-md border border-input bg-background px-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        children: [
+          /* @__PURE__ */ jsx11("option", { value: "off", title: FEATURE_STATE_DESCRIPTIONS.off, children: "Non inclusa" }),
+          /* @__PURE__ */ jsx11("option", { value: "teaser", title: FEATURE_STATE_DESCRIPTIONS.teaser, children: "Teaser" }),
+          /* @__PURE__ */ jsx11("option", { value: "on", title: FEATURE_STATE_DESCRIPTIONS.on, children: "Inclusa" }),
+          showSunset && /* @__PURE__ */ jsx11("option", { value: "sunset", title: FEATURE_STATE_DESCRIPTIONS.sunset, children: "Sunset (admin)" })
+        ]
+      }
+    ),
+    onRemove && /* @__PURE__ */ jsx11(
+      "button",
+      {
+        type: "button",
+        onClick: onRemove,
+        className: "text-muted-foreground hover:text-destructive text-xs mt-1",
+        "aria-label": `Rimuovi override ${slug}`,
+        children: "\u2715"
+      }
+    )
+  ] });
+}
+
+// src/components/plans/PlanFeaturesSection.tsx
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+function PlanFeaturesSection({
+  availableFeatures,
+  selectedFeatureSlugs,
+  uiVisibility,
+  onFeatureStateChange
+}) {
+  const [showSunset, setShowSunset] = useState(false);
+  const rowSlugs = useMemo2(() => {
+    const out = new Set(availableFeatures.map((f) => f.slug));
+    for (const slug of selectedFeatureSlugs) out.add(slug);
+    for (const slug of Object.keys(uiVisibility)) out.add(slug);
+    return Array.from(out).sort();
+  }, [availableFeatures, selectedFeatureSlugs, uiVisibility]);
+  const stateCounts = useMemo2(
+    () => summarizeFeatureStates(selectedFeatureSlugs, uiVisibility),
+    [selectedFeatureSlugs, uiVisibility]
+  );
+  const handleChange = (slug, next) => {
+    const result = applyFeatureState(
+      slug,
+      next,
+      selectedFeatureSlugs,
+      uiVisibility
+    );
+    onFeatureStateChange(result);
+  };
+  return /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxs9("div", { className: "flex items-center justify-between flex-wrap gap-2", children: [
+      /* @__PURE__ */ jsx12("label", { className: "text-sm font-medium leading-none", children: "Funzionalit\xE0 del piano" }),
+      /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-1 text-xs", children: [
+        stateCounts.on > 0 && /* @__PURE__ */ jsxs9("span", { className: "inline-flex items-center rounded-md border px-1.5 py-0.5 bg-green-100 text-green-800 border-green-300 dark:bg-green-900/30 dark:text-green-400 dark:border-green-700", children: [
+          stateCounts.on,
+          " inclusa",
+          stateCounts.on !== 1 ? "e" : ""
+        ] }),
+        stateCounts.teaser > 0 && /* @__PURE__ */ jsxs9("span", { className: "inline-flex items-center rounded-md border px-1.5 py-0.5 bg-amber-100 text-amber-800 border-amber-300 dark:bg-amber-900/30 dark:text-amber-400 dark:border-amber-700", children: [
+          stateCounts.teaser,
+          " teaser"
+        ] }),
+        stateCounts.sunset > 0 && /* @__PURE__ */ jsxs9("span", { className: "inline-flex items-center rounded-md border px-1.5 py-0.5 bg-rose-100 text-rose-800 border-rose-300 dark:bg-rose-900/30 dark:text-rose-400 dark:border-rose-700", children: [
+          stateCounts.sunset,
+          " sunset"
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs9("p", { className: "text-xs text-muted-foreground", children: [
+      "Per ogni funzionalit\xE0 scegli lo stato: ",
+      /* @__PURE__ */ jsx12("strong", { children: "Non inclusa" }),
+      " ",
+      "(default), ",
+      /* @__PURE__ */ jsx12("strong", { children: "Teaser" }),
+      " (mostrata come locked con CTA upgrade), o ",
+      /* @__PURE__ */ jsx12("strong", { children: "Inclusa" }),
+      " (attiva). Lo stato scrive automaticamente le feature del piano e la visibility UI."
+    ] }),
+    /* @__PURE__ */ jsx12("div", { className: "border rounded-lg p-2 space-y-1 max-h-[320px] overflow-y-auto", children: rowSlugs.length === 0 ? /* @__PURE__ */ jsx12("p", { className: "text-sm text-muted-foreground text-center py-4", children: "Nessuna funzionalit\xE0 disponibile nel catalogo." }) : rowSlugs.map((slug) => {
+      const feature = availableFeatures.find((f) => f.slug === slug);
+      const state = featureStateFromPlan(
+        slug,
+        selectedFeatureSlugs,
+        uiVisibility
+      );
+      return /* @__PURE__ */ jsx12(
+        PlanFeatureRow,
+        {
+          slug,
+          name: feature?.name,
+          description: feature?.description,
+          state,
+          showSunset,
+          onChange: handleChange
+        },
+        slug
+      );
+    }) }),
+    /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2 pt-1", children: [
+      /* @__PURE__ */ jsx12(
+        "input",
+        {
+          id: "show-advanced-state",
+          type: "checkbox",
+          checked: showSunset,
+          onChange: (e) => setShowSunset(e.target.checked),
+          className: "h-4 w-4 rounded border-input cursor-pointer"
+        }
+      ),
+      /* @__PURE__ */ jsx12(
+        "label",
+        {
+          htmlFor: "show-advanced-state",
+          className: "text-xs text-muted-foreground cursor-pointer",
+          children: 'Mostra stato avanzato "Sunset" (feature deprecate)'
+        }
+      )
+    ] })
+  ] });
+}
+
 // src/components/plans/PlanFormDialog.tsx
-import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 function createDefaultPlanFormData(limitFields = []) {
   const limits = {};
   const limitsUnlimited = {};
@@ -252,9 +741,13 @@ function createDefaultPlanFormData(limitFields = []) {
     limits,
     limits_unlimited: limitsUnlimited,
     features: "",
+    ui_visibility: {},
     sort_order: 0
   };
 }
+function generateSlug(name) {
+  return name.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
+}
 function PlanFormDialog({
   open,
   onOpenChange,
@@ -268,221 +761,74 @@ function PlanFormDialog({
   const config = useBillingAdminConfig();
   const limitFields = config.plans?.limitFields || [];
   const featuresConfig = config.plans?.features;
+  const isCreating = !selectedPlan;
   const { data: featuresData } = useQuery({
     queryKey: ["billing-admin-available-features"],
     queryFn: () => featuresConfig?.fetchFn?.() ?? Promise.resolve({ features: [] }),
     enabled: !!featuresConfig?.enabled && !!featuresConfig?.fetchFn
   });
   const availableFeatures = featuresData?.features || [];
-  const [selectedFeatureSlugs, setSelectedFeatureSlugs] = useState([]);
-  useEffect(() => {
-    if (formData.features) {
-      const slugs = formData.features.split("\n").map((line) => line.trim()).filter(Boolean);
-      setSelectedFeatureSlugs(slugs);
+  const selectedFeatureSlugs = useMemo3(
+    () => formData.features ? formData.features.split("\n").map((line) => line.trim()).filter(Boolean) : [],
+    [formData.features]
+  );
+  const uiVisibility = useMemo3(
+    () => formData.ui_visibility ?? {},
+    [formData.ui_visibility]
+  );
+  const handleNameChange = (name) => {
+    if (isCreating) {
+      onFormDataChange({ name, slug: generateSlug(name) });
+    } else {
+      onFormDataChange({ name });
     }
-  }, [formData.features]);
-  const handleFeatureToggle = (slug, checked) => {
-    const updated = checked ? [...selectedFeatureSlugs, slug] : selectedFeatureSlugs.filter((s) => s !== slug);
-    setSelectedFeatureSlugs(updated);
-    onFormDataChange({ features: updated.join("\n") });
+  };
+  const handleFeatureStateChange = (next) => {
+    onFormDataChange({
+      features: next.features.join("\n"),
+      ui_visibility: next.uiVisibility
+    });
   };
   if (!open) return null;
-  return /* @__PURE__ */ jsxs3("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
-    /* @__PURE__ */ jsx6("div", { className: "fixed inset-0 bg-black/80", onClick: () => onOpenChange(false) }),
-    /* @__PURE__ */ jsxs3("div", { className: "relative z-50 w-full max-w-2xl max-h-[90vh] overflow-y-auto rounded-lg border bg-background p-6 shadow-lg", children: [
-      /* @__PURE__ */ jsxs3("div", { className: "flex flex-col space-y-1.5 pb-4", children: [
-        /* @__PURE__ */ jsx6("h2", { className: "text-lg font-semibold leading-none tracking-tight", children: selectedPlan ? "Modifica Piano" : "Nuovo Piano" }),
-        /* @__PURE__ */ jsx6("p", { className: "text-sm text-muted-foreground", children: selectedPlan ? "Modifica le impostazioni del piano selezionato" : "Crea un nuovo piano di abbonamento" })
+  return /* @__PURE__ */ jsxs10("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
+    /* @__PURE__ */ jsx13("div", { className: "fixed inset-0 bg-black/80", onClick: () => onOpenChange(false) }),
+    /* @__PURE__ */ jsxs10("div", { className: "relative z-50 w-full max-w-2xl max-h-[90vh] overflow-y-auto rounded-lg border bg-background p-6 shadow-lg", children: [
+      /* @__PURE__ */ jsxs10("div", { className: "flex flex-col space-y-1.5 pb-4", children: [
+        /* @__PURE__ */ jsx13("h2", { className: "text-lg font-semibold leading-none tracking-tight", children: selectedPlan ? "Modifica Piano" : "Nuovo Piano" }),
+        /* @__PURE__ */ jsx13("p", { className: "text-sm text-muted-foreground", children: selectedPlan ? "Modifica le impostazioni del piano selezionato" : "Crea un nuovo piano di abbonamento" })
       ] }),
-      /* @__PURE__ */ jsxs3("div", { className: "grid gap-4 py-4", children: [
-        /* @__PURE__ */ jsxs3("div", { className: "grid grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx6("label", { className: "text-sm font-medium leading-none", htmlFor: "slug", children: "Slug *" }),
-            /* @__PURE__ */ jsx6(
-              "input",
-              {
-                id: "slug",
-                className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-50",
-                value: formData.slug,
-                onChange: (e) => onFormDataChange({ slug: e.target.value }),
-                placeholder: "es. pro, enterprise",
-                disabled: !!selectedPlan
-              }
-            ),
-            formErrors.slug && /* @__PURE__ */ jsx6("p", { className: "text-xs text-destructive", children: formErrors.slug })
-          ] }),
-          /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx6("label", { className: "text-sm font-medium leading-none", htmlFor: "name", children: "Nome *" }),
-            /* @__PURE__ */ jsx6(
-              "input",
-              {
-                id: "name",
-                className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-                value: formData.name,
-                onChange: (e) => onFormDataChange({ name: e.target.value }),
-                placeholder: "es. Piano Pro"
-              }
-            ),
-            formErrors.name && /* @__PURE__ */ jsx6("p", { className: "text-xs text-destructive", children: formErrors.name })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx6("label", { className: "text-sm font-medium leading-none", htmlFor: "description", children: "Descrizione" }),
-          /* @__PURE__ */ jsx6(
-            "textarea",
-            {
-              id: "description",
-              className: "flex min-h-[60px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-              value: formData.description,
-              onChange: (e) => onFormDataChange({ description: e.target.value }),
-              placeholder: "Descrizione del piano...",
-              rows: 2
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs3("div", { className: "grid grid-cols-3 gap-4", children: [
-          /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx6("label", { className: "text-sm font-medium leading-none", children: "Modello Pricing" }),
-            /* @__PURE__ */ jsxs3(
-              "select",
-              {
-                className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-                value: formData.pricing_model,
-                onChange: (e) => onFormDataChange({ pricing_model: e.target.value }),
-                children: [
-                  /* @__PURE__ */ jsx6("option", { value: "flat", children: "Fisso" }),
-                  /* @__PURE__ */ jsx6("option", { value: "tiered", children: "A Scaglioni" }),
-                  /* @__PURE__ */ jsx6("option", { value: "per_unit", children: "Per Unit\xE0" }),
-                  /* @__PURE__ */ jsx6("option", { value: "usage_based", children: "A Consumo" })
-                ]
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx6("label", { className: "text-sm font-medium leading-none", htmlFor: "price_monthly", children: "Prezzo Mensile" }),
-            /* @__PURE__ */ jsx6(
-              "input",
-              {
-                id: "price_monthly",
-                type: "number",
-                step: "0.01",
-                className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-                value: formData.price_monthly,
-                onChange: (e) => onFormDataChange({ price_monthly: e.target.value }),
-                placeholder: "0.00"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx6("label", { className: "text-sm font-medium leading-none", htmlFor: "price_yearly", children: "Prezzo Annuale" }),
-            /* @__PURE__ */ jsx6(
-              "input",
-              {
-                id: "price_yearly",
-                type: "number",
-                step: "0.01",
-                className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-                value: formData.price_yearly,
-                onChange: (e) => onFormDataChange({ price_yearly: e.target.value }),
-                placeholder: "0.00"
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs3("div", { className: "grid grid-cols-3 gap-4", children: [
-          /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx6("label", { className: "text-sm font-medium leading-none", children: "Valuta" }),
-            /* @__PURE__ */ jsxs3(
-              "select",
-              {
-                className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-                value: formData.currency,
-                onChange: (e) => onFormDataChange({ currency: e.target.value }),
-                children: [
-                  /* @__PURE__ */ jsx6("option", { value: "eur", children: "EUR" }),
-                  /* @__PURE__ */ jsx6("option", { value: "usd", children: "USD" }),
-                  /* @__PURE__ */ jsx6("option", { value: "gbp", children: "GBP" })
-                ]
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx6("label", { className: "text-sm font-medium leading-none", htmlFor: "trial_days", children: "Giorni Trial" }),
-            /* @__PURE__ */ jsx6("input", { id: "trial_days", type: "number", className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", value: formData.trial_days, onChange: (e) => onFormDataChange({ trial_days: parseInt(e.target.value) || 0 }) })
-          ] }),
-          /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx6("label", { className: "text-sm font-medium leading-none", htmlFor: "sort_order", children: "Ordine" }),
-            /* @__PURE__ */ jsx6("input", { id: "sort_order", type: "number", className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", value: formData.sort_order, onChange: (e) => onFormDataChange({ sort_order: parseInt(e.target.value) || 0 }) })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs3("div", { className: "grid grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx6("label", { className: "text-sm font-medium leading-none", children: "Colore Badge" }),
-            /* @__PURE__ */ jsx6(
-              "select",
-              {
-                className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-                value: formData.color,
-                onChange: (e) => onFormDataChange({ color: e.target.value }),
-                children: PLAN_COLORS.map((color) => /* @__PURE__ */ jsx6("option", { value: color.value, children: color.label }, color.value))
-              }
-            ),
-            /* @__PURE__ */ jsxs3("p", { className: "text-xs text-muted-foreground", children: [
-              "Anteprima: ",
-              /* @__PURE__ */ jsx6("span", { className: `inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold ${getPlanColorClass(formData.color)}`, children: formData.name || "Piano" })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs3("div", { className: "space-y-4 pt-6", children: [
-            /* @__PURE__ */ jsx6(ToggleSwitch, { label: "Piano Attivo", checked: formData.is_active, onChange: (v) => onFormDataChange({ is_active: v }) }),
-            /* @__PURE__ */ jsx6(ToggleSwitch, { label: "Contattaci per Prezzi", checked: formData.contact_sales, onChange: (v) => onFormDataChange({ contact_sales: v }) }),
-            /* @__PURE__ */ jsx6(ToggleSwitch, { label: "Visibile in Homepage", checked: formData.is_public, onChange: (v) => onFormDataChange({ is_public: v }) })
-          ] })
-        ] }),
-        limitFields.length > 0 && /* @__PURE__ */ jsxs3("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ jsx6("label", { className: "text-sm font-medium leading-none", children: "Limiti Piano" }),
-          /* @__PURE__ */ jsx6("div", { className: "grid grid-cols-2 gap-3", children: limitFields.map((field) => /* @__PURE__ */ jsx6(
-            LimitInput,
-            {
-              id: `limit_${field.key}`,
-              label: field.label,
-              value: formData.limits[field.key] ?? field.defaultValue ?? 1,
-              isUnlimited: formData.limits_unlimited[field.key] ?? false,
-              onValueChange: (v) => onFormDataChange({ limits: { ...formData.limits, [field.key]: v } }),
-              onUnlimitedChange: (v) => onFormDataChange({ limits_unlimited: { ...formData.limits_unlimited, [field.key]: v } })
-            },
-            field.key
-          )) })
-        ] }),
-        featuresConfig?.enabled && availableFeatures.length > 0 && /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx6("label", { className: "text-sm font-medium leading-none", children: "Features Incluse nel Piano" }),
-          /* @__PURE__ */ jsx6("div", { className: "border rounded-lg p-3 space-y-2 max-h-64 overflow-y-auto", children: availableFeatures.map((feature) => /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3 p-2 hover:bg-muted/50 rounded", children: [
-            /* @__PURE__ */ jsx6(
-              "input",
-              {
-                type: "checkbox",
-                id: `feature-${feature.slug}`,
-                checked: selectedFeatureSlugs.includes(feature.slug),
-                onChange: (e) => handleFeatureToggle(feature.slug, e.target.checked),
-                className: "h-4 w-4 rounded border-input"
-              }
-            ),
-            /* @__PURE__ */ jsxs3("div", { className: "flex-1", children: [
-              /* @__PURE__ */ jsx6("label", { htmlFor: `feature-${feature.slug}`, className: "text-sm font-medium cursor-pointer", children: feature.name }),
-              feature.description && /* @__PURE__ */ jsx6("p", { className: "text-xs text-muted-foreground", children: feature.description })
-            ] }),
-            /* @__PURE__ */ jsx6("code", { className: "text-xs text-muted-foreground bg-muted px-2 py-0.5 rounded", children: feature.slug })
-          ] }, feature.slug)) }),
-          selectedFeatureSlugs.length > 0 && /* @__PURE__ */ jsx6("div", { className: "flex flex-wrap gap-2 pt-2", children: selectedFeatureSlugs.map((slug) => {
-            const feature = availableFeatures.find((f) => f.slug === slug);
-            return /* @__PURE__ */ jsxs3("span", { className: "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold bg-secondary text-secondary-foreground gap-1", children: [
-              feature?.name || slug,
-              /* @__PURE__ */ jsx6("button", { type: "button", onClick: () => handleFeatureToggle(slug, false), className: "ml-1 hover:bg-destructive/20 rounded-full", children: /* @__PURE__ */ jsx6(XIcon, { className: "h-3 w-3" }) })
-            ] }, slug);
-          }) })
-        ] })
+      /* @__PURE__ */ jsxs10("div", { className: "grid gap-4 py-4", children: [
+        /* @__PURE__ */ jsx13(
+          PlanDetailsSection,
+          {
+            formData,
+            formErrors,
+            isCreating,
+            onFormDataChange,
+            onNameChange: handleNameChange
+          }
+        ),
+        /* @__PURE__ */ jsx13(PlanPricingSection, { formData, onFormDataChange }),
+        /* @__PURE__ */ jsx13(
+          PlanLimitsSection,
+          {
+            limitFields,
+            formData,
+            onFormDataChange
+          }
+        ),
+        featuresConfig?.enabled && /* @__PURE__ */ jsx13(
+          PlanFeaturesSection,
+          {
+            availableFeatures,
+            selectedFeatureSlugs,
+            uiVisibility,
+            onFeatureStateChange: handleFeatureStateChange
+          }
+        )
       ] }),
-      /* @__PURE__ */ jsxs3("div", { className: "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 pt-4", children: [
-        /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsxs10("div", { className: "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 pt-4", children: [
+        /* @__PURE__ */ jsx13(
           "button",
           {
             className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 border border-input bg-background hover:bg-accent hover:text-accent-foreground mt-2 sm:mt-0",
@@ -490,14 +836,14 @@ function PlanFormDialog({
             children: "Annulla"
           }
         ),
-        /* @__PURE__ */ jsxs3(
+        /* @__PURE__ */ jsxs10(
           "button",
           {
             className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90 disabled:opacity-50",
             onClick: onSubmit,
             disabled: isPending,
             children: [
-              isPending && /* @__PURE__ */ jsx6(Loader2, { className: "w-4 h-4 animate-spin mr-2" }),
+              isPending && /* @__PURE__ */ jsx13(Loader2, { className: "w-4 h-4 animate-spin mr-2" }),
               selectedPlan ? "Salva Modifiche" : "Crea Piano"
             ]
           }
@@ -506,26 +852,10 @@ function PlanFormDialog({
     ] })
   ] });
 }
-function ToggleSwitch({ label, checked, onChange }) {
-  return /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ jsx6(
-      "button",
-      {
-        type: "button",
-        role: "switch",
-        "aria-checked": checked,
-        onClick: () => onChange(!checked),
-        className: `peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors ${checked ? "bg-primary" : "bg-input"}`,
-        children: /* @__PURE__ */ jsx6("span", { className: `pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform ${checked ? "translate-x-4" : "translate-x-0"}` })
-      }
-    ),
-    /* @__PURE__ */ jsx6("span", { className: "text-sm font-medium leading-none", children: label })
-  ] });
-}
 
 // src/components/shared/DeleteConfirmDialog.tsx
 import { Loader2 as Loader22 } from "lucide-react";
-import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 function DeleteConfirmDialog({
   isOpen,
   onOpenChange,
@@ -537,21 +867,21 @@ function DeleteConfirmDialog({
   cancelLabel = "Annulla"
 }) {
   if (!isOpen) return null;
-  return /* @__PURE__ */ jsxs4("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
-    /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsxs11("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
+    /* @__PURE__ */ jsx14(
       "div",
       {
         className: "fixed inset-0 bg-black/80",
         onClick: () => onOpenChange(false)
       }
     ),
-    /* @__PURE__ */ jsxs4("div", { className: "relative z-50 w-full max-w-lg rounded-lg border bg-background p-6 shadow-lg", children: [
-      /* @__PURE__ */ jsxs4("div", { className: "flex flex-col space-y-2 text-center sm:text-left", children: [
-        /* @__PURE__ */ jsx7("h2", { className: "text-lg font-semibold", children: title }),
-        /* @__PURE__ */ jsx7("div", { className: "text-sm text-muted-foreground", children: description })
+    /* @__PURE__ */ jsxs11("div", { className: "relative z-50 w-full max-w-lg rounded-lg border bg-background p-6 shadow-lg", children: [
+      /* @__PURE__ */ jsxs11("div", { className: "flex flex-col space-y-2 text-center sm:text-left", children: [
+        /* @__PURE__ */ jsx14("h2", { className: "text-lg font-semibold", children: title }),
+        /* @__PURE__ */ jsx14("div", { className: "text-sm text-muted-foreground", children: description })
       ] }),
-      /* @__PURE__ */ jsxs4("div", { className: "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 mt-4", children: [
-        /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsxs11("div", { className: "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 mt-4", children: [
+        /* @__PURE__ */ jsx14(
           "button",
           {
             className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 border border-input bg-background hover:bg-accent hover:text-accent-foreground mt-2 sm:mt-0",
@@ -559,14 +889,14 @@ function DeleteConfirmDialog({
             children: cancelLabel
           }
         ),
-        /* @__PURE__ */ jsxs4(
+        /* @__PURE__ */ jsxs11(
           "button",
           {
             className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 bg-destructive text-destructive-foreground hover:bg-destructive/90",
             onClick: onConfirm,
             disabled: isDeleting,
             children: [
-              isDeleting && /* @__PURE__ */ jsx7(Loader22, { className: "w-4 h-4 animate-spin mr-2" }),
+              isDeleting && /* @__PURE__ */ jsx14(Loader22, { className: "w-4 h-4 animate-spin mr-2" }),
               confirmLabel
             ]
           }
@@ -577,14 +907,13 @@ function DeleteConfirmDialog({
 }
 
 // src/pages/PlansPage.tsx
-import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 function PlansPage({ wrapper: Wrapper, header }) {
   const config = useBillingAdminConfig();
   const limitFields = config.plans?.limitFields || [];
   const publicPlansConfig = config.plans?.publicPlans;
-  const [showForm, setShowForm] = useState2(false);
-  const [showDeleteDialog, setShowDeleteDialog] = useState2(false);
-  const [selectedPlan, setSelectedPlan] = useState2(null);
+  const formDialog = useDialogState();
+  const deleteDialog = useDialogState();
   const [formData, setFormData] = useState2(createDefaultPlanFormData(limitFields));
   const [formErrors, setFormErrors] = useState2({});
   const { data, isLoading, refetch } = useAdminPlans();
@@ -601,15 +930,13 @@ function PlansPage({ wrapper: Wrapper, header }) {
   const plans = data?.items || [];
   const resetForm = () => {
     setFormData(createDefaultPlanFormData(limitFields));
-    setSelectedPlan(null);
     setFormErrors({});
   };
   const openCreateForm = () => {
     resetForm();
-    setShowForm(true);
+    formDialog.open(void 0);
   };
   const openEditForm = (plan) => {
-    setSelectedPlan(plan);
     const planLimits = plan.limits || {};
     const limits = {};
     const limitsUnlimited = {};
@@ -634,27 +961,28 @@ function PlansPage({ wrapper: Wrapper, header }) {
       limits,
       limits_unlimited: limitsUnlimited,
       features: plan.features?.join("\n") || "",
+      ui_visibility: plan.ui_visibility ?? {},
       sort_order: plan.sort_order
     });
-    setShowForm(true);
+    formDialog.open(plan);
   };
   const handleValidate = () => {
     const errors = {};
-    const slugErr = validateSlug(formData.slug);
-    if (slugErr) errors.slug = slugErr;
     const nameErr = validateRequired(formData.name, "Il nome");
     if (nameErr) errors.name = nameErr;
     setFormErrors(errors);
     return Object.keys(errors).length === 0;
   };
   const handleSubmit = async () => {
+    const resolvedSlug = formData.slug.trim() || formData.name.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
+    const finalFormData = { ...formData, slug: resolvedSlug };
     if (!handleValidate()) return;
     const limits = {};
     for (const field of limitFields) {
-      limits[field.key] = formData.limits_unlimited[field.key] ? -1 : formData.limits[field.key] ?? 1;
+      limits[field.key] = finalFormData.limits_unlimited[field.key] ? -1 : finalFormData.limits[field.key] ?? 1;
     }
     const planData = {
-      slug: formData.slug,
+      slug: finalFormData.slug,
       name: formData.name,
       description: formData.description || void 0,
       pricing_model: formData.pricing_model,
@@ -667,13 +995,16 @@ function PlansPage({ wrapper: Wrapper, header }) {
       color: formData.color,
       limits: Object.keys(limits).length > 0 ? limits : void 0,
       features: formData.features.split("\n").filter((f) => f.trim()),
+      // Send the full map — empty ``{}`` is meaningful (clears any
+      // lingering overrides) so we never fall back to ``undefined``.
+      ui_visibility: formData.ui_visibility ?? {},
       sort_order: formData.sort_order
     };
     if (publicPlansConfig?.enabled && publicPlansConfig.updateFn) {
-      const isCurrentlyPublic = publicPlanSlugs.includes(formData.slug);
-      if (formData.is_public !== isCurrentlyPublic) {
+      const isCurrentlyPublic = publicPlanSlugs.includes(finalFormData.slug);
+      if (finalFormData.is_public !== isCurrentlyPublic) {
         try {
-          const newSlugs = formData.is_public ? [...publicPlanSlugs, formData.slug] : publicPlanSlugs.filter((s) => s !== formData.slug);
+          const newSlugs = finalFormData.is_public ? [...publicPlanSlugs, finalFormData.slug] : publicPlanSlugs.filter((s) => s !== finalFormData.slug);
           await publicPlansConfig.updateFn(newSlugs);
           setPublicPlanSlugs(newSlugs);
         } catch {
@@ -681,11 +1012,11 @@ function PlansPage({ wrapper: Wrapper, header }) {
         }
       }
     }
-    if (selectedPlan) {
-      updateMutation.mutate({ id: selectedPlan.id, data: planData }, {
+    if (formDialog.data) {
+      updateMutation.mutate({ id: formDialog.data.id, data: planData }, {
         onSuccess: () => {
           toast.success("Piano aggiornato con successo");
-          setShowForm(false);
+          formDialog.close();
           resetForm();
         },
         onError: (err) => toast.error(`Errore: ${err.message}`)
@@ -694,7 +1025,7 @@ function PlansPage({ wrapper: Wrapper, header }) {
       createMutation.mutate(planData, {
         onSuccess: () => {
           toast.success("Piano creato con successo");
-          setShowForm(false);
+          formDialog.close();
           resetForm();
         },
         onError: (err) => toast.error(`Errore: ${err.message}`)
@@ -702,49 +1033,45 @@ function PlansPage({ wrapper: Wrapper, header }) {
     }
   };
   const handleDelete = () => {
-    if (selectedPlan) {
-      deleteMutation.mutate(selectedPlan.id, {
+    if (deleteDialog.data) {
+      deleteMutation.mutate(deleteDialog.data.id, {
         onSuccess: () => {
           toast.success("Piano eliminato con successo");
-          setShowDeleteDialog(false);
-          setSelectedPlan(null);
+          deleteDialog.close();
         },
         onError: (err) => toast.error(`Errore: ${err.message}`)
       });
     }
   };
-  const content = /* @__PURE__ */ jsxs5(Fragment2, { children: [
+  const content = /* @__PURE__ */ jsxs12(Fragment4, { children: [
     header,
-    /* @__PURE__ */ jsxs5("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-          /* @__PURE__ */ jsx8(LayoutGrid, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsxs5("span", { children: [
+    /* @__PURE__ */ jsxs12("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs12("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ jsx15(LayoutGrid, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsxs12("span", { children: [
             plans.length,
             " piani configurati"
           ] })
         ] }),
-        /* @__PURE__ */ jsxs5("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsxs5("button", { className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-9 px-3 border border-input bg-background hover:bg-accent", onClick: () => refetch(), children: [
-            /* @__PURE__ */ jsx8(RefreshCw, { className: "w-4 h-4 mr-2" }),
+        /* @__PURE__ */ jsxs12("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsxs12("button", { className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-9 px-3 border border-input bg-background hover:bg-accent", onClick: () => refetch(), children: [
+            /* @__PURE__ */ jsx15(RefreshCw, { className: "w-4 h-4 mr-2" }),
             "Aggiorna"
           ] }),
-          /* @__PURE__ */ jsxs5("button", { className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90", onClick: openCreateForm, children: [
-            /* @__PURE__ */ jsx8(Plus, { className: "w-4 h-4 mr-2" }),
+          /* @__PURE__ */ jsxs12("button", { className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90", onClick: openCreateForm, children: [
+            /* @__PURE__ */ jsx15(Plus, { className: "w-4 h-4 mr-2" }),
             "Nuovo Piano"
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsx8("div", { className: "rounded-lg border bg-card text-card-foreground shadow-sm", children: /* @__PURE__ */ jsx8("div", { className: "p-0", children: /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx15("div", { className: "rounded-lg border bg-card text-card-foreground shadow-sm", children: /* @__PURE__ */ jsx15("div", { className: "p-0", children: /* @__PURE__ */ jsx15(
         PlansTable,
         {
           plans,
           isLoading,
           onEdit: openEditForm,
-          onDelete: (plan) => {
-            setSelectedPlan(plan);
-            setShowDeleteDialog(true);
-          },
+          onDelete: (plan) => deleteDialog.open(plan),
           onSync: (id) => syncMutation.mutate(id, {
             onSuccess: () => toast.success("Piano sincronizzato con Stripe"),
             onError: (err) => toast.error(`Errore sync: ${err.message}`)
@@ -753,30 +1080,37 @@ function PlansPage({ wrapper: Wrapper, header }) {
         }
       ) }) })
     ] }),
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx15(
       PlanFormDialog,
       {
-        open: showForm,
-        onOpenChange: setShowForm,
+        open: formDialog.isOpen,
+        onOpenChange: (open) => {
+          if (!open) {
+            formDialog.close();
+            resetForm();
+          }
+        },
         formData,
         onFormDataChange: (data2) => setFormData((prev) => ({ ...prev, ...data2 })),
         formErrors,
-        selectedPlan,
+        selectedPlan: formDialog.data ?? null,
         onSubmit: handleSubmit,
         isPending: createMutation.isPending || updateMutation.isPending
       }
     ),
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx15(
       DeleteConfirmDialog,
       {
-        isOpen: showDeleteDialog,
-        onOpenChange: setShowDeleteDialog,
+        isOpen: deleteDialog.isOpen,
+        onOpenChange: (open) => {
+          if (!open) deleteDialog.close();
+        },
         title: "Eliminare Piano?",
-        description: /* @__PURE__ */ jsxs5(Fragment2, { children: [
+        description: /* @__PURE__ */ jsxs12(Fragment4, { children: [
           "Stai per eliminare il piano ",
-          /* @__PURE__ */ jsx8("strong", { children: selectedPlan?.name }),
+          /* @__PURE__ */ jsx15("strong", { children: deleteDialog.data?.name }),
           " (",
-          /* @__PURE__ */ jsx8("code", { children: selectedPlan?.slug }),
+          /* @__PURE__ */ jsx15("code", { children: deleteDialog.data?.slug }),
           "). Questa azione non pu\xF2 essere annullata."
         ] }),
         onConfirm: handleDelete,
@@ -785,12 +1119,12 @@ function PlansPage({ wrapper: Wrapper, header }) {
       }
     )
   ] });
-  return Wrapper ? /* @__PURE__ */ jsx8(Wrapper, { children: content }) : content;
+  return Wrapper ? /* @__PURE__ */ jsx15(Wrapper, { children: content }) : content;
 }
 
 // src/pages/ProductsPage.tsx
 import { toast as toast2 } from "sonner";
-import { Plus as Plus2, RefreshCw as RefreshCw2, Pencil as Pencil2, Trash2 as Trash22, Upload as Upload2, Package, Check as Check2, X as X2 } from "lucide-react";
+import { Plus as Plus2, RefreshCw as RefreshCw2, Pencil as Pencil2, Trash2 as Trash22, Upload as Upload2, Package, Check as Check3, X as X2 } from "lucide-react";
 import { useQuery as useQuery2 } from "@tanstack/react-query";
 import {
   useAdminProducts,
@@ -798,14 +1132,22 @@ import {
   useUpdateProduct,
   useDeleteProduct,
   useSyncProductToStripe,
-  useDialogState,
+  useDialogState as useDialogState2,
   formatCurrencyFromCents
 } from "@growflowstudio/growflowbilling-admin-core";
 
 // src/components/products/ProductFormDialog.tsx
-import { useState as useState3, useEffect as useEffect2 } from "react";
+import { useState as useState3, useEffect } from "react";
 import { Loader2 as Loader23, Link as LinkIcon } from "lucide-react";
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+var safeJsonParse = (str, fallback = {}) => {
+  try {
+    const parsed = JSON.parse(str);
+    return typeof parsed === "object" && parsed !== null && !Array.isArray(parsed) ? parsed : fallback;
+  } catch {
+    return fallback;
+  }
+};
 var defaultProductFormData = {
   name: "",
   description: "",
@@ -829,7 +1171,7 @@ function ProductFormDialog({
 }) {
   const [formData, setFormData] = useState3(defaultProductFormData);
   const [formErrors, setFormErrors] = useState3({});
-  useEffect2(() => {
+  useEffect(() => {
     if (isOpen) {
       if (mode === "edit" && product) {
         const featureSlug = product.extra_data?.feature_slug || "";
@@ -851,16 +1193,12 @@ function ProductFormDialog({
       setFormErrors({});
     }
   }, [isOpen, mode, product]);
-  useEffect2(() => {
+  useEffect(() => {
     if (formData.feature_slug) {
       setFormData((prev) => {
-        try {
-          const parsedData = JSON.parse(prev.extra_data);
-          const updated = { ...parsedData, feature_slug: formData.feature_slug };
-          return { ...prev, extra_data: JSON.stringify(updated, null, 2) };
-        } catch {
-          return { ...prev, extra_data: JSON.stringify({ feature_slug: formData.feature_slug }, null, 2) };
-        }
+        const parsedData = safeJsonParse(prev.extra_data);
+        const updated = { ...parsedData, feature_slug: formData.feature_slug };
+        return { ...prev, extra_data: JSON.stringify(updated, null, 2) };
       });
     }
   }, [formData.feature_slug]);
@@ -880,72 +1218,72 @@ function ProductFormDialog({
     if (validateForm()) onSubmit(formData);
   };
   if (!isOpen) return null;
-  return /* @__PURE__ */ jsxs6("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
-    /* @__PURE__ */ jsx9("div", { className: "fixed inset-0 bg-black/80", onClick: () => onOpenChange(false) }),
-    /* @__PURE__ */ jsxs6("div", { className: "relative z-50 w-full max-w-xl max-h-[90vh] overflow-y-auto rounded-lg border bg-background p-6 shadow-lg", children: [
-      /* @__PURE__ */ jsxs6("div", { className: "flex flex-col space-y-1.5 pb-4", children: [
-        /* @__PURE__ */ jsx9("h2", { className: "text-lg font-semibold", children: mode === "create" ? "Nuovo Prodotto" : "Modifica Prodotto" }),
-        /* @__PURE__ */ jsx9("p", { className: "text-sm text-muted-foreground", children: mode === "create" ? "Crea un nuovo prodotto / feature acquistabile" : "Modifica le impostazioni del prodotto selezionato" })
+  return /* @__PURE__ */ jsxs13("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
+    /* @__PURE__ */ jsx16("div", { className: "fixed inset-0 bg-black/80", onClick: () => onOpenChange(false) }),
+    /* @__PURE__ */ jsxs13("div", { className: "relative z-50 w-full max-w-xl max-h-[90vh] overflow-y-auto rounded-lg border bg-background p-6 shadow-lg", children: [
+      /* @__PURE__ */ jsxs13("div", { className: "flex flex-col space-y-1.5 pb-4", children: [
+        /* @__PURE__ */ jsx16("h2", { className: "text-lg font-semibold", children: mode === "create" ? "Nuovo Prodotto" : "Modifica Prodotto" }),
+        /* @__PURE__ */ jsx16("p", { className: "text-sm text-muted-foreground", children: mode === "create" ? "Crea un nuovo prodotto / feature acquistabile" : "Modifica le impostazioni del prodotto selezionato" })
       ] }),
-      /* @__PURE__ */ jsxs6("div", { className: "grid gap-4 py-4", children: [
-        /* @__PURE__ */ jsxs6("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx9("label", { className: "text-sm font-medium leading-none", children: "Nome *" }),
-          /* @__PURE__ */ jsx9("input", { className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", value: formData.name, onChange: (e) => setFormData({ ...formData, name: e.target.value }), placeholder: "es. Ottimizza Dati Prodotti" }),
-          formErrors.name && /* @__PURE__ */ jsx9("p", { className: "text-xs text-destructive", children: formErrors.name })
+      /* @__PURE__ */ jsxs13("div", { className: "grid gap-4 py-4", children: [
+        /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx16("label", { className: "text-sm font-medium leading-none", children: "Nome *" }),
+          /* @__PURE__ */ jsx16("input", { className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", value: formData.name, onChange: (e) => setFormData({ ...formData, name: e.target.value }), placeholder: "es. Ottimizza Dati Prodotti" }),
+          formErrors.name && /* @__PURE__ */ jsx16("p", { className: "text-xs text-destructive", children: formErrors.name })
         ] }),
-        /* @__PURE__ */ jsxs6("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx9("label", { className: "text-sm font-medium leading-none", children: "Descrizione" }),
-          /* @__PURE__ */ jsx9("textarea", { className: "flex min-h-[60px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", value: formData.description, onChange: (e) => setFormData({ ...formData, description: e.target.value }), rows: 2 })
+        /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx16("label", { className: "text-sm font-medium leading-none", children: "Descrizione" }),
+          /* @__PURE__ */ jsx16("textarea", { className: "flex min-h-[60px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", value: formData.description, onChange: (e) => setFormData({ ...formData, description: e.target.value }), rows: 2 })
         ] }),
-        /* @__PURE__ */ jsxs6("div", { className: "grid grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ jsxs6("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx9("label", { className: "text-sm font-medium leading-none", children: "Prezzo" }),
-            /* @__PURE__ */ jsx9("input", { type: "number", step: "0.01", className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", value: formData.price_cents, onChange: (e) => setFormData({ ...formData, price_cents: e.target.value }), placeholder: "49.00" }),
-            formErrors.price_cents && /* @__PURE__ */ jsx9("p", { className: "text-xs text-destructive", children: formErrors.price_cents })
+        /* @__PURE__ */ jsxs13("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx16("label", { className: "text-sm font-medium leading-none", children: "Prezzo" }),
+            /* @__PURE__ */ jsx16("input", { type: "number", step: "0.01", className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", value: formData.price_cents, onChange: (e) => setFormData({ ...formData, price_cents: e.target.value }), placeholder: "49.00" }),
+            formErrors.price_cents && /* @__PURE__ */ jsx16("p", { className: "text-xs text-destructive", children: formErrors.price_cents })
           ] }),
-          /* @__PURE__ */ jsxs6("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx9("label", { className: "text-sm font-medium leading-none", children: "Valuta" }),
-            /* @__PURE__ */ jsxs6("select", { className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", value: formData.currency, onChange: (e) => setFormData({ ...formData, currency: e.target.value }), children: [
-              /* @__PURE__ */ jsx9("option", { value: "eur", children: "EUR" }),
-              /* @__PURE__ */ jsx9("option", { value: "usd", children: "USD" }),
-              /* @__PURE__ */ jsx9("option", { value: "gbp", children: "GBP" })
+          /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx16("label", { className: "text-sm font-medium leading-none", children: "Valuta" }),
+            /* @__PURE__ */ jsxs13("select", { className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", value: formData.currency, onChange: (e) => setFormData({ ...formData, currency: e.target.value }), children: [
+              /* @__PURE__ */ jsx16("option", { value: "eur", children: "EUR" }),
+              /* @__PURE__ */ jsx16("option", { value: "usd", children: "USD" }),
+              /* @__PURE__ */ jsx16("option", { value: "gbp", children: "GBP" })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs6("div", { className: "grid grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ jsxs6("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx9("label", { className: "text-sm font-medium leading-none", children: "Ricorrenza" }),
-            /* @__PURE__ */ jsxs6("select", { className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", value: formData.recurring_interval || "one_time", onChange: (e) => setFormData({ ...formData, recurring_interval: e.target.value === "one_time" ? "" : e.target.value }), children: [
-              /* @__PURE__ */ jsx9("option", { value: "one_time", children: "Una tantum" }),
-              /* @__PURE__ */ jsx9("option", { value: "month", children: "Mensile" }),
-              /* @__PURE__ */ jsx9("option", { value: "year", children: "Annuale" })
+        /* @__PURE__ */ jsxs13("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx16("label", { className: "text-sm font-medium leading-none", children: "Ricorrenza" }),
+            /* @__PURE__ */ jsxs13("select", { className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", value: formData.recurring_interval || "one_time", onChange: (e) => setFormData({ ...formData, recurring_interval: e.target.value === "one_time" ? "" : e.target.value }), children: [
+              /* @__PURE__ */ jsx16("option", { value: "one_time", children: "Una tantum" }),
+              /* @__PURE__ */ jsx16("option", { value: "month", children: "Mensile" }),
+              /* @__PURE__ */ jsx16("option", { value: "year", children: "Annuale" })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs6("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx9("label", { className: "text-sm font-medium leading-none", children: "Categoria" }),
-            /* @__PURE__ */ jsxs6("select", { className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", value: formData.category, onChange: (e) => setFormData({ ...formData, category: e.target.value }), children: [
-              /* @__PURE__ */ jsx9("option", { value: "feature", children: "Feature" }),
-              /* @__PURE__ */ jsx9("option", { value: "addon", children: "Add-on" }),
-              /* @__PURE__ */ jsx9("option", { value: "service", children: "Servizio" }),
-              /* @__PURE__ */ jsx9("option", { value: "credits", children: "Crediti" })
+          /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx16("label", { className: "text-sm font-medium leading-none", children: "Categoria" }),
+            /* @__PURE__ */ jsxs13("select", { className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", value: formData.category, onChange: (e) => setFormData({ ...formData, category: e.target.value }), children: [
+              /* @__PURE__ */ jsx16("option", { value: "feature", children: "Feature" }),
+              /* @__PURE__ */ jsx16("option", { value: "addon", children: "Add-on" }),
+              /* @__PURE__ */ jsx16("option", { value: "service", children: "Servizio" }),
+              /* @__PURE__ */ jsx16("option", { value: "credits", children: "Crediti" })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs6("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsx9(ToggleRow, { label: "Prodotto Attivo", checked: formData.is_active, onChange: (v) => setFormData({ ...formData, is_active: v }) }),
-          mode === "create" && /* @__PURE__ */ jsx9(ToggleRow, { label: "Sincronizza su Stripe", checked: formData.sync_stripe, onChange: (v) => setFormData({ ...formData, sync_stripe: v }) })
+        /* @__PURE__ */ jsxs13("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsx16(ToggleRow, { label: "Prodotto Attivo", checked: formData.is_active, onChange: (v) => setFormData({ ...formData, is_active: v }) }),
+          mode === "create" && /* @__PURE__ */ jsx16(ToggleRow, { label: "Sincronizza su Stripe", checked: formData.sync_stripe, onChange: (v) => setFormData({ ...formData, sync_stripe: v }) })
         ] }),
-        features.length > 0 && /* @__PURE__ */ jsxs6("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx9("label", { className: "text-sm font-medium leading-none", children: "Collega a Feature" }),
-          /* @__PURE__ */ jsxs6(
+        features.length > 0 && /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx16("label", { className: "text-sm font-medium leading-none", children: "Collega a Feature" }),
+          /* @__PURE__ */ jsxs13(
             "select",
             {
               className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
               value: formData.feature_slug || "none",
               onChange: (e) => setFormData({ ...formData, feature_slug: e.target.value === "none" ? "" : e.target.value }),
               children: [
-                /* @__PURE__ */ jsx9("option", { value: "none", children: "Nessuna feature" }),
-                features.map((f) => /* @__PURE__ */ jsxs6("option", { value: f.slug, children: [
+                /* @__PURE__ */ jsx16("option", { value: "none", children: "Nessuna feature" }),
+                features.map((f) => /* @__PURE__ */ jsxs13("option", { value: f.slug, children: [
                   f.name,
                   " (",
                   f.slug,
@@ -954,24 +1292,24 @@ function ProductFormDialog({
               ]
             }
           ),
-          formData.feature_slug && /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2 p-2 bg-blue-50 border border-blue-200 rounded text-sm", children: [
-            /* @__PURE__ */ jsx9(LinkIcon, { className: "w-4 h-4 text-blue-600" }),
-            /* @__PURE__ */ jsxs6("span", { className: "text-blue-900", children: [
+          formData.feature_slug && /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2 p-2 bg-blue-50 border border-blue-200 rounded text-sm", children: [
+            /* @__PURE__ */ jsx16(LinkIcon, { className: "w-4 h-4 text-blue-600" }),
+            /* @__PURE__ */ jsxs13("span", { className: "text-blue-900", children: [
               "Collegato a: ",
-              /* @__PURE__ */ jsx9("strong", { children: formData.feature_slug })
+              /* @__PURE__ */ jsx16("strong", { children: formData.feature_slug })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs6("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx9("label", { className: "text-sm font-medium leading-none", children: "Extra Data (JSON)" }),
-          /* @__PURE__ */ jsx9("textarea", { className: "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm font-mono focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", value: formData.extra_data, onChange: (e) => setFormData({ ...formData, extra_data: e.target.value }), rows: 3 }),
-          formErrors.extra_data && /* @__PURE__ */ jsx9("p", { className: "text-xs text-destructive", children: formErrors.extra_data })
+        /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx16("label", { className: "text-sm font-medium leading-none", children: "Extra Data (JSON)" }),
+          /* @__PURE__ */ jsx16("textarea", { className: "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm font-mono focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", value: formData.extra_data, onChange: (e) => setFormData({ ...formData, extra_data: e.target.value }), rows: 3 }),
+          formErrors.extra_data && /* @__PURE__ */ jsx16("p", { className: "text-xs text-destructive", children: formErrors.extra_data })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs6("div", { className: "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 pt-4", children: [
-        /* @__PURE__ */ jsx9("button", { className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 border border-input bg-background hover:bg-accent mt-2 sm:mt-0", onClick: () => onOpenChange(false), children: "Annulla" }),
-        /* @__PURE__ */ jsxs6("button", { className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90 disabled:opacity-50", onClick: handleSubmit, disabled: isSubmitting, children: [
-          isSubmitting && /* @__PURE__ */ jsx9(Loader23, { className: "w-4 h-4 animate-spin mr-2" }),
+      /* @__PURE__ */ jsxs13("div", { className: "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 pt-4", children: [
+        /* @__PURE__ */ jsx16("button", { className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 border border-input bg-background hover:bg-accent mt-2 sm:mt-0", onClick: () => onOpenChange(false), children: "Annulla" }),
+        /* @__PURE__ */ jsxs13("button", { className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90 disabled:opacity-50", onClick: handleSubmit, disabled: isSubmitting, children: [
+          isSubmitting && /* @__PURE__ */ jsx16(Loader23, { className: "w-4 h-4 animate-spin mr-2" }),
           mode === "create" ? "Crea Prodotto" : "Salva Modifiche"
         ] })
       ] })
@@ -979,8 +1317,8 @@ function ProductFormDialog({
   ] });
 }
 function ToggleRow({ label, checked, onChange }) {
-  return /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx16(
       "button",
       {
         type: "button",
@@ -988,21 +1326,21 @@ function ToggleRow({ label, checked, onChange }) {
         "aria-checked": checked,
         onClick: () => onChange(!checked),
         className: `inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors ${checked ? "bg-primary" : "bg-input"}`,
-        children: /* @__PURE__ */ jsx9("span", { className: `pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg transition-transform ${checked ? "translate-x-4" : "translate-x-0"}` })
+        children: /* @__PURE__ */ jsx16("span", { className: `pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg transition-transform ${checked ? "translate-x-4" : "translate-x-0"}` })
       }
     ),
-    /* @__PURE__ */ jsx9("span", { className: "text-sm font-medium leading-none", children: label })
+    /* @__PURE__ */ jsx16("span", { className: "text-sm font-medium leading-none", children: label })
   ] });
 }
 
 // src/pages/ProductsPage.tsx
-import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 function ProductsPage({ wrapper: Wrapper, header }) {
   const config = useBillingAdminConfig();
   const featuresConfig = config.products?.features;
-  const createDialog = useDialogState();
-  const editDialog = useDialogState();
-  const deleteDialog = useDialogState();
+  const createDialog = useDialogState2();
+  const editDialog = useDialogState2();
+  const deleteDialog = useDialogState2();
   const { data, isLoading, refetch } = useAdminProducts({ is_active: true });
   const createMutation = useCreateProduct();
   const updateMutation = useUpdateProduct();
@@ -1068,70 +1406,70 @@ function ProductsPage({ wrapper: Wrapper, header }) {
       });
     }
   };
-  const content = /* @__PURE__ */ jsxs7(Fragment3, { children: [
+  const content = /* @__PURE__ */ jsxs14(Fragment5, { children: [
     header,
-    /* @__PURE__ */ jsxs7("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-          /* @__PURE__ */ jsx10(Package, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsxs7("span", { children: [
+    /* @__PURE__ */ jsxs14("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs14("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ jsx17(Package, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsxs14("span", { children: [
             products.length,
             " prodotti configurati"
           ] })
         ] }),
-        /* @__PURE__ */ jsxs7("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsxs7("button", { className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-9 px-3 border border-input bg-background hover:bg-accent", onClick: () => refetch(), children: [
-            /* @__PURE__ */ jsx10(RefreshCw2, { className: "w-4 h-4 mr-2" }),
+        /* @__PURE__ */ jsxs14("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsxs14("button", { className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-9 px-3 border border-input bg-background hover:bg-accent", onClick: () => refetch(), children: [
+            /* @__PURE__ */ jsx17(RefreshCw2, { className: "w-4 h-4 mr-2" }),
             "Aggiorna"
           ] }),
-          /* @__PURE__ */ jsxs7("button", { className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90", onClick: () => createDialog.open(), children: [
-            /* @__PURE__ */ jsx10(Plus2, { className: "w-4 h-4 mr-2" }),
+          /* @__PURE__ */ jsxs14("button", { className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90", onClick: () => createDialog.open(), children: [
+            /* @__PURE__ */ jsx17(Plus2, { className: "w-4 h-4 mr-2" }),
             "Nuovo Prodotto"
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsx10("div", { className: "rounded-lg border bg-card shadow-sm", children: /* @__PURE__ */ jsx10("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxs7("table", { className: "w-full caption-bottom text-sm", children: [
-        /* @__PURE__ */ jsx10("thead", { className: "[&_tr]:border-b", children: /* @__PURE__ */ jsxs7("tr", { className: "border-b hover:bg-muted/50", children: [
-          /* @__PURE__ */ jsx10("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Nome" }),
-          /* @__PURE__ */ jsx10("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Categoria" }),
-          /* @__PURE__ */ jsx10("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Prezzo" }),
-          /* @__PURE__ */ jsx10("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Ricorrenza" }),
-          /* @__PURE__ */ jsx10("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Attivo" }),
-          /* @__PURE__ */ jsx10("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Stripe" }),
-          /* @__PURE__ */ jsx10("th", { className: "h-12 px-4 text-right font-medium text-muted-foreground", children: "Azioni" })
+      /* @__PURE__ */ jsx17("div", { className: "rounded-lg border bg-card shadow-sm", children: /* @__PURE__ */ jsx17("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxs14("table", { className: "w-full caption-bottom text-sm", children: [
+        /* @__PURE__ */ jsx17("thead", { className: "[&_tr]:border-b", children: /* @__PURE__ */ jsxs14("tr", { className: "border-b hover:bg-muted/50", children: [
+          /* @__PURE__ */ jsx17("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Nome" }),
+          /* @__PURE__ */ jsx17("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Categoria" }),
+          /* @__PURE__ */ jsx17("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Prezzo" }),
+          /* @__PURE__ */ jsx17("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Ricorrenza" }),
+          /* @__PURE__ */ jsx17("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Attivo" }),
+          /* @__PURE__ */ jsx17("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Stripe" }),
+          /* @__PURE__ */ jsx17("th", { className: "h-12 px-4 text-right font-medium text-muted-foreground", children: "Azioni" })
         ] }) }),
-        /* @__PURE__ */ jsx10("tbody", { children: isLoading ? /* @__PURE__ */ jsx10(SkeletonRows, { rows: 3, columns: 7 }) : products.length === 0 ? /* @__PURE__ */ jsx10("tr", { children: /* @__PURE__ */ jsx10("td", { colSpan: 7, className: "p-4 text-center py-8 text-muted-foreground", children: "Nessun prodotto configurato" }) }) : products.map((product) => {
+        /* @__PURE__ */ jsx17("tbody", { children: isLoading ? /* @__PURE__ */ jsx17(SkeletonRows, { rows: 3, columns: 7 }) : products.length === 0 ? /* @__PURE__ */ jsx17("tr", { children: /* @__PURE__ */ jsx17("td", { colSpan: 7, className: "p-4 text-center py-8 text-muted-foreground", children: "Nessun prodotto configurato" }) }) : products.map((product) => {
           const hasFeature = !!product.extra_data?.feature_slug;
-          return /* @__PURE__ */ jsxs7("tr", { className: "border-b hover:bg-muted/50", children: [
-            /* @__PURE__ */ jsx10("td", { className: "p-4", children: /* @__PURE__ */ jsxs7("div", { children: [
-              /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx10("span", { className: "font-medium", children: product.name }),
-                hasFeature && /* @__PURE__ */ jsx10(StatusBadge, { label: "Feature", colorClass: "bg-blue-50 text-blue-700 border-blue-200" })
+          return /* @__PURE__ */ jsxs14("tr", { className: "border-b hover:bg-muted/50", children: [
+            /* @__PURE__ */ jsx17("td", { className: "p-4", children: /* @__PURE__ */ jsxs14("div", { children: [
+              /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx17("span", { className: "font-medium", children: product.name }),
+                hasFeature && /* @__PURE__ */ jsx17(StatusBadge, { label: "Feature", colorClass: "bg-blue-50 text-blue-700 border-blue-200" })
               ] }),
-              product.description && /* @__PURE__ */ jsx10("div", { className: "text-sm text-muted-foreground truncate max-w-xs", children: product.description })
+              product.description && /* @__PURE__ */ jsx17("div", { className: "text-sm text-muted-foreground truncate max-w-xs", children: product.description })
             ] }) }),
-            /* @__PURE__ */ jsx10("td", { className: "p-4", children: /* @__PURE__ */ jsx10(StatusBadge, { label: product.category || "feature", colorClass: "border" }) }),
-            /* @__PURE__ */ jsx10("td", { className: "p-4", children: formatCurrencyFromCents(product.price_cents, product.currency) }),
-            /* @__PURE__ */ jsx10("td", { className: "p-4", children: product.recurring_interval ? /* @__PURE__ */ jsx10(StatusBadge, { label: product.recurring_interval === "month" ? "Mensile" : product.recurring_interval === "year" ? "Annuale" : product.recurring_interval, colorClass: "bg-secondary text-secondary-foreground border-transparent" }) : /* @__PURE__ */ jsx10("span", { className: "text-muted-foreground", children: "Una tantum" }) }),
-            /* @__PURE__ */ jsx10("td", { className: "p-4", children: product.is_active ? /* @__PURE__ */ jsx10(Check2, { className: "w-4 h-4 text-green-600" }) : /* @__PURE__ */ jsx10(X2, { className: "w-4 h-4 text-muted-foreground" }) }),
-            /* @__PURE__ */ jsx10("td", { className: "p-4", children: product.stripe_product_id ? /* @__PURE__ */ jsx10(StatusBadge, { label: "Synced", colorClass: "bg-green-50 text-green-700 border-green-200" }) : /* @__PURE__ */ jsx10("button", { className: "inline-flex items-center justify-center rounded-md h-9 w-9 hover:bg-accent", onClick: () => syncMutation.mutate(product.id, { onSuccess: () => toast2.success("Sincronizzato"), onError: (err) => toast2.error(`Errore: ${err.message}`) }), disabled: syncMutation.isPending, children: /* @__PURE__ */ jsx10(Upload2, { className: "w-4 h-4" }) }) }),
-            /* @__PURE__ */ jsx10("td", { className: "p-4 text-right", children: /* @__PURE__ */ jsxs7("div", { className: "flex justify-end gap-1", children: [
-              /* @__PURE__ */ jsx10("button", { className: "inline-flex items-center justify-center rounded-md h-9 w-9 hover:bg-accent", onClick: () => editDialog.open(product), children: /* @__PURE__ */ jsx10(Pencil2, { className: "w-4 h-4" }) }),
-              /* @__PURE__ */ jsx10("button", { className: "inline-flex items-center justify-center rounded-md h-9 w-9 text-destructive hover:bg-accent", onClick: () => deleteDialog.open(product), children: /* @__PURE__ */ jsx10(Trash22, { className: "w-4 h-4" }) })
+            /* @__PURE__ */ jsx17("td", { className: "p-4", children: /* @__PURE__ */ jsx17(StatusBadge, { label: product.category || "feature", colorClass: "border" }) }),
+            /* @__PURE__ */ jsx17("td", { className: "p-4", children: formatCurrencyFromCents(product.price_cents, product.currency) }),
+            /* @__PURE__ */ jsx17("td", { className: "p-4", children: product.recurring_interval ? /* @__PURE__ */ jsx17(StatusBadge, { label: product.recurring_interval === "month" ? "Mensile" : product.recurring_interval === "year" ? "Annuale" : product.recurring_interval, colorClass: "bg-secondary text-secondary-foreground border-transparent" }) : /* @__PURE__ */ jsx17("span", { className: "text-muted-foreground", children: "Una tantum" }) }),
+            /* @__PURE__ */ jsx17("td", { className: "p-4", children: product.is_active ? /* @__PURE__ */ jsx17(Check3, { className: "w-4 h-4 text-green-600" }) : /* @__PURE__ */ jsx17(X2, { className: "w-4 h-4 text-muted-foreground" }) }),
+            /* @__PURE__ */ jsx17("td", { className: "p-4", children: product.stripe_product_id ? /* @__PURE__ */ jsx17(StatusBadge, { label: "Synced", colorClass: "bg-green-50 text-green-700 border-green-200" }) : /* @__PURE__ */ jsx17("button", { className: "inline-flex items-center justify-center rounded-md h-9 w-9 hover:bg-accent", onClick: () => syncMutation.mutate(product.id, { onSuccess: () => toast2.success("Sincronizzato"), onError: (err) => toast2.error(`Errore: ${err.message}`) }), disabled: syncMutation.isPending, children: /* @__PURE__ */ jsx17(Upload2, { className: "w-4 h-4" }) }) }),
+            /* @__PURE__ */ jsx17("td", { className: "p-4 text-right", children: /* @__PURE__ */ jsxs14("div", { className: "flex justify-end gap-1", children: [
+              /* @__PURE__ */ jsx17("button", { className: "inline-flex items-center justify-center rounded-md h-9 w-9 hover:bg-accent", onClick: () => editDialog.open(product), children: /* @__PURE__ */ jsx17(Pencil2, { className: "w-4 h-4" }) }),
+              /* @__PURE__ */ jsx17("button", { className: "inline-flex items-center justify-center rounded-md h-9 w-9 text-destructive hover:bg-accent", onClick: () => deleteDialog.open(product), children: /* @__PURE__ */ jsx17(Trash22, { className: "w-4 h-4" }) })
             ] }) })
           ] }, product.id);
         }) })
       ] }) }) })
     ] }),
-    /* @__PURE__ */ jsx10(ProductFormDialog, { isOpen: createDialog.isOpen, onOpenChange: (open) => open ? createDialog.open() : createDialog.close(), mode: "create", features, onSubmit: handleCreateSubmit, isSubmitting: createMutation.isPending }),
-    /* @__PURE__ */ jsx10(ProductFormDialog, { isOpen: editDialog.isOpen, onOpenChange: (open) => open ? editDialog.open(editDialog.data) : editDialog.close(), mode: "edit", product: editDialog.data, features, onSubmit: handleEditSubmit, isSubmitting: updateMutation.isPending }),
-    /* @__PURE__ */ jsx10(DeleteConfirmDialog, { isOpen: deleteDialog.isOpen, onOpenChange: (open) => !open && deleteDialog.close(), title: "Disattivare Prodotto?", description: /* @__PURE__ */ jsxs7(Fragment3, { children: [
+    /* @__PURE__ */ jsx17(ProductFormDialog, { isOpen: createDialog.isOpen, onOpenChange: (open) => open ? createDialog.open() : createDialog.close(), mode: "create", features, onSubmit: handleCreateSubmit, isSubmitting: createMutation.isPending }),
+    /* @__PURE__ */ jsx17(ProductFormDialog, { isOpen: editDialog.isOpen, onOpenChange: (open) => open ? editDialog.open(editDialog.data) : editDialog.close(), mode: "edit", product: editDialog.data, features, onSubmit: handleEditSubmit, isSubmitting: updateMutation.isPending }),
+    /* @__PURE__ */ jsx17(DeleteConfirmDialog, { isOpen: deleteDialog.isOpen, onOpenChange: (open) => !open && deleteDialog.close(), title: "Disattivare Prodotto?", description: /* @__PURE__ */ jsxs14(Fragment5, { children: [
       "Stai per disattivare il prodotto ",
-      /* @__PURE__ */ jsx10("strong", { children: deleteDialog.data?.name }),
+      /* @__PURE__ */ jsx17("strong", { children: deleteDialog.data?.name }),
       ". Il prodotto non sar\xE0 pi\xF9 acquistabile."
     ] }), onConfirm: handleDeleteConfirm, isDeleting: deleteMutation.isPending, confirmLabel: "Disattiva Prodotto" })
   ] });
-  return Wrapper ? /* @__PURE__ */ jsx10(Wrapper, { children: content }) : content;
+  return Wrapper ? /* @__PURE__ */ jsx17(Wrapper, { children: content }) : content;
 }
 
 // src/pages/SubscriptionsPage.tsx
@@ -1148,7 +1486,7 @@ import {
 
 // src/components/shared/FilterBar.tsx
 import { Search, RefreshCw as RefreshCw3 } from "lucide-react";
-import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 function FilterBar({
   searchPlaceholder = "Cerca...",
   searchValue,
@@ -1158,10 +1496,10 @@ function FilterBar({
   statusOptions,
   onRefresh
 }) {
-  return /* @__PURE__ */ jsx11("div", { className: "rounded-lg border bg-card text-card-foreground shadow-sm", children: /* @__PURE__ */ jsx11("div", { className: "p-6 pt-6", children: /* @__PURE__ */ jsxs8("div", { className: "flex flex-col sm:flex-row gap-4", children: [
-    /* @__PURE__ */ jsxs8("div", { className: "relative flex-1", children: [
-      /* @__PURE__ */ jsx11(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground" }),
-      /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx18("div", { className: "rounded-lg border bg-card text-card-foreground shadow-sm", children: /* @__PURE__ */ jsx18("div", { className: "p-6 pt-6", children: /* @__PURE__ */ jsxs15("div", { className: "flex flex-col sm:flex-row gap-4", children: [
+    /* @__PURE__ */ jsxs15("div", { className: "relative flex-1", children: [
+      /* @__PURE__ */ jsx18(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground" }),
+      /* @__PURE__ */ jsx18(
         "input",
         {
           className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 pl-9",
@@ -1171,22 +1509,22 @@ function FilterBar({
         }
       )
     ] }),
-    statusOptions && onStatusFilterChange && /* @__PURE__ */ jsx11(
+    statusOptions && onStatusFilterChange && /* @__PURE__ */ jsx18(
       "select",
       {
         className: "flex h-10 w-[180px] rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
         value: statusFilter || "all",
         onChange: (e) => onStatusFilterChange(e.target.value),
-        children: statusOptions.map((opt) => /* @__PURE__ */ jsx11("option", { value: opt.value, children: opt.label }, opt.value))
+        children: statusOptions.map((opt) => /* @__PURE__ */ jsx18("option", { value: opt.value, children: opt.label }, opt.value))
       }
     ),
-    /* @__PURE__ */ jsxs8(
+    /* @__PURE__ */ jsxs15(
       "button",
       {
         className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 border border-input bg-background hover:bg-accent hover:text-accent-foreground",
         onClick: onRefresh,
         children: [
-          /* @__PURE__ */ jsx11(RefreshCw3, { className: "w-4 h-4 mr-2" }),
+          /* @__PURE__ */ jsx18(RefreshCw3, { className: "w-4 h-4 mr-2" }),
           "Aggiorna"
         ]
       }
@@ -1195,7 +1533,7 @@ function FilterBar({
 }
 
 // src/pages/SubscriptionsPage.tsx
-import { Fragment as Fragment4, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
 var statusFilterOptions = [
   { value: "all", label: "Tutti gli stati" },
   { value: "active", label: "Attivi" },
@@ -1231,10 +1569,10 @@ function SubscriptionsPage({ wrapper: Wrapper, header }) {
       });
     }
   };
-  const content = /* @__PURE__ */ jsxs9(Fragment4, { children: [
+  const content = /* @__PURE__ */ jsxs16(Fragment6, { children: [
     header,
-    /* @__PURE__ */ jsxs9("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsxs16("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx19(
         FilterBar,
         {
           searchPlaceholder: "Cerca per email o ID esterno...",
@@ -1246,156 +1584,156 @@ function SubscriptionsPage({ wrapper: Wrapper, header }) {
           onRefresh: refetch
         }
       ),
-      /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-        /* @__PURE__ */ jsx12(CreditCard, { className: "w-4 h-4" }),
-        /* @__PURE__ */ jsxs9("span", { children: [
+      /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ jsx19(CreditCard, { className: "w-4 h-4" }),
+        /* @__PURE__ */ jsxs16("span", { children: [
           total,
           " abbonament",
           total === 1 ? "o" : "i",
           " trovati"
         ] })
       ] }),
-      /* @__PURE__ */ jsx12("div", { className: "rounded-lg border bg-card shadow-sm", children: /* @__PURE__ */ jsx12("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxs9("table", { className: "w-full caption-bottom text-sm", children: [
-        /* @__PURE__ */ jsx12("thead", { className: "[&_tr]:border-b", children: /* @__PURE__ */ jsxs9("tr", { className: "border-b hover:bg-muted/50", children: [
-          /* @__PURE__ */ jsx12("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Subscriber" }),
-          /* @__PURE__ */ jsx12("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Piano" }),
-          /* @__PURE__ */ jsx12("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Stato" }),
-          /* @__PURE__ */ jsx12("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Ciclo" }),
-          /* @__PURE__ */ jsx12("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Periodo" }),
-          /* @__PURE__ */ jsx12("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Trial End" }),
-          /* @__PURE__ */ jsx12("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Creato" }),
-          /* @__PURE__ */ jsx12("th", { className: "h-12 px-4 text-right font-medium text-muted-foreground", children: "Azioni" })
+      /* @__PURE__ */ jsx19("div", { className: "rounded-lg border bg-card shadow-sm", children: /* @__PURE__ */ jsx19("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxs16("table", { className: "w-full caption-bottom text-sm", children: [
+        /* @__PURE__ */ jsx19("thead", { className: "[&_tr]:border-b", children: /* @__PURE__ */ jsxs16("tr", { className: "border-b hover:bg-muted/50", children: [
+          /* @__PURE__ */ jsx19("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Subscriber" }),
+          /* @__PURE__ */ jsx19("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Piano" }),
+          /* @__PURE__ */ jsx19("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Stato" }),
+          /* @__PURE__ */ jsx19("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Ciclo" }),
+          /* @__PURE__ */ jsx19("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Periodo" }),
+          /* @__PURE__ */ jsx19("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Trial End" }),
+          /* @__PURE__ */ jsx19("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Creato" }),
+          /* @__PURE__ */ jsx19("th", { className: "h-12 px-4 text-right font-medium text-muted-foreground", children: "Azioni" })
         ] }) }),
-        /* @__PURE__ */ jsx12("tbody", { children: isLoading ? /* @__PURE__ */ jsx12(SkeletonRows, { rows: 5, columns: 8 }) : subscriptions.length === 0 ? /* @__PURE__ */ jsx12("tr", { children: /* @__PURE__ */ jsx12("td", { colSpan: 8, className: "p-4 text-center py-8 text-muted-foreground", children: "Nessun abbonamento trovato" }) }) : subscriptions.map((sub) => /* @__PURE__ */ jsxs9("tr", { className: "border-b hover:bg-muted/50", children: [
-          /* @__PURE__ */ jsx12("td", { className: "p-4", children: /* @__PURE__ */ jsxs9("div", { className: "flex flex-col", children: [
-            /* @__PURE__ */ jsx12("span", { className: "font-medium", children: sub.subscriber_email }),
-            /* @__PURE__ */ jsx12("span", { className: "text-xs text-muted-foreground", children: sub.subscriber_external_id })
+        /* @__PURE__ */ jsx19("tbody", { children: isLoading ? /* @__PURE__ */ jsx19(SkeletonRows, { rows: 5, columns: 8 }) : subscriptions.length === 0 ? /* @__PURE__ */ jsx19("tr", { children: /* @__PURE__ */ jsx19("td", { colSpan: 8, className: "p-4 text-center py-8 text-muted-foreground", children: "Nessun abbonamento trovato" }) }) : subscriptions.map((sub) => /* @__PURE__ */ jsxs16("tr", { className: "border-b hover:bg-muted/50", children: [
+          /* @__PURE__ */ jsx19("td", { className: "p-4", children: /* @__PURE__ */ jsxs16("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ jsx19("span", { className: "font-medium", children: sub.subscriber_email }),
+            /* @__PURE__ */ jsx19("span", { className: "text-xs text-muted-foreground", children: sub.subscriber_external_id })
           ] }) }),
-          /* @__PURE__ */ jsxs9("td", { className: "p-4", children: [
-            /* @__PURE__ */ jsx12("span", { className: "font-medium", children: sub.plan_name }),
-            /* @__PURE__ */ jsxs9("span", { className: "text-xs text-muted-foreground ml-1", children: [
+          /* @__PURE__ */ jsxs16("td", { className: "p-4", children: [
+            /* @__PURE__ */ jsx19("span", { className: "font-medium", children: sub.plan_name }),
+            /* @__PURE__ */ jsxs16("span", { className: "text-xs text-muted-foreground ml-1", children: [
               "(",
               sub.plan_slug,
               ")"
             ] })
           ] }),
-          /* @__PURE__ */ jsx12("td", { className: "p-4", children: /* @__PURE__ */ jsx12(StatusBadge, { label: subscriptionStatusLabels[sub.status], colorClass: subscriptionStatusColors[sub.status] }) }),
-          /* @__PURE__ */ jsx12("td", { className: "p-4 capitalize", children: sub.billing_cycle }),
-          /* @__PURE__ */ jsxs9("td", { className: "p-4 text-sm", children: [
+          /* @__PURE__ */ jsx19("td", { className: "p-4", children: /* @__PURE__ */ jsx19(StatusBadge, { label: subscriptionStatusLabels[sub.status], colorClass: subscriptionStatusColors[sub.status] }) }),
+          /* @__PURE__ */ jsx19("td", { className: "p-4 capitalize", children: sub.billing_cycle }),
+          /* @__PURE__ */ jsxs16("td", { className: "p-4 text-sm", children: [
             formatDate(sub.current_period_start),
             " - ",
             formatDate(sub.current_period_end)
           ] }),
-          /* @__PURE__ */ jsx12("td", { className: "p-4", children: formatDate(sub.trial_end) }),
-          /* @__PURE__ */ jsx12("td", { className: "p-4", children: formatDate(sub.created_at) }),
-          /* @__PURE__ */ jsx12("td", { className: "p-4 text-right", children: /* @__PURE__ */ jsxs9("div", { className: "flex justify-end gap-1", children: [
-            /* @__PURE__ */ jsx12("button", { className: "inline-flex items-center justify-center rounded-md h-9 w-9 hover:bg-accent", onClick: () => {
+          /* @__PURE__ */ jsx19("td", { className: "p-4", children: formatDate(sub.trial_end) }),
+          /* @__PURE__ */ jsx19("td", { className: "p-4", children: formatDate(sub.created_at) }),
+          /* @__PURE__ */ jsx19("td", { className: "p-4 text-right", children: /* @__PURE__ */ jsxs16("div", { className: "flex justify-end gap-1", children: [
+            /* @__PURE__ */ jsx19("button", { className: "inline-flex items-center justify-center rounded-md h-9 w-9 hover:bg-accent", onClick: () => {
               setSelectedSub(sub);
               setShowDetails(true);
-            }, children: /* @__PURE__ */ jsx12(Eye, { className: "w-4 h-4" }) }),
-            sub.status !== "canceled" && /* @__PURE__ */ jsx12("button", { className: "inline-flex items-center justify-center rounded-md h-9 w-9 text-destructive hover:bg-accent", onClick: () => {
+            }, children: /* @__PURE__ */ jsx19(Eye, { className: "w-4 h-4" }) }),
+            sub.status !== "canceled" && /* @__PURE__ */ jsx19("button", { className: "inline-flex items-center justify-center rounded-md h-9 w-9 text-destructive hover:bg-accent", onClick: () => {
               setSelectedSub(sub);
               setShowCancelDialog(true);
-            }, children: /* @__PURE__ */ jsx12(XCircle, { className: "w-4 h-4" }) })
+            }, children: /* @__PURE__ */ jsx19(XCircle, { className: "w-4 h-4" }) })
           ] }) })
         ] }, sub.id)) })
       ] }) }) })
     ] }),
-    showDetails && selectedSub && /* @__PURE__ */ jsxs9("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
-      /* @__PURE__ */ jsx12("div", { className: "fixed inset-0 bg-black/80", onClick: () => setShowDetails(false) }),
-      /* @__PURE__ */ jsxs9("div", { className: "relative z-50 w-full max-w-lg rounded-lg border bg-background p-6 shadow-lg", children: [
-        /* @__PURE__ */ jsx12("h2", { className: "text-lg font-semibold mb-1", children: "Dettagli Abbonamento" }),
-        /* @__PURE__ */ jsx12("p", { className: "text-sm text-muted-foreground mb-4", children: "Informazioni complete" }),
-        /* @__PURE__ */ jsxs9("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsxs9("div", { className: "grid grid-cols-2 gap-4", children: [
-            /* @__PURE__ */ jsxs9("div", { children: [
-              /* @__PURE__ */ jsx12("p", { className: "text-sm text-muted-foreground", children: "Subscriber" }),
-              /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2 mt-1", children: [
-                /* @__PURE__ */ jsx12(User, { className: "w-4 h-4 text-muted-foreground" }),
-                /* @__PURE__ */ jsx12("span", { className: "font-medium", children: selectedSub.subscriber_email })
+    showDetails && selectedSub && /* @__PURE__ */ jsxs16("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
+      /* @__PURE__ */ jsx19("div", { className: "fixed inset-0 bg-black/80", onClick: () => setShowDetails(false) }),
+      /* @__PURE__ */ jsxs16("div", { className: "relative z-50 w-full max-w-lg rounded-lg border bg-background p-6 shadow-lg", children: [
+        /* @__PURE__ */ jsx19("h2", { className: "text-lg font-semibold mb-1", children: "Dettagli Abbonamento" }),
+        /* @__PURE__ */ jsx19("p", { className: "text-sm text-muted-foreground mb-4", children: "Informazioni complete" }),
+        /* @__PURE__ */ jsxs16("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs16("div", { className: "grid grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsxs16("div", { children: [
+              /* @__PURE__ */ jsx19("p", { className: "text-sm text-muted-foreground", children: "Subscriber" }),
+              /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2 mt-1", children: [
+                /* @__PURE__ */ jsx19(User, { className: "w-4 h-4 text-muted-foreground" }),
+                /* @__PURE__ */ jsx19("span", { className: "font-medium", children: selectedSub.subscriber_email })
               ] }),
-              /* @__PURE__ */ jsxs9("p", { className: "text-xs text-muted-foreground mt-1", children: [
+              /* @__PURE__ */ jsxs16("p", { className: "text-xs text-muted-foreground mt-1", children: [
                 "ID: ",
                 selectedSub.subscriber_external_id
               ] })
             ] }),
-            /* @__PURE__ */ jsxs9("div", { children: [
-              /* @__PURE__ */ jsx12("p", { className: "text-sm text-muted-foreground", children: "Piano" }),
-              /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2 mt-1", children: [
-                /* @__PURE__ */ jsx12(CreditCard, { className: "w-4 h-4 text-muted-foreground" }),
-                /* @__PURE__ */ jsx12("span", { className: "font-medium", children: selectedSub.plan_name })
+            /* @__PURE__ */ jsxs16("div", { children: [
+              /* @__PURE__ */ jsx19("p", { className: "text-sm text-muted-foreground", children: "Piano" }),
+              /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2 mt-1", children: [
+                /* @__PURE__ */ jsx19(CreditCard, { className: "w-4 h-4 text-muted-foreground" }),
+                /* @__PURE__ */ jsx19("span", { className: "font-medium", children: selectedSub.plan_name })
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs9("div", { className: "grid grid-cols-2 gap-4", children: [
-            /* @__PURE__ */ jsxs9("div", { children: [
-              /* @__PURE__ */ jsx12("p", { className: "text-sm text-muted-foreground", children: "Stato" }),
-              /* @__PURE__ */ jsx12(StatusBadge, { label: subscriptionStatusLabels[selectedSub.status], colorClass: subscriptionStatusColors[selectedSub.status], className: "mt-1" })
+          /* @__PURE__ */ jsxs16("div", { className: "grid grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsxs16("div", { children: [
+              /* @__PURE__ */ jsx19("p", { className: "text-sm text-muted-foreground", children: "Stato" }),
+              /* @__PURE__ */ jsx19(StatusBadge, { label: subscriptionStatusLabels[selectedSub.status], colorClass: subscriptionStatusColors[selectedSub.status], className: "mt-1" })
             ] }),
-            /* @__PURE__ */ jsxs9("div", { children: [
-              /* @__PURE__ */ jsx12("p", { className: "text-sm text-muted-foreground", children: "Ciclo" }),
-              /* @__PURE__ */ jsx12("p", { className: "font-medium capitalize mt-1", children: selectedSub.billing_cycle })
+            /* @__PURE__ */ jsxs16("div", { children: [
+              /* @__PURE__ */ jsx19("p", { className: "text-sm text-muted-foreground", children: "Ciclo" }),
+              /* @__PURE__ */ jsx19("p", { className: "font-medium capitalize mt-1", children: selectedSub.billing_cycle })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs9("div", { className: "grid grid-cols-2 gap-4", children: [
-            /* @__PURE__ */ jsxs9("div", { children: [
-              /* @__PURE__ */ jsx12("p", { className: "text-sm text-muted-foreground", children: "Periodo" }),
-              /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2 mt-1", children: [
-                /* @__PURE__ */ jsx12(Calendar, { className: "w-4 h-4 text-muted-foreground" }),
-                /* @__PURE__ */ jsxs9("span", { children: [
+          /* @__PURE__ */ jsxs16("div", { className: "grid grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsxs16("div", { children: [
+              /* @__PURE__ */ jsx19("p", { className: "text-sm text-muted-foreground", children: "Periodo" }),
+              /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2 mt-1", children: [
+                /* @__PURE__ */ jsx19(Calendar, { className: "w-4 h-4 text-muted-foreground" }),
+                /* @__PURE__ */ jsxs16("span", { children: [
                   formatDate(selectedSub.current_period_start),
                   " - ",
                   formatDate(selectedSub.current_period_end)
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ jsxs9("div", { children: [
-              /* @__PURE__ */ jsx12("p", { className: "text-sm text-muted-foreground", children: "Fine Trial" }),
-              /* @__PURE__ */ jsx12("p", { className: "mt-1", children: formatDate(selectedSub.trial_end) })
+            /* @__PURE__ */ jsxs16("div", { children: [
+              /* @__PURE__ */ jsx19("p", { className: "text-sm text-muted-foreground", children: "Fine Trial" }),
+              /* @__PURE__ */ jsx19("p", { className: "mt-1", children: formatDate(selectedSub.trial_end) })
             ] })
           ] }),
-          selectedSub.canceled_at && /* @__PURE__ */ jsxs9("div", { className: "p-3 bg-destructive/10 rounded-lg", children: [
-            /* @__PURE__ */ jsxs9("p", { className: "text-sm text-destructive font-medium", children: [
+          selectedSub.canceled_at && /* @__PURE__ */ jsxs16("div", { className: "p-3 bg-destructive/10 rounded-lg", children: [
+            /* @__PURE__ */ jsxs16("p", { className: "text-sm text-destructive font-medium", children: [
               "Cancellato il ",
               formatDate(selectedSub.canceled_at)
             ] }),
-            selectedSub.cancel_at && /* @__PURE__ */ jsxs9("p", { className: "text-xs text-destructive/80 mt-1", children: [
+            selectedSub.cancel_at && /* @__PURE__ */ jsxs16("p", { className: "text-xs text-destructive/80 mt-1", children: [
               "Termina il ",
               formatDate(selectedSub.cancel_at)
             ] })
           ] }),
-          selectedSub.stripe_subscription_id && /* @__PURE__ */ jsxs9("div", { children: [
-            /* @__PURE__ */ jsx12("p", { className: "text-sm text-muted-foreground", children: "Stripe ID" }),
-            /* @__PURE__ */ jsx12("code", { className: "text-xs bg-muted px-2 py-1 rounded mt-1 inline-block", children: selectedSub.stripe_subscription_id })
+          selectedSub.stripe_subscription_id && /* @__PURE__ */ jsxs16("div", { children: [
+            /* @__PURE__ */ jsx19("p", { className: "text-sm text-muted-foreground", children: "Stripe ID" }),
+            /* @__PURE__ */ jsx19("code", { className: "text-xs bg-muted px-2 py-1 rounded mt-1 inline-block", children: selectedSub.stripe_subscription_id })
           ] })
         ] }),
-        /* @__PURE__ */ jsx12("div", { className: "flex justify-end pt-4", children: /* @__PURE__ */ jsx12("button", { className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 border border-input bg-background hover:bg-accent", onClick: () => setShowDetails(false), children: "Chiudi" }) })
+        /* @__PURE__ */ jsx19("div", { className: "flex justify-end pt-4", children: /* @__PURE__ */ jsx19("button", { className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 border border-input bg-background hover:bg-accent", onClick: () => setShowDetails(false), children: "Chiudi" }) })
       ] })
     ] }),
-    showCancelDialog && selectedSub && /* @__PURE__ */ jsxs9("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
-      /* @__PURE__ */ jsx12("div", { className: "fixed inset-0 bg-black/80", onClick: () => setShowCancelDialog(false) }),
-      /* @__PURE__ */ jsxs9("div", { className: "relative z-50 w-full max-w-lg rounded-lg border bg-background p-6 shadow-lg", children: [
-        /* @__PURE__ */ jsx12("h2", { className: "text-lg font-semibold", children: "Cancellare Abbonamento?" }),
-        /* @__PURE__ */ jsxs9("p", { className: "text-sm text-muted-foreground mt-1", children: [
+    showCancelDialog && selectedSub && /* @__PURE__ */ jsxs16("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
+      /* @__PURE__ */ jsx19("div", { className: "fixed inset-0 bg-black/80", onClick: () => setShowCancelDialog(false) }),
+      /* @__PURE__ */ jsxs16("div", { className: "relative z-50 w-full max-w-lg rounded-lg border bg-background p-6 shadow-lg", children: [
+        /* @__PURE__ */ jsx19("h2", { className: "text-lg font-semibold", children: "Cancellare Abbonamento?" }),
+        /* @__PURE__ */ jsxs16("p", { className: "text-sm text-muted-foreground mt-1", children: [
           "Stai per cancellare l'abbonamento di ",
-          /* @__PURE__ */ jsx12("strong", { children: selectedSub.subscriber_email }),
+          /* @__PURE__ */ jsx19("strong", { children: selectedSub.subscriber_email }),
           "."
         ] }),
-        /* @__PURE__ */ jsxs9("div", { className: "py-4", children: [
-          /* @__PURE__ */ jsxs9("label", { className: "flex items-center gap-2 cursor-pointer", children: [
-            /* @__PURE__ */ jsx12("input", { type: "checkbox", checked: cancelAtPeriodEnd, onChange: (e) => setCancelAtPeriodEnd(e.target.checked), className: "rounded border-input" }),
-            /* @__PURE__ */ jsx12("span", { className: "text-sm", children: "Cancella alla fine del periodo corrente (consigliato)" })
+        /* @__PURE__ */ jsxs16("div", { className: "py-4", children: [
+          /* @__PURE__ */ jsxs16("label", { className: "flex items-center gap-2 cursor-pointer", children: [
+            /* @__PURE__ */ jsx19("input", { type: "checkbox", checked: cancelAtPeriodEnd, onChange: (e) => setCancelAtPeriodEnd(e.target.checked), className: "rounded border-input" }),
+            /* @__PURE__ */ jsx19("span", { className: "text-sm", children: "Cancella alla fine del periodo corrente (consigliato)" })
           ] }),
-          /* @__PURE__ */ jsx12("p", { className: "text-xs text-muted-foreground mt-2", children: cancelAtPeriodEnd ? "L'abbonamento rimarr\xE0 attivo fino alla fine del periodo." : "L'abbonamento verr\xE0 cancellato immediatamente." })
+          /* @__PURE__ */ jsx19("p", { className: "text-xs text-muted-foreground mt-2", children: cancelAtPeriodEnd ? "L'abbonamento rimarr\xE0 attivo fino alla fine del periodo." : "L'abbonamento verr\xE0 cancellato immediatamente." })
         ] }),
-        /* @__PURE__ */ jsxs9("div", { className: "flex justify-end gap-2", children: [
-          /* @__PURE__ */ jsx12("button", { className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 border border-input bg-background hover:bg-accent", onClick: () => setShowCancelDialog(false), children: "Annulla" }),
-          /* @__PURE__ */ jsx12("button", { className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 bg-destructive text-destructive-foreground hover:bg-destructive/90 disabled:opacity-50", onClick: handleCancel, disabled: cancelMutation.isPending, children: cancelMutation.isPending ? "Cancellazione..." : "Conferma Cancellazione" })
+        /* @__PURE__ */ jsxs16("div", { className: "flex justify-end gap-2", children: [
+          /* @__PURE__ */ jsx19("button", { className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 border border-input bg-background hover:bg-accent", onClick: () => setShowCancelDialog(false), children: "Annulla" }),
+          /* @__PURE__ */ jsx19("button", { className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 bg-destructive text-destructive-foreground hover:bg-destructive/90 disabled:opacity-50", onClick: handleCancel, disabled: cancelMutation.isPending, children: cancelMutation.isPending ? "Cancellazione..." : "Conferma Cancellazione" })
         ] })
       ] })
     ] })
   ] });
-  return Wrapper ? /* @__PURE__ */ jsx12(Wrapper, { children: content }) : content;
+  return Wrapper ? /* @__PURE__ */ jsx19(Wrapper, { children: content }) : content;
 }
 
 // src/pages/PaymentsPage.tsx
@@ -1405,6 +1743,7 @@ import { RotateCcw, Receipt } from "lucide-react";
 import {
   useAdminPayments,
   useRefundPayment,
+  useCursorPagination,
   formatCurrencyFromCents as formatCurrencyFromCents2,
   formatTimestamp,
   truncateId,
@@ -1414,7 +1753,7 @@ import {
 
 // src/components/shared/CursorPagination.tsx
 import { ChevronLeft, ChevronRight } from "lucide-react";
-import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 function CursorPagination({
   cursor,
   hasMore,
@@ -1422,20 +1761,20 @@ function CursorPagination({
   onFirstPage,
   onNextPage
 }) {
-  return /* @__PURE__ */ jsxs10("div", { className: "flex justify-between items-center", children: [
-    /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs17("div", { className: "flex justify-between items-center", children: [
+    /* @__PURE__ */ jsxs17(
       "button",
       {
         className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-9 px-3 border border-input bg-background hover:bg-accent hover:text-accent-foreground disabled:opacity-50 disabled:pointer-events-none",
         onClick: onFirstPage,
         disabled: !cursor,
         children: [
-          /* @__PURE__ */ jsx13(ChevronLeft, { className: "w-4 h-4 mr-1" }),
+          /* @__PURE__ */ jsx20(ChevronLeft, { className: "w-4 h-4 mr-1" }),
           "Prima Pagina"
         ]
       }
     ),
-    /* @__PURE__ */ jsxs10(
+    /* @__PURE__ */ jsxs17(
       "button",
       {
         className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-9 px-3 border border-input bg-background hover:bg-accent hover:text-accent-foreground disabled:opacity-50 disabled:pointer-events-none",
@@ -1447,7 +1786,7 @@ function CursorPagination({
         disabled: !hasMore,
         children: [
           "Prossima",
-          /* @__PURE__ */ jsx13(ChevronRight, { className: "w-4 h-4 ml-1" })
+          /* @__PURE__ */ jsx20(ChevronRight, { className: "w-4 h-4 ml-1" })
         ]
       }
     )
@@ -1455,7 +1794,7 @@ function CursorPagination({
 }
 
 // src/pages/PaymentsPage.tsx
-import { Fragment as Fragment5, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
 var statusFilterOptions2 = [
   { value: "all", label: "Tutti gli stati" },
   { value: "succeeded", label: "Completati" },
@@ -1466,7 +1805,7 @@ var statusFilterOptions2 = [
 function PaymentsPage({ wrapper: Wrapper, header }) {
   const [search, setSearch] = useState5("");
   const [statusFilter, setStatusFilter] = useState5("all");
-  const [cursor, setCursor] = useState5();
+  const { cursor, goToNext, goToFirst } = useCursorPagination();
   const [selectedPayment, setSelectedPayment] = useState5(null);
   const [showRefundDialog, setShowRefundDialog] = useState5(false);
   const [refundAmount, setRefundAmount] = useState5("");
@@ -1498,96 +1837,96 @@ function PaymentsPage({ wrapper: Wrapper, header }) {
     setRefundAmount((payment.amount / 100).toFixed(2));
     setShowRefundDialog(true);
   };
-  const content = /* @__PURE__ */ jsxs11(Fragment5, { children: [
+  const content = /* @__PURE__ */ jsxs18(Fragment7, { children: [
     header,
-    /* @__PURE__ */ jsxs11("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsxs18("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx21(
         FilterBar,
         {
           searchPlaceholder: "Cerca per email cliente...",
           searchValue: search,
           onSearchChange: (v) => {
             setSearch(v);
-            setCursor(void 0);
+            goToFirst();
           },
           statusFilter,
           onStatusFilterChange: (v) => {
             setStatusFilter(v);
-            setCursor(void 0);
+            goToFirst();
           },
           statusOptions: statusFilterOptions2,
           onRefresh: refetch
         }
       ),
-      /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-        /* @__PURE__ */ jsx14(Receipt, { className: "w-4 h-4" }),
-        /* @__PURE__ */ jsxs11("span", { children: [
+      /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ jsx21(Receipt, { className: "w-4 h-4" }),
+        /* @__PURE__ */ jsxs18("span", { children: [
           payments.length,
           " pagamenti visualizzati"
         ] })
       ] }),
-      /* @__PURE__ */ jsx14("div", { className: "rounded-lg border bg-card shadow-sm", children: /* @__PURE__ */ jsx14("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxs11("table", { className: "w-full caption-bottom text-sm", children: [
-        /* @__PURE__ */ jsx14("thead", { className: "[&_tr]:border-b", children: /* @__PURE__ */ jsxs11("tr", { className: "border-b hover:bg-muted/50", children: [
-          /* @__PURE__ */ jsx14("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "ID Pagamento" }),
-          /* @__PURE__ */ jsx14("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Importo" }),
-          /* @__PURE__ */ jsx14("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Stato" }),
-          /* @__PURE__ */ jsx14("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Cliente" }),
-          /* @__PURE__ */ jsx14("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Descrizione" }),
-          /* @__PURE__ */ jsx14("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Data" }),
-          /* @__PURE__ */ jsx14("th", { className: "h-12 px-4 text-right font-medium text-muted-foreground", children: "Azioni" })
+      /* @__PURE__ */ jsx21("div", { className: "rounded-lg border bg-card shadow-sm", children: /* @__PURE__ */ jsx21("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxs18("table", { className: "w-full caption-bottom text-sm", children: [
+        /* @__PURE__ */ jsx21("thead", { className: "[&_tr]:border-b", children: /* @__PURE__ */ jsxs18("tr", { className: "border-b hover:bg-muted/50", children: [
+          /* @__PURE__ */ jsx21("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "ID Pagamento" }),
+          /* @__PURE__ */ jsx21("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Importo" }),
+          /* @__PURE__ */ jsx21("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Stato" }),
+          /* @__PURE__ */ jsx21("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Cliente" }),
+          /* @__PURE__ */ jsx21("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Descrizione" }),
+          /* @__PURE__ */ jsx21("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Data" }),
+          /* @__PURE__ */ jsx21("th", { className: "h-12 px-4 text-right font-medium text-muted-foreground", children: "Azioni" })
         ] }) }),
-        /* @__PURE__ */ jsx14("tbody", { children: isLoading ? /* @__PURE__ */ jsx14(SkeletonRows, { rows: 5, columns: 7 }) : payments.length === 0 ? /* @__PURE__ */ jsx14("tr", { children: /* @__PURE__ */ jsx14("td", { colSpan: 7, className: "p-4 text-center py-8 text-muted-foreground", children: "Nessun pagamento trovato" }) }) : payments.map((payment) => /* @__PURE__ */ jsxs11("tr", { className: "border-b hover:bg-muted/50", children: [
-          /* @__PURE__ */ jsx14("td", { className: "p-4", children: /* @__PURE__ */ jsx14("code", { className: "text-xs bg-muted px-2 py-0.5 rounded", children: truncateId(payment.id) }) }),
-          /* @__PURE__ */ jsx14("td", { className: "p-4 font-medium", children: formatCurrencyFromCents2(payment.amount, payment.currency) }),
-          /* @__PURE__ */ jsx14("td", { className: "p-4", children: /* @__PURE__ */ jsx14(StatusBadge, { label: paymentStatusLabels[payment.status], colorClass: paymentStatusColors[payment.status] }) }),
-          /* @__PURE__ */ jsx14("td", { className: "p-4", children: payment.customer_email || /* @__PURE__ */ jsx14("span", { className: "text-muted-foreground", children: "-" }) }),
-          /* @__PURE__ */ jsx14("td", { className: "p-4 max-w-[200px] truncate", children: payment.description || /* @__PURE__ */ jsx14("span", { className: "text-muted-foreground", children: "-" }) }),
-          /* @__PURE__ */ jsx14("td", { className: "p-4", children: formatTimestamp(payment.created, true) }),
-          /* @__PURE__ */ jsx14("td", { className: "p-4 text-right", children: payment.status === "succeeded" && /* @__PURE__ */ jsxs11("button", { className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-9 px-3 hover:bg-accent", onClick: () => openRefundDialog(payment), children: [
-            /* @__PURE__ */ jsx14(RotateCcw, { className: "w-4 h-4 mr-1" }),
+        /* @__PURE__ */ jsx21("tbody", { children: isLoading ? /* @__PURE__ */ jsx21(SkeletonRows, { rows: 5, columns: 7 }) : payments.length === 0 ? /* @__PURE__ */ jsx21("tr", { children: /* @__PURE__ */ jsx21("td", { colSpan: 7, className: "p-4 text-center py-8 text-muted-foreground", children: "Nessun pagamento trovato" }) }) : payments.map((payment) => /* @__PURE__ */ jsxs18("tr", { className: "border-b hover:bg-muted/50", children: [
+          /* @__PURE__ */ jsx21("td", { className: "p-4", children: /* @__PURE__ */ jsx21("code", { className: "text-xs bg-muted px-2 py-0.5 rounded", children: truncateId(payment.id) }) }),
+          /* @__PURE__ */ jsx21("td", { className: "p-4 font-medium", children: formatCurrencyFromCents2(payment.amount, payment.currency) }),
+          /* @__PURE__ */ jsx21("td", { className: "p-4", children: /* @__PURE__ */ jsx21(StatusBadge, { label: paymentStatusLabels[payment.status], colorClass: paymentStatusColors[payment.status] }) }),
+          /* @__PURE__ */ jsx21("td", { className: "p-4", children: payment.customer_email || /* @__PURE__ */ jsx21("span", { className: "text-muted-foreground", children: "-" }) }),
+          /* @__PURE__ */ jsx21("td", { className: "p-4 max-w-[200px] truncate", children: payment.description || /* @__PURE__ */ jsx21("span", { className: "text-muted-foreground", children: "-" }) }),
+          /* @__PURE__ */ jsx21("td", { className: "p-4", children: formatTimestamp(payment.created, true) }),
+          /* @__PURE__ */ jsx21("td", { className: "p-4 text-right", children: payment.status === "succeeded" && /* @__PURE__ */ jsxs18("button", { className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-9 px-3 hover:bg-accent", onClick: () => openRefundDialog(payment), children: [
+            /* @__PURE__ */ jsx21(RotateCcw, { className: "w-4 h-4 mr-1" }),
             "Rimborsa"
           ] }) })
         ] }, payment.id)) })
       ] }) }) }),
-      /* @__PURE__ */ jsx14(CursorPagination, { cursor, hasMore, items: payments, onFirstPage: () => setCursor(void 0), onNextPage: setCursor })
+      /* @__PURE__ */ jsx21(CursorPagination, { cursor, hasMore, items: payments, onFirstPage: goToFirst, onNextPage: goToNext })
     ] }),
-    showRefundDialog && selectedPayment && /* @__PURE__ */ jsxs11("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
-      /* @__PURE__ */ jsx14("div", { className: "fixed inset-0 bg-black/80", onClick: () => setShowRefundDialog(false) }),
-      /* @__PURE__ */ jsxs11("div", { className: "relative z-50 w-full max-w-md rounded-lg border bg-background p-6 shadow-lg", children: [
-        /* @__PURE__ */ jsx14("h2", { className: "text-lg font-semibold", children: "Rimborso Pagamento" }),
-        /* @__PURE__ */ jsx14("p", { className: "text-sm text-muted-foreground mt-1", children: "Effettua un rimborso per il pagamento selezionato" }),
-        /* @__PURE__ */ jsxs11("div", { className: "space-y-4 py-4", children: [
-          /* @__PURE__ */ jsxs11("div", { className: "p-3 bg-muted rounded-lg", children: [
-            /* @__PURE__ */ jsxs11("div", { className: "flex justify-between items-center", children: [
-              /* @__PURE__ */ jsx14("span", { className: "text-sm text-muted-foreground", children: "Pagamento originale" }),
-              /* @__PURE__ */ jsx14("span", { className: "font-medium", children: formatCurrencyFromCents2(selectedPayment.amount, selectedPayment.currency) })
+    showRefundDialog && selectedPayment && /* @__PURE__ */ jsxs18("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
+      /* @__PURE__ */ jsx21("div", { className: "fixed inset-0 bg-black/80", onClick: () => setShowRefundDialog(false) }),
+      /* @__PURE__ */ jsxs18("div", { className: "relative z-50 w-full max-w-md rounded-lg border bg-background p-6 shadow-lg", children: [
+        /* @__PURE__ */ jsx21("h2", { className: "text-lg font-semibold", children: "Rimborso Pagamento" }),
+        /* @__PURE__ */ jsx21("p", { className: "text-sm text-muted-foreground mt-1", children: "Effettua un rimborso per il pagamento selezionato" }),
+        /* @__PURE__ */ jsxs18("div", { className: "space-y-4 py-4", children: [
+          /* @__PURE__ */ jsxs18("div", { className: "p-3 bg-muted rounded-lg", children: [
+            /* @__PURE__ */ jsxs18("div", { className: "flex justify-between items-center", children: [
+              /* @__PURE__ */ jsx21("span", { className: "text-sm text-muted-foreground", children: "Pagamento originale" }),
+              /* @__PURE__ */ jsx21("span", { className: "font-medium", children: formatCurrencyFromCents2(selectedPayment.amount, selectedPayment.currency) })
             ] }),
-            selectedPayment.customer_email && /* @__PURE__ */ jsxs11("p", { className: "text-sm text-muted-foreground mt-1", children: [
+            selectedPayment.customer_email && /* @__PURE__ */ jsxs18("p", { className: "text-sm text-muted-foreground mt-1", children: [
               "Cliente: ",
               selectedPayment.customer_email
             ] })
           ] }),
-          /* @__PURE__ */ jsxs11("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx14("label", { className: "text-sm font-medium leading-none", children: "Importo Rimborso" }),
-            /* @__PURE__ */ jsx14("input", { type: "number", step: "0.01", className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", value: refundAmount, onChange: (e) => setRefundAmount(e.target.value), placeholder: "Lascia vuoto per rimborso totale" })
+          /* @__PURE__ */ jsxs18("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx21("label", { className: "text-sm font-medium leading-none", children: "Importo Rimborso" }),
+            /* @__PURE__ */ jsx21("input", { type: "number", step: "0.01", className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", value: refundAmount, onChange: (e) => setRefundAmount(e.target.value), placeholder: "Lascia vuoto per rimborso totale" })
           ] }),
-          /* @__PURE__ */ jsxs11("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx14("label", { className: "text-sm font-medium leading-none", children: "Motivo" }),
-            /* @__PURE__ */ jsxs11("select", { className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", value: refundReason, onChange: (e) => setRefundReason(e.target.value), children: [
-              /* @__PURE__ */ jsx14("option", { value: "requested_by_customer", children: "Richiesto dal cliente" }),
-              /* @__PURE__ */ jsx14("option", { value: "duplicate", children: "Pagamento duplicato" }),
-              /* @__PURE__ */ jsx14("option", { value: "fraudulent", children: "Fraudolento" })
+          /* @__PURE__ */ jsxs18("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx21("label", { className: "text-sm font-medium leading-none", children: "Motivo" }),
+            /* @__PURE__ */ jsxs18("select", { className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", value: refundReason, onChange: (e) => setRefundReason(e.target.value), children: [
+              /* @__PURE__ */ jsx21("option", { value: "requested_by_customer", children: "Richiesto dal cliente" }),
+              /* @__PURE__ */ jsx21("option", { value: "duplicate", children: "Pagamento duplicato" }),
+              /* @__PURE__ */ jsx21("option", { value: "fraudulent", children: "Fraudolento" })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs11("div", { className: "flex justify-end gap-2", children: [
-          /* @__PURE__ */ jsx14("button", { className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 border border-input bg-background hover:bg-accent", onClick: () => setShowRefundDialog(false), children: "Annulla" }),
-          /* @__PURE__ */ jsx14("button", { className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 bg-destructive text-destructive-foreground hover:bg-destructive/90 disabled:opacity-50", onClick: handleRefund, disabled: refundMutation.isPending, children: refundMutation.isPending ? "Rimborso in corso..." : "Conferma Rimborso" })
+        /* @__PURE__ */ jsxs18("div", { className: "flex justify-end gap-2", children: [
+          /* @__PURE__ */ jsx21("button", { className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 border border-input bg-background hover:bg-accent", onClick: () => setShowRefundDialog(false), children: "Annulla" }),
+          /* @__PURE__ */ jsx21("button", { className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 bg-destructive text-destructive-foreground hover:bg-destructive/90 disabled:opacity-50", onClick: handleRefund, disabled: refundMutation.isPending, children: refundMutation.isPending ? "Rimborso in corso..." : "Conferma Rimborso" })
         ] })
       ] })
     ] })
   ] });
-  return Wrapper ? /* @__PURE__ */ jsx14(Wrapper, { children: content }) : content;
+  return Wrapper ? /* @__PURE__ */ jsx21(Wrapper, { children: content }) : content;
 }
 
 // src/pages/InvoicesPage.tsx
@@ -1598,7 +1937,8 @@ import {
   useAdminInvoices,
   useSendInvoice,
   useVoidInvoice,
-  useDialogState as useDialogState2,
+  useDialogState as useDialogState3,
+  useCursorPagination as useCursorPagination2,
   formatCurrencyFromCents as formatCurrencyFromCents4,
   formatTimestamp as formatTimestamp3,
   invoiceStatusColors as invoiceStatusColors2,
@@ -1608,78 +1948,78 @@ import {
 // src/components/invoices/InvoiceDetailsDialog.tsx
 import { ExternalLink } from "lucide-react";
 import { formatCurrencyFromCents as formatCurrencyFromCents3, formatTimestamp as formatTimestamp2, invoiceStatusColors, invoiceStatusLabels } from "@growflowstudio/growflowbilling-admin-core";
-import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
 function InvoiceDetailsDialog({ isOpen, onOpenChange, invoice }) {
   if (!isOpen || !invoice) return null;
-  return /* @__PURE__ */ jsxs12("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
-    /* @__PURE__ */ jsx15("div", { className: "fixed inset-0 bg-black/80", onClick: () => onOpenChange(false) }),
-    /* @__PURE__ */ jsxs12("div", { className: "relative z-50 w-full max-w-lg rounded-lg border bg-background p-6 shadow-lg", children: [
-      /* @__PURE__ */ jsxs12("div", { className: "flex flex-col space-y-1.5 pb-4", children: [
-        /* @__PURE__ */ jsx15("h2", { className: "text-lg font-semibold", children: "Dettagli Fattura" }),
-        /* @__PURE__ */ jsx15("p", { className: "text-sm text-muted-foreground", children: invoice.number || "Fattura senza numero" })
+  return /* @__PURE__ */ jsxs19("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
+    /* @__PURE__ */ jsx22("div", { className: "fixed inset-0 bg-black/80", onClick: () => onOpenChange(false) }),
+    /* @__PURE__ */ jsxs19("div", { className: "relative z-50 w-full max-w-lg rounded-lg border bg-background p-6 shadow-lg", children: [
+      /* @__PURE__ */ jsxs19("div", { className: "flex flex-col space-y-1.5 pb-4", children: [
+        /* @__PURE__ */ jsx22("h2", { className: "text-lg font-semibold", children: "Dettagli Fattura" }),
+        /* @__PURE__ */ jsx22("p", { className: "text-sm text-muted-foreground", children: invoice.number || "Fattura senza numero" })
       ] }),
-      /* @__PURE__ */ jsxs12("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsxs12("div", { className: "grid grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ jsxs12("div", { children: [
-            /* @__PURE__ */ jsx15("p", { className: "text-sm text-muted-foreground", children: "Stato" }),
-            /* @__PURE__ */ jsx15(StatusBadge, { label: invoiceStatusLabels[invoice.status], colorClass: invoiceStatusColors[invoice.status], className: "mt-1" })
+      /* @__PURE__ */ jsxs19("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs19("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxs19("div", { children: [
+            /* @__PURE__ */ jsx22("p", { className: "text-sm text-muted-foreground", children: "Stato" }),
+            /* @__PURE__ */ jsx22(StatusBadge, { label: invoiceStatusLabels[invoice.status], colorClass: invoiceStatusColors[invoice.status], className: "mt-1" })
           ] }),
-          /* @__PURE__ */ jsxs12("div", { children: [
-            /* @__PURE__ */ jsx15("p", { className: "text-sm text-muted-foreground", children: "Data Creazione" }),
-            /* @__PURE__ */ jsx15("p", { className: "font-medium mt-1", children: formatTimestamp2(invoice.created) })
+          /* @__PURE__ */ jsxs19("div", { children: [
+            /* @__PURE__ */ jsx22("p", { className: "text-sm text-muted-foreground", children: "Data Creazione" }),
+            /* @__PURE__ */ jsx22("p", { className: "font-medium mt-1", children: formatTimestamp2(invoice.created) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs12("div", { className: "grid grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ jsxs12("div", { children: [
-            /* @__PURE__ */ jsx15("p", { className: "text-sm text-muted-foreground", children: "Importo Dovuto" }),
-            /* @__PURE__ */ jsx15("p", { className: "font-medium mt-1", children: formatCurrencyFromCents3(invoice.amount_due, invoice.currency) })
+        /* @__PURE__ */ jsxs19("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxs19("div", { children: [
+            /* @__PURE__ */ jsx22("p", { className: "text-sm text-muted-foreground", children: "Importo Dovuto" }),
+            /* @__PURE__ */ jsx22("p", { className: "font-medium mt-1", children: formatCurrencyFromCents3(invoice.amount_due, invoice.currency) })
           ] }),
-          /* @__PURE__ */ jsxs12("div", { children: [
-            /* @__PURE__ */ jsx15("p", { className: "text-sm text-muted-foreground", children: "Importo Pagato" }),
-            /* @__PURE__ */ jsx15("p", { className: "font-medium mt-1", children: formatCurrencyFromCents3(invoice.amount_paid, invoice.currency) })
+          /* @__PURE__ */ jsxs19("div", { children: [
+            /* @__PURE__ */ jsx22("p", { className: "text-sm text-muted-foreground", children: "Importo Pagato" }),
+            /* @__PURE__ */ jsx22("p", { className: "font-medium mt-1", children: formatCurrencyFromCents3(invoice.amount_paid, invoice.currency) })
           ] })
         ] }),
-        invoice.amount_remaining > 0 && /* @__PURE__ */ jsx15("div", { className: "p-3 bg-amber-50 dark:bg-amber-900/20 rounded-lg", children: /* @__PURE__ */ jsxs12("p", { className: "text-sm text-amber-700 dark:text-amber-400", children: [
+        invoice.amount_remaining > 0 && /* @__PURE__ */ jsx22("div", { className: "p-3 bg-amber-50 dark:bg-amber-900/20 rounded-lg", children: /* @__PURE__ */ jsxs19("p", { className: "text-sm text-amber-700 dark:text-amber-400", children: [
           "Importo rimanente: ",
-          /* @__PURE__ */ jsx15("strong", { children: formatCurrencyFromCents3(invoice.amount_remaining, invoice.currency) })
+          /* @__PURE__ */ jsx22("strong", { children: formatCurrencyFromCents3(invoice.amount_remaining, invoice.currency) })
         ] }) }),
-        /* @__PURE__ */ jsxs12("div", { children: [
-          /* @__PURE__ */ jsx15("p", { className: "text-sm text-muted-foreground", children: "Cliente" }),
-          /* @__PURE__ */ jsx15("p", { className: "font-medium mt-1", children: invoice.customer_name || "Non specificato" }),
-          invoice.customer_email && /* @__PURE__ */ jsx15("p", { className: "text-sm text-muted-foreground", children: invoice.customer_email })
+        /* @__PURE__ */ jsxs19("div", { children: [
+          /* @__PURE__ */ jsx22("p", { className: "text-sm text-muted-foreground", children: "Cliente" }),
+          /* @__PURE__ */ jsx22("p", { className: "font-medium mt-1", children: invoice.customer_name || "Non specificato" }),
+          invoice.customer_email && /* @__PURE__ */ jsx22("p", { className: "text-sm text-muted-foreground", children: invoice.customer_email })
         ] }),
-        invoice.lines && invoice.lines.length > 0 && /* @__PURE__ */ jsxs12("div", { children: [
-          /* @__PURE__ */ jsx15("p", { className: "text-sm text-muted-foreground mb-2", children: "Voci Fattura" }),
-          /* @__PURE__ */ jsx15("div", { className: "border rounded-lg divide-y", children: invoice.lines.map((line) => /* @__PURE__ */ jsxs12("div", { className: "p-3 flex justify-between items-center", children: [
-            /* @__PURE__ */ jsxs12("div", { children: [
-              /* @__PURE__ */ jsx15("p", { className: "text-sm font-medium", children: line.description }),
-              /* @__PURE__ */ jsxs12("p", { className: "text-xs text-muted-foreground", children: [
+        invoice.lines && invoice.lines.length > 0 && /* @__PURE__ */ jsxs19("div", { children: [
+          /* @__PURE__ */ jsx22("p", { className: "text-sm text-muted-foreground mb-2", children: "Voci Fattura" }),
+          /* @__PURE__ */ jsx22("div", { className: "border rounded-lg divide-y", children: invoice.lines.map((line) => /* @__PURE__ */ jsxs19("div", { className: "p-3 flex justify-between items-center", children: [
+            /* @__PURE__ */ jsxs19("div", { children: [
+              /* @__PURE__ */ jsx22("p", { className: "text-sm font-medium", children: line.description }),
+              /* @__PURE__ */ jsxs19("p", { className: "text-xs text-muted-foreground", children: [
                 "Qt\xE0: ",
                 line.quantity
               ] })
             ] }),
-            /* @__PURE__ */ jsx15("p", { className: "font-medium", children: formatCurrencyFromCents3(line.amount, line.currency) })
+            /* @__PURE__ */ jsx22("p", { className: "font-medium", children: formatCurrencyFromCents3(line.amount, line.currency) })
           ] }, line.id)) })
         ] }),
-        invoice.hosted_invoice_url && /* @__PURE__ */ jsxs12(
+        invoice.hosted_invoice_url && /* @__PURE__ */ jsxs19(
           "button",
           {
             className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 border border-input bg-background hover:bg-accent w-full",
             onClick: () => window.open(invoice.hosted_invoice_url, "_blank"),
             children: [
-              /* @__PURE__ */ jsx15(ExternalLink, { className: "w-4 h-4 mr-2" }),
+              /* @__PURE__ */ jsx22(ExternalLink, { className: "w-4 h-4 mr-2" }),
               "Apri su Stripe"
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ jsx15("div", { className: "flex justify-end pt-4", children: /* @__PURE__ */ jsx15("button", { className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 border border-input bg-background hover:bg-accent", onClick: () => onOpenChange(false), children: "Chiudi" }) })
+      /* @__PURE__ */ jsx22("div", { className: "flex justify-end pt-4", children: /* @__PURE__ */ jsx22("button", { className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 border border-input bg-background hover:bg-accent", onClick: () => onOpenChange(false), children: "Chiudi" }) })
     ] })
   ] });
 }
 
 // src/pages/InvoicesPage.tsx
-import { Fragment as Fragment6, jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
 var statusFilterOptions3 = [
   { value: "all", label: "Tutti gli stati" },
   { value: "draft", label: "Bozze" },
@@ -1691,9 +2031,9 @@ var statusFilterOptions3 = [
 function InvoicesPage({ wrapper: Wrapper, header }) {
   const [search, setSearch] = useState6("");
   const [statusFilter, setStatusFilter] = useState6("all");
-  const [cursor, setCursor] = useState6();
-  const detailsDialog = useDialogState2();
-  const voidDialog = useDialogState2();
+  const { cursor, goToNext, goToFirst } = useCursorPagination2();
+  const detailsDialog = useDialogState3();
+  const voidDialog = useDialogState3();
   const { data, isLoading, refetch } = useAdminInvoices({
     search: search || void 0,
     status: statusFilter !== "all" ? statusFilter : void 0,
@@ -1719,76 +2059,76 @@ function InvoicesPage({ wrapper: Wrapper, header }) {
     if (invoice.invoice_pdf) window.open(invoice.invoice_pdf, "_blank");
     else if (invoice.hosted_invoice_url) window.open(invoice.hosted_invoice_url, "_blank");
   };
-  const content = /* @__PURE__ */ jsxs13(Fragment6, { children: [
+  const content = /* @__PURE__ */ jsxs20(Fragment8, { children: [
     header,
-    /* @__PURE__ */ jsxs13("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsxs20("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx23(
         FilterBar,
         {
           searchPlaceholder: "Cerca per email o numero fattura...",
           searchValue: search,
           onSearchChange: (v) => {
             setSearch(v);
-            setCursor(void 0);
+            goToFirst();
           },
           statusFilter,
           onStatusFilterChange: (v) => {
             setStatusFilter(v);
-            setCursor(void 0);
+            goToFirst();
           },
           statusOptions: statusFilterOptions3,
           onRefresh: refetch
         }
       ),
-      /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-        /* @__PURE__ */ jsx16(FileText, { className: "w-4 h-4" }),
-        /* @__PURE__ */ jsxs13("span", { children: [
+      /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ jsx23(FileText, { className: "w-4 h-4" }),
+        /* @__PURE__ */ jsxs20("span", { children: [
           invoices.length,
           " fatture visualizzate"
         ] })
       ] }),
-      /* @__PURE__ */ jsx16("div", { className: "rounded-lg border bg-card shadow-sm", children: /* @__PURE__ */ jsx16("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxs13("table", { className: "w-full caption-bottom text-sm", children: [
-        /* @__PURE__ */ jsx16("thead", { className: "[&_tr]:border-b", children: /* @__PURE__ */ jsxs13("tr", { className: "border-b hover:bg-muted/50", children: [
-          /* @__PURE__ */ jsx16("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Numero" }),
-          /* @__PURE__ */ jsx16("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Stato" }),
-          /* @__PURE__ */ jsx16("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Importo Dovuto" }),
-          /* @__PURE__ */ jsx16("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Importo Pagato" }),
-          /* @__PURE__ */ jsx16("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Cliente" }),
-          /* @__PURE__ */ jsx16("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Data" }),
-          /* @__PURE__ */ jsx16("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Scadenza" }),
-          /* @__PURE__ */ jsx16("th", { className: "h-12 px-4 text-right font-medium text-muted-foreground", children: "Azioni" })
+      /* @__PURE__ */ jsx23("div", { className: "rounded-lg border bg-card shadow-sm", children: /* @__PURE__ */ jsx23("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxs20("table", { className: "w-full caption-bottom text-sm", children: [
+        /* @__PURE__ */ jsx23("thead", { className: "[&_tr]:border-b", children: /* @__PURE__ */ jsxs20("tr", { className: "border-b hover:bg-muted/50", children: [
+          /* @__PURE__ */ jsx23("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Numero" }),
+          /* @__PURE__ */ jsx23("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Stato" }),
+          /* @__PURE__ */ jsx23("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Importo Dovuto" }),
+          /* @__PURE__ */ jsx23("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Importo Pagato" }),
+          /* @__PURE__ */ jsx23("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Cliente" }),
+          /* @__PURE__ */ jsx23("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Data" }),
+          /* @__PURE__ */ jsx23("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Scadenza" }),
+          /* @__PURE__ */ jsx23("th", { className: "h-12 px-4 text-right font-medium text-muted-foreground", children: "Azioni" })
         ] }) }),
-        /* @__PURE__ */ jsx16("tbody", { children: isLoading ? /* @__PURE__ */ jsx16(SkeletonRows, { rows: 5, columns: 8 }) : invoices.length === 0 ? /* @__PURE__ */ jsx16("tr", { children: /* @__PURE__ */ jsx16("td", { colSpan: 8, className: "p-4 text-center py-8 text-muted-foreground", children: "Nessuna fattura trovata" }) }) : invoices.map((inv) => /* @__PURE__ */ jsxs13("tr", { className: "border-b hover:bg-muted/50", children: [
-          /* @__PURE__ */ jsx16("td", { className: "p-4 font-medium", children: inv.number || /* @__PURE__ */ jsx16("span", { className: "text-muted-foreground", children: "-" }) }),
-          /* @__PURE__ */ jsx16("td", { className: "p-4", children: /* @__PURE__ */ jsx16(StatusBadge, { label: invoiceStatusLabels2[inv.status], colorClass: invoiceStatusColors2[inv.status] }) }),
-          /* @__PURE__ */ jsx16("td", { className: "p-4 font-medium", children: formatCurrencyFromCents4(inv.amount_due, inv.currency) }),
-          /* @__PURE__ */ jsx16("td", { className: "p-4", children: formatCurrencyFromCents4(inv.amount_paid, inv.currency) }),
-          /* @__PURE__ */ jsx16("td", { className: "p-4", children: /* @__PURE__ */ jsxs13("div", { className: "flex flex-col", children: [
-            /* @__PURE__ */ jsx16("span", { children: inv.customer_name || "-" }),
-            inv.customer_email && /* @__PURE__ */ jsx16("span", { className: "text-xs text-muted-foreground", children: inv.customer_email })
+        /* @__PURE__ */ jsx23("tbody", { children: isLoading ? /* @__PURE__ */ jsx23(SkeletonRows, { rows: 5, columns: 8 }) : invoices.length === 0 ? /* @__PURE__ */ jsx23("tr", { children: /* @__PURE__ */ jsx23("td", { colSpan: 8, className: "p-4 text-center py-8 text-muted-foreground", children: "Nessuna fattura trovata" }) }) : invoices.map((inv) => /* @__PURE__ */ jsxs20("tr", { className: "border-b hover:bg-muted/50", children: [
+          /* @__PURE__ */ jsx23("td", { className: "p-4 font-medium", children: inv.number || /* @__PURE__ */ jsx23("span", { className: "text-muted-foreground", children: "-" }) }),
+          /* @__PURE__ */ jsx23("td", { className: "p-4", children: /* @__PURE__ */ jsx23(StatusBadge, { label: invoiceStatusLabels2[inv.status], colorClass: invoiceStatusColors2[inv.status] }) }),
+          /* @__PURE__ */ jsx23("td", { className: "p-4 font-medium", children: formatCurrencyFromCents4(inv.amount_due, inv.currency) }),
+          /* @__PURE__ */ jsx23("td", { className: "p-4", children: formatCurrencyFromCents4(inv.amount_paid, inv.currency) }),
+          /* @__PURE__ */ jsx23("td", { className: "p-4", children: /* @__PURE__ */ jsxs20("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ jsx23("span", { children: inv.customer_name || "-" }),
+            inv.customer_email && /* @__PURE__ */ jsx23("span", { className: "text-xs text-muted-foreground", children: inv.customer_email })
           ] }) }),
-          /* @__PURE__ */ jsx16("td", { className: "p-4", children: formatTimestamp3(inv.created) }),
-          /* @__PURE__ */ jsx16("td", { className: "p-4", children: formatTimestamp3(inv.due_date) }),
-          /* @__PURE__ */ jsx16("td", { className: "p-4 text-right", children: /* @__PURE__ */ jsxs13("div", { className: "flex justify-end gap-1", children: [
-            /* @__PURE__ */ jsx16("button", { className: "inline-flex items-center justify-center rounded-md h-9 w-9 hover:bg-accent", onClick: () => detailsDialog.open(inv), children: /* @__PURE__ */ jsx16(Eye2, { className: "w-4 h-4" }) }),
-            (inv.invoice_pdf || inv.hosted_invoice_url) && /* @__PURE__ */ jsx16("button", { className: "inline-flex items-center justify-center rounded-md h-9 w-9 hover:bg-accent", onClick: () => openInvoicePdf(inv), children: /* @__PURE__ */ jsx16(Download, { className: "w-4 h-4" }) }),
-            inv.status === "open" && /* @__PURE__ */ jsx16("button", { className: "inline-flex items-center justify-center rounded-md h-9 w-9 hover:bg-accent", onClick: () => sendMutation.mutate(inv.id, { onSuccess: () => toast5.success("Fattura inviata"), onError: (err) => toast5.error(`Errore: ${err.message}`) }), disabled: sendMutation.isPending, children: /* @__PURE__ */ jsx16(Send, { className: "w-4 h-4" }) }),
-            (inv.status === "draft" || inv.status === "open") && /* @__PURE__ */ jsx16("button", { className: "inline-flex items-center justify-center rounded-md h-9 w-9 text-destructive hover:bg-accent", onClick: () => voidDialog.open(inv), children: /* @__PURE__ */ jsx16(XCircle2, { className: "w-4 h-4" }) })
+          /* @__PURE__ */ jsx23("td", { className: "p-4", children: formatTimestamp3(inv.created) }),
+          /* @__PURE__ */ jsx23("td", { className: "p-4", children: formatTimestamp3(inv.due_date) }),
+          /* @__PURE__ */ jsx23("td", { className: "p-4 text-right", children: /* @__PURE__ */ jsxs20("div", { className: "flex justify-end gap-1", children: [
+            /* @__PURE__ */ jsx23("button", { className: "inline-flex items-center justify-center rounded-md h-9 w-9 hover:bg-accent", onClick: () => detailsDialog.open(inv), children: /* @__PURE__ */ jsx23(Eye2, { className: "w-4 h-4" }) }),
+            (inv.invoice_pdf || inv.hosted_invoice_url) && /* @__PURE__ */ jsx23("button", { className: "inline-flex items-center justify-center rounded-md h-9 w-9 hover:bg-accent", onClick: () => openInvoicePdf(inv), children: /* @__PURE__ */ jsx23(Download, { className: "w-4 h-4" }) }),
+            inv.status === "open" && /* @__PURE__ */ jsx23("button", { className: "inline-flex items-center justify-center rounded-md h-9 w-9 hover:bg-accent", onClick: () => sendMutation.mutate(inv.id, { onSuccess: () => toast5.success("Fattura inviata"), onError: (err) => toast5.error(`Errore: ${err.message}`) }), disabled: sendMutation.isPending, children: /* @__PURE__ */ jsx23(Send, { className: "w-4 h-4" }) }),
+            (inv.status === "draft" || inv.status === "open") && /* @__PURE__ */ jsx23("button", { className: "inline-flex items-center justify-center rounded-md h-9 w-9 text-destructive hover:bg-accent", onClick: () => voidDialog.open(inv), children: /* @__PURE__ */ jsx23(XCircle2, { className: "w-4 h-4" }) })
           ] }) })
         ] }, inv.id)) })
       ] }) }) }),
-      /* @__PURE__ */ jsx16(CursorPagination, { cursor, hasMore, items: invoices, onFirstPage: () => setCursor(void 0), onNextPage: setCursor })
+      /* @__PURE__ */ jsx23(CursorPagination, { cursor, hasMore, items: invoices, onFirstPage: goToFirst, onNextPage: goToNext })
     ] }),
-    /* @__PURE__ */ jsx16(InvoiceDetailsDialog, { isOpen: detailsDialog.isOpen, onOpenChange: (open) => !open && detailsDialog.close(), invoice: detailsDialog.data }),
-    /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsx23(InvoiceDetailsDialog, { isOpen: detailsDialog.isOpen, onOpenChange: (open) => !open && detailsDialog.close(), invoice: detailsDialog.data }),
+    /* @__PURE__ */ jsx23(
       DeleteConfirmDialog,
       {
         isOpen: voidDialog.isOpen,
         onOpenChange: (open) => !open && voidDialog.close(),
         title: "Annullare Fattura?",
-        description: /* @__PURE__ */ jsxs13(Fragment6, { children: [
+        description: /* @__PURE__ */ jsxs20(Fragment8, { children: [
           "Stai per annullare la fattura ",
-          /* @__PURE__ */ jsx16("strong", { children: voidDialog.data?.number || voidDialog.data?.id }),
+          /* @__PURE__ */ jsx23("strong", { children: voidDialog.data?.number || voidDialog.data?.id }),
           ". Una fattura annullata non pu\xF2 essere riattivata."
         ] }),
         onConfirm: handleVoidConfirm,
@@ -1797,284 +2137,363 @@ function InvoicesPage({ wrapper: Wrapper, header }) {
       }
     )
   ] });
-  return Wrapper ? /* @__PURE__ */ jsx16(Wrapper, { children: content }) : content;
+  return Wrapper ? /* @__PURE__ */ jsx23(Wrapper, { children: content }) : content;
 }
 
 // src/pages/FeaturesPage.tsx
 import { useState as useState7 } from "react";
+import { Plus as Plus3, Package as Package2, AlertCircle } from "lucide-react";
+import { useAdminFeatures, useDeleteFeature } from "@growflowstudio/growflowbilling-admin-core";
+import { toast as toast7 } from "sonner";
+
+// src/components/features/FeatureFormModal.tsx
+import { useCreateFeature, useUpdateFeature } from "@growflowstudio/growflowbilling-admin-core";
 import { toast as toast6 } from "sonner";
-import { Plus as Plus3, Pencil as Pencil3, Trash2 as Trash23, Package as Package2, AlertCircle } from "lucide-react";
-import {
-  useAdminFeatures,
-  useCreateFeature,
-  useUpdateFeature,
-  useDeleteFeature
-} from "@growflowstudio/growflowbilling-admin-core";
-import { Fragment as Fragment7, jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
-function FeaturesPage({ wrapper: Wrapper, header }) {
-  const [isCreateDialogOpen, setIsCreateDialogOpen] = useState7(false);
-  const [editingFeature, setEditingFeature] = useState7(null);
-  const [deletingFeature, setDeletingFeature] = useState7(null);
-  const { data, isLoading } = useAdminFeatures();
+import { Fragment as Fragment9, jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
+function FeatureFormModal({ feature, open, onClose, onSuccess }) {
+  const isEditMode = feature !== null;
   const createMutation = useCreateFeature();
   const updateMutation = useUpdateFeature();
-  const deleteMutation = useDeleteFeature();
-  const features = data?.features || [];
-  const handleCreateFeature = (e) => {
-    e.preventDefault();
-    const formData = new FormData(e.currentTarget);
-    const createData = {
-      slug: formData.get("slug"),
-      name: formData.get("name"),
-      description: formData.get("description") || void 0,
-      icon: formData.get("icon") || void 0,
-      category: formData.get("category") || void 0,
-      is_available: formData.get("is_available") === "on",
-      billing_product_id: formData.get("billing_product_id") || void 0
-    };
-    createMutation.mutate(createData, {
-      onSuccess: () => {
-        toast6.success("Feature creata con successo");
-        setIsCreateDialogOpen(false);
-      },
-      onError: (err) => toast6.error(`Errore: ${err.message}`)
-    });
-  };
-  const handleUpdateFeature = (e) => {
+  const isPending = createMutation.isPending || updateMutation.isPending;
+  const handleSubmit = (e) => {
     e.preventDefault();
-    if (!editingFeature) return;
     const formData = new FormData(e.currentTarget);
-    const updateData = {
-      name: formData.get("name"),
-      description: formData.get("description") || void 0,
-      icon: formData.get("icon") || void 0,
-      category: formData.get("category") || void 0,
-      is_available: formData.get("is_available") === "on",
-      billing_product_id: formData.get("billing_product_id") || void 0
-    };
-    updateMutation.mutate({ id: editingFeature.id, data: updateData }, {
-      onSuccess: () => {
-        toast6.success("Feature aggiornata con successo");
-        setEditingFeature(null);
-      },
-      onError: (err) => toast6.error(`Errore: ${err.message}`)
-    });
+    if (isEditMode) {
+      const updateData = {
+        name: formData.get("name"),
+        description: formData.get("description") || void 0,
+        icon: formData.get("icon") || void 0,
+        category: formData.get("category") || void 0,
+        is_available: formData.get("is_available") === "on",
+        billing_product_id: formData.get("billing_product_id") || void 0
+      };
+      updateMutation.mutate(
+        { id: feature.id, data: updateData },
+        {
+          onSuccess: () => {
+            toast6.success("Feature aggiornata con successo");
+            onSuccess();
+          },
+          onError: (err) => toast6.error(`Errore: ${err.message}`)
+        }
+      );
+    } else {
+      const createData = {
+        slug: formData.get("slug"),
+        name: formData.get("name"),
+        description: formData.get("description") || void 0,
+        icon: formData.get("icon") || void 0,
+        category: formData.get("category") || void 0,
+        is_available: formData.get("is_available") === "on",
+        billing_product_id: formData.get("billing_product_id") || void 0
+      };
+      createMutation.mutate(createData, {
+        onSuccess: () => {
+          toast6.success("Feature creata con successo");
+          onSuccess();
+        },
+        onError: (err) => toast6.error(`Errore: ${err.message}`)
+      });
+    }
   };
+  if (!open) return null;
+  return /* @__PURE__ */ jsxs21("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
+    /* @__PURE__ */ jsx24("div", { className: "fixed inset-0 bg-black/80", onClick: onClose }),
+    /* @__PURE__ */ jsx24("div", { className: "relative z-50 w-full max-w-md rounded-lg border bg-background p-6 shadow-lg", children: /* @__PURE__ */ jsxs21("form", { onSubmit: handleSubmit, children: [
+      /* @__PURE__ */ jsx24("h2", { className: "text-lg font-semibold", children: isEditMode ? "Modifica Feature" : "Crea Nuova Feature" }),
+      /* @__PURE__ */ jsx24("p", { className: "text-sm text-muted-foreground mt-1", children: isEditMode ? `Aggiorna i dettagli della feature "${feature.name}".` : "Configura una nuova feature disponibile." }),
+      /* @__PURE__ */ jsxs21("div", { className: "space-y-4 py-4", children: [
+        /* @__PURE__ */ jsxs21("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx24("label", { className: "text-sm font-medium leading-none", htmlFor: "slug", children: isEditMode ? "Slug (non modificabile)" : "Slug *" }),
+          isEditMode ? /* @__PURE__ */ jsx24(
+            "input",
+            {
+              value: feature.slug,
+              disabled: true,
+              className: "flex h-10 w-full rounded-md border border-input bg-muted px-3 py-2 text-sm"
+            }
+          ) : /* @__PURE__ */ jsxs21(Fragment9, { children: [
+            /* @__PURE__ */ jsx24(
+              "input",
+              {
+                id: "slug",
+                name: "slug",
+                required: true,
+                placeholder: "ottimizza-dati-prodotti",
+                className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+              }
+            ),
+            /* @__PURE__ */ jsx24("p", { className: "text-xs text-muted-foreground", children: "Identificatore univoco (lowercase, trattini)" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs21("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx24("label", { className: "text-sm font-medium leading-none", htmlFor: "name", children: "Nome *" }),
+          /* @__PURE__ */ jsx24(
+            "input",
+            {
+              id: isEditMode ? "edit-name" : "name",
+              name: "name",
+              required: true,
+              defaultValue: feature?.name ?? "",
+              placeholder: "Ottimizza Dati Prodotti",
+              className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs21("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx24("label", { className: "text-sm font-medium leading-none", htmlFor: "description", children: "Descrizione" }),
+          /* @__PURE__ */ jsx24(
+            "textarea",
+            {
+              id: isEditMode ? "edit-description" : "description",
+              name: "description",
+              rows: 3,
+              defaultValue: feature?.description ?? "",
+              placeholder: "Descrizione della feature...",
+              className: "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs21("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxs21("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx24("label", { className: "text-sm font-medium leading-none", htmlFor: "icon", children: "Icona Lucide" }),
+            /* @__PURE__ */ jsx24(
+              "input",
+              {
+                id: isEditMode ? "edit-icon" : "icon",
+                name: "icon",
+                defaultValue: feature?.icon ?? "",
+                placeholder: "Package",
+                className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs21("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx24("label", { className: "text-sm font-medium leading-none", htmlFor: "category", children: "Categoria" }),
+            /* @__PURE__ */ jsx24(
+              "input",
+              {
+                id: isEditMode ? "edit-category" : "category",
+                name: "category",
+                defaultValue: feature?.category ?? "",
+                placeholder: "ai, limits, integration...",
+                className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs21("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx24("label", { className: "text-sm font-medium leading-none", htmlFor: "billing_product_id", children: "Billing Product ID (opzionale)" }),
+          /* @__PURE__ */ jsx24(
+            "input",
+            {
+              id: isEditMode ? "edit-billing_product_id" : "billing_product_id",
+              name: "billing_product_id",
+              defaultValue: feature?.billing_product_id ?? "",
+              placeholder: "UUID del prodotto billing",
+              className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+            }
+          ),
+          !isEditMode && /* @__PURE__ */ jsx24("p", { className: "text-xs text-muted-foreground", children: "Se collegato a un prodotto, la feature viene attivata automaticamente" })
+        ] }),
+        /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx24(
+            "input",
+            {
+              type: "checkbox",
+              id: isEditMode ? "edit-is_available" : "is_available",
+              name: "is_available",
+              defaultChecked: feature?.is_available ?? true,
+              className: "rounded border-input"
+            }
+          ),
+          /* @__PURE__ */ jsx24(
+            "label",
+            {
+              className: "text-sm font-medium leading-none",
+              htmlFor: isEditMode ? "edit-is_available" : "is_available",
+              children: "Feature disponibile"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs21("div", { className: "flex justify-end gap-2", children: [
+        /* @__PURE__ */ jsx24(
+          "button",
+          {
+            type: "button",
+            className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 border border-input bg-background hover:bg-accent",
+            onClick: onClose,
+            children: "Annulla"
+          }
+        ),
+        /* @__PURE__ */ jsx24(
+          "button",
+          {
+            type: "submit",
+            className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90 disabled:opacity-50",
+            disabled: isPending,
+            children: isPending ? isEditMode ? "Salvataggio..." : "Creazione..." : isEditMode ? "Salva Modifiche" : "Crea Feature"
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
+
+// src/components/features/FeatureListItem.tsx
+import { Pencil as Pencil3, Trash2 as Trash23 } from "lucide-react";
+import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
+function FeatureListItem({ feature, onEdit, onDelete }) {
+  return /* @__PURE__ */ jsx25("div", { className: "border rounded-lg p-4 hover:bg-muted/50 transition-colors", children: /* @__PURE__ */ jsxs22("div", { className: "flex items-start justify-between", children: [
+    /* @__PURE__ */ jsxs22("div", { className: "flex-1", children: [
+      /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2 mb-2", children: [
+        /* @__PURE__ */ jsx25("span", { className: "font-semibold", children: feature.name }),
+        /* @__PURE__ */ jsx25("code", { className: "text-xs bg-muted px-2 py-0.5 rounded", children: feature.slug }),
+        !feature.is_available && /* @__PURE__ */ jsx25(StatusBadge, { label: "Disattivata", colorClass: "bg-secondary text-secondary-foreground border-transparent" }),
+        feature.billing_product_id && /* @__PURE__ */ jsx25(StatusBadge, { label: "Con Billing", colorClass: "border" })
+      ] }),
+      feature.description && /* @__PURE__ */ jsx25("p", { className: "text-sm text-muted-foreground mb-2", children: feature.description }),
+      /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-4 text-xs text-muted-foreground", children: [
+        feature.category && /* @__PURE__ */ jsxs22("span", { children: [
+          "Categoria: ",
+          feature.category
+        ] }),
+        feature.icon && /* @__PURE__ */ jsxs22("span", { children: [
+          "Icona: ",
+          feature.icon
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx25(
+        "button",
+        {
+          className: "inline-flex items-center justify-center rounded-md h-9 w-9 hover:bg-accent",
+          onClick: () => onEdit(feature),
+          children: /* @__PURE__ */ jsx25(Pencil3, { className: "w-4 h-4" })
+        }
+      ),
+      /* @__PURE__ */ jsx25(
+        "button",
+        {
+          className: "inline-flex items-center justify-center rounded-md h-9 w-9 text-destructive hover:bg-accent",
+          onClick: () => onDelete(feature),
+          children: /* @__PURE__ */ jsx25(Trash23, { className: "w-4 h-4" })
+        }
+      )
+    ] })
+  ] }) });
+}
+
+// src/pages/FeaturesPage.tsx
+import { Fragment as Fragment10, jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
+function FeaturesPage({ wrapper: Wrapper, header }) {
+  const [modalFeature, setModalFeature] = useState7(void 0);
+  const [deletingFeature, setDeletingFeature] = useState7(null);
+  const isModalOpen = modalFeature !== void 0;
+  const { data, isLoading, refetch } = useAdminFeatures();
+  const deleteMutation = useDeleteFeature();
+  const features = data?.features || [];
   const handleDeleteConfirm = () => {
     if (deletingFeature) {
       deleteMutation.mutate(deletingFeature.id, {
         onSuccess: () => {
-          toast6.success("Feature eliminata con successo");
+          toast7.success("Feature eliminata con successo");
           setDeletingFeature(null);
         },
-        onError: (err) => toast6.error(`Errore: ${err.message}`)
+        onError: (err) => toast7.error(`Errore: ${err.message}`)
       });
     }
   };
-  const content = /* @__PURE__ */ jsxs14(Fragment7, { children: [
+  const handleModalSuccess = () => {
+    refetch();
+    setModalFeature(void 0);
+  };
+  const content = /* @__PURE__ */ jsxs23(Fragment10, { children: [
     header,
-    /* @__PURE__ */ jsxs14("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsxs14("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-          /* @__PURE__ */ jsx17(Package2, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsxs14("span", { children: [
+    /* @__PURE__ */ jsxs23("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ jsx26(Package2, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsxs23("span", { children: [
             features.length,
             " feature",
             features.length !== 1 ? "s" : "",
             " configurate"
           ] })
         ] }),
-        /* @__PURE__ */ jsxs14(
+        /* @__PURE__ */ jsxs23(
           "button",
           {
             className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90",
-            onClick: () => setIsCreateDialogOpen(true),
+            onClick: () => setModalFeature(null),
             children: [
-              /* @__PURE__ */ jsx17(Plus3, { className: "w-4 h-4 mr-2" }),
+              /* @__PURE__ */ jsx26(Plus3, { className: "w-4 h-4 mr-2" }),
               "Nuova Feature"
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs14("div", { className: "rounded-lg border bg-card shadow-sm", children: [
-        /* @__PURE__ */ jsxs14("div", { className: "p-4 border-b", children: [
-          /* @__PURE__ */ jsxs14("h3", { className: "text-base font-semibold flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx17(Package2, { className: "w-5 h-5" }),
+      /* @__PURE__ */ jsxs23("div", { className: "rounded-lg border bg-card shadow-sm", children: [
+        /* @__PURE__ */ jsxs23("div", { className: "p-4 border-b", children: [
+          /* @__PURE__ */ jsxs23("h3", { className: "text-base font-semibold flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx26(Package2, { className: "w-5 h-5" }),
             "Features Disponibili"
           ] }),
-          /* @__PURE__ */ jsx17("p", { className: "text-sm text-muted-foreground mt-1", children: "Le features possono essere collegate a prodotti billing o attivate manualmente." })
+          /* @__PURE__ */ jsx26("p", { className: "text-sm text-muted-foreground mt-1", children: "Le features possono essere collegate a prodotti billing o attivate manualmente." })
         ] }),
-        /* @__PURE__ */ jsxs14("div", { className: "p-4", children: [
-          isLoading ? /* @__PURE__ */ jsx17("div", { className: "space-y-3", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx17("div", { className: "h-20 bg-muted animate-pulse rounded-lg" }, i)) }) : features.length === 0 ? /* @__PURE__ */ jsxs14("div", { className: "text-center py-12 text-muted-foreground", children: [
-            /* @__PURE__ */ jsx17(Package2, { className: "mx-auto h-12 w-12 mb-4 opacity-50" }),
-            /* @__PURE__ */ jsx17("p", { children: "Nessuna feature configurata" }),
-            /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsxs23("div", { className: "p-4", children: [
+          isLoading ? /* @__PURE__ */ jsx26("div", { className: "space-y-3", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx26("div", { className: "h-20 bg-muted animate-pulse rounded-lg" }, i)) }) : features.length === 0 ? /* @__PURE__ */ jsxs23("div", { className: "text-center py-12 text-muted-foreground", children: [
+            /* @__PURE__ */ jsx26(Package2, { className: "mx-auto h-12 w-12 mb-4 opacity-50" }),
+            /* @__PURE__ */ jsx26("p", { children: "Nessuna feature configurata" }),
+            /* @__PURE__ */ jsx26(
               "button",
               {
                 className: "text-sm text-primary hover:underline mt-2",
-                onClick: () => setIsCreateDialogOpen(true),
+                onClick: () => setModalFeature(null),
                 children: "Crea la prima feature"
               }
             )
-          ] }) : /* @__PURE__ */ jsx17("div", { className: "space-y-3", children: features.map((feature) => /* @__PURE__ */ jsx17(
-            "div",
+          ] }) : /* @__PURE__ */ jsx26("div", { className: "space-y-3", children: features.map((feature) => /* @__PURE__ */ jsx26(
+            FeatureListItem,
             {
-              className: "border rounded-lg p-4 hover:bg-muted/50 transition-colors",
-              children: /* @__PURE__ */ jsxs14("div", { className: "flex items-start justify-between", children: [
-                /* @__PURE__ */ jsxs14("div", { className: "flex-1", children: [
-                  /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2 mb-2", children: [
-                    /* @__PURE__ */ jsx17("span", { className: "font-semibold", children: feature.name }),
-                    /* @__PURE__ */ jsx17("code", { className: "text-xs bg-muted px-2 py-0.5 rounded", children: feature.slug }),
-                    !feature.is_available && /* @__PURE__ */ jsx17(StatusBadge, { label: "Disattivata", colorClass: "bg-secondary text-secondary-foreground border-transparent" }),
-                    feature.billing_product_id && /* @__PURE__ */ jsx17(StatusBadge, { label: "Con Billing", colorClass: "border" })
-                  ] }),
-                  feature.description && /* @__PURE__ */ jsx17("p", { className: "text-sm text-muted-foreground mb-2", children: feature.description }),
-                  /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-4 text-xs text-muted-foreground", children: [
-                    feature.category && /* @__PURE__ */ jsxs14("span", { children: [
-                      "Categoria: ",
-                      feature.category
-                    ] }),
-                    feature.icon && /* @__PURE__ */ jsxs14("span", { children: [
-                      "Icona: ",
-                      feature.icon
-                    ] })
-                  ] })
-                ] }),
-                /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-1", children: [
-                  /* @__PURE__ */ jsx17(
-                    "button",
-                    {
-                      className: "inline-flex items-center justify-center rounded-md h-9 w-9 hover:bg-accent",
-                      onClick: () => setEditingFeature(feature),
-                      children: /* @__PURE__ */ jsx17(Pencil3, { className: "w-4 h-4" })
-                    }
-                  ),
-                  /* @__PURE__ */ jsx17(
-                    "button",
-                    {
-                      className: "inline-flex items-center justify-center rounded-md h-9 w-9 text-destructive hover:bg-accent",
-                      onClick: () => setDeletingFeature(feature),
-                      children: /* @__PURE__ */ jsx17(Trash23, { className: "w-4 h-4" })
-                    }
-                  )
-                ] })
-              ] })
+              feature,
+              onEdit: (f) => setModalFeature(f),
+              onDelete: (f) => setDeletingFeature(f)
             },
             feature.id
           )) }),
-          /* @__PURE__ */ jsxs14("div", { className: "mt-6 flex gap-3 items-start rounded-lg border p-3 text-sm", children: [
-            /* @__PURE__ */ jsx17(AlertCircle, { className: "w-4 h-4 mt-0.5 text-muted-foreground shrink-0" }),
-            /* @__PURE__ */ jsxs14("p", { className: "text-muted-foreground text-xs", children: [
-              /* @__PURE__ */ jsx17("strong", { children: "Nota:" }),
+          /* @__PURE__ */ jsxs23("div", { className: "mt-6 flex gap-3 items-start rounded-lg border p-3 text-sm", children: [
+            /* @__PURE__ */ jsx26(AlertCircle, { className: "w-4 h-4 mt-0.5 text-muted-foreground shrink-0" }),
+            /* @__PURE__ */ jsxs23("p", { className: "text-muted-foreground text-xs", children: [
+              /* @__PURE__ */ jsx26("strong", { children: "Nota:" }),
               " Features con un billing_product_id vengono attivate automaticamente quando il cliente sottoscrive il piano corrispondente."
             ] })
           ] })
         ] })
       ] })
     ] }),
-    isCreateDialogOpen && /* @__PURE__ */ jsxs14("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
-      /* @__PURE__ */ jsx17("div", { className: "fixed inset-0 bg-black/80", onClick: () => setIsCreateDialogOpen(false) }),
-      /* @__PURE__ */ jsx17("div", { className: "relative z-50 w-full max-w-md rounded-lg border bg-background p-6 shadow-lg", children: /* @__PURE__ */ jsxs14("form", { onSubmit: handleCreateFeature, children: [
-        /* @__PURE__ */ jsx17("h2", { className: "text-lg font-semibold", children: "Crea Nuova Feature" }),
-        /* @__PURE__ */ jsx17("p", { className: "text-sm text-muted-foreground mt-1", children: "Configura una nuova feature disponibile." }),
-        /* @__PURE__ */ jsxs14("div", { className: "space-y-4 py-4", children: [
-          /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx17("label", { className: "text-sm font-medium leading-none", htmlFor: "slug", children: "Slug *" }),
-            /* @__PURE__ */ jsx17("input", { id: "slug", name: "slug", required: true, placeholder: "ottimizza-dati-prodotti", className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" }),
-            /* @__PURE__ */ jsx17("p", { className: "text-xs text-muted-foreground", children: "Identificatore univoco (lowercase, trattini)" })
-          ] }),
-          /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx17("label", { className: "text-sm font-medium leading-none", htmlFor: "name", children: "Nome *" }),
-            /* @__PURE__ */ jsx17("input", { id: "name", name: "name", required: true, placeholder: "Ottimizza Dati Prodotti", className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" })
-          ] }),
-          /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx17("label", { className: "text-sm font-medium leading-none", htmlFor: "description", children: "Descrizione" }),
-            /* @__PURE__ */ jsx17("textarea", { id: "description", name: "description", rows: 3, placeholder: "Descrizione della feature...", className: "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" })
-          ] }),
-          /* @__PURE__ */ jsxs14("div", { className: "grid grid-cols-2 gap-4", children: [
-            /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsx17("label", { className: "text-sm font-medium leading-none", htmlFor: "icon", children: "Icona Lucide" }),
-              /* @__PURE__ */ jsx17("input", { id: "icon", name: "icon", placeholder: "Package", className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" })
-            ] }),
-            /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsx17("label", { className: "text-sm font-medium leading-none", htmlFor: "category", children: "Categoria" }),
-              /* @__PURE__ */ jsx17("input", { id: "category", name: "category", placeholder: "ai, limits, integration...", className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx17("label", { className: "text-sm font-medium leading-none", htmlFor: "billing_product_id", children: "Billing Product ID (opzionale)" }),
-            /* @__PURE__ */ jsx17("input", { id: "billing_product_id", name: "billing_product_id", placeholder: "UUID del prodotto billing", className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" }),
-            /* @__PURE__ */ jsx17("p", { className: "text-xs text-muted-foreground", children: "Se collegato a un prodotto, la feature viene attivata automaticamente" })
-          ] }),
-          /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx17("input", { type: "checkbox", id: "is_available", name: "is_available", defaultChecked: true, className: "rounded border-input" }),
-            /* @__PURE__ */ jsx17("label", { className: "text-sm font-medium leading-none", htmlFor: "is_available", children: "Feature disponibile" })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs14("div", { className: "flex justify-end gap-2", children: [
-          /* @__PURE__ */ jsx17("button", { type: "button", className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 border border-input bg-background hover:bg-accent", onClick: () => setIsCreateDialogOpen(false), children: "Annulla" }),
-          /* @__PURE__ */ jsx17("button", { type: "submit", className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90 disabled:opacity-50", disabled: createMutation.isPending, children: createMutation.isPending ? "Creazione..." : "Crea Feature" })
-        ] })
-      ] }) })
-    ] }),
-    editingFeature && /* @__PURE__ */ jsxs14("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
-      /* @__PURE__ */ jsx17("div", { className: "fixed inset-0 bg-black/80", onClick: () => setEditingFeature(null) }),
-      /* @__PURE__ */ jsx17("div", { className: "relative z-50 w-full max-w-md rounded-lg border bg-background p-6 shadow-lg", children: /* @__PURE__ */ jsxs14("form", { onSubmit: handleUpdateFeature, children: [
-        /* @__PURE__ */ jsx17("h2", { className: "text-lg font-semibold", children: "Modifica Feature" }),
-        /* @__PURE__ */ jsxs14("p", { className: "text-sm text-muted-foreground mt-1", children: [
-          'Aggiorna i dettagli della feature "',
-          editingFeature.name,
-          '".'
-        ] }),
-        /* @__PURE__ */ jsxs14("div", { className: "space-y-4 py-4", children: [
-          /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx17("label", { className: "text-sm font-medium leading-none", children: "Slug (non modificabile)" }),
-            /* @__PURE__ */ jsx17("input", { value: editingFeature.slug, disabled: true, className: "flex h-10 w-full rounded-md border border-input bg-muted px-3 py-2 text-sm" })
-          ] }),
-          /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx17("label", { className: "text-sm font-medium leading-none", htmlFor: "edit-name", children: "Nome *" }),
-            /* @__PURE__ */ jsx17("input", { id: "edit-name", name: "name", required: true, defaultValue: editingFeature.name, className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" })
-          ] }),
-          /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx17("label", { className: "text-sm font-medium leading-none", htmlFor: "edit-description", children: "Descrizione" }),
-            /* @__PURE__ */ jsx17("textarea", { id: "edit-description", name: "description", rows: 3, defaultValue: editingFeature.description || "", className: "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" })
-          ] }),
-          /* @__PURE__ */ jsxs14("div", { className: "grid grid-cols-2 gap-4", children: [
-            /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsx17("label", { className: "text-sm font-medium leading-none", htmlFor: "edit-icon", children: "Icona Lucide" }),
-              /* @__PURE__ */ jsx17("input", { id: "edit-icon", name: "icon", defaultValue: editingFeature.icon || "", className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" })
-            ] }),
-            /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsx17("label", { className: "text-sm font-medium leading-none", htmlFor: "edit-category", children: "Categoria" }),
-              /* @__PURE__ */ jsx17("input", { id: "edit-category", name: "category", defaultValue: editingFeature.category || "", className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx17("label", { className: "text-sm font-medium leading-none", htmlFor: "edit-billing_product_id", children: "Billing Product ID" }),
-            /* @__PURE__ */ jsx17("input", { id: "edit-billing_product_id", name: "billing_product_id", defaultValue: editingFeature.billing_product_id || "", className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" })
-          ] }),
-          /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx17("input", { type: "checkbox", id: "edit-is_available", name: "is_available", defaultChecked: editingFeature.is_available, className: "rounded border-input" }),
-            /* @__PURE__ */ jsx17("label", { className: "text-sm font-medium leading-none", htmlFor: "edit-is_available", children: "Feature disponibile" })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs14("div", { className: "flex justify-end gap-2", children: [
-          /* @__PURE__ */ jsx17("button", { type: "button", className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 border border-input bg-background hover:bg-accent", onClick: () => setEditingFeature(null), children: "Annulla" }),
-          /* @__PURE__ */ jsx17("button", { type: "submit", className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90 disabled:opacity-50", disabled: updateMutation.isPending, children: updateMutation.isPending ? "Salvataggio..." : "Salva Modifiche" })
-        ] })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsx26(
+      FeatureFormModal,
+      {
+        feature: isModalOpen ? modalFeature ?? null : null,
+        open: isModalOpen,
+        onClose: () => setModalFeature(void 0),
+        onSuccess: handleModalSuccess
+      }
+    ),
+    /* @__PURE__ */ jsx26(
       DeleteConfirmDialog,
       {
         isOpen: !!deletingFeature,
         onOpenChange: (open) => !open && setDeletingFeature(null),
         title: "Eliminare Feature?",
-        description: /* @__PURE__ */ jsxs14(Fragment7, { children: [
+        description: /* @__PURE__ */ jsxs23(Fragment10, { children: [
           "Stai per eliminare la feature ",
-          /* @__PURE__ */ jsx17("strong", { children: deletingFeature?.name }),
+          /* @__PURE__ */ jsx26("strong", { children: deletingFeature?.name }),
           " (",
-          /* @__PURE__ */ jsx17("code", { children: deletingFeature?.slug }),
+          /* @__PURE__ */ jsx26("code", { children: deletingFeature?.slug }),
           "). Questa azione non pu\xF2 essere annullata."
         ] }),
         onConfirm: handleDeleteConfirm,
@@ -2083,7 +2502,7 @@ function FeaturesPage({ wrapper: Wrapper, header }) {
       }
     )
   ] });
-  return Wrapper ? /* @__PURE__ */ jsx17(Wrapper, { children: content }) : content;
+  return Wrapper ? /* @__PURE__ */ jsx26(Wrapper, { children: content }) : content;
 }
 
 // src/nav/billingNavItems.ts
@@ -2114,6 +2533,8 @@ export {
   BillingAdminProvider,
   CursorPagination,
   DeleteConfirmDialog,
+  FeatureFormModal,
+  FeatureListItem,
   FeaturesPage,
   FilterBar,
   InvoiceDetailsDialog,
@@ -2121,7 +2542,11 @@ export {
   LimitInput,
   PLAN_COLORS,
   PaymentsPage,
+  PlanDetailsSection,
+  PlanFeaturesSection,
   PlanFormDialog,
+  PlanLimitsSection,
+  PlanPricingSection,
   PlansPage,
   PlansTable,
   ProductFormDialog,
@@ -2129,6 +2554,7 @@ export {
   SkeletonRows,
   StatusBadge,
   SubscriptionsPage,
+  ToggleSwitch,
   createDefaultPlanFormData,
   defaultProductFormData,
   getBillingNavItems,