Admin Dashboard

src/pages/Admin.tsx                    # Page principale (tabs)
src/features/
  ├── tools/modals/ToolModal/          # Modal de gestion d'outils
  │   ├── index.tsx                    # Container
  │   ├── ToolForm.tsx                 # Formulaire
  │   ├── ToolPreview.tsx              # Preview
  │   └── useToolModal.ts             # Logique métier
  ├── workflows/modals/WorkflowModal/  # Modal de workflows
  ├── tool-packs/modals/PackModal/     # Modal de packs
  └── quiz/admin/                      # Panel admin quiz
      ├── QuizList.tsx                 # Liste des quiz
      ├── QuizForm.tsx                 # Formulaire création/édition quiz
      ├── QuizQuestionManager.tsx      # Gestion des questions avec réordonnancement
      ├── QuestionForm.tsx             # Éditeur de question + scoring weights
      ├── QuizRecommendationManager.tsx # Gestion des recommandations (V1)
      └── RecommendationForm.tsx       # Éditeur de conditions (V1)

// src/router.tsx
{
  path: '/admin',
  element: (
    <ProtectedRoute>
      <Admin />
    </ProtectedRoute>
  )
}

function ToolsPanel() {
  const [tools, setTools] = useState<EnhancedTool[]>([]);

  const loadTools = async () => {
    try {
      const data = await toolsApi.list();
      setTools(data);
    } catch (error) {
      toast.error('Erreur lors du chargement des outils');
    }
  };

  // Filtrage local par recherche + catégorie
  const filteredTools = tools.filter(tool => {
    const matchesSearch = tool.name.toLowerCase().includes(searchQuery);
    const matchesCategory = selectedCategory === 'all' || tool.category_id === selectedCategory;
    return matchesSearch && matchesCategory;
  });
}

async function uploadLogo(file: File): Promise<string> {
  // Upload vers Nhost Storage
  const { error, fileMetadata } = await nhost.storage.upload({
    file,
    bucketId: 'default',
  });

  if (error) throw new Error('Erreur lors de l\'upload du logo');

  // Construire l'URL publique Nhost Storage
  const nhostSubdomain = import.meta.env.VITE_NHOST_SUBDOMAIN || 'gqvlmqwbsmkhlllmgbyw';
  const nhostRegion = import.meta.env.VITE_NHOST_REGION || 'eu-central-1';
  return `https://${nhostSubdomain}.storage.${nhostRegion}.nhost.run/v1/files/${fileMetadata.id}`;
}

const toolSchema = z.object({
  name: z.string().min(1, 'Le nom est requis'),
  description: z.string().min(10, 'Description trop courte'),
  pricing_tier: z.enum(['Gratuit', 'Freemium', 'Payant', 'Entreprise']),
  category_id: z.string().uuid(),
  website_url: z.string().url().optional(),
  logo: z.instanceof(File).optional()
});

const ToolModal = lazy(() => import('./features/tools/modals/ToolModal'));

<Suspense fallback={<LoadingSpinner />}>
  {isOpen && <ToolModal />}
</Suspense>

useEffect(() => {
  if (activeTab === 'tools') loadTools();
  if (activeTab === 'workflows') loadWorkflows();
}, [activeTab]);

const handleDelete = async (id: string) => {
  if (!confirm('Supprimer cet élément ?')) return;
  try {
    await toolsApi.delete(id);
    toast.success('Suppression réussie');
    reloadData();
  } catch (error) {
    toast.error('Erreur lors de la suppression');
  }
};