@lastbrain/module-ai 0.1.18 → 0.1.20

package/dist/web/components/ImageGenerative.js

@@ -4,6 +4,18 @@ import { useState, useCallback } from "react";
 import { Button, Chip, Progress, Card, CardBody, Modal, ModalContent, ModalHeader, ModalBody, ModalFooter, Textarea, Select, SelectItem, addToast, } from "@lastbrain/ui";
 import { Image as ImageIcon, Loader2, AlertCircle, Download, Wand2, } from "lucide-react";
 import Image from "next/image";
+// Coût en tokens par combinaison modèle/taille(/qualité)
+const TOKENS_PER_IMAGE_KEY = {
+    "dall-e-2-256x256": 3000,
+    "dall-e-2-512x512": 4000,
+    "dall-e-2-1024x1024": 5000,
+    "dall-e-3-1024x1024-standard": 6000,
+    "dall-e-3-1024x1024-hd": 8000,
+    "dall-e-3-1024x1792-standard": 8000,
+    "dall-e-3-1024x1792-hd": 10000,
+    "dall-e-3-1792x1024-standard": 8000,
+    "dall-e-3-1792x1024-hd": 10000,
+};
 const imageStyles = [
     {
         key: "realistic",
@@ -34,7 +46,7 @@ const imageStyles = [
     },
     { key: "pop-art", label: "Pop Art", description: "Style pop art vibrant" },
 ];
-export function ImageGenerative({ defaultPrompt = "", model = "dall-e-3", size = "1024x1024", quality = "standard", onChange, onError, className, disabled = false, apiEndpoint = "/api/ai/generate-image", showTokenBalance = true, label, description, defaultStyle = "realistic", hideStyleEditor = false, uploadPath, }) {
+export function ImageGenerative({ defaultPrompt = "", model = "dall-e-3", size = "1024x1024", quality = "standard", onChange, onError, className, disabled = false, apiEndpoint = "/api/ai/generate-image", showTokenBalance = true, label, description, defaultStyle = "realistic", hideStyleEditor = false, uploadPath, preview = true, inline = false, }) {
     const [isGenerating, setIsGenerating] = useState(false);
     const [generatedImage, setGeneratedImage] = useState(null);
     const [error, setError] = useState(null);
@@ -44,6 +56,19 @@ export function ImageGenerative({ defaultPrompt = "", model = "dall-e-3", size =
     const [userPrompt, setUserPrompt] = useState(defaultPrompt);
     const [selectedStyle, setSelectedStyle] = useState(defaultStyle);
     const [selectedModel, setSelectedModel] = useState(model);
+    const [selectedSize, setSelectedSize] = useState(size);
+    const [selectedQuality, setSelectedQuality] = useState(quality);
+    // Calculer le coût estimé
+    const estimatedCost = () => {
+        let key = "";
+        if (selectedModel === "dall-e-2") {
+            key = `${selectedModel}-${selectedSize}`;
+        }
+        else {
+            key = `${selectedModel}-${selectedSize}-${selectedQuality}`;
+        }
+        return TOKENS_PER_IMAGE_KEY[key] || 0;
+    };
     const handleGenerate = useCallback(async () => {
         if (!userPrompt || isGenerating)
             return;
@@ -59,8 +84,8 @@ export function ImageGenerative({ defaultPrompt = "", model = "dall-e-3", size =
                 body: JSON.stringify({
                     prompt: enhancedPrompt,
                     model: selectedModel,
-                    size,
-                    quality,
+                    size: selectedSize,
+                    quality: selectedQuality,
                     uploadPath,
                 }),
             });
@@ -70,11 +95,11 @@ export function ImageGenerative({ defaultPrompt = "", model = "dall-e-3", size =
             }
             const data = await response.json();
             const imageResponse = {
+                supabaseImageUrl: data.supabaseImageUrl,
                 imageUrl: data.imageUrl,
                 tokensUsed: data.tokensUsed || 0,
                 tokensRemaining: data.tokensRemaining || 0,
                 model: data.model || selectedModel,
-                cost: data.cost,
                 prompt: userPrompt,
             };
             setGeneratedImage(imageResponse);
@@ -109,8 +134,8 @@ export function ImageGenerative({ defaultPrompt = "", model = "dall-e-3", size =
         userPrompt,
         selectedStyle,
         selectedModel,
-        size,
-        quality,
+        selectedSize,
+        selectedQuality,
         apiEndpoint,
         uploadPath,
         onChange,
@@ -136,5 +161,24 @@ export function ImageGenerative({ defaultPrompt = "", model = "dall-e-3", size =
             console.error("Erreur lors du téléchargement:", error);
         }
     }, [generatedImage]);
-    return (_jsxs("div", { className: className, children: [_jsxs("div", { className: "flex flex-col gap-4", children: [label && _jsx("label", { className: "text-sm font-medium", children: label }), description && _jsx("p", { className: "text-sm text-gray-500", children: description }), generatedImage && !isGenerating && (_jsx(Card, { children: _jsxs(CardBody, { children: [_jsx("div", { className: "relative w-full aspect-square", children: _jsx(Image, { src: generatedImage.imageUrl, alt: generatedImage.prompt, fill: true, className: "object-contain rounded-lg", priority: true }) }), _jsxs("div", { className: "mt-4", children: [_jsxs("p", { className: "text-sm text-default-600", children: [_jsx("strong", { children: "Prompt:" }), " ", generatedImage.prompt] }), _jsxs("p", { className: "text-xs text-default-400 mt-1", children: [size, " \u2022 ", quality] })] })] }) })), _jsx(Button, { color: "primary", onClick: () => setIsModalOpen(true), disabled: disabled || isGenerating, startContent: _jsx(Wand2, { size: 18 }), className: "w-full", children: isGenerating ? "Génération..." : "Générer une image" }), _jsxs("div", { className: "flex items-center justify-between gap-2 flex-wrap", children: [_jsx("div", { className: "flex items-center gap-2", children: showTokenBalance && tokenBalance !== null && (_jsxs(Chip, { size: "sm", variant: "flat", color: "success", children: [tokenBalance.toLocaleString(), " tokens restants"] })) }), generatedImage && (_jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsxs(Chip, { size: "sm", variant: "flat", children: [generatedImage.tokensUsed, " tokens utilis\u00E9s"] }), _jsx(Chip, { size: "sm", variant: "flat", color: "primary", children: generatedImage.model }), generatedImage.cost && (_jsxs(Chip, { size: "sm", variant: "flat", color: "warning", children: ["$", generatedImage.cost.toFixed(4)] })), _jsx(Button, { size: "sm", variant: "flat", onClick: handleDownload, startContent: _jsx(Download, { size: 16 }), children: "T\u00E9l\u00E9charger" })] }))] }), isGenerating && (_jsxs("div", { className: "space-y-2", children: [_jsx(Progress, { size: "sm", isIndeterminate: true, "aria-label": "G\u00E9n\u00E9ration en cours...", className: "max-w-md" }), _jsx("p", { className: "text-sm text-default-500", children: "G\u00E9n\u00E9ration de l'image en cours... Cela peut prendre quelques instants." })] })), error && (_jsxs("div", { className: "flex items-center gap-2 text-danger text-sm p-3 bg-danger-50 rounded-md", children: [_jsx(AlertCircle, { size: 16 }), _jsx("span", { children: error })] }))] }), _jsx(Modal, { isOpen: isModalOpen, onClose: () => setIsModalOpen(false), size: "2xl", children: _jsxs(ModalContent, { children: [_jsx(ModalHeader, { children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(ImageIcon, { size: 20 }), _jsx("span", { children: "G\u00E9n\u00E9rer une image avec l'IA" })] }) }), _jsx(ModalBody, { children: _jsxs("div", { className: "space-y-4", children: [_jsx(Textarea, { label: "Description de l'image", placeholder: "D\u00E9crivez l'image que vous souhaitez g\u00E9n\u00E9rer...", value: userPrompt, onChange: (e) => setUserPrompt(e.target.value), minRows: 3, description: "Soyez pr\u00E9cis et d\u00E9taill\u00E9 pour de meilleurs r\u00E9sultats" }), !hideStyleEditor && (_jsxs(_Fragment, { children: [_jsx(Select, { label: "Style artistique", selectedKeys: [selectedStyle], onSelectionChange: (keys) => setSelectedStyle(Array.from(keys)[0]), description: "Le style influence l'apparence finale de l'image", children: imageStyles.map((style) => (_jsx(SelectItem, { textValue: style.label, children: _jsxs("div", { className: "flex flex-col", children: [_jsx("span", { className: "font-medium", children: style.label }), _jsx("span", { className: "text-xs text-gray-500", children: style.description })] }) }, style.key))) }), _jsxs(Select, { label: "Mod\u00E8le IA", selectedKeys: [selectedModel], onSelectionChange: (keys) => setSelectedModel(Array.from(keys)[0]), description: "DALL-E 3 offre la meilleure qualit\u00E9", children: [_jsx(SelectItem, { children: "DALL-E 3 (Haute qualit\u00E9)" }, "dall-e-3"), _jsx(SelectItem, { children: "DALL-E 2 (Standard)" }, "dall-e-2")] })] })), generatedImage && (_jsxs("div", { className: "p-3 bg-gray-50 dark:bg-gray-800 rounded-lg", children: [_jsx("p", { className: "text-sm font-medium mb-2", children: "Aper\u00E7u de l'image actuelle:" }), _jsx("div", { className: "relative w-full h-32", children: _jsx(Image, { src: generatedImage.imageUrl, alt: "Current", fill: true, className: "object-cover rounded" }) })] }))] }) }), _jsxs(ModalFooter, { children: [_jsx(Button, { variant: "light", onClick: () => setIsModalOpen(false), children: "Annuler" }), _jsx(Button, { color: "primary", onClick: handleGenerate, disabled: !userPrompt.trim() || isGenerating, startContent: isGenerating ? (_jsx(Loader2, { className: "animate-spin", size: 16 })) : (_jsx(ImageIcon, { size: 16 })), children: isGenerating ? "Génération..." : "Générer" })] })] }) })] }));
+    return (_jsxs("div", { className: className, children: [_jsxs("div", { className: "flex flex-col gap-4", children: [label && _jsx("label", { className: "text-sm font-medium", children: label }), description && _jsx("p", { className: "text-sm text-gray-500", children: description }), generatedImage && !isGenerating && preview && (_jsx(Card, { children: _jsxs(CardBody, { children: [_jsx("div", { className: "relative w-full aspect-square", children: _jsx(Image, { src: generatedImage.imageUrl, alt: generatedImage.prompt, fill: true, className: "object-contain rounded-lg", priority: true }) }), _jsxs("div", { className: "mt-4", children: [_jsxs("p", { className: "text-sm text-default-600", children: [_jsx("strong", { children: "Prompt:" }), " ", generatedImage.prompt] }), _jsxs("p", { className: "text-xs text-default-400 mt-1", children: [selectedSize, " \u2022 ", selectedQuality] })] })] }) })), inline ? (_jsxs("div", { className: "space-y-4", children: [_jsx(Textarea, { label: "Description de l'image", placeholder: "D\u00E9crivez l'image que vous souhaitez g\u00E9n\u00E9rer...", value: userPrompt, onChange: (e) => setUserPrompt(e.target.value), minRows: 3, description: "Soyez pr\u00E9cis et d\u00E9taill\u00E9 pour de meilleurs r\u00E9sultats" }), !hideStyleEditor && (_jsxs(_Fragment, { children: [_jsx(Select, { label: "Style artistique", selectedKeys: [selectedStyle], onSelectionChange: (keys) => setSelectedStyle(Array.from(keys)[0]), description: "Le style influence l'apparence finale de l'image", children: imageStyles.map((style) => (_jsx(SelectItem, { textValue: style.label, children: _jsxs("div", { className: "flex flex-col", children: [_jsx("span", { className: "font-medium", children: style.label }), _jsx("span", { className: "text-xs text-gray-500", children: style.description })] }) }, style.key))) }), _jsxs(Select, { label: "Mod\u00E8le IA", selectedKeys: [selectedModel], onSelectionChange: (keys) => {
+                                            const newModel = Array.from(keys)[0];
+                                            setSelectedModel(newModel);
+                                            // Ajuster la taille/qualité selon le modèle
+                                            if (newModel === "dall-e-2") {
+                                                setSelectedQuality("standard");
+                                                if (!["256x256", "512x512", "1024x1024"].includes(selectedSize)) {
+                                                    setSelectedSize("1024x1024");
+                                                }
+                                            }
+                                        }, description: "DALL-E 3 offre la meilleure qualit\u00E9", children: [_jsx(SelectItem, { children: "DALL-E 3 (Haute qualit\u00E9)" }, "dall-e-3"), _jsx(SelectItem, { children: "DALL-E 2 (Standard)" }, "dall-e-2")] }), _jsx(Select, { label: "Taille de l'image", selectedKeys: [selectedSize], onSelectionChange: (keys) => setSelectedSize(Array.from(keys)[0]), description: "Tailles disponibles selon le mod\u00E8le", children: selectedModel === "dall-e-2" ? (_jsxs(_Fragment, { children: [_jsx(SelectItem, { children: "256\u00D7256 (3000 tokens)" }, "256x256"), _jsx(SelectItem, { children: "512\u00D7512 (4000 tokens)" }, "512x512"), _jsx(SelectItem, { children: "1024\u00D71024 (5000 tokens)" }, "1024x1024")] })) : (_jsxs(_Fragment, { children: [_jsx(SelectItem, { children: "1024\u00D71024 (6000-8000 tokens)" }, "1024x1024"), _jsx(SelectItem, { children: "1024\u00D71792 Portrait (8000-10000 tokens)" }, "1024x1792"), _jsx(SelectItem, { children: "1792\u00D71024 Paysage (8000-10000 tokens)" }, "1792x1024")] })) }), selectedModel === "dall-e-3" && (_jsxs(Select, { label: "Qualit\u00E9", selectedKeys: [selectedQuality], onSelectionChange: (keys) => setSelectedQuality(Array.from(keys)[0]), description: "HD offre plus de d\u00E9tails mais co\u00FBte plus de tokens", children: [_jsx(SelectItem, { children: "Standard" }, "standard"), _jsx(SelectItem, { children: "HD (Haute D\u00E9finition)" }, "hd")] })), _jsx("div", { className: "p-3 bg-primary-50 dark:bg-primary-900/20 rounded-lg", children: _jsxs("p", { className: "text-sm font-medium text-primary-700 dark:text-primary-300", children: ["Co\u00FBt estim\u00E9: ", estimatedCost().toLocaleString(), " tokens"] }) })] })), _jsx(Button, { color: "primary", onClick: handleGenerate, disabled: !userPrompt.trim() || disabled || isGenerating, startContent: isGenerating ? (_jsx(Loader2, { className: "animate-spin", size: 16 })) : (_jsx(Wand2, { size: 18 })), className: "w-full", children: isGenerating ? "Génération..." : "Générer" })] })) : (_jsx(Button, { color: "primary", onClick: () => setIsModalOpen(true), disabled: disabled || isGenerating, startContent: _jsx(Wand2, { size: 18 }), className: "w-full", children: isGenerating ? "Génération..." : "Générer une image" })), _jsxs("div", { className: "flex items-center justify-between gap-2 flex-wrap", children: [_jsx("div", { className: "flex items-center gap-2", children: showTokenBalance && tokenBalance !== null && (_jsxs(Chip, { size: "sm", variant: "flat", color: "success", children: [tokenBalance.toLocaleString(), " tokens restants"] })) }), generatedImage && (_jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsxs(Chip, { size: "sm", variant: "flat", children: [generatedImage.tokensUsed, " tokens utilis\u00E9s"] }), _jsx(Chip, { size: "sm", variant: "flat", color: "primary", children: generatedImage.model }), preview && (_jsx(Button, { size: "sm", variant: "flat", onClick: handleDownload, startContent: _jsx(Download, { size: 16 }), children: "T\u00E9l\u00E9charger" }))] }))] }), isGenerating && (_jsxs("div", { className: "space-y-2", children: [_jsx(Progress, { size: "sm", isIndeterminate: true, "aria-label": "G\u00E9n\u00E9ration en cours...", className: "max-w-md" }), _jsx("p", { className: "text-sm text-default-500", children: "G\u00E9n\u00E9ration de l'image en cours... Cela peut prendre quelques instants." })] })), error && (_jsxs("div", { className: "flex items-center gap-2 text-danger text-sm p-3 bg-danger-50 rounded-md", children: [_jsx(AlertCircle, { size: 16 }), _jsx("span", { children: error })] }))] }), _jsx(Modal, { backdrop: "blur", isOpen: isModalOpen, onClose: () => setIsModalOpen(false), size: "2xl", children: _jsxs(ModalContent, { children: [_jsx(ModalHeader, { children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(ImageIcon, { size: 20 }), _jsx("span", { children: "G\u00E9n\u00E9rer une image avec l'IA" })] }) }), _jsx(ModalBody, { children: _jsxs("div", { className: "space-y-4", children: [_jsx(Textarea, { label: "Description de l'image", placeholder: "D\u00E9crivez l'image que vous souhaitez g\u00E9n\u00E9rer...", value: userPrompt, onChange: (e) => setUserPrompt(e.target.value), minRows: 3, description: "Soyez pr\u00E9cis et d\u00E9taill\u00E9 pour de meilleurs r\u00E9sultats" }), !hideStyleEditor && (_jsxs(_Fragment, { children: [_jsx(Select, { label: "Style artistique", selectedKeys: [selectedStyle], onSelectionChange: (keys) => setSelectedStyle(Array.from(keys)[0]), description: "Le style influence l'apparence finale de l'image", children: imageStyles.map((style) => (_jsx(SelectItem, { textValue: style.label, children: _jsxs("div", { className: "flex flex-col", children: [_jsx("span", { className: "font-medium", children: style.label }), _jsx("span", { className: "text-xs text-gray-500", children: style.description })] }) }, style.key))) }), _jsxs(Select, { label: "Mod\u00E8le IA", selectedKeys: [selectedModel], onSelectionChange: (keys) => {
+                                                    const newModel = Array.from(keys)[0];
+                                                    setSelectedModel(newModel);
+                                                    if (newModel === "dall-e-2") {
+                                                        setSelectedQuality("standard");
+                                                        if (!["256x256", "512x512", "1024x1024"].includes(selectedSize)) {
+                                                            setSelectedSize("1024x1024");
+                                                        }
+                                                    }
+                                                }, description: "DALL-E 3 offre la meilleure qualit\u00E9", children: [_jsx(SelectItem, { children: "DALL-E 3 (Haute qualit\u00E9)" }, "dall-e-3"), _jsx(SelectItem, { children: "DALL-E 2 (Standard)" }, "dall-e-2")] }), _jsx(Select, { label: "Taille de l'image", selectedKeys: [selectedSize], onSelectionChange: (keys) => setSelectedSize(Array.from(keys)[0]), description: "Tailles disponibles selon le mod\u00E8le", children: selectedModel === "dall-e-2" ? (_jsxs(_Fragment, { children: [_jsx(SelectItem, { children: "256\u00D7256 (3000 tokens)" }, "256x256"), _jsx(SelectItem, { children: "512\u00D7512 (4000 tokens)" }, "512x512"), _jsx(SelectItem, { children: "1024\u00D71024 (5000 tokens)" }, "1024x1024")] })) : (_jsxs(_Fragment, { children: [_jsx(SelectItem, { children: "1024\u00D71024 (6000-8000 tokens)" }, "1024x1024"), _jsx(SelectItem, { children: "1024\u00D71792 Portrait (8000-10000 tokens)" }, "1024x1792"), _jsx(SelectItem, { children: "1792\u00D71024 Paysage (8000-10000 tokens)" }, "1792x1024")] })) }), selectedModel === "dall-e-3" && (_jsxs(Select, { label: "Qualit\u00E9", selectedKeys: [selectedQuality], onSelectionChange: (keys) => setSelectedQuality(Array.from(keys)[0]), description: "HD offre plus de d\u00E9tails mais co\u00FBte plus de tokens", children: [_jsx(SelectItem, { children: "Standard" }, "standard"), _jsx(SelectItem, { children: "HD (Haute D\u00E9finition)" }, "hd")] })), _jsx("div", { className: "p-3 bg-primary-50 dark:bg-primary-900/20 rounded-lg", children: _jsxs("p", { className: "text-sm font-medium text-primary-700 dark:text-primary-300", children: ["Co\u00FBt estim\u00E9: ", estimatedCost().toLocaleString(), " tokens"] }) })] })), generatedImage && (_jsxs("div", { className: "p-3 bg-gray-50 dark:bg-gray-800 rounded-lg", children: [_jsx("p", { className: "text-sm font-medium mb-2", children: "Aper\u00E7u de l'image actuelle:" }), _jsx("div", { className: "relative w-full", children: _jsx(Image, { src: generatedImage.imageUrl, alt: "Current", fill: true, className: "object-cover rounded" }) })] }))] }) }), _jsxs(ModalFooter, { children: [_jsx(Button, { variant: "light", onClick: () => setIsModalOpen(false), children: "Annuler" }), _jsx(Button, { color: "primary", onClick: handleGenerate, disabled: !userPrompt.trim() || isGenerating, startContent: isGenerating ? (_jsx(Loader2, { className: "animate-spin", size: 16 })) : (_jsx(ImageIcon, { size: 16 })), children: isGenerating ? "Génération..." : "Générer" })] })] }) })] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lastbrain/module-ai",
-  "version": "0.1.18",
+  "version": "0.1.20",
   "description": "Module de génération IA (texte et images) avec gestion de tokens pour LastBrain",
   "private": false,
   "release": {
@@ -35,13 +35,14 @@
     "@heroui/react": "^2.4.23",
     "@heroui/system": "^2.4.23",
     "@heroui/theme": "^2.4.23",
+    "@lastbrain-labs/module-core-payment-pro": "^0.1.0",
     "@lastbrain/core": "^0.1.0",
     "@lastbrain/ui": "^0.1.0",
     "lucide-react": "^0.554.0",
-    "next": "^16.0.4",
+    "next": "^16.0.7",
     "openai": "^6.9.1",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
+    "react": "^19.2.1",
+    "react-dom": "^19.2.1",
     "zod": "^3.23.8"
   },
   "peerDependencies": {

package/supabase/migrations/20251201000000_token_packs.sql

@@ -0,0 +1,73 @@
+-- ===========================================================================
+-- Module: @lastbrain/module-ai
+-- Migration: 20251201000000_token_packs.sql
+-- Description: Token packs for purchasing tokens via Stripe
+-- ===========================================================================
+
+-- ===========================================================================
+-- Table: public.token_packs
+-- Defines available token packs that users can purchase
+-- ===========================================================================
+CREATE TABLE IF NOT EXISTS public.token_packs (
+  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
+  name text NOT NULL,                              -- Display name (e.g., "100 Tokens")
+  description text NULL,                           -- Optional description
+  tokens integer NOT NULL,                         -- Number of tokens in pack
+  price_cents integer NOT NULL,                    -- Price in cents
+  currency text NOT NULL DEFAULT 'EUR',            -- ISO currency code
+  stripe_price_id text NULL,                       -- Optional Stripe price ID for recurring
+  is_active boolean NOT NULL DEFAULT true,         -- Whether pack is available for purchase
+  sort_order integer NOT NULL DEFAULT 0,           -- Display order
+  created_at timestamptz NOT NULL DEFAULT now(),
+  updated_at timestamptz NOT NULL DEFAULT now()
+);
+
+-- ===========================================================================
+-- Indexes
+-- ===========================================================================
+CREATE INDEX IF NOT EXISTS idx_token_packs_active_order 
+  ON public.token_packs(is_active, sort_order);
+
+-- ===========================================================================
+-- Insert default token packs
+-- ===========================================================================
+INSERT INTO public.token_packs (name, description, tokens, price_cents, currency, sort_order)
+VALUES 
+  ('Starter', 'Starter pack', 100000, 500, 'EUR', 1),
+  ('Standard', 'Standard pack', 250000, 1000, 'EUR', 2),
+  ('Premium', 'Premium pack', 600000, 2000, 'EUR', 3),
+  ('Creator', 'Creator pack', 2000000, 5000, 'EUR', 4)
+
+ON CONFLICT DO NOTHING;
+
+-- ===========================================================================
+-- RLS (Row Level Security)
+-- ===========================================================================
+ALTER TABLE public.token_packs ENABLE ROW LEVEL SECURITY;
+
+-- Policy: Everyone can view active packs
+DROP POLICY IF EXISTS token_packs_select_public ON public.token_packs;
+CREATE POLICY token_packs_select_public ON public.token_packs
+  FOR SELECT
+  USING (is_active = true OR is_superadmin(auth.uid()));
+
+-- Policy: Only superadmins can insert/update/delete
+DROP POLICY IF EXISTS token_packs_admin_all ON public.token_packs;
+CREATE POLICY token_packs_admin_all ON public.token_packs
+  FOR ALL
+  USING (is_superadmin(auth.uid()));
+
+-- ===========================================================================
+-- Trigger for updated_at
+-- ===========================================================================
+DROP TRIGGER IF EXISTS set_token_packs_updated_at ON public.token_packs;
+CREATE TRIGGER set_token_packs_updated_at
+  BEFORE UPDATE ON public.token_packs
+  FOR EACH ROW EXECUTE FUNCTION public.set_updated_at();
+
+-- ===========================================================================
+-- Grants
+-- ===========================================================================
+GRANT SELECT ON public.token_packs TO anon;
+GRANT SELECT ON public.token_packs TO authenticated;
+GRANT ALL ON public.token_packs TO service_role;