ff:"ExplicitChatIdProvider" 100:I[903690,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$7d","$7e","$7f","$80","$81","$7a","$7b","$79","$82"],"$ff"] 101:I[838238,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$7d","$7e","$7f","$80","$81","$7a","$7b","$79","$82"],"SWRDataProvider"] 103:[] 104:[["b_tPNNPHd73Pw",null],["b_YCsMNgHa2Qq",null],["b_CISGATsaR2E",null],["b_OlJeCuuMEtF",null]] 105:[["b_tPNNPHd73Pw",{"templateVersionId":null,"templateCanonId":null}],["b_YCsMNgHa2Qq",{"templateVersionId":null,"templateCanonId":null}],["b_CISGATsaR2E",{"templateVersionId":null,"templateCanonId":null}],["b_OlJeCuuMEtF",{"templateVersionId":null,"templateCanonId":null}]] 106:[["b_FpG0lKBedF4","$D2025-03-17T13:54:13.169Z"],["b_nUYgEAYuVtA","$D2025-03-17T14:02:43.001Z"],["b_aPJSimbzh5p","$D2025-03-17T14:34:43.649Z"],["b_XWyxbpoFBQJ","$D2025-03-17T14:44:22.013Z"],["b_rbHWF71MKYg","$D2025-03-27T20:46:37.591Z"],["b_FBtHXrwMzye","$D2025-03-27T20:50:03.351Z"],["b_GUy3vK24bgI","$D2025-03-27T20:51:46.392Z"],["b_lrLboVahU9b","$D2025-04-01T21:13:25.682Z"],["b_c1I6SZDTuWW","$D2025-04-01T21:30:34.363Z"],["b_dxcqSb4GjgB","$D2025-04-01T21:36:11.671Z"],["b_6vrSeIbYAHN","$D2025-04-01T21:54:29.631Z"],["b_edBAoSdzSi7","$D2025-04-01T22:02:20.514Z"],["b_DXVXA5j9fDt","$D2025-04-01T22:08:04.976Z"],["b_Hrrgjo7eEJ5","$D2025-04-01T22:15:13.897Z"],["b_9AxfgEW9cIf","$D2025-04-03T16:23:17.287Z"],["b_xYUxnCHPA7g","$D2025-04-03T16:26:32.244Z"],["b_lvPOiGYpdeb","$D2025-04-03T16:27:19.966Z"],["b_xV9bZPlq9Za","$D2025-04-03T16:31:55.318Z"],["b_ys0d1hh2oBQ","$D2025-04-03T16:32:59.292Z"],["b_dm79hqow5Pj","$D2025-04-03T16:36:44.212Z"],["b_n8Qu96Iz1Rd","$D2025-04-03T16:41:47.140Z"],["b_x5R3Fw59qeY","$D2025-04-03T16:44:08.126Z"],["b_RFzXAeptnb5","$D2025-04-03T16:45:39.691Z"],["b_GLSFfk618Iy","$D2025-04-03T16:48:48.188Z"],["b_4Mqj2XAO5s4","$D2025-04-03T16:51:03.176Z"],["b_Sgzy99KoPZ2","$D2025-04-03T16:54:06.162Z"],["b_GiR7OMwIyZ4","$D2025-04-03T16:54:08.629Z"],["b_gKZVcGeJKLW","$D2025-04-03T16:58:19.788Z"],["b_7nxrr35jEtw","$D2025-04-03T17:06:17.933Z"],["b_0zcd3ahuJGO","$D2025-04-03T17:09:51.724Z"],["b_jSiDYwWnybb","$D2025-04-03T17:18:58.419Z"],["b_xsxHRQ3frkE","$D2025-04-03T17:28:14.683Z"],["b_dCoHQYdGwZD","$D2025-04-03T17:37:40.745Z"],["b_YldkFpJ1i40","$D2025-04-03T17:44:14.871Z"],["b_VtrVjGw7AH3","$D2025-04-03T17:44:58.842Z"],["b_L1CbjC0gjoi","$D2025-04-03T17:48:43.322Z"],["b_0HEzDvopsCD","$D2025-04-03T17:53:54.331Z"],["b_4fE4i8QR2eY","$D2025-04-03T17:56:11.202Z"],["b_epWy9ixHWjA","$D2025-04-03T17:59:12.627Z"],["b_CsoVktXF5ci","$D2025-04-03T18:03:34.315Z"],["b_9r771P6Zc8K","$D2025-04-03T18:18:27.563Z"],["b_fHOejjHlLZd","$D2025-04-03T18:30:49.965Z"],["b_zD6gqG05WkH","$D2025-04-03T18:35:19.373Z"],["b_gHuiHbxCQNr","$D2025-04-03T18:48:20.582Z"],["b_Cn0nFGJOrvL","$D2025-04-03T18:53:11.836Z"],["b_GKTlfwPYplZ","$D2025-04-03T18:55:37.168Z"],["b_gx5IWvwCrPh","$D2025-12-06T17:02:56.155Z"],["b_Qo0UR6JDjDp","$D2025-12-06T17:05:21.938Z"],["b_rF564aQRBbN","$D2025-12-06T17:06:13.773Z"],["b_mQxfnI5BDyj","$D2025-12-06T17:13:22.134Z"],["b_2CVpLYsJVa2","$D2025-12-20T21:00:53.432Z"],["b_997nnAs46Sh","$D2025-12-20T21:06:21.488Z"],["b_WyjeZOGgZjK","$D2025-12-20T21:06:32.130Z"],["b_HmOlYPA1ZpX","$D2025-12-20T21:09:15.223Z"],["b_WwpSRe5qLcz","$D2025-12-20T21:10:48.761Z"],["b_tPNNPHd73Pw","$D2025-12-20T21:15:05.114Z"],["b_YCsMNgHa2Qq","$D2025-12-20T21:15:25.347Z"],["b_CISGATsaR2E","$D2025-12-20T21:19:04.297Z"],["b_OlJeCuuMEtF","$D2025-12-20T21:19:22.305Z"]] 107:[["b_tPNNPHd73Pw",false],["b_YCsMNgHa2Qq",false],["b_CISGATsaR2E",false],["b_OlJeCuuMEtF",false]] 108:[["b_tPNNPHd73Pw","$undefined"],["b_YCsMNgHa2Qq","$undefined"],["b_CISGATsaR2E","$undefined"],["b_OlJeCuuMEtF","$undefined"]] 109:[["b_tPNNPHd73Pw",null],["b_YCsMNgHa2Qq",null],["b_CISGATsaR2E",null],["b_OlJeCuuMEtF",null]] 10a:[["b_tPNNPHd73Pw",true],["b_YCsMNgHa2Qq",true],["b_CISGATsaR2E",true],["b_OlJeCuuMEtF",true]] 10b:[["b_tPNNPHd73Pw",true],["b_YCsMNgHa2Qq",true],["b_CISGATsaR2E",true],["b_OlJeCuuMEtF",true]] 10c:[] 10d:T783c9,[V0_FILE]typescriptreact:file="app/donate/page.tsx" isEdit="true" isMerged="true" "use client" import type React from "react" import { useState } from "react" import Link from "next/link" import { useRouter } from "next/navigation" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group" import { PieChart, ArrowLeft, CreditCard } from "lucide-react" import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { useToast } from "@/hooks/use-toast" export default function DonatePage() { const router = useRouter() const { toast } = useToast() const [donationType, setDonationType] = useState("unique") const [amount, setAmount] = useState("20") const [customAmount, setCustomAmount] = useState("") const [isLoading, setIsLoading] = useState(false) const handleSubmit = async (e: React.FormEvent) => { e.preventDefault() setIsLoading(true) // Simulation d'un paiement setTimeout(() => { setIsLoading(false) toast({ title: "Don effectué", description: `Merci pour votre don de ${finalAmount} €${donationType === "mensuel" ? "/mois" : ""}!`, }) router.push("/donate/confirmation") }, 1500) } const finalAmount = amount === "custom" ? customAmount : amount return (

Retour à l'accueil

Soutenir PATRIMONIOM

Votre don nous aide à maintenir et améliorer notre service

Faire un don Choisissez le montant et la fréquence de votre don

Don unique Don mensuel

Montant du don

10 €

20 €

50 €

100 €

200 €

Autre

{amount === "custom" && (

Montant personnalisé (€) setCustomAmount(e.target.value)} placeholder="Entrez un montant" required />

)}

Montant mensuel

5 €/mois

10 €/mois

20 €/mois

Autre

{amount === "custom" && (

Montant personnalisé (€/mois) setCustomAmount(e.target.value)} placeholder="Entrez un montant" required />

)}

Récapitulatif {finalAmount} €{donationType === "mensuel" ? "/mois" : ""}

Paiement sécurisé par Stripe

En effectuant un don, vous acceptez nos{" "} conditions générales de vente

) } [V0_FILE]typescriptreact:file="app/donate/confirmation/page.tsx" isMerged="true" import Link from "next/link" import { Button } from "@/components/ui/button" import { CheckCircle } from "lucide-react" export default function DonationConfirmationPage() { return (

Merci pour votre don !

Votre soutien est précieux pour nous aider à maintenir et améliorer PATRIMONIOM.

Un reçu a été envoyé à votre adresse email. Vous pouvez également le retrouver dans votre espace personnel.

) } [V0_FILE]typescriptreact:file="tailwind.config.js" isEdit="true" isQuickEdit="true" isMerged="true" /** @type {import('tailwindcss').Config} */ module.exports = { darkMode: ["class"], content: [ "./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{ts,tsx}", "*.{js,ts,jsx,tsx,mdx}", ], theme: { container: { center: true, padding: "2rem", screens: { "2xl": "1400px", }, }, extend: { colors: { border: "hsl(var(--border))", input: "hsl(var(--input))", ring: "hsl(var(--ring))", background: "hsl(var(--background))", foreground: "hsl(var(--foreground))", primary: { DEFAULT: "hsl(var(--primary))", foreground: "hsl(var(--primary-foreground))", }, secondary: { DEFAULT: "hsl(var(--secondary))", foreground: "hsl(var(--secondary-foreground))", }, destructive: { DEFAULT: "hsl(var(--destructive))", foreground: "hsl(var(--destructive-foreground))", }, muted: { DEFAULT: "hsl(var(--muted))", foreground: "hsl(var(--muted-foreground))", }, accent: { DEFAULT: "hsl(var(--accent))", foreground: "hsl(var(--accent-foreground))", }, popover: { DEFAULT: "hsl(var(--popover))", foreground: "hsl(var(--popover-foreground))", }, card: { DEFAULT: "hsl(var(--card))", foreground: "hsl(var(--card-foreground))", }, // Ajout de couleurs personnalisées basées sur le jaune gold: { 50: "#fffbeb", 100: "#fef3c7", 200: "#fde68a", 300: "#fcd34d", 400: "#fbbf24", 500: "#f59e0b", 600: "#d97706", 700: "#b45309", 800: "#92400e", 900: "#78350f", 950: "#451a03", }, }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, keyframes: { "accordion-down": { from: { height: 0 }, to: { height: "var(--radix-accordion-content-height)" }, }, "accordion-up": { from: { height: "var(--radix-accordion-content-height)" }, to: { height: 0 }, }, }, animation: { "accordion-down": "accordion-down 0.2s ease-out", "accordion-up": "accordion-up 0.2s ease-out", }, }, }, plugins: [require("tailwindcss-animate")], } [V0_FILE]css:file="app/globals.css" isMerged="true" @tailwind base; @tailwind components; @tailwind utilities; @layer base { :root { --background: 0 0% 100%; --foreground: 20 14.3% 4.1%; /* Palette jaune/or pour le thème clair */ --primary: 43 96% 56%; --primary-foreground: 26 83.3% 14.1%; --secondary: 60 54.3% 94.5%; --secondary-foreground: 24 9.8% 10%; --muted: 60 4.8% 95.9%; --muted-foreground: 25 3.2% 42.9%; --accent: 43 96% 90%; --accent-foreground: 24 9.8% 10%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 60 9.1% 97.8%; --border: 20 5.9% 90%; --input: 20 5.9% 90%; --ring: 43 96% 56%; --radius: 0.5rem; /* Variables pour les graphiques */ --chart-1: 43 96% 56%; --chart-2: 27 96% 61%; --chart-3: 14 89% 65%; --chart-4: 198 93% 60%; --chart-5: 262 83% 58%; } .dark { --background: 20 14.3% 4.1%; --foreground: 60 9.1% 97.8%; /* Palette jaune/or pour le thème sombre */ --primary: 43 96% 56%; --primary-foreground: 20 14.3% 4.1%; --secondary: 12 6.5% 15.1%; --secondary-foreground: 60 9.1% 97.8%; --muted: 12 6.5% 15.1%; --muted-foreground: 24 5.4% 63.9%; --accent: 12 6.5% 15.1%; --accent-foreground: 60 9.1% 97.8%; --destructive: 0 62.8% 30.6%; --destructive-foreground: 60 9.1% 97.8%; --border: 12 6.5% 15.1%; --input: 12 6.5% 15.1%; --ring: 43 96% 56%; /* Variables pour les graphiques en mode sombre */ --chart-1: 43 96% 56%; --chart-2: 27 96% 61%; --chart-3: 14 89% 65%; --chart-4: 198 93% 60%; --chart-5: 262 83% 58%; } } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground; } } /* Styles personnalisés pour mettre en valeur les éléments jaunes */ .gold-gradient { background: linear-gradient(135deg, hsl(43, 96%, 56%), hsl(36, 100%, 50%)); } .gold-shadow { box-shadow: 0 4px 12px rgba(245, 158, 11, 0.15); } .gold-border { border-color: hsl(43, 96%, 56%); } [V0_FILE]typescriptreact:file="app/dashboard/patrimoine/loading.tsx" isFixed="true" isMerged="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="app/faq/page.tsx" isMerged="true" import Link from "next/link" import { Button } from "@/components/ui/button" import { ArrowLeft } from "lucide-react" import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion" export default function FAQPage() { return (

Retour à l'accueil

Foire aux questions

Retrouvez les réponses aux questions les plus fréquemment posées sur PATRIMONIOM

Qu'est-ce que PATRIMONIOM ? PATRIMONIOM est une application de gestion de patrimoine qui vous permet de centraliser, suivre et analyser l'ensemble de vos actifs et passifs pour une gestion patrimoniale optimale. Notre plateforme vous offre une vision claire et complète de votre situation financière. Comment fonctionne la gestion des actifs ? La gestion des actifs vous permet d'enregistrer tous vos biens (immobilier, placements financiers, liquidités, biens mobiliers) avec leurs caractéristiques détaillées. Vous pouvez suivre leur évolution, leur valeur actuelle et obtenir une vision globale de la répartition de votre patrimoine. Mes données sont-elles sécurisées ? La sécurité de vos données est notre priorité. PATRIMONIOM utilise un chiffrement de bout en bout pour protéger vos informations personnelles et financières. Nous ne partageons jamais vos données avec des tiers sans votre consentement explicite et nous respectons strictement le RGPD. Comment puis-je gérer mes documents ? Notre module de gestion documentaire vous permet de stocker de manière sécurisée tous vos documents importants (actes de propriété, contrats d'assurance, relevés bancaires, etc.). Vous pouvez les associer à vos actifs ou passifs pour une organisation optimale et y accéder facilement depuis n'importe quel appareil. PATRIMONIOM est-il accessible sur mobile ? Oui, PATRIMONIOM est entièrement responsive et s'adapte à tous les appareils (ordinateurs, tablettes, smartphones). Vous pouvez ainsi gérer votre patrimoine où que vous soyez, à tout moment. Comment puis-je obtenir de l'aide en cas de besoin ? Notre équipe de support est disponible pour vous aider. Vous pouvez nous contacter via le formulaire de contact sur notre site, par email à support@patrimoniom.fr ou par téléphone au 01 23 45 67 89 du lundi au vendredi de 9h à 18h. Quelles sont les fonctionnalités d'analyse disponibles ? PATRIMONIOM vous offre des tableaux de bord personnalisables et des rapports détaillés sur l'évolution de votre patrimoine. Vous pouvez visualiser la répartition de vos actifs, analyser la rentabilité de vos investissements et suivre l'évolution de votre patrimoine net au fil du temps. Comment puis-je exporter mes données ? Vous pouvez facilement exporter vos données patrimoniales au format PDF ou Excel depuis votre tableau de bord. Cette fonctionnalité est particulièrement utile pour partager des informations avec votre conseiller financier ou pour conserver des archives personnelles.

) } [V0_FILE]typescriptreact:file="app/cgu/page.tsx" isMerged="true" import Link from "next/link" import { ArrowLeft } from "lucide-react" export default function CGUPage() { return (

Retour à l'accueil

Conditions Générales d'Utilisation

Dernière mise à jour : 1er avril 2025

1. Acceptation des conditions

Les présentes Conditions Générales d'Utilisation (ci-après dénommées « CGU ») régissent l'utilisation du service PATRIMONIOM (ci-après dénommé le « Service »), accessible via le site web www.patrimoniom.fr et l'application mobile associée.

En accédant au Service ou en l'utilisant, vous acceptez d'être lié par les présentes CGU. Si vous n'acceptez pas ces conditions, vous ne devez pas utiliser le Service.

2. Description du service

PATRIMONIOM est une application de gestion de patrimoine permettant aux utilisateurs de centraliser, suivre et analyser l'ensemble de leurs actifs et passifs. Le Service offre des fonctionnalités de gestion d'actifs, de passifs, de documents et de personnes liées au patrimoine de l'utilisateur.

3. Inscription et compte utilisateur

Pour utiliser le Service, vous devez créer un compte en fournissant des informations exactes, complètes et à jour. Vous êtes responsable de la confidentialité de votre mot de passe et de toutes les activités qui se produisent sous votre compte.

Vous vous engagez à nous informer immédiatement de toute utilisation non autorisée de votre compte ou de toute autre violation de la sécurité.

4. Utilisation du service

Vous vous engagez à utiliser le Service conformément aux lois et réglementations applicables. Vous ne devez pas :

Utiliser le Service à des fins illégales ou non autorisées
Violer les droits de propriété intellectuelle ou autres droits de tiers
Interférer avec ou perturber le fonctionnement du Service
Tenter d'accéder à des comptes, systèmes ou réseaux sans autorisation
Transmettre des virus, logiciels malveillants ou autres codes nuisibles

5. Propriété intellectuelle

Le Service et son contenu original, fonctionnalités et fonctionnalités sont et resteront la propriété exclusive de PATRIMONIOM et de ses concédants de licence. Le Service est protégé par le droit d'auteur, les marques et autres lois en France et à l'étranger.

6. Confidentialité des données

Votre utilisation du Service est également soumise à notre Politique de Confidentialité, qui décrit comment nous collectons, utilisons et partageons vos informations personnelles.

7. Limitation de responsabilité

Dans toute la mesure permise par la loi applicable, PATRIMONIOM ne sera pas responsable des dommages indirects, accessoires, spéciaux, consécutifs ou punitifs, ou de toute perte de profits ou de revenus, que ces dommages soient prévisibles ou non.

8. Modifications des CGU

Nous nous réservons le droit de modifier ces CGU à tout moment. Les modifications prendront effet dès leur publication sur le Service. Il est de votre responsabilité de consulter régulièrement les CGU pour prendre connaissance des modifications.

9. Résiliation

Nous nous réservons le droit de suspendre ou de résilier votre accès au Service, sans préavis ni responsabilité, pour quelque raison que ce soit, y compris, sans limitation, si vous enfreignez les présentes CGU.

10. Droit applicable

Les présentes CGU sont régies et interprétées conformément aux lois françaises, sans égard aux principes de conflits de lois.

11. Contact

Pour toute question concernant ces CGU, veuillez nous contacter à l'adresse suivante : contact@patrimoniom.fr

) } [V0_FILE]typescriptreact:file="app/mentions-legales/page.tsx" isMerged="true" import Link from "next/link" import { ArrowLeft } from "lucide-react" export default function MentionsLegalesPage() { return (

Retour à l'accueil

Mentions Légales

Dernière mise à jour : 1er avril 2025

1. Informations légales

Le site web www.patrimoniom.fr et l'application PATRIMONIOM sont édités par :

PATRIMONIOM SAS
Société par Actions Simplifiée au capital de 50 000 €
Siège social : 123 Avenue de la République, 75011 Paris, France
RCS Paris B 123 456 789
N° TVA intracommunautaire : FR 12 123456789
Téléphone : +33 (0)1 23 45 67 89
Email : contact@patrimoniom.fr

2. Directeur de la publication

Le directeur de la publication est Monsieur Jean Dupont, en sa qualité de Président de PATRIMONIOM SAS.

3. Hébergement

Le site web et l'application sont hébergés par :

Vercel Inc.
340 S Lemon Ave #4133
Walnut, CA 91789
États-Unis
https://vercel.com

4. Propriété intellectuelle

L'ensemble des éléments constituant le site web et l'application PATRIMONIOM (textes, graphismes, logiciels, photographies, images, vidéos, sons, plans, logos, marques, etc.) sont la propriété exclusive de PATRIMONIOM SAS ou font l'objet d'une autorisation d'utilisation. Ces éléments sont protégés par les lois relatives à la propriété intellectuelle.

Toute reproduction, représentation, modification, publication, adaptation de tout ou partie des éléments du site, quel que soit le moyen ou le procédé utilisé, est interdite, sauf autorisation écrite préalable de PATRIMONIOM SAS.

5. Données personnelles

Les informations concernant la collecte et le traitement des données personnelles sont détaillées dans notre{" "} Politique de Confidentialité .

6. Cookies

Le site web et l'application PATRIMONIOM utilisent des cookies pour améliorer l'expérience utilisateur. Pour plus d'informations sur l'utilisation des cookies, veuillez consulter notre{" "} Politique de Confidentialité .

7. Liens hypertextes

Le site web et l'application PATRIMONIOM peuvent contenir des liens hypertextes vers d'autres sites internet. PATRIMONIOM SAS n'exerce aucun contrôle sur ces sites et ne peut être tenu responsable de leur contenu ou de leur politique de confidentialité.

8. Droit applicable et juridiction compétente

Les présentes mentions légales sont régies par le droit français. En cas de litige, les tribunaux français seront seuls compétents.

9. Contact

Pour toute question concernant ces mentions légales, veuillez nous contacter à l'adresse suivante : contact@patrimoniom.fr

) } [V0_FILE]typescriptreact:file="app/confidentialite/page.tsx" isMerged="true" import Link from "next/link" import { ArrowLeft } from "lucide-react" export default function ConfidentialitePage() { return (

Retour à l'accueil

Politique de Confidentialité

Dernière mise à jour : 1er avril 2025

1. Introduction

La présente Politique de Confidentialité décrit comment PATRIMONIOM SAS (ci-après « nous », « notre » ou « nos ») collecte, utilise et partage vos informations personnelles lorsque vous utilisez notre site web www.patrimoniom.fr et notre application mobile (ci-après le « Service »).

Nous accordons une grande importance à la protection de vos données personnelles et nous nous engageons à respecter le Règlement Général sur la Protection des Données (RGPD) et toutes les lois applicables en matière de protection des données.

2. Informations que nous collectons

Nous collectons les types d'informations suivants :

Informations d'identification : nom, prénom, adresse email, numéro de téléphone, adresse postale.
Informations financières : détails sur vos actifs, passifs, revenus et dépenses que vous choisissez de saisir dans le Service.
Documents : documents que vous téléchargez sur le Service, tels que des actes de propriété, contrats d'assurance, relevés bancaires, etc.
Informations d'utilisation : données sur la façon dont vous utilisez le Service, y compris les pages visitées, les fonctionnalités utilisées et le temps passé sur le Service.
Informations techniques : adresse IP, type de navigateur, appareil utilisé, système d'exploitation, identifiants uniques de l'appareil.

3. Comment nous collectons vos informations

Nous collectons vos informations de plusieurs façons :

Informations que vous nous fournissez : lorsque vous créez un compte, remplissez des formulaires, téléchargez des documents ou interagissez avec le Service.
Informations collectées automatiquement : lorsque vous utilisez le Service, nous collectons automatiquement certaines informations techniques et d'utilisation.
Cookies et technologies similaires : nous utilisons des cookies et d'autres technologies de suivi pour améliorer votre expérience et collecter des informations sur votre utilisation du Service.

4. Comment nous utilisons vos informations

Nous utilisons vos informations pour les finalités suivantes :

Fournir, maintenir et améliorer le Service
Créer et gérer votre compte
Traiter vos transactions et gérer vos données patrimoniales
Vous envoyer des informations techniques, des mises à jour et des messages de support
Répondre à vos demandes et vous fournir une assistance client
Détecter, prévenir et résoudre les problèmes techniques et de sécurité
Respecter nos obligations légales

5. Partage de vos informations

Nous ne vendons pas vos données personnelles à des tiers. Nous pouvons partager vos informations dans les circonstances suivantes :

Prestataires de services : nous pouvons partager vos informations avec des prestataires de services tiers qui nous aident à fournir le Service (hébergement, analyse, support client, etc.).
Conformité légale : nous pouvons divulguer vos informations si la loi l'exige ou en réponse à des demandes légales valides.
Protection des droits : nous pouvons divulguer vos informations pour protéger nos droits, notre propriété ou notre sécurité, ainsi que ceux de nos utilisateurs ou d'autres personnes.
Avec votre consentement : nous pouvons partager vos informations avec votre consentement explicite.

6. Sécurité de vos informations

Nous mettons en œuvre des mesures de sécurité techniques et organisationnelles appropriées pour protéger vos informations contre la perte, l'accès non autorisé, la divulgation, l'altération et la destruction. Ces mesures comprennent le chiffrement des données, les contrôles d'accès, les pare-feu et les audits de sécurité réguliers.

7. Conservation des données

Nous conservons vos informations personnelles aussi longtemps que nécessaire pour fournir le Service et atteindre les finalités décrites dans cette Politique de Confidentialité, sauf si une période de conservation plus longue est requise ou permise par la loi.

8. Vos droits

Conformément au RGPD et aux lois applicables en matière de protection des données, vous disposez des droits suivants concernant vos données personnelles :

Droit d'accès à vos données personnelles
Droit de rectification des données inexactes
Droit à l'effacement de vos données (« droit à l'oubli »)
Droit à la limitation du traitement
Droit à la portabilité des données
Droit d'opposition au traitement
Droit de retirer votre consentement à tout moment

Pour exercer ces droits, veuillez nous contacter à l'adresse email suivante : privacy@patrimoniom.fr

9. Modifications de cette politique

Nous pouvons mettre à jour cette Politique de Confidentialité de temps à autre. Nous vous informerons de tout changement important en publiant la nouvelle Politique de Confidentialité sur cette page et en vous envoyant une notification par email.

10. Contact

Si vous avez des questions concernant cette Politique de Confidentialité, veuillez nous contacter à l'adresse suivante : privacy@patrimoniom.fr

) } [V0_FILE]typescriptreact:file="app/contact/page.tsx" isMerged="true" "use client" import type React from "react" import { useState } from "react" import Link from "next/link" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Textarea } from "@/components/ui/textarea" import { ArrowLeft, Mail, Phone, MapPin, Send, Check } from "lucide-react" import { useToast } from "@/hooks/use-toast" export default function ContactPage() { const { toast } = useToast() const [formData, setFormData] = useState({ name: "", email: "", subject: "", message: "", }) const [isSubmitting, setIsSubmitting] = useState(false) const [isSubmitted, setIsSubmitted] = useState(false) const handleChange = (e: React.ChangeEvent) => { const { name, value } = e.target setFormData((prev) => ({ ...prev, [name]: value, })) } const handleSubmit = (e: React.FormEvent) => { e.preventDefault() setIsSubmitting(true) // Simulation d'envoi de formulaire setTimeout(() => { setIsSubmitting(false) setIsSubmitted(true) toast({ title: "Message envoyé", description: "Nous vous répondrons dans les plus brefs délais.", }) }, 1500) } return (

Retour à l'accueil

Contactez-nous

Nous sommes à votre écoute pour toute question ou demande d'information

Email

contact@patrimoniom.fr

Téléphone

+33 (0)1 23 45 67 89

Adresse

123 Avenue de la République, 75011 Paris, France

Horaires d'ouverture

Lundi - Vendredi 9h00 - 18h00

Samedi 10h00 - 16h00

Dimanche Fermé

{isSubmitted ? (

Message envoyé !

Merci de nous avoir contactés. Nous vous répondrons dans les plus brefs délais.

) : (

Nom complet

Sujet

Message

</div>
                  <Button type="submit" className="w-full" disabled={isSubmitting}>
                    {isSubmitting ? (
                      "Envoi en cours..."
                    ) : (
                      <>
                        <Send className="mr-2 h-4 w-4" /> Envoyer le message
                      </>
                    )}
                  </Button>
                </form>
              )}
            </div>
          </div>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/support/page.tsx" isMerged="true"
"use client"

import type React from "react"

import { useState } from "react"
import Link from "next/link"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Textarea } from "@/components/ui/textarea"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { ArrowLeft, LifeBuoy, FileText, MessageSquare, Send, Check } from "lucide-react"
import { useToast } from "@/hooks/use-toast"
import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion"

export default function SupportPage() {
  const { toast } = useToast()
  const [formData, setFormData] = useState({
    name: "",
    email: "",
    category: "",
    subject: "",
    message: "",
  })
  const [isSubmitting, setIsSubmitting] = useState(false)
  const [isSubmitted, setIsSubmitted] = useState(false)

const handleChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {
    const { name, value } = e.target
    setFormData((prev) => ({
      ...prev,
      [name]: value,
    }))
  }

const handleSelectChange = (name: string, value: string) => {
    setFormData((prev) => ({
      ...prev,
      [name]: value,
    }))
  }

const handleSubmit = (e: React.FormEvent) => {
    e.preventDefault()
    setIsSubmitting(true)

// Simulation d'envoi de formulaire
    setTimeout(() => {
      setIsSubmitting(false)
      setIsSubmitted(true)
      toast({
        title: "Demande de support envoyée",
        description: "Notre équipe vous répondra dans les plus brefs délais.",
      })
    }, 1500)
  }

return (
    <div className="min-h-screen flex flex-col">
      <div className="container flex flex-col items-center justify-center min-h-screen py-12 px-4 md:px-6">
        <Link
          href="/"
          className="absolute top-8 left-8 flex items-center text-sm font-medium text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-50"
        >
          <ArrowLeft className="mr-2 h-4 w-4" />
          Retour à l'accueil
        </Link>

<div className="mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[800px]">
          <div className="flex flex-col space-y-2 text-center">
            <h1 className="text-3xl font-bold tracking-tight">Support technique</h1>
            <p className="text-sm text-gray-500 dark:text-gray-400">
              Besoin d'aide ? Notre équipe de support est là pour vous aider
            </p>
          </div>

<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
            <div className="space-y-6">
              <div className="bg-gold-50 p-6 rounded-lg border border-gold-200">
                <div className="flex items-center gap-3 mb-4">
                  <LifeBuoy className="h-6 w-6 text-gold-500" />
                  <h3 className="font-medium">Centre d'aide</h3>
                </div>
                <p className="text-sm text-gray-600 dark:text-gray-400 mb-4">
                  Consultez notre base de connaissances pour trouver des réponses à vos questions les plus fréquentes.
                </p>
                <Link href="/faq">
                  <Button variant="outline" className="w-full">
                    Consulter la FAQ
                  </Button>
                </Link>
              </div>

<div className="bg-gold-50 p-6 rounded-lg border border-gold-200">
                <div className="flex items-center gap-3 mb-4">
                  <FileText className="h-6 w-6 text-gold-500" />
                  <h3 className="font-medium">Documentation</h3>
                </div>
                <p className="text-sm text-gray-600 dark:text-gray-400 mb-4">
                  Explorez notre documentation détaillée pour apprendre à utiliser toutes les fonctionnalités de
                  PATRIMONIOM.
                </p>
                <Button variant="outline" className="w-full">
                  Consulter la documentation
                </Button>
              </div>

<div className="bg-gold-50 p-6 rounded-lg border border-gold-200">
                <div className="flex items-center gap-3 mb-4">
                  <MessageSquare className="h-6 w-6 text-gold-500" />
                  <h3 className="font-medium">Questions fréquentes</h3>
                </div>
                <Accordion type="single" collapsible className="w-full">
                  <AccordionItem value="item-1">
                    <AccordionTrigger className="text-sm">Comment réinitialiser mon mot de passe ?</AccordionTrigger>
                    <AccordionContent className="text-xs text-gray-600">
                      Cliquez sur "Mot de passe oublié" sur la page de connexion et suivez les instructions envoyées à
                      votre adresse email.
                    </AccordionContent>
                  </AccordionItem>
                  <AccordionItem value="item-2">
                    <AccordionTrigger className="text-sm">Comment ajouter un nouvel actif ?</AccordionTrigger>
                    <AccordionContent className="text-xs text-gray-600">
                      Accédez à la section "Actifs" dans votre tableau de bord, puis cliquez sur le bouton "Ajouter un
                      actif" et remplissez le formulaire.
                    </AccordionContent>
                  </AccordionItem>
                  <AccordionItem value="item-3">
                    <AccordionTrigger className="text-sm">Comment exporter mes données ?</AccordionTrigger>
                    <AccordionContent className="text-xs text-gray-600">
                      Dans votre tableau de bord, cliquez sur le bouton "Exporter" en haut à droite de chaque section
                      pour télécharger vos données au format PDF ou Excel.
                    </AccordionContent>
                  </AccordionItem>
                </Accordion>
              </div>
            </div>

<div>
              {isSubmitted ? (
                <div className="bg-green-50 p-8 rounded-lg border border-green-200 flex flex-col items-center justify-center h-full">
                  <div className="rounded-full bg-green-100 p-3 mb-4">
                    <Check className="h-8 w-8 text-green-600" />
                  </div>
                  <h3 className="text-xl font-medium text-green-800 mb-2">Demande envoyée !</h3>
                  <p className="text-center text-green-600 mb-4">
                    Merci de nous avoir contactés. Notre équipe de support vous répondra dans les plus brefs délais.
                  </p>
                  <Button onClick={() => setIsSubmitted(false)}>Envoyer une autre demande</Button>
                </div>
              ) : (
                <form onSubmit={handleSubmit} className="space-y-4 bg-white dark:bg-gray-800 p-6 rounded-lg border">
                  <h3 className="font-medium text-lg mb-2">Formulaire de support</h3>
                  <div className="space-y-2">
                    <Label htmlFor="name">Nom complet</Label>
                    <Input
                      id="name"
                      name="name"
                      value={formData.name}
                      onChange={handleChange}
                      placeholder="Jean Dupont"
                      required
                    />
                  </div>
                  <div className="space-y-2">
                    <Label htmlFor="email">Email</Label>
                    <Input
                      id="email"
                      name="email"
                      type="email"
                      value={formData.email}
                      onChange={handleChange}
                      placeholder="jean.dupont@exemple.fr"
                      required
                    />
                  </div>
                  <div className="space-y-2">
                    <Label htmlFor="category">Catégorie</Label>
                    <Select value={formData.category} onValueChange={(value) => handleSelectChange("category", value)}>
                      <SelectTrigger id="category">
                        <SelectValue placeholder="Sélectionnez une catégorie" />
                      </SelectTrigger>
                      <SelectContent>
                        <SelectItem value="account">Compte utilisateur</SelectItem>
                        <SelectItem value="assets">Gestion des actifs</SelectItem>
                        <SelectItem value="liabilities">Gestion des passifs</SelectItem>
                        <SelectItem value="documents">Gestion documentaire</SelectItem>
                        <SelectItem value="technical">Problème technique</SelectItem>
                        <SelectItem value="other">Autre</SelectItem>
                      </SelectContent>
                    </Select>
                  </div>
                  <div className="space-y-2">
                    <Label htmlFor="subject">Sujet</Label>
                    <Input
                      id="subject"
                      name="subject"
                      value={formData.subject}
                      onChange={handleChange}
                      placeholder="Résumé de votre problème"
                      required
                    />
                  </div>
                  <div className="space-y-2">
                    <Label htmlFor="message">Description détaillée</Label>
                    <Textarea
                      id="message"
                      name="message"
                      value={formData.message}
                      onChange={handleChange}
                      placeholder="Décrivez votre problème en détail..."
                      rows={5}
                      required
                    />
                  </div>
                  <Button type="submit" className="w-full" disabled={isSubmitting}>
                    {isSubmitting ? (
                      "Envoi en cours..."
                    ) : (
                      <>
                        <Send className="mr-2 h-4 w-4" /> Envoyer la demande
                      </>
                    )}
                  </Button>
                </form>
              )}
            </div>
          </div>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/ui/textarea.tsx" isMerged="true"
import * as React from "react"

import { cn } from "@/lib/utils"

export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}

const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(({ className, ...props }, ref) => {
  return (
    <textarea
      className={cn(
        "flex min-h-[80px] 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 disabled:cursor-not-allowed disabled:opacity-50",
        className,
      )}
      ref={ref}
      {...props}
    />
  )
})
Textarea.displayName = "Textarea"

export { Textarea }
[V0_FILE]typescriptreact:file="app/dashboard/emprunts/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import type React from "react"

export default function PassifsPage() {
  const router = useRouter()
  const { toast } = useToast()
  const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false)
  const [liabilities, setLiabilities] = useState<Liability[]>([])
  const [isAddDialogOpen, setIsAddDialogOpen] = useState(false)
  const [isViewDialogOpen, setIsViewDialogOpen] = useState(false)
  const [selectedLiability, setSelectedLiability] = useState<Liability | null>(null)
  const [newLiability, setNewLiability] = useState({
    name: "",
    type: "Crédit immobilier",
    amount: 0,
    interestRate: 0,
    startDate: "",
    endDate: "",
    monthlyPayment: 0,
    lender: "",
    description: "",
  })

useEffect(() => {
    loadLiabilities()
  }, [])

const loadLiabilities = () => {
    const loadedLiabilities = getLiabilities()
    setLiabilities(loadedLiabilities)
  }

const handleAddLiability = () => {
    try {
      addLiability({
        ...newLiability,
        amount: Number(newLiability.amount),
        interestRate: Number(newLiability.interestRate),
        monthlyPayment: Number(newLiability.monthlyPayment),
        createdAt: new Date().toISOString(),
        updatedAt: new Date().toISOString(),
      })

toast({
        title: "Passif ajouté",
        description: "Le passif a été ajouté avec succès.",
      })

setIsAddDialogOpen(false)
      loadLiabilities()

// Réinitialiser le formulaire
      setNewLiability({
        name: "",
        type: "",
        amount: 0,
        interestRate: 0,
        startDate: "",
        endDate: "",
        monthlyPayment: 0,
        lender: "",
        description: "",
      })
    } catch (error) {
      toast({
        title: "Erreur",
        description: "Une erreur est survenue lors de l'ajout du passif.",
        variant: "destructive",
      })
    }
  }

const handleViewLiability = (liability: Liability) => {
    setSelectedLiability(liability)
    setIsViewDialogOpen(true)
  }

const handleDeleteLiability = (liabilityId: string) => {
    if (confirm("Êtes-vous sûr de vouloir supprimer ce passif ?")) {
      // Filtrer les passifs pour supprimer celui avec l'ID correspondant
      const updatedLiabilities = liabilities.filter((liability) => liability.id !== liabilityId)
      // Mettre à jour le localStorage
      localStorage.setItem("liabilities", JSON.stringify(updatedLiabilities))
      // Recharger les passifs
      loadLiabilities()

toast({
        title: "Passif supprimé",
        description: "Le passif a été supprimé avec succès.",
      })
    }
  }

const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
    const { name, value } = e.target
    setNewLiability((prev) => ({
      ...prev,
      [name]: value,
    }))
  }

const toggleMobileMenu = () => {
    setIsMobileMenuOpen(!isMobileMenuOpen)
  }

const handleLogout = () => {
    localStorage.removeItem("currentUser")
    router.push("/login")
  }

// Calculer le montant total des passifs
  const totalAmount = liabilities.reduce((sum, liability) => sum + liability.amount, 0)

return (
    <div className="flex min-h-screen flex-col">
      <header className="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
        <div className="container flex h-14 items-center">
          <div className="mr-4 flex items-center md:hidden">
            <Button variant="ghost" size="icon" onClick={toggleMobileMenu}>
              {isMobileMenuOpen ? <X className="h-5 w-5" /> : <Menu className="h-5 w-5" />}
            </Button>
          </div>
          <div className="flex items-center gap-2 font-bold">
            <PieChart className="h-5 w-5 text-gold-500" />
            <span>PATRIMONIOM</span>
          </div>
          <div className="flex flex-1 items-center justify-end space-x-2">
            <nav className="hidden md:flex items-center space-x-4">
              <Link href="/dashboard" className="text-sm font-medium text-muted-foreground">
                Tableau de bord
              </Link>
              <Link href="/dashboard/actifs" className="text-sm font-medium text-muted-foreground">
                Actifs
              </Link>
              <Link href="/dashboard/emprunts" className="text-sm font-medium">
                Emprunts
              </Link>
              <Link href="/dashboard/documents" className="text-sm font-medium text-muted-foreground">
                Documents
              </Link>
              <Link href="/dashboard/personnes" className="text-sm font-medium text-muted-foreground">
                Personnes
              </Link>
            </nav>
            <div className="hidden md:flex items-center space-x-2">
              <Link href="/dashboard/profil">
                <Button variant="ghost" size="icon">
                  <User className="h-5 w-5" />
                </Button>
              </Link>
              <Button variant="ghost" size="icon" onClick={handleLogout}>
                <LogOut className="h-5 w-5" />
              </Button>
            </div>
          </div>
        </div>
      </header>

{isMobileMenuOpen && (
        <div className="fixed inset-0 top-14 z-40 bg-background md:hidden">
          <div className="container py-4">
            <nav className="flex flex-col space-y-4">
              <Link
                href="/dashboard"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <BarChart3 className="mr-2 h-5 w-5" />
                Tableau de bord
              </Link>
              <Link
                href="/dashboard/actifs"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <Wallet className="mr-2 h-5 w-5" />
                Actifs
              </Link>
              <Link
                href="/dashboard/emprunts"
                className="flex items-center py-2 text-lg font-medium"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <CreditCard className="mr-2 h-5 w-5" />
                Emprunts
              </Link>
              <Link
                href="/dashboard/documents"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <FileText className="mr-2 h-5 w-5" />
                Documents
              </Link>
              <Link
                href="/dashboard/personnes"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <User className="mr-2 h-5 w-5" />
                Personnes
              </Link>
              <div className="border-t my-4"></div>
              <Link
                href="/dashboard/profil"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <User className="mr-2 h-5 w-5" />
                Mon profil
              </Link>
              <button
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => {
                  setIsMobileMenuOpen(false)
                  handleLogout()
                }}
              >
                <LogOut className="mr-2 h-5 w-5" />
                Déconnexion
              </button>
            </nav>
          </div>
        </div>
      )}

<main className="flex-1 container py-6">
        <div className="flex flex-col space-y-6">
          <div className="flex justify-between items-center">
            <div>
              <h1 className="text-3xl font-bold tracking-tight">Emprunts</h1>
              <p className="text-muted-foreground">Gérez l'ensemble de vos emprunts</p>
            </div>
            <Dialog open={isAddDialogOpen} onOpenChange={setIsAddDialogOpen}>
              <DialogTrigger asChild>
                <Button>
                  <Plus className="mr-2 h-4 w-4" />
                  Ajouter un emprunt
                </Button>
              </DialogTrigger>
              <DialogContent className="sm:max-w-[550px]">
                <DialogHeader>
                  <DialogTitle>Ajouter un nouvel emprunt</DialogTitle>
                  <DialogDescription>Renseignez les informations de votre emprunt ci-dessous.</DialogDescription>
                </DialogHeader>
                <div className="grid gap-4 py-4">
                  <div className="grid grid-cols-2 gap-4">
                    <div className="space-y-2">
                      <Label htmlFor="name">Nom de l'emprunt</Label>
                      <Input
                        id="name"
                        name="name"
                        value={newLiability.name}
                        onChange={handleInputChange}
                        placeholder="Prêt immobilier"
                        required
                      />
                    </div>
                    <div className="space-y-2">
                      <Label htmlFor="type">Type</Label>
                      <Input
                        id="type"
                        name="type"
                        value={newLiability.type}
                        onChange={handleInputChange}
                        placeholder="Crédit immobilier"
                        required
                      />
                    </div>
                  </div>
                  <div className="grid grid-cols-2 gap-4">
                    <div className="space-y-2">
                      <Label htmlFor="amount">Montant restant dû (€)</Label>
                      <Input
                        id="amount"
                        name="amount"
                        type="number"
                        value={newLiability.amount}
                        onChange={handleInputChange}
                        placeholder="85000"
                        required
                      />
                    </div>
                    <div className="space-y-2">
                      <Label htmlFor="interestRate">Taux d'intérêt (%)</Label>
                      <Input
                        id="interestRate"
                        name="interestRate"
                        type="number"
                        step="0.01"
                        value={newLiability.interestRate}
                        onChange={handleInputChange}
                        placeholder="1.2"
                      />
                    </div>
                  </div>
                  <div className="grid grid-cols-2 gap-4">
                    <div className="space-y-2">
                      <Label htmlFor="startDate">Date de début</Label>
                      <Input
                        id="startDate"
                        name="startDate"
                        type="date"
                        value={newLiability.startDate}
                        onChange={handleInputChange}
                      />
                    </div>
                    <div className="space-y-2">
                      <Label htmlFor="endDate">Date de fin</Label>
                      <Input
                        id="endDate"
                        name="endDate"
                        type="date"
                        value={newLiability.endDate}
                        onChange={handleInputChange}
                      />
                    </div>
                  </div>
                  <div className="grid grid-cols-2 gap-4">
                    <div className="space-y-2">
                      <Label htmlFor="monthlyPayment">Mensualité (€)</Label>
                      <Input
                        id="monthlyPayment"
                        name="monthlyPayment"
                        type="number"
                        value={newLiability.monthlyPayment}
                        onChange={handleInputChange}
                        placeholder="550"
                      />
                    </div>
                    <div className="space-y-2">
                      <Label htmlFor="lender">Prêteur</Label>
                      <Input
                        id="lender"
                        name="lender"
                        value={newLiability.lender}
                        onChange={handleInputChange}
                        placeholder="Banque XYZ"
                      />
                    </div>
                  </div>
                  <div className="space-y-2">
                    <Label htmlFor="description">Description</Label>
                    <Input
                      id="description"
                      name="description"
                      value={newLiability.description}
                      onChange={handleInputChange}
                      placeholder="Prêt pour l'appartement à Paris"
                    />
                  </div>
                </div>
                <DialogFooter>
                  <Button variant="outline" onClick={() => setIsAddDialogOpen(false)}>
                    Annuler
                  </Button>
                  <Button onClick={handleAddLiability}>Ajouter</Button>
                </DialogFooter>
              </DialogContent>
            </Dialog>
          </div>

<Card>
            <CardHeader>
              <CardTitle>Vue d'ensemble</CardTitle>
              <CardDescription>Montant total des emprunts : {totalAmount.toLocaleString("fr-FR")} €</CardDescription>
            </CardHeader>
            <CardContent>
              <div className="rounded-md border">
                <Table>
                  <TableHeader>
                    <TableRow>
                      <TableHead>Nom</TableHead>
                      <TableHead>Type</TableHead>
                      <TableHead>Prêteur</TableHead>
                      <TableHead className="text-right">Montant restant</TableHead>
                      <TableHead className="text-right">Actions</TableHead>
                    </TableRow>
                  </TableHeader>
                  <TableBody>
                    {liabilities.length === 0 ? (
                      <TableRow>
                        <TableCell colSpan={5} className="text-center py-4">
                          Aucun emprunt trouvé. Ajoutez votre premier emprunt !
                        </TableCell>
                      </TableRow>
                    ) : (
                      liabilities.map((liability) => (
                        <TableRow key={liability.id}>
                          <TableCell className="font-medium">{liability.name}</TableCell>
                          <TableCell>{liability.type}</TableCell>
                          <TableCell>{liability.lender || "Non spécifié"}</TableCell>
                          <TableCell className="text-right">{liability.amount.toLocaleString("fr-FR")} €</TableCell>
                          <TableCell className="text-right">
                            <div className="flex justify-end gap-2">
                              <Button variant="ghost" size="icon" onClick={() => handleViewLiability(liability)}>
                                <Eye className="h-4 w-4" />
                              </Button>
                              <Button variant="ghost" size="icon">
                                <Pencil className="h-4 w-4" />
                              </Button>
                              <Button variant="ghost" size="icon" onClick={() => handleDeleteLiability(liability.id)}>
                                <Trash2 className="h-4 w-4" />
                              </Button>
                            </div>
                          </TableCell>
                        </TableRow>
                      ))
                    )}
                  </TableBody>
                </Table>
              </div>
            </CardContent>
          </Card>
        </div>
      </main>

{/* Dialogue de visualisation d'un passif */}
      <Dialog open={isViewDialogOpen} onOpenChange={setIsViewDialogOpen}>
        <DialogContent className="sm:max-w-[550px]">
          <DialogHeader>
            <DialogTitle>{selectedLiability?.name}</DialogTitle>
            <DialogDescription>Détails de l'emprunt</DialogDescription>
          </DialogHeader>
          {selectedLiability && (
            <div className="grid gap-4 py-4">
              <div className="grid grid-cols-2 gap-4">
                <div>
                  <p className="text-sm font-medium">Type</p>
                  <p className="text-sm text-muted-foreground">{selectedLiability.type}</p>
                </div>
                <div>
                  <p className="text-sm font-medium">Montant restant</p>
                  <p className="text-sm text-muted-foreground">{selectedLiability.amount.toLocaleString("fr-FR")} €</p>
                </div>
              </div>
              {selectedLiability.interestRate && (
                <div>
                  <p className="text-sm font-medium">Taux d'intérêt</p>
                  <p className="text-sm text-muted-foreground">{selectedLiability.interestRate}%</p>
                </div>
              )}
              <div className="grid grid-cols-2 gap-4">
                {selectedLiability.startDate && (
                  <div>
                    <p className="text-sm font-medium">Date de début</p>
                    <p className="text-sm text-muted-foreground">
                      {new Date(selectedLiability.startDate).toLocaleDateString("fr-FR")}
                    </p>
                  </div>
                )}
                {selectedLiability.endDate && (
                  <div>
                    <p className="text-sm font-medium">Date de fin</p>
                    <p className="text-sm text-muted-foreground">
                      {new Date(selectedLiability.endDate).toLocaleDateString("fr-FR")}
                    </p>
                  </div>
                )}
              </div>
              <div className="grid grid-cols-2 gap-4">
                {selectedLiability.monthlyPayment && (
                  <div>
                    <p className="text-sm font-medium">Mensualité</p>
                    <p className="text-sm text-muted-foreground">
                      {selectedLiability.monthlyPayment.toLocaleString("fr-FR")} €
                    </p>
                  </div>
                )}
                {selectedLiability.lender && (
                  <div>
                    <p className="text-sm font-medium">Prêteur</p>
                    <p className="text-sm text-muted-foreground">{selectedLiability.lender}</p>
                  </div>
                )}
              </div>
              {selectedLiability.description && (
                <div>
                  <p className="text-sm font-medium">Description</p>
                  <p className="text-sm text-muted-foreground">{selectedLiability.description}</p>
                </div>
              )}
              <div className="grid grid-cols-2 gap-4">
                <div>
                  <p className="text-sm font-medium">Date de création</p>
                  <p className="text-sm text-muted-foreground">
                    {new Date(selectedLiability.createdAt).toLocaleDateString("fr-FR")}
                  </p>
                </div>
                <div>
                  <p className="text-sm font-medium">Dernière mise à jour</p>
                  <p className="text-sm text-muted-foreground">
                    {new Date(selectedLiability.updatedAt).toLocaleDateString("fr-FR")}
                  </p>
                </div>
              </div>
            </div>
          )}
          <DialogFooter>
            <Button onClick={() => setIsViewDialogOpen(false)}>Fermer</Button>
          </DialogFooter>
        </DialogContent>
      </Dialog>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/dashboard/placements-financiers/page.tsx" isMerged="true"
"use client"

import type React from "react"

import { useState, useEffect } from "react"
import Link from "next/link"
import { useRouter } from "next/navigation"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs"
import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogFooter,
  DialogHeader,
  DialogTitle,
  DialogTrigger,
} from "@/components/ui/dialog"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import {
  PieChart,
  BarChart3,
  Home,
  CreditCard,
  Wallet,
  Building2,
  FileText,
  User,
  LogOut,
  Menu,
  X,
  Plus,
  Pencil,
  Trash2,
  Eye,
  TrendingUp,
  Landmark,
  Briefcase,
  LineChart,
} from "lucide-react"
import { getAssets, addAsset } from "@/lib/patrimoine"
import type { Asset } from "@/types/patrimoine"
import { useToast } from "@/hooks/use-toast"

export default function PlacementsFinanciersPage() {
  const router = useRouter()
  const { toast } = useToast()
  const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false)
  const [placements, setPlacements] = useState<Asset[]>([])
  const [isAddDialogOpen, setIsAddDialogOpen] = useState(false)
  const [isViewDialogOpen, setIsViewDialogOpen] = useState(false)
  const [selectedPlacement, setSelectedPlacement] = useState<Asset | null>(null)
  const [activeCategory, setActiveCategory] = useState<string>("all")
  const [newPlacement, setNewPlacement] = useState({
    name: "",
    category: "Actions",
    type: "",
    value: 0,
    description: "",
    acquisitionDate: "",
    acquisitionPrice: 0,
  })

useEffect(() => {
    loadPlacements()
  }, [])

const loadPlacements = () => {
    // Filtrer uniquement les actifs de type placement financier
    const assets = getAssets()
    const financialAssets = assets.filter((asset) =>
      ["Actions", "Obligations", "SCPI", "Assurance-vie", "PEA", "Crypto-monnaies"].includes(asset.category),
    )
    setPlacements(financialAssets)
  }

const handleAddPlacement = () => {
    try {
      addAsset({
        ...newPlacement,
        value: Number(newPlacement.value),
        acquisitionPrice: Number(newPlacement.acquisitionPrice),
        createdAt: new Date().toISOString(),
        updatedAt: new Date().toISOString(),
      })

toast({
        title: "Placement ajouté",
        description: "Le placement financier a été ajouté avec succès.",
      })

setIsAddDialogOpen(false)
      loadPlacements()

// Réinitialiser le formulaire
      setNewPlacement({
        name: "",
        category: "Actions",
        type: "",
        value: 0,
        description: "",
        acquisitionDate: "",
        acquisitionPrice: 0,
      })
    } catch (error) {
      toast({
        title: "Erreur",
        description: "Une erreur est survenue lors de l'ajout du placement financier.",
        variant: "destructive",
      })
    }
  }

const handleViewPlacement = (placement: Asset) => {
    setSelectedPlacement(placement)
    setIsViewDialogOpen(true)
  }

const handleDeletePlacement = (placementId: string) => {
    if (confirm("Êtes-vous sûr de vouloir supprimer ce placement financier ?")) {
      // Filtrer les placements pour supprimer celui avec l'ID correspondant
      const assets = getAssets()
      const updatedAssets = assets.filter((asset) => asset.id !== placementId)
      // Mettre à jour le localStorage
      localStorage.setItem("assets", JSON.stringify(updatedAssets))
      // Recharger les placements
      loadPlacements()

toast({
        title: "Placement supprimé",
        description: "Le placement financier a été supprimé avec succès.",
      })
    }
  }

const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
    const { name, value } = e.target
    setNewPlacement((prev) => ({
      ...prev,
      [name]: value,
    }))
  }

const handleSelectChange = (name: string, value: string) => {
    setNewPlacement((prev) => ({
      ...prev,
      [name]: value,
    }))
  }

const toggleMobileMenu = () => {
    setIsMobileMenuOpen(!isMobileMenuOpen)
  }

const handleLogout = () => {
    localStorage.removeItem("currentUser")
    router.push("/login")
  }

// Filtrer les placements par catégorie
  const filteredPlacements =
    activeCategory === "all" ? placements : placements.filter((placement) => placement.category === activeCategory)

// Calculer la valeur totale des placements
  const totalValue = filteredPlacements.reduce((sum, placement) => sum + placement.value, 0)

// Obtenir les catégories uniques
  const categories = ["all", ...Array.from(new Set(placements.map((placement) => placement.category)))]

// Fonction pour obtenir l'icône en fonction de la catégorie
  const getCategoryIcon = (category: string) => {
    switch (category) {
      case "Actions":
        return <TrendingUp className="h-4 w-4 text-gold-500" />
      case "Obligations":
        return <Landmark className="h-4 w-4 text-gold-500" />
      case "SCPI":
        return <Building2 className="h-4 w-4 text-gold-500" />
      case "Assurance-vie":
        return <Briefcase className="h-4 w-4 text-gold-500" />
      case "PEA":
        return <LineChart className="h-4 w-4 text-gold-500" />
      case "Crypto-monnaies":
        return <Wallet className="h-4 w-4 text-gold-500" />
      default:
        return <Wallet className="h-4 w-4 text-gold-500" />
    }
  }

// Calculer la performance
  const calculatePerformance = (current: number, acquisition: number) => {
    if (!acquisition) return 0
    return ((current - acquisition) / acquisition) * 100
  }

return (
    <div className="flex min-h-screen flex-col">
      <header className="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
        <div className="container flex h-14 items-center">
          <div className="mr-4 flex items-center md:hidden">
            <Button variant="ghost" size="icon" onClick={toggleMobileMenu}>
              {isMobileMenuOpen ? <X className="h-5 w-5" /> : <Menu className="h-5 w-5" />}
            </Button>
          </div>
          <div className="flex items-center gap-2 font-bold">
            <PieChart className="h-5 w-5 text-gold-500" />
            <span>PATRIMONIOM</span>
          </div>
          <div className="flex flex-1 items-center justify-end space-x-2">
            <nav className="hidden md:flex items-center space-x-4">
              <Link href="/dashboard" className="text-sm font-medium text-muted-foreground">
                Tableau de bord
              </Link>
              <Link href="/dashboard/biens-immobiliers" className="text-sm font-medium text-muted-foreground">
                Biens immobiliers
              </Link>
              <Link href="/dashboard/placements-financiers" className="text-sm font-medium">
                Placements financiers
              </Link>
              <Link href="/dashboard/emprunts" className="text-sm font-medium text-muted-foreground">
                Emprunts
              </Link>
              <Link href="/dashboard/comptes-courants" className="text-sm font-medium text-muted-foreground">
                Comptes courants d'associé
              </Link>
              <Link href="/dashboard/documents" className="text-sm font-medium text-muted-foreground">
                Documents
              </Link>
              <Link href="/dashboard/personnes" className="text-sm font-medium text-muted-foreground">
                Personnes
              </Link>
            </nav>
            <div className="hidden md:flex items-center space-x-2">
              <Link href="/dashboard/profil">
                <Button variant="ghost" size="icon">
                  <User className="h-5 w-5" />
                </Button>
              </Link>
              <Button variant="ghost" size="icon" onClick={handleLogout}>
                <LogOut className="h-5 w-5" />
              </Button>
            </div>
          </div>
        </div>
      </header>

{isMobileMenuOpen && (
        <div className="fixed inset-0 top-14 z-40 bg-background md:hidden">
          <div className="container py-4">
            <nav className="flex flex-col space-y-4">
              <Link
                href="/dashboard"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <BarChart3 className="mr-2 h-5 w-5" />
                Tableau de bord
              </Link>
              <Link
                href="/dashboard/biens-immobiliers"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <Home className="mr-2 h-5 w-5" />
                Biens immobiliers
              </Link>
              <Link
                href="/dashboard/placements-financiers"
                className="flex items-center py-2 text-lg font-medium"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <TrendingUp className="mr-2 h-5 w-5" />
                Placements financiers
              </Link>
              <Link
                href="/dashboard/emprunts"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <CreditCard className="mr-2 h-5 w-5" />
                Emprunts
              </Link>
              <Link
                href="/dashboard/comptes-courants"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <Wallet className="mr-2 h-5 w-5" />
                Comptes courants d'associé
              </Link>
              <Link
                href="/dashboard/documents"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <FileText className="mr-2 h-5 w-5" />
                Documents
              </Link>
              <Link
                href="/dashboard/personnes"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <User className="mr-2 h-5 w-5" />
                Personnes
              </Link>
              <div className="border-t my-4"></div>
              <Link
                href="/dashboard/profil"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <User className="mr-2 h-5 w-5" />
                Mon profil
              </Link>
              <button
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => {
                  setIsMobileMenuOpen(false)
                  handleLogout()
                }}
              >
                <LogOut className="mr-2 h-5 w-5" />
                Déconnexion
              </button>
            </nav>
          </div>
        </div>
      )}

<main className="flex-1 container py-6">
        <div className="flex flex-col space-y-6">
          <div className="flex justify-between items-center">
            <div>
              <h1 className="text-3xl font-bold tracking-tight">Placements financiers</h1>
              <p className="text-muted-foreground">Gérez l'ensemble de vos placements financiers</p>
            </div>
            <Dialog open={isAddDialogOpen} onOpenChange={setIsAddDialogOpen}>
              <DialogTrigger asChild>
                <Button>
                  <Plus className="mr-2 h-4 w-4" />
                  Ajouter un placement
                </Button>
              </DialogTrigger>
              <DialogContent className="sm:max-w-[550px]">
                <DialogHeader>
                  <DialogTitle>Ajouter un nouveau placement financier</DialogTitle>
                  <DialogDescription>Renseignez les informations de votre placement ci-dessous.</DialogDescription>
                </DialogHeader>
                <div className="grid gap-4 py-4">
                  <div className="grid grid-cols-2 gap-4">
                    <div className="space-y-2">
                      <Label htmlFor="name">Nom du placement</Label>
                      <Input
                        id="name"
                        name="name"
                        value={newPlacement.name}
                        onChange={handleInputChange}
                        placeholder="Actions Apple"
                        required
                      />
                    </div>
                    <div className="space-y-2">
                      <Label htmlFor="category">Catégorie</Label>
                      <Select
                        name="category"
                        value={newPlacement.category}
                        onValueChange={(value) => handleSelectChange("category", value)}
                      >
                        <SelectTrigger>
                          <SelectValue placeholder="Sélectionner une catégorie" />
                        </SelectTrigger>
                        <SelectContent>
                          <SelectItem value="Actions">Actions</SelectItem>
                          <SelectItem value="Obligations">Obligations</SelectItem>
                          <SelectItem value="SCPI">SCPI</SelectItem>
                          <SelectItem value="Assurance-vie">Assurance-vie</SelectItem>
                          <SelectItem value="PEA">PEA</SelectItem>
                          <SelectItem value="Crypto-monnaies">Crypto-monnaies</SelectItem>
                        </SelectContent>
                      </Select>
                    </div>
                  </div>
                  <div className="grid grid-cols-2 gap-4">
                    <div className="space-y-2">
                      <Label htmlFor="type">Type</Label>
                      <Input
                        id="type"
                        name="type"
                        value={newPlacement.type}
                        onChange={handleInputChange}
                        placeholder="Actions cotées"
                      />
                    </div>
                    <div className="space-y-2">
                      <Label htmlFor="value">Valeur actuelle (€)</Label>
                      <Input
                        id="value"
                        name="value"
                        type="number"
                        value={newPlacement.value}
                        onChange={handleInputChange}
                        placeholder="10000"
                        required
                      />
                    </div>
                  </div>
                  <div className="space-y-2">
                    <Label htmlFor="description">Description</Label>
                    <Input
                      id="description"
                      name="description"
                      value={newPlacement.description}
                      onChange={handleInputChange}
                      placeholder="10 actions Apple Inc."
                    />
                  </div>
                  <div className="grid grid-cols-2 gap-4">
                    <div className="space-y-2">
                      <Label htmlFor="acquisitionDate">Date d'acquisition</Label>
                      <Input
                        id="acquisitionDate"
                        name="acquisitionDate"
                        type="date"
                        value={newPlacement.acquisitionDate}
                        onChange={handleInputChange}
                      />
                    </div>
                    <div className="space-y-2">
                      <Label htmlFor="acquisitionPrice">Prix d'acquisition (€)</Label>
                      <Input
                        id="acquisitionPrice"
                        name="acquisitionPrice"
                        type="number"
                        value={newPlacement.acquisitionPrice}
                        onChange={handleInputChange}
                        placeholder="8500"
                      />
                    </div>
                  </div>
                </div>
                <DialogFooter>
                  <Button variant="outline" onClick={() => setIsAddDialogOpen(false)}>
                    Annuler
                  </Button>
                  <Button onClick={handleAddPlacement}>Ajouter</Button>
                </DialogFooter>
              </DialogContent>
            </Dialog>
          </div>

<Card>
            <CardHeader>
              <CardTitle>Vue d'ensemble</CardTitle>
              <CardDescription>Valeur totale des placements : {totalValue.toLocaleString("fr-FR")} €</CardDescription>
            </CardHeader>
            <CardContent>
              <Tabs defaultValue="all" onValueChange={setActiveCategory}>
                <TabsList className="mb-4">
                  {categories.map((category) => (
                    <TabsTrigger key={category} value={category}>
                      {category === "all" ? "Tous" : category}
                    </TabsTrigger>
                  ))}
                </TabsList>

<div className="rounded-md border">
                  <Table>
                    <TableHeader>
                      <TableRow>
                        <TableHead>Nom</TableHead>
                        <TableHead>Catégorie</TableHead>
                        <TableHead>Type</TableHead>
                        <TableHead className="text-right">Valeur actuelle</TableHead>
                        <TableHead className="text-right">Performance</TableHead>
                        <TableHead className="text-right">Actions</TableHead>
                      </TableRow>
                    </TableHeader>
                    <TableBody>
                      {filteredPlacements.length === 0 ? (
                        <TableRow>
                          <TableCell colSpan={6} className="text-center py-4">
                            Aucun placement financier trouvé. Ajoutez votre premier placement !
                          </TableCell>
                        </TableRow>
                      ) : (
                        filteredPlacements.map((placement) => {
                          const performance = calculatePerformance(placement.value, placement.acquisitionPrice || 0)
                          return (
                            <TableRow key={placement.id}>
                              <TableCell className="font-medium">{placement.name}</TableCell>
                              <TableCell>
                                <div className="flex items-center gap-2">
                                  {getCategoryIcon(placement.category)}
                                  <span>{placement.category}</span>
                                </div>
                              </TableCell>
                              <TableCell>{placement.type}</TableCell>
                              <TableCell className="text-right">{placement.value.toLocaleString("fr-FR")} €</TableCell>
                              <TableCell
                                className={`text-right ${performance > 0 ? "text-green-600" : performance < 0 ? "text-red-600" : ""}`}
                              >
                                {performance ? `${performance.toFixed(2)}%` : "-"}
                              </TableCell>
                              <TableCell className="text-right">
                                <div className="flex justify-end gap-2">
                                  <Button variant="ghost" size="icon" onClick={() => handleViewPlacement(placement)}>
                                    <Eye className="h-4 w-4" />
                                  </Button>
                                  <Button variant="ghost" size="icon">
                                    <Pencil className="h-4 w-4" />
                                  </Button>
                                  <Button
                                    variant="ghost"
                                    size="icon"
                                    onClick={() => handleDeletePlacement(placement.id)}
                                  >
                                    <Trash2 className="h-4 w-4" />
                                  </Button>
                                </div>
                              </TableCell>
                            </TableRow>
                          )
                        })
                      )}
                    </TableBody>
                  </Table>
                </div>
              </Tabs>
            </CardContent>
          </Card>
        </div>
      </main>

{/* Dialogue de visualisation d'un placement */}
      <Dialog open={isViewDialogOpen} onOpenChange={setIsViewDialogOpen}>
        <DialogContent className="sm:max-w-[550px]">
          <DialogHeader>
            <DialogTitle>{selectedPlacement?.name}</DialogTitle>
            <DialogDescription>Détails du placement financier</DialogDescription>
          </DialogHeader>
          {selectedPlacement && (
            <div className="grid gap-4 py-4">
              <div className="grid grid-cols-2 gap-4">
                <div>
                  <p className="text-sm font-medium">Catégorie</p>
                  <p className="text-sm text-muted-foreground">{selectedPlacement.category}</p>
                </div>
                <div>
                  <p className="text-sm font-medium">Type</p>
                  <p className="text-sm text-muted-foreground">{selectedPlacement.type || "Non spécifié"}</p>
                </div>
              </div>
              <div>
                <p className="text-sm font-medium">Valeur actuelle</p>
                <p className="text-sm text-muted-foreground">{selectedPlacement.value.toLocaleString("fr-FR")} €</p>
              </div>
              {selectedPlacement.description && (
                <div>
                  <p className="text-sm font-medium">Description</p>
                  <p className="text-sm text-muted-foreground">{selectedPlacement.description}</p>
                </div>
              )}
              <div className="grid grid-cols-2 gap-4">
                {selectedPlacement.acquisitionDate && (
                  <div>
                    <p className="text-sm font-medium">Date d'acquisition</p>
                    <p className="text-sm text-muted-foreground">
                      {new Date(selectedPlacement.acquisitionDate).toLocaleDateString("fr-FR")}
                    </p>
                  </div>
                )}
                {selectedPlacement.acquisitionPrice && (
                  <div>
                    <p className="text-sm font-medium">Prix d'acquisition</p>
                    <p className="text-sm text-muted-foreground">
                      {selectedPlacement.acquisitionPrice.toLocaleString("fr-FR")} €
                    </p>
                  </div>
                )}
              </div>
              {selectedPlacement.acquisitionPrice && (
                <div>
                  <p className="text-sm font-medium">Performance</p>
                  <p
                    className={`text-sm ${calculatePerformance(selectedPlacement.value, selectedPlacement.acquisitionPrice) > 0 ? "text-green-600" : calculatePerformance(selectedPlacement.value, selectedPlacement.acquisitionPrice) < 0 ? "text-red-600" : "text-muted-foreground"}`}
                  >
                    {calculatePerformance(selectedPlacement.value, selectedPlacement.acquisitionPrice).toFixed(2)}%
                  </p>
                </div>
              )}
              <div className="grid grid-cols-2 gap-4">
                <div>
                  <p className="text-sm font-medium">Date de création</p>
                  <p className="text-sm text-muted-foreground">
                    {new Date(selectedPlacement.createdAt).toLocaleDateString("fr-FR")}
                  </p>
                </div>
                <div>
                  <p className="text-sm font-medium">Dernière mise à jour</p>
                  <p className="text-sm text-muted-foreground">
                    {new Date(selectedPlacement.updatedAt).toLocaleDateString("fr-FR")}
                  </p>
                </div>
              </div>
            </div>
          )}
          <DialogFooter>
            <Button onClick={() => setIsViewDialogOpen(false)}>Fermer</Button>
          </DialogFooter>
        </DialogContent>
      </Dialog>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/dashboard/comptes-courants/page.tsx" isMerged="true"
"use client"

import type React from "react"

import { useState, useEffect } from "react"
import Link from "next/link"
import { useRouter } from "next/navigation"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogFooter,
  DialogHeader,
  DialogTitle,
  DialogTrigger,
} from "@/components/ui/dialog"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import {
  PieChart,
  BarChart3,
  Home,
  CreditCard,
  FileText,
  User,
  LogOut,
  Menu,
  X,
  Plus,
  Pencil,
  Trash2,
  Eye,
  TrendingUp,
  Users,
} from "lucide-react"
import { getLiabilities, addLiability } from "@/lib/patrimoine"
import { getPersons } from "@/lib/patrimoine"
import type { Liability } from "@/types/patrimoine"
import type { Person } from "@/types/patrimoine"
import { useToast } from "@/hooks/use-toast"

export default function ComptesCouraPage() {
  const router = useRouter()
  const { toast } = useToast()
  const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false)
  const [comptes, setComptes] = useState<Liability[]>([])
  const [personnes, setPersonnes] = useState<Person[]>([])
  const [isAddDialogOpen, setIsAddDialogOpen] = useState(false)
  const [isViewDialogOpen, setIsViewDialogOpen] = useState(false)
  const [selectedCompte, setSelectedCompte] = useState<Liability | null>(null)
  const [newCompte, setNewCompte] = useState({
    name: "",
    type: "Compte courant d'associé",
    amount: 0,
    interestRate: 0,
    startDate: "",
    endDate: "",
    lender: "",
    description: "",
  })

useEffect(() => {
    loadComptes()
    loadPersonnes()
  }, [])

const loadComptes = () => {
    // Filtrer uniquement les passifs de type compte courant d'associé
    const liabilities = getLiabilities()
    const comptesAssocies = liabilities.filter((liability) => liability.type === "Compte courant d'associé")
    setComptes(comptesAssocies)
  }

const loadPersonnes = () => {
    const loadedPersons = getPersons()
    setPersonnes(loadedPersons)
  }

const handleAddCompte = () => {
    try {
      addLiability({
        ...newCompte,
        amount: Number(newCompte.amount),
        interestRate: Number(newCompte.interestRate),
        createdAt: new Date().toISOString(),
        updatedAt: new Date().toISOString(),
      })

toast({
        title: "Compte courant ajouté",
        description: "Le compte courant d'associé a été ajouté avec succès.",
      })

setIsAddDialogOpen(false)
      loadComptes()

// Réinitialiser le formulaire
      setNewCompte({
        name: "",
        type: "Compte courant d'associé",
        amount: 0,
        interestRate: 0,
        startDate: "",
        endDate: "",
        lender: "",
        description: "",
      })
    } catch (error) {
      toast({
        title: "Erreur",
        description: "Une erreur est survenue lors de l'ajout du compte courant d'associé.",
        variant: "destructive",
      })
    }
  }

const handleViewCompte = (compte: Liability) => {
    setSelectedCompte(compte)
    setIsViewDialogOpen(true)
  }

const handleDeleteCompte = (compteId: string) => {
    if (confirm("Êtes-vous sûr de vouloir supprimer ce compte courant d'associé ?")) {
      // Filtrer les comptes pour supprimer celui avec l'ID correspondant
      const liabilities = getLiabilities()
      const updatedLiabilities = liabilities.filter((liability) => liability.id !== compteId)
      // Mettre à jour le localStorage
      localStorage.setItem("liabilities", JSON.stringify(updatedLiabilities))
      // Recharger les comptes
      loadComptes()

toast({
        title: "Compte courant supprimé",
        description: "Le compte courant d'associé a été supprimé avec succès.",
      })
    }
  }

const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
    const { name, value } = e.target
    setNewCompte((prev) => ({
      ...prev,
      [name]: value,
    }))
  }

const handleSelectChange = (name: string, value: string) => {
    setNewCompte((prev) => ({
      ...prev,
      [name]: value,
    }))
  }

const toggleMobileMenu = () => {
    setIsMobileMenuOpen(!isMobileMenuOpen)
  }

const handleLogout = () => {
    localStorage.removeItem("currentUser")
    router.push("/login")
  }

// Calculer le montant total des comptes courants
  const totalAmount = comptes.reduce((sum, compte) => sum + compte.amount, 0)

// Trouver le nom de l'associé
  const getAssocieName = (lenderId: string) => {
    const personne = personnes.find((p) => p.id === lenderId)
    if (personne) {
      if (personne.type === "Physique") {
        return `${personne.firstName} ${personne.lastName}`
      } else {
        return personne.name
      }
    }
    return lenderId
  }

return (
    <div className="flex min-h-screen flex-col">
      <header className="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
        <div className="container flex h-14 items-center">
          <div className="mr-4 flex items-center md:hidden">
            <Button variant="ghost" size="icon" onClick={toggleMobileMenu}>
              {isMobileMenuOpen ? <X className="h-5 w-5" /> : <Menu className="h-5 w-5" />}
            </Button>
          </div>
          <div className="flex items-center gap-2 font-bold">
            <PieChart className="h-5 w-5 text-gold-500" />
            <span>PATRIMONIOM</span>
          </div>
          <div className="flex flex-1 items-center justify-end space-x-2">
            <nav className="hidden md:flex items-center space-x-4">
              <Link href="/dashboard" className="text-sm font-medium text-muted-foreground">
                Tableau de bord
              </Link>
              <Link href="/dashboard/biens-immobiliers" className="text-sm font-medium text-muted-foreground">
                Biens immobiliers
              </Link>
              <Link href="/dashboard/placements-financiers" className="text-sm font-medium text-muted-foreground">
                Placements financiers
              </Link>
              <Link href="/dashboard/emprunts" className="text-sm font-medium text-muted-foreground">
                Emprunts
              </Link>
              <Link href="/dashboard/comptes-courants" className="text-sm font-medium">
                Comptes courants d'associé
              </Link>
              <Link href="/dashboard/documents" className="text-sm font-medium text-muted-foreground">
                Documents
              </Link>
              <Link href="/dashboard/personnes" className="text-sm font-medium text-muted-foreground">
                Personnes
              </Link>
            </nav>
            <div className="hidden md:flex items-center space-x-2">
              <Link href="/dashboard/profil">
                <Button variant="ghost" size="icon">
                  <User className="h-5 w-5" />
                </Button>
              </Link>
              <Button variant="ghost" size="icon" onClick={handleLogout}>
                <LogOut className="h-5 w-5" />
              </Button>
            </div>
          </div>
        </div>
      </header>

{isMobileMenuOpen && (
        <div className="fixed inset-0 top-14 z-40 bg-background md:hidden">
          <div className="container py-4">
            <nav className="flex flex-col space-y-4">
              <Link
                href="/dashboard"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <BarChart3 className="mr-2 h-5 w-5" />
                Tableau de bord
              </Link>
              <Link
                href="/dashboard/biens-immobiliers"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <Home className="mr-2 h-5 w-5" />
                Biens immobiliers
              </Link>
              <Link
                href="/dashboard/placements-financiers"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <TrendingUp className="mr-2 h-5 w-5" />
                Placements financiers
              </Link>
              <Link
                href="/dashboard/emprunts"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <CreditCard className="mr-2 h-5 w-5" />
                Emprunts
              </Link>
              <Link
                href="/dashboard/comptes-courants"
                className="flex items-center py-2 text-lg font-medium"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <Users className="mr-2 h-5 w-5" />
                Comptes courants d'associé
              </Link>
              <Link
                href="/dashboard/documents"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <FileText className="mr-2 h-5 w-5" />
                Documents
              </Link>
              <Link
                href="/dashboard/personnes"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <User className="mr-2 h-5 w-5" />
                Personnes
              </Link>
              <div className="border-t my-4"></div>
              <Link
                href="/dashboard/profil"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <User className="mr-2 h-5 w-5" />
                Mon profil
              </Link>
              <button
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => {
                  setIsMobileMenuOpen(false)
                  handleLogout()
                }}
              >
                <LogOut className="mr-2 h-5 w-5" />
                Déconnexion
              </button>
            </nav>
          </div>
        </div>
      )}

<main className="flex-1 container py-6">
        <div className="flex flex-col space-y-6">
          <div className="flex justify-between items-center">
            <div>
              <h1 className="text-3xl font-bold tracking-tight">Comptes courants d'associé</h1>
              <p className="text-muted-foreground">Gérez les comptes courants d'associé de votre structure</p>
            </div>
            <Dialog open={isAddDialogOpen} onOpenChange={setIsAddDialogOpen}>
              <DialogTrigger asChild>
                <Button>
                  <Plus className="mr-2 h-4 w-4" />
                  Ajouter un compte courant
                </Button>
              </DialogTrigger>
              <DialogContent className="sm:max-w-[550px]">
                <DialogHeader>
                  <DialogTitle>Ajouter un nouveau compte courant d'associé</DialogTitle>
                  <DialogDescription>Renseignez les informations du compte courant ci-dessous.</DialogDescription>
                </DialogHeader>
                <div className="grid gap-4 py-4">
                  <div className="grid grid-cols-2 gap-4">
                    <div className="space-y-2">
                      <Label htmlFor="name">Nom du compte</Label>
                      <Input
                        id="name"
                        name="name"
                        value={newCompte.name}
                        onChange={handleInputChange}
                        placeholder="CCA Mikaël YABAS"
                        required
                      />
                    </div>
                    <div className="space-y-2">
                      <Label htmlFor="lender">Associé</Label>
                      <Select value={newCompte.lender} onValueChange={(value) => handleSelectChange("lender", value)}>
                        <SelectTrigger id="lender">
                          <SelectValue placeholder="Sélectionner un associé" />
                        </SelectTrigger>
                        <SelectContent>
                          {personnes.map((personne) => (
                            <SelectItem key={personne.id} value={personne.id}>
                              {personne.type === "Physique"
                                ? `${personne.firstName} ${personne.lastName}`
                                : personne.name}
                            </SelectItem>
                          ))}
                        </SelectContent>
                      </Select>
                    </div>
                  </div>
                  <div className="grid grid-cols-2 gap-4">
                    <div className="space-y-2">
                      <Label htmlFor="amount">Montant (€)</Label>
                      <Input
                        id="amount"
                        name="amount"
                        type="number"
                        value={newCompte.amount}
                        onChange={handleInputChange}
                        placeholder="50000"
                        required
                      />
                    </div>
                    <div className="space-y-2">
                      <Label htmlFor="interestRate">Taux d'intérêt (%)</Label>
                      <Input
                        id="interestRate"
                        name="interestRate"
                        type="number"
                        step="0.01"
                        value={newCompte.interestRate}
                        onChange={handleInputChange}
                        placeholder="1.5"
                      />
                    </div>
                  </div>
                  <div className="grid grid-cols-2 gap-4">
                    <div className="space-y-2">
                      <Label htmlFor="startDate">Date de début</Label>
                      <Input
                        id="startDate"
                        name="startDate"
                        type="date"
                        value={newCompte.startDate}
                        onChange={handleInputChange}
                      />
                    </div>
                    <div className="space-y-2">
                      <Label htmlFor="endDate">Date d'échéance</Label>
                      <Input
                        id="endDate"
                        name="endDate"
                        type="date"
                        value={newCompte.endDate}
                        onChange={handleInputChange}
                      />
                    </div>
                  </div>
                  <div className="space-y-2">
                    <Label htmlFor="description">Description</Label>
                    <Input
                      id="description"
                      name="description"
                      value={newCompte.description}
                      onChange={handleInputChange}
                      placeholder="Apport en compte courant pour financement immobilier"
                    />
                  </div>
                </div>
                <DialogFooter>
                  <Button variant="outline" onClick={() => setIsAddDialogOpen(false)}>
                    Annuler
                  </Button>
                  <Button onClick={handleAddCompte}>Ajouter</Button>
                </DialogFooter>
              </DialogContent>
            </Dialog>
          </div>

<Card>
            <CardHeader>
              <CardTitle>Vue d'ensemble</CardTitle>
              <CardDescription>
                Montant total des comptes courants : {totalAmount.toLocaleString("fr-FR")} €
              </CardDescription>
            </CardHeader>
            <CardContent>
              <div className="rounded-md border">
                <Table>
                  <TableHeader>
                    <TableRow>
                      <TableHead>Nom</TableHead>
                      <TableHead>Associé</TableHead>
                      <TableHead className="text-right">Montant</TableHead>
                      <TableHead className="text-right">Taux d'intérêt</TableHead>
                      <TableHead>Date d'échéance</TableHead>
                      <TableHead className="text-right">Actions</TableHead>
                    </TableRow>
                  </TableHeader>
                  <TableBody>
                    {comptes.length === 0 ? (
                      <TableRow>
                        <TableCell colSpan={6} className="text-center py-4">
                          Aucun compte courant d'associé trouvé. Ajoutez votre premier compte !
                        </TableCell>
                      </TableRow>
                    ) : (
                      comptes.map((compte) => (
                        <TableRow key={compte.id}>
                          <TableCell className="font-medium">{compte.name}</TableCell>
                          <TableCell>
                            <div className="flex items-center gap-2">
                              <Users className="h-4 w-4 text-gold-500" />
                              <span>{getAssocieName(compte.lender || "")}</span>
                            </div>
                          </TableCell>
                          <TableCell className="text-right">{compte.amount.toLocaleString("fr-FR")} €</TableCell>
                          <TableCell className="text-right">
                            {compte.interestRate ? `${compte.interestRate}%` : "-"}
                          </TableCell>
                          <TableCell>
                            {compte.endDate ? new Date(compte.endDate).toLocaleDateString("fr-FR") : "-"}
                          </TableCell>
                          <TableCell className="text-right">
                            <div className="flex justify-end gap-2">
                              <Button variant="ghost" size="icon" onClick={() => handleViewCompte(compte)}>
                                <Eye className="h-4 w-4" />
                              </Button>
                              <Button variant="ghost" size="icon">
                                <Pencil className="h-4 w-4" />
                              </Button>
                              <Button variant="ghost" size="icon" onClick={() => handleDeleteCompte(compte.id)}>
                                <Trash2 className="h-4 w-4" />
                              </Button>
                            </div>
                          </TableCell>
                        </TableRow>
                      ))
                    )}
                  </TableBody>
                </Table>
              </div>
            </CardContent>
          </Card>
        </div>
      </main>

{/* Dialogue de visualisation d'un compte courant */}
      <Dialog open={isViewDialogOpen} onOpenChange={setIsViewDialogOpen}>
        <DialogContent className="sm:max-w-[550px]">
          <DialogHeader>
            <DialogTitle>{selectedCompte?.name}</DialogTitle>
            <DialogDescription>Détails du compte courant d'associé</DialogDescription>
          </DialogHeader>
          {selectedCompte && (
            <div className="grid gap-4 py-4">
              <div className="grid grid-cols-2 gap-4">
                <div>
                  <p className="text-sm font-medium">Type</p>
                  <p className="text-sm text-muted-foreground">{selectedCompte.type}</p>
                </div>
                <div>
                  <p className="text-sm font-medium">Montant</p>
                  <p className="text-sm text-muted-foreground">{selectedCompte.amount.toLocaleString("fr-FR")} €</p>
                </div>
              </div>
              <div>
                <p className="text-sm font-medium">Associé</p>
                <p className="text-sm text-muted-foreground">{getAssocieName(selectedCompte.lender || "")}</p>
              </div>
              {selectedCompte.interestRate && (
                <div>
                  <p className="text-sm font-medium">Taux d'intérêt</p>
                  <p className="text-sm text-muted-foreground">{selectedCompte.interestRate}%</p>
                </div>
              )}
              <div className="grid grid-cols-2 gap-4">
                {selectedCompte.startDate && (
                  <div>
                    <p className="text-sm font-medium">Date de début</p>
                    <p className="text-sm text-muted-foreground">
                      {new Date(selectedCompte.startDate).toLocaleDateString("fr-FR")}
                    </p>
                  </div>
                )}
                {selectedCompte.endDate && (
                  <div>
                    <p className="text-sm font-medium">Date d'échéance</p>
                    <p className="text-sm text-muted-foreground">
                      {new Date(selectedCompte.endDate).toLocaleDateString("fr-FR")}
                    </p>
                  </div>
                )}
              </div>
              {selectedCompte.description && (
                <div>
                  <p className="text-sm font-medium">Description</p>
                  <p className="text-sm text-muted-foreground">{selectedCompte.description}</p>
                </div>
              )}
              <div className="grid grid-cols-2 gap-4">
                <div>
                  <p className="text-sm font-medium">Date de création</p>
                  <p className="text-sm text-muted-foreground">
                    {new Date(selectedCompte.createdAt).toLocaleDateString("fr-FR")}
                  </p>
                </div>
                <div>
                  <p className="text-sm font-medium">Dernière mise à jour</p>
                  <p className="text-sm text-muted-foreground">
                    {new Date(selectedCompte.updatedAt).toLocaleDateString("fr-FR")}
                  </p>
                </div>
              </div>
            </div>
          )}
          <DialogFooter>
            <Button onClick={() => setIsViewDialogOpen(false)}>Fermer</Button>
          </DialogFooter>
        </DialogContent>
      </Dialog>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/dashboard/patrimoine/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import { useState } from "react"
import Link from "next/link"
import { useRouter } from "next/navigation"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import {
  PieChart,
  BarChart3,
  CreditCard,
  Wallet,
  Building2,
  FileText,
  User,
  LogOut,
  Menu,
  X,
  Download,
  Search,
} from "lucide-react"

export default function PatrimoinePage() {
  const router = useRouter()
  const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false)
  const [activeTab, setActiveTab] = useState("tous")
  const [searchTerm, setSearchTerm] = useState("")
  const [filterType, setFilterType] = useState("tous")

const toggleMobileMenu = () => {
    setIsMobileMenuOpen(!isMobileMenuOpen)
  }

const handleLogout = () => {
    localStorage.removeItem("currentUser")
    router.push("/login")
  }

// Données du patrimoine
  const patrimoineData = [
    {
      id: 1,
      formeJuridique: "SCI",
      imposition: "IR",
      structure: "SCI DU MONT DE GIF",
      detentionMikael: true,
      detentionCarine: false,
      detentionYusuf: false,
      detentionHoldingFFI: false,
      detentionHoldingYABAS: false,
      detentionJCorporate: false,
      quotePart: 100,
      descriptif: "Terrain",
      typeBien: "Terrain",
      ville: "SARCELLES",
      anneeAcquisition: 2008,
      prixAcquisition: 60000,
      valeurActuelle: 200000,
      valeurActuelleQuotePart: 200000,
      loyerAnnuelHT: 0,
      loyerAnnuelHTQuotePart: 0,
      montantInitialEmprunt: 60000,
      capitalRestantDuQuotePart: 0,
      capitalRestantDu: 0,
      chargesAnnuellesEmprunt: 0,
    },
    {
      id: 2,
      formeJuridique: "SARL",
      imposition: "IS",
      structure: "FINEUROPE",
      detentionMikael: false,
      detentionCarine: false,
      detentionYusuf: false,
      detentionHoldingFFI: true,
      detentionHoldingYABAS: false,
      detentionJCorporate: true,
      quotePart: 100,
      descriptif: "BRAS D'INVESTISSEMENT PRINCIPAL",
      typeBien: "Immeuble de bureaux",
      ville: "VILLIERS LE BEL",
      anneeAcquisition: 2017,
      prixAcquisition: 1382586,
      valeurActuelle: 3000000,
      valeurActuelleQuotePart: 3000000,
      loyerAnnuelHT: 249000,
      loyerAnnuelHTQuotePart: 249000,
      montantInitialEmprunt: 1000000,
      capitalRestantDuQuotePart: 625001,
      capitalRestantDu: 625001,
      chargesAnnuellesEmprunt: 112608,
    },
    {
      id: 3,
      formeJuridique: "SCI",
      imposition: "IS",
      structure: "DANI INVEST",
      detentionMikael: true,
      detentionCarine: false,
      detentionYusuf: false,
      detentionHoldingFFI: false,
      detentionHoldingYABAS: false,
      detentionJCorporate: false,
      quotePart: 100,
      descriptif: "INVEST IMMO Perso Mikaël",
      typeBien: "Maison RP + Hangar",
      ville: "PISCOP",
      anneeAcquisition: 2024,
      prixAcquisition: 675000,
      valeurActuelle: 1000000,
      valeurActuelleQuotePart: 1000000,
      loyerAnnuelHT: 36000,
      loyerAnnuelHTQuotePart: 36000,
      montantInitialEmprunt: 500000,
      capitalRestantDuQuotePart: 500000,
      capitalRestantDu: 500000,
      chargesAnnuellesEmprunt: 36000,
    },
    {
      id: 4,
      formeJuridique: "SCI",
      imposition: "IS",
      structure: "DANI INVEST",
      detentionMikael: true,
      detentionCarine: false,
      detentionYusuf: false,
      detentionHoldingFFI: false,
      detentionHoldingYABAS: false,
      detentionJCorporate: false,
      quotePart: 100,
      descriptif: "INVEST IMMO Perso Mikaël",
      typeBien: "App F2 St Brice",
      ville: "ST BRICE",
      anneeAcquisition: 2024,
      prixAcquisition: 120000,
      valeurActuelle: 130000,
      valeurActuelleQuotePart: 130000,
      loyerAnnuelHT: 10200,
      loyerAnnuelHTQuotePart: 10200,
      montantInitialEmprunt: 160000,
      capitalRestantDuQuotePart: 152302,
      capitalRestantDu: 152302,
      chargesAnnuellesEmprunt: 11701.2,
    },
    {
      id: 5,
      formeJuridique: "SCI",
      imposition: "IS",
      structure: "DANI INVEST",
      detentionMikael: true,
      detentionCarine: false,
      detentionYusuf: false,
      detentionHoldingFFI: false,
      detentionHoldingYABAS: false,
      detentionJCorporate: false,
      quotePart: 0,
      descriptif: "INVEST IMMO Perso Mikaël",
      typeBien: "App F2 St Raphaël",
      ville: "ST RAPHAËL",
      anneeAcquisition: 2024,
      prixAcquisition: 160000,
      valeurActuelle: 180000,
      valeurActuelleQuotePart: 0,
      loyerAnnuelHT: 12000,
      loyerAnnuelHTQuotePart: 0,
      montantInitialEmprunt: 160000,
      capitalRestantDuQuotePart: 0,
      capitalRestantDu: 117105,
      chargesAnnuellesEmprunt: 9274.2,
    },
    {
      id: 6,
      formeJuridique: "NP",
      imposition: "IR",
      structure: "Yusuf YABAS",
      detentionMikael: false,
      detentionCarine: false,
      detentionYusuf: true,
      detentionHoldingFFI: false,
      detentionHoldingYABAS: false,
      detentionJCorporate: false,
      quotePart: 100,
      descriptif: "INVEST IMMO Perso Yusuf",
      typeBien: "Pavillon",
      ville: "SARCELLES",
      anneeAcquisition: 2002,
      prixAcquisition: 250000,
      valeurActuelle: 400000,
      valeurActuelleQuotePart: 400000,
      loyerAnnuelHT: 0,
      loyerAnnuelHTQuotePart: 0,
      montantInitialEmprunt: 0,
      capitalRestantDuQuotePart: 0,
      capitalRestantDu: 0,
      chargesAnnuellesEmprunt: 0,
    },
    {
      id: 7,
      formeJuridique: "SCI",
      imposition: "IR",
      structure: "SCI V2 INVEST",
      detentionMikael: false,
      detentionCarine: false,
      detentionYusuf: true,
      detentionHoldingFFI: false,
      detentionHoldingYABAS: false,
      detentionJCorporate: false,
      quotePart: 34,
      descriptif: "INVEST IMMO Perso Yusuf",
      typeBien: "5 pavillons",
      ville: "NOYON",
      anneeAcquisition: 2010,
      prixAcquisition: 60000,
      valeurActuelle: 200000,
      valeurActuelleQuotePart: 68000,
      loyerAnnuelHT: 0,
      loyerAnnuelHTQuotePart: 0,
      montantInitialEmprunt: 120000,
      capitalRestantDuQuotePart: 27200,
      capitalRestantDu: 80000,
      chargesAnnuellesEmprunt: 14400,
    },
    {
      id: 8,
      formeJuridique: "SCI",
      imposition: "IS",
      structure: "SCI VILLAGE INVEST",
      detentionMikael: false,
      detentionCarine: false,
      detentionYusuf: true,
      detentionHoldingFFI: false,
      detentionHoldingYABAS: false,
      detentionJCorporate: false,
      quotePart: 100,
      descriptif: "",
      typeBien: "Maison + F2",
      ville: "SARCELLES",
      anneeAcquisition: 2008,
      prixAcquisition: 250558,
      valeurActuelle: 450000,
      valeurActuelleQuotePart: 450000,
      loyerAnnuelHT: 0,
      loyerAnnuelHTQuotePart: 0,
      montantInitialEmprunt: 380000,
      capitalRestantDuQuotePart: 0,
      capitalRestantDu: 0,
      chargesAnnuellesEmprunt: 0,
    },
    {
      id: 9,
      formeJuridique: "SCI",
      imposition: "IS",
      structure: "SCI PAJO",
      detentionMikael: false,
      detentionCarine: false,
      detentionYusuf: true,
      detentionHoldingFFI: false,
      detentionHoldingYABAS: false,
      detentionJCorporate: false,
      quotePart: 50,
      descriptif: "",
      typeBien: "Batiment de bureaux",
      ville: "NOYON",
      anneeAcquisition: 2022,
      prixAcquisition: 300000,
      valeurActuelle: 450000,
      valeurActuelleQuotePart: 225000,
      loyerAnnuelHT: 36000,
      loyerAnnuelHTQuotePart: 18000,
      montantInitialEmprunt: 300000,
      capitalRestantDuQuotePart: 150000,
      capitalRestantDu: 300000,
      chargesAnnuellesEmprunt: 0,
    },
    {
      id: 10,
      formeJuridique: "SCI",
      imposition: "IS",
      structure: "SCI GROSLAY OFFICE",
      detentionMikael: false,
      detentionCarine: false,
      detentionYusuf: false,
      detentionHoldingFFI: true,
      detentionHoldingYABAS: true,
      detentionJCorporate: false,
      quotePart: 100,
      descriptif: "",
      typeBien: "Pavillon + Chgt en HOTEL",
      ville: "SARCELLES",
      anneeAcquisition: 2022,
      prixAcquisition: 450000,
      valeurActuelle: 450000,
      valeurActuelleQuotePart: 450000,
      loyerAnnuelHT: 0,
      loyerAnnuelHTQuotePart: 0,
      montantInitialEmprunt: 380000,
      capitalRestantDuQuotePart: 339700,
      capitalRestantDu: 339700,
      chargesAnnuellesEmprunt: 25704,
    },
  ]

// Filtrer les données en fonction de l'onglet actif et du terme de recherche
  const filteredData = patrimoineData.filter((item) => {
    // Filtrer par type de bien
    if (filterType !== "tous" && item.typeBien !== filterType) {
      return false
    }

// Filtrer par onglet
    if (activeTab === "mikael" && !item.detentionMikael) return false
    if (activeTab === "carine" && !item.detentionCarine) return false
    if (activeTab === "yusuf" && !item.detentionYusuf) return false
    if (activeTab === "holdingFFI" && !item.detentionHoldingFFI) return false
    if (activeTab === "holdingYABAS" && !item.detentionHoldingYABAS) return false
    if (activeTab === "jCorporate" && !item.detentionJCorporate) return false

// Filtrer par terme de recherche
    if (searchTerm) {
      const searchLower = searchTerm.toLowerCase()
      return (
        item.structure.toLowerCase().includes(searchLower) ||
        item.typeBien.toLowerCase().includes(searchLower) ||
        item.ville.toLowerCase().includes(searchLower) ||
        item.descriptif.toLowerCase().includes(searchLower)
      )
    }

return true
  })

// Calculer les totaux
  const totals = {
    prixAcquisition: filteredData.reduce((sum, item) => sum + item.prixAcquisition, 0),
    valeurActuelle: filteredData.reduce((sum, item) => sum + item.valeurActuelle, 0),
    valeurActuelleQuotePart: filteredData.reduce((sum, item) => sum + item.valeurActuelleQuotePart, 0),
    loyerAnnuelHT: filteredData.reduce((sum, item) => sum + item.loyerAnnuelHT, 0),
    loyerAnnuelHTQuotePart: filteredData.reduce((sum, item) => sum + item.loyerAnnuelHTQuotePart, 0),
    montantInitialEmprunt: filteredData.reduce((sum, item) => sum + item.montantInitialEmprunt, 0),
    capitalRestantDuQuotePart: filteredData.reduce((sum, item) => sum + item.capitalRestantDuQuotePart, 0),
    capitalRestantDu: filteredData.reduce((sum, item) => sum + item.capitalRestantDu, 0),
    chargesAnnuellesEmprunt: filteredData.reduce((sum, item) => sum + item.chargesAnnuellesEmprunt, 0),
  }

// Extraire les types de biens uniques pour le filtre
  const typesBiens = ["tous", ...Array.from(new Set(patrimoineData.map((item) => item.typeBien)))]

return (
    <div className="flex min-h-screen flex-col">
      <header className="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
        <div className="container flex h-14 items-center">
          <div className="mr-4 flex items-center md:hidden">
            <Button variant="ghost" size="icon" onClick={toggleMobileMenu}>
              {isMobileMenuOpen ? <X className="h-5 w-5" /> : <Menu className="h-5 w-5" />}
            </Button>
          </div>
          <div className="flex items-center gap-2 font-bold">
            <PieChart className="h-5 w-5 text-gold-500" />
            <span>PATRIMONIOM</span>
          </div>
          <div className="flex flex-1 items-center justify-end space-x-2">
            <nav className="hidden md:flex items-center space-x-4">
              <Link href="/dashboard" className="text-sm font-medium text-muted-foreground">
                Tableau de bord
              </Link>
              <Link href="/dashboard/biens-immobiliers" className="text-sm font-medium text-muted-foreground">
                Biens immobiliers
              </Link>
              <Link href="/dashboard/placements-financiers" className="text-sm font-medium text-muted-foreground">
                Placements financiers
              </Link>
              <Link href="/dashboard/emprunts" className="text-sm font-medium text-muted-foreground">
                Emprunts
              </Link>
              <Link href="/dashboard/comptes-courants" className="text-sm font-medium text-muted-foreground">
                Comptes courants d'associé
              </Link>
              <Link href="/dashboard/documents" className="text-sm font-medium text-muted-foreground">
                Documents
              </Link>
              <Link href="/dashboard/personnes" className="text-sm font-medium text-muted-foreground">
                Personnes
              </Link>
              <Link href="/dashboard/patrimoine" className="text-sm font-medium">
                Patrimoine
              </Link>
            </nav>
            <div className="hidden md:flex items-center space-x-2">
              <Link href="/dashboard/profil">
                <Button variant="ghost" size="icon">
                  <User className="h-5 w-5" />
                </Button>
              </Link>
              <Button variant="ghost" size="icon" onClick={handleLogout}>
                <LogOut className="h-5 w-5" />
              </Button>
            </div>
          </div>
        </div>
      </header>

{isMobileMenuOpen && (
        <div className="fixed inset-0 top-14 z-40 bg-background md:hidden">
          <div className="container py-4">
            <nav className="flex flex-col space-y-4">
              <Link
                href="/dashboard"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <BarChart3 className="mr-2 h-5 w-5" />
                Tableau de bord
              </Link>
              <Link
                href="/dashboard/biens-immobiliers"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <Wallet className="mr-2 h-5 w-5" />
                Biens immobiliers
              </Link>
              <Link
                href="/dashboard/placements-financiers"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <CreditCard className="mr-2 h-5 w-5" />
                Placements financiers
              </Link>
              <Link
                href="/dashboard/emprunts"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <CreditCard className="mr-2 h-5 w-5" />
                Emprunts
              </Link>
              <Link
                href="/dashboard/comptes-courants"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <CreditCard className="mr-2 h-5 w-5" />
                Comptes courants d'associé
              </Link>
              <Link
                href="/dashboard/documents"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <FileText className="mr-2 h-5 w-5" />
                Documents
              </Link>
              <Link
                href="/dashboard/personnes"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <User className="mr-2 h-5 w-5" />
                Personnes
              </Link>
              <Link
                href="/dashboard/patrimoine"
                className="flex items-center py-2 text-lg font-medium"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <Building2 className="mr-2 h-5 w-5" />
                Patrimoine
              </Link>
              <div className="border-t my-4"></div>
              <Link
                href="/dashboard/profil"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <User className="mr-2 h-5 w-5" />
                Mon profil
              </Link>
              <button
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => {
                  setIsMobileMenuOpen(false)
                  handleLogout()
                }}
              >
                <LogOut className="mr-2 h-5 w-5" />
                Déconnexion
              </button>
            </nav>
          </div>
        </div>
      )}

<Card className="border-gold-300 gold-shadow">
            <CardHeader>
              <CardTitle>Synthèse du patrimoine</CardTitle>
              <CardDescription>
                Valeur totale : {totals.valeurActuelleQuotePart.toLocaleString("fr-FR")} €
              </CardDescription>
            </CardHeader>
            <CardContent>
              <div className="grid grid-cols-1 md:grid-cols-3 gap-4 mb-6">
                <div className="bg-gold-50 p-4 rounded-lg border border-gold-200">
                  <h3 className="text-sm font-medium text-gold-800">Valeur totale</h3>
                  <p className="text-2xl font-bold text-gold-900">
                    {totals.valeurActuelleQuotePart.toLocaleString("fr-FR")} €
                  </p>
                  <p className="text-xs text-gold-600">
                    Prix d'acquisition : {totals.prixAcquisition.toLocaleString("fr-FR")} €
                  </p>
                </div>
                <div className="bg-gold-50 p-4 rounded-lg border border-gold-200">
                  <h3 className="text-sm font-medium text-gold-800">Revenus locatifs annuels</h3>
                  <p className="text-2xl font-bold text-gold-900">
                    {totals.loyerAnnuelHTQuotePart.toLocaleString("fr-FR")} €
                  </p>
                  <p className="text-xs text-gold-600">
                    Rendement : {((totals.loyerAnnuelHTQuotePart / totals.valeurActuelleQuotePart) * 100).toFixed(2)}%
                  </p>
                </div>
                <div className="bg-gold-50 p-4 rounded-lg border border-gold-200">
                  <h3 className="text-sm font-medium text-gold-800">Endettement</h3>
                  <p className="text-2xl font-bold text-gold-900">
                    {totals.capitalRestantDuQuotePart.toLocaleString("fr-FR")} €
                  </p>
                  <p className="text-xs text-gold-600">
                    Charges annuelles : {totals.chargesAnnuellesEmprunt.toLocaleString("fr-FR")} €
                  </p>
                </div>
              </div>

<div className="flex flex-col md:flex-row gap-4 mb-6">
                <div className="flex-1">
                  <Label htmlFor="search" className="text-sm">
                    Rechercher
                  </Label>
                  <div className="relative">
                    <Search className="absolute left-2 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
                    <Input
                      id="search"
                      placeholder="Rechercher par ville, type de bien..."
                      className="pl-8"
                      value={searchTerm}
                      onChange={(e) => setSearchTerm(e.target.value)}
                    />
                  </div>
                </div>
                <div className="w-full md:w-64">
                  <Label htmlFor="filter-type" className="text-sm">
                    Type de bien
                  </Label>
                  <Select value={filterType} onValueChange={setFilterType}>
                    <SelectTrigger id="filter-type" className="w-full">
                      <SelectValue placeholder="Tous les types" />
                    </SelectTrigger>
                    <SelectContent>
                      {typesBiens.map((type) => (
                        <SelectItem key={type} value={type}>
                          {type === "tous" ? "Tous les types" : type}
                        </SelectItem>
                      ))}
                    </SelectContent>
                  </Select>
                </div>
              </div>

<Tabs defaultValue="tous" value={activeTab} onValueChange={setActiveTab}>
                <TabsList className="mb-4">
                  <TabsTrigger value="tous">Tous</TabsTrigger>
                  <TabsTrigger value="mikael">Mikaël YABAS</TabsTrigger>
                  <TabsTrigger value="carine">Carine YABAS</TabsTrigger>
                  <TabsTrigger value="yusuf">Yusuf YABAS</TabsTrigger>
                  <TabsTrigger value="holdingFFI">Holding FFI</TabsTrigger>
                  <TabsTrigger value="holdingYABAS">Holding YABAS</TabsTrigger>
                  <TabsTrigger value="jCorporate">J-CORPORATE</TabsTrigger>
                </TabsList>

<div className="overflow-x-auto">
                  <Table>
                    <TableHeader className="bg-gold-50">
                      <TableRow>
                        <TableHead className="font-bold">Structure</TableHead>
                        <TableHead className="font-bold">Type de bien</TableHead>
                        <TableHead className="font-bold">Ville</TableHead>
                        <TableHead className="font-bold">Année</TableHead>
                        <TableHead className="font-bold text-right">Prix acquisition</TableHead>
                        <TableHead className="font-bold text-right">Valeur actuelle</TableHead>
                        <TableHead className="font-bold text-right">Loyer annuel HT</TableHead>
                        <TableHead className="font-bold text-right">Capital restant dû</TableHead>
                      </TableRow>
                    </TableHeader>
                    <TableBody>
                      {filteredData.length === 0 ? (
                        <TableRow>
                          <TableCell colSpan={8} className="text-center py-4">
                            Aucun bien trouvé correspondant aux critères de recherche.
                          </TableCell>
                        </TableRow>
                      ) : (
                        filteredData.map((item) => (
                          <TableRow key={item.id}>
                            <TableCell className="font-medium">
                              <div className="flex flex-col">
                                <span>{item.structure}</span>
                                <span className="text-xs text-muted-foreground">
                                  {item.formeJuridique} - {item.imposition}
                                </span>
                              </div>
                            </TableCell>
                            <TableCell>
                              <div className="flex flex-col">
                                <span>{item.typeBien}</span>
                                {item.descriptif && (
                                  <span className="text-xs text-muted-foreground">{item.descriptif}</span>
                                )}
                              </div>
                            </TableCell>
                            <TableCell>{item.ville}</TableCell>
                            <TableCell>{item.anneeAcquisition}</TableCell>
                            <TableCell className="text-right">
                              {item.prixAcquisition.toLocaleString("fr-FR")} €
                            </TableCell>
                            <TableCell className="text-right font-medium">
                              {item.valeurActuelleQuotePart.toLocaleString("fr-FR")} €
                              {item.quotePart !== 100 && (
                                <span className="text-xs text-muted-foreground block">
                                  {item.quotePart}% de {item.valeurActuelle.toLocaleString("fr-FR")} €
                                </span>
                              )}
                            </TableCell>
                            <TableCell className="text-right">
                              {item.loyerAnnuelHTQuotePart.toLocaleString("fr-FR")} €
                              {item.loyerAnnuelHTQuotePart > 0 && (
                                <span className="text-xs text-gold-600 block">
                                  {((item.loyerAnnuelHTQuotePart / item.valeurActuelleQuotePart) * 100).toFixed(2)}%
                                </span>
                              )}
                            </TableCell>
                            <TableCell className="text-right">
                              {item.capitalRestantDuQuotePart.toLocaleString("fr-FR")} €
                              {item.capitalRestantDuQuotePart > 0 && item.chargesAnnuellesEmprunt > 0 && (
                                <span className="text-xs text-muted-foreground block">
                                  {item.chargesAnnuellesEmprunt.toLocaleString("fr-FR")} €/an
                                </span>
                              )}
                            </TableCell>
                          </TableRow>
                        ))
                      )}
                    </TableBody>
                    <TableHeader className="bg-gold-50">
                      <TableRow>
                        <TableHead colSpan={4} className="font-bold">
                          TOTAUX
                        </TableHead>
                        <TableHead className="font-bold text-right">
                          {totals.prixAcquisition.toLocaleString("fr-FR")} €
                        </TableHead>
                        <TableHead className="font-bold text-right">
                          {totals.valeurActuelleQuotePart.toLocaleString("fr-FR")} €
                        </TableHead>
                        <TableHead className="font-bold text-right">
                          {totals.loyerAnnuelHTQuotePart.toLocaleString("fr-FR")} €
                        </TableHead>
                        <TableHead className="font-bold text-right">
                          {totals.capitalRestantDuQuotePart.toLocaleString("fr-FR")} €
                        </TableHead>
                      </TableRow>
                    </TableHeader>
                  </Table>
                </div>
              </Tabs>
            </CardContent>
          </Card>

<Card>
            <CardHeader>
              <CardTitle>Biens à vendre</CardTitle>
              <CardDescription>Biens en cours de vente ou à vendre prochainement</CardDescription>
            </CardHeader>
            <CardContent>
              <Table>
                <TableHeader className="bg-gold-50">
                  <TableRow>
                    <TableHead className="font-bold">Structure</TableHead>
                    <TableHead className="font-bold">Type de bien</TableHead>
                    <TableHead className="font-bold">Ville</TableHead>
                    <TableHead className="font-bold text-right">Prix acquisition</TableHead>
                    <TableHead className="font-bold text-right">Prix de vente</TableHead>
                    <TableHead className="font-bold text-right">Capital restant dû</TableHead>
                    <TableHead className="font-bold text-right">Net avant impôts</TableHead>
                    <TableHead className="font-bold">Date prévue</TableHead>
                  </TableRow>
                </TableHeader>
                <TableBody>
                  <TableRow>
                    <TableCell className="font-medium">
                      <div className="flex flex-col">
                        <span>FINEUROPE</span>
                        <span className="text-xs text-muted-foreground">SARL - IS</span>
                      </div>
                    </TableCell>
                    <TableCell>Bureaux</TableCell>
                    <TableCell>EAUBONNE</TableCell>
                    <TableCell className="text-right">500 000 €</TableCell>
                    <TableCell className="text-right font-medium">750 000 €</TableCell>
                    <TableCell className="text-right">402 000 €</TableCell>
                    <TableCell className="text-right text-green-600 font-medium">348 000 €</TableCell>
                    <TableCell>Juin 2025</TableCell>
                  </TableRow>
                  <TableRow>
                    <TableCell className="font-medium">
                      <div className="flex flex-col">
                        <span>SCI VILLAGE INVEST</span>
                        <span className="text-xs text-muted-foreground">SCI - IS</span>
                      </div>
                    </TableCell>
                    <TableCell>Maison + F2</TableCell>
                    <TableCell>SARCELLES</TableCell>
                    <TableCell className="text-right">250 558 €</TableCell>
                    <TableCell className="text-right font-medium">450 000 €</TableCell>
                    <TableCell className="text-right">0 €</TableCell>
                    <TableCell className="text-right text-green-600 font-medium">450 000 €</TableCell>
                    <TableCell>Décembre 2024</TableCell>
                  </TableRow>
                </TableBody>
                <TableHeader className="bg-gold-50">
                  <TableRow>
                    <TableHead colSpan={3} className="font-bold">
                      TOTAUX
                    </TableHead>
                    <TableHead className="font-bold text-right">750 558 €</TableHead>
                    <TableHead className="font-bold text-right">1 200 000 €</TableHead>
                    <TableHead className="font-bold text-right">402 000 €</TableHead>
                    <TableHead className="font-bold text-right text-green-600">798 000 €</TableHead>
                    <TableHead></TableHead>
                  </TableRow>
                </TableHeader>
              </Table>
            </CardContent>
          </Card>
        </div>
      </main>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/dashboard/biens-immobiliers/loading.tsx" isMerged="true"
export default function Loading() {
  return null
}
[V0_FILE]typescriptreact:file="app/dashboard/placements-financiers/loading.tsx" isMerged="true"
export default function Loading() {
  return null
}
[V0_FILE]typescriptreact:file="app/dashboard/emprunts/loading.tsx" isMerged="true"
export default function Loading() {
  return null
}
[V0_FILE]typescriptreact:file="app/dashboard/comptes-courants/loading.tsx" isMerged="true"
export default function Loading() {
  return null
}
[V0_FILE]typescriptreact:file="types/patrimoine.ts" isEdit="true" isMerged="true"
export interface Asset {
  id: string
  name: string
  category: string
  type: string
  value: number
  description?: string
  location?: string
  acquisitionDate?: string
  acquisitionPrice?: number
  createdAt: string
  updatedAt: string
}

export interface Liability {
  id: string
  name: string
  type: string
  amount: number
  interestRate?: number
  startDate?: string
  endDate?: string
  monthlyPayment?: number
  lender?: string
  description?: string
  createdAt: string
  updatedAt: string
}

export interface Document {
  id: string
  name: string
  type: string
  relatedAssetId?: string
  relatedLiabilityId?: string
  relatedPersonId?: string
  documentCategory?:
    | "carte_identite"
    | "livret_famille"
    | "avis_imposition"
    | "kbis"
    | "statuts"
    | "bilan"
    | "titre_propriete"
    | "autre"
  description?: string
  fileUrl?: string
  createdAt: string
  updatedAt: string
}

export interface Person {
  id: string
  firstName?: string
  lastName?: string
  name?: string
  type: "Physique" | "Morale"
  email?: string
  phone?: string
  address?: string
  birthDate?: string
  legalForm?: string
  siren?: string
  description?: string
  // Nouvelles propriétés pour les relations
  relationships?: Relationship[]
  createdAt: string
  updatedAt: string
}

export interface Relationship {
  id: string
  sourcePersonId: string
  targetPersonId: string
  type: "actionnaire" | "dirigeant" | "associe" | "representant" | "beneficiaire" | "autre"
  percentage?: number // Pourcentage de détention pour les actionnaires/associés
  role?: string // Rôle spécifique (ex: "Président", "Gérant", etc.)
  description?: string
  createdAt: string
  updatedAt: string
}
[V0_FILE]typescriptreact:file="app/dashboard/organigramme/page.tsx" isFixed="true" isQuickEdit="true" isMerged="true"
"use client"

import type React from "react"

// Importation de la bibliothèque pour l'organigramme
import ReactFlow, { Background, Controls, MiniMap, type Node, type Edge, MarkerType } from "reactflow"
import "reactflow/dist/style.css"

export default function OrganigrammePage() {
  const router = useRouter()
  const { toast } = useToast()
  const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false)
  const [persons, setPersons] = useState<Person[]>([])
  const [relationships, setRelationships] = useState<Relationship[]>([])
  const [nodes, setNodes] = useState<Node[]>([])
  const [edges, setEdges] = useState<Edge[]>([])
  const [isAddRelationshipOpen, setIsAddRelationshipOpen] = useState(false)
  const [newRelationship, setNewRelationship] = useState<{
    sourcePersonId: string
    targetPersonId: string
    type: string
    percentage?: number
    role?: string
    description?: string
  }>({
    sourcePersonId: "",
    targetPersonId: "",
    type: "actionnaire",
    percentage: undefined,
    role: "",
    description: "",
  })

useEffect(() => {
    loadData()
  }, [])

useEffect(() => {
    if (persons.length > 0 && relationships.length >= 0) {
      generateGraph()
    }
  }, [persons, relationships])

const loadData = () => {
    const loadedPersons = getPersons()
    const loadedRelationships = getRelationships()
    setPersons(loadedPersons)
    setRelationships(loadedRelationships)
  }

const generateGraph = () => {
    // Créer les nœuds pour les personnes
    const graphNodes: Node[] = persons.map((person, index) => {
      const isPhysical = person.type === "Physique"
      const label = isPhysical ? `${person.firstName} ${person.lastName}` : person.name || ""

// Calculer la position en fonction du type et de l'index
      const yPos = isPhysical ? 100 : 300
      const xPos = isPhysical ? 150 + ((index * 200) % 800) : 150 + ((index * 250) % 800)

return {
        id: person.id,
        data: {
          label,
          type: person.type,
          details: person,
        },
        position: { x: xPos, y: yPos },
        style: {
          background: isPhysical ? "#e6f7ff" : "#fff0e6",
          border: "1px solid #ccc",
          borderRadius: "5px",
          padding: "10px",
          width: 180,
        },
      }
    })

// Créer les arêtes pour les relations
    const graphEdges: Edge[] = relationships.map((rel) => {
      const sourceNode = persons.find((p) => p.id === rel.sourcePersonId)
      const targetNode = persons.find((p) => p.id === rel.targetPersonId)

let label = rel.type
      if (rel.percentage) {
        label += ` (${rel.percentage}%)`
      }
      if (rel.role) {
        label += ` - ${rel.role}`
      }

return {
        id: rel.id,
        source: rel.sourcePersonId,
        target: rel.targetPersonId,
        label,
        type: "smoothstep",
        animated: true,
        style: { stroke: "#555" },
        markerEnd: {
          type: MarkerType.ArrowClosed,
          width: 20,
          height: 20,
          color: "#555",
        },
      }
    })

setNodes(graphNodes)
    setEdges(graphEdges)
  }

const handleAddRelationship = () => {
    try {
      if (newRelationship.sourcePersonId === newRelationship.targetPersonId) {
        toast({
          title: "Erreur",
          description: "Une personne ne peut pas avoir une relation avec elle-même.",
          variant: "destructive",
        })
        return
      }

const relationship = {
        ...newRelationship,
        percentage: newRelationship.percentage ? Number(newRelationship.percentage) : undefined,
      }

addRelationship(relationship)

toast({
        title: "Relation ajoutée",
        description: "La relation a été ajoutée avec succès.",
      })

setIsAddRelationshipOpen(false)
      loadData()

// Réinitialiser le formulaire
      setNewRelationship({
        sourcePersonId: "",
        targetPersonId: "",
        type: "actionnaire",
        percentage: undefined,
        role: "",
        description: "",
      })
    } catch (error) {
      toast({
        title: "Erreur",
        description: "Une erreur est survenue lors de l'ajout de la relation.",
        variant: "destructive",
      })
    }
  }

const handleDeleteRelationship = (relationshipId: string) => {
    if (confirm("Êtes-vous sûr de vouloir supprimer cette relation ?")) {
      deleteRelationship(relationshipId)

toast({
        title: "Relation supprimée",
        description: "La relation a été supprimée avec succès.",
      })

loadData()
    }
  }

const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
    const { name, value } = e.target
    setNewRelationship((prev) => ({
      ...prev,
      [name]: value,
    }))
  }

const handleSelectChange = (name: string, value: string) => {
    setNewRelationship((prev) => ({
      ...prev,
      [name]: value,
    }))
  }

const toggleMobileMenu = () => {
    setIsMobileMenuOpen(!isMobileMenuOpen)
  }

const handleLogout = () => {
    localStorage.removeItem("currentUser")
    router.push("/login")
  }

// Fonction pour obtenir le nom complet d'une personne
  const getPersonName = (personId: string) => {
    const person = persons.find((p) => p.id === personId)
    if (!person) return "Personne inconnue"

return person.type === "Physique" ? `${person.firstName} ${person.lastName}` : person.name || "Sans nom"
  }

return (
    <div className="flex min-h-screen flex-col">
      <header className="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
        <div className="container flex h-14 items-center">
          <div className="mr-4 flex items-center md:hidden">
            <Button variant="ghost" size="icon" onClick={toggleMobileMenu}>
              {isMobileMenuOpen ? <X className="h-5 w-5" /> : <Menu className="h-5 w-5" />}
            </Button>
          </div>
          <div className="flex items-center gap-2 font-bold">
            <PieChart className="h-5 w-5 text-gold-500" />
            <span>PATRIMONIOM</span>
          </div>
          <div className="flex flex-1 items-center justify-end space-x-2">
            <nav className="hidden md:flex items-center space-x-4">
              <Link href="/dashboard" className="text-sm font-medium text-muted-foreground">
                Tableau de bord
              </Link>
              <Link href="/dashboard/biens-immobiliers" className="text-sm font-medium text-muted-foreground">
                Biens immobiliers
              </Link>
              <Link href="/dashboard/placements-financiers" className="text-sm font-medium text-muted-foreground">
                Placements financiers
              </Link>
              <Link href="/dashboard/emprunts" className="text-sm font-medium text-muted-foreground">
                Emprunts
              </Link>
              <Link href="/dashboard/comptes-courants" className="text-sm font-medium text-muted-foreground">
                Comptes courants d'associé
              </Link>
              <Link href="/dashboard/documents" className="text-sm font-medium text-muted-foreground">
                Documents
              </Link>
              <Link href="/dashboard/personnes" className="text-sm font-medium text-muted-foreground">
                Personnes
              </Link>
              <Link href="/dashboard/organigramme" className="text-sm font-medium">
                Organigramme
              </Link>
            </nav>
            <div className="hidden md:flex items-center space-x-2">
              <Link href="/dashboard/profil">
                <Button variant="ghost" size="icon">
                  <User className="h-5 w-5" />
                </Button>
              </Link>
              <Button variant="ghost" size="icon" onClick={handleLogout}>
                <LogOut className="h-5 w-5" />
              </Button>
            </div>
          </div>
        </div>
      </header>

{isMobileMenuOpen && (
        <div className="fixed inset-0 top-14 z-40 bg-background md:hidden">
          <div className="container py-4">
            <nav className="flex flex-col space-y-4">
              <Link
                href="/dashboard"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <BarChart3 className="mr-2 h-5 w-5" />
                Tableau de bord
              </Link>
              <Link
                href="/dashboard/biens-immobiliers"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <Wallet className="mr-2 h-5 w-5" />
                Biens immobiliers
              </Link>
              <Link
                href="/dashboard/placements-financiers"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <CreditCard className="mr-2 h-5 w-5" />
                Placements financiers
              </Link>
              <Link
                href="/dashboard/emprunts"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <CreditCard className="mr-2 h-5 w-5" />
                Emprunts
              </Link>
              <Link
                href="/dashboard/comptes-courants"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <CreditCard className="mr-2 h-5 w-5" />
                Comptes courants d'associé
              </Link>
              <Link
                href="/dashboard/documents"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <FileText className="mr-2 h-5 w-5" />
                Documents
              </Link>
              <Link
                href="/dashboard/personnes"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <User className="mr-2 h-5 w-5" />
                Personnes
              </Link>
              <Link
                href="/dashboard/organigramme"
                className="flex items-center py-2 text-lg font-medium"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <Network className="mr-2 h-5 w-5" />
                Organigramme
              </Link>
              <div className="border-t my-4"></div>
              <Link
                href="/dashboard/profil"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <User className="mr-2 h-5 w-5" />
                Mon profil
              </Link>
              <button
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => {
                  setIsMobileMenuOpen(false)
                  handleLogout()
                }}
              >
                <LogOut className="mr-2 h-5 w-5" />
                Déconnexion
              </button>
            </nav>
          </div>
        </div>
      )}

<main className="flex-1 container py-6">
        <div className="flex flex-col space-y-6">
          <div className="flex justify-between items-center">
            <div>
              <h1 className="text-3xl font-bold tracking-tight">Organigramme</h1>
              <p className="text-muted-foreground">Visualisez les relations entre les personnes physiques et morales</p>
            </div>
            <Dialog open={isAddRelationshipOpen} onOpenChange={setIsAddRelationshipOpen}>
              <DialogTrigger asChild>
                <Button>
                  <Plus className="mr-2 h-4 w-4" />
                  Ajouter une relation
                </Button>
              </DialogTrigger>
              <DialogContent className="sm:max-w-[550px]">
                <DialogHeader>
                  <DialogTitle>Ajouter une nouvelle relation</DialogTitle>
                  <DialogDescription>Définissez la relation entre deux personnes.</DialogDescription>
                </DialogHeader>
                <div className="grid gap-4 py-4">
                  <div className="space-y-2">
                    <Label htmlFor="sourcePersonId">Personne source</Label>
                    <Select
                      value={newRelationship.sourcePersonId}
                      onValueChange={(value) => handleSelectChange("sourcePersonId", value)}
                    >
                      <SelectTrigger>
                        <SelectValue placeholder="Sélectionner une personne" />
                      </SelectTrigger>
                      <SelectContent>
                        {persons.map((person) => (
                          <SelectItem key={person.id} value={person.id}>
                            {person.type === "Physique" ? `${person.firstName} ${person.lastName}` : person.name}
                          </SelectItem>
                        ))}
                      </SelectContent>
                    </Select>
                  </div>
                  <div className="space-y-2">
                    <Label htmlFor="targetPersonId">Personne cible</Label>
                    <Select
                      value={newRelationship.targetPersonId}
                      onValueChange={(value) => handleSelectChange("targetPersonId", value)}
                    >
                      <SelectTrigger>
                        <SelectValue placeholder="Sélectionner une personne" />
                      </SelectTrigger>
                      <SelectContent>
                        {persons.map((person) => (
                          <SelectItem key={person.id} value={person.id}>
                            {person.type === "Physique" ? `${person.firstName} ${person.lastName}` : person.name}
                          </SelectItem>
                        ))}
                      </SelectContent>
                    </Select>
                  </div>
                  <div className="space-y-2">
                    <Label htmlFor="type">Type de relation</Label>
                    <Select value={newRelationship.type} onValueChange={(value) => handleSelectChange("type", value)}>
                      <SelectTrigger>
                        <SelectValue placeholder="Sélectionner un type" />
                      </SelectTrigger>
                      <SelectContent>
                        <SelectItem value="actionnaire">Actionnaire</SelectItem>
                        <SelectItem value="dirigeant">Dirigeant</SelectItem>
                        <SelectItem value="associe">Associé</SelectItem>
                        <SelectItem value="representant">Représentant</SelectItem>
                        <SelectItem value="beneficiaire">Bénéficiaire</SelectItem>
                        <SelectItem value="autre">Autre</SelectItem>
                      </SelectContent>
                    </Select>
                  </div>
                  {(newRelationship.type === "actionnaire" || newRelationship.type === "associe") && (
                    <div className="space-y-2">
                      <Label htmlFor="percentage">Pourcentage de détention (%)</Label>
                      <Input
                        id="percentage"
                        name="percentage"
                        type="number"
                        min="0"
                        max="100"
                        value={newRelationship.percentage || ""}
                        onChange={handleInputChange}
                        placeholder="50"
                      />
                    </div>
                  )}
                  <div className="space-y-2">
                    <Label htmlFor="role">Rôle (optionnel)</Label>
                    <Input
                      id="role"
                      name="role"
                      value={newRelationship.role || ""}
                      onChange={handleInputChange}
                      placeholder="Président, Gérant, etc."
                    />
                  </div>
                  <div className="space-y-2">
                    <Label htmlFor="description">Description (optionnel)</Label>
                    <Input
                      id="description"
                      name="description"
                      value={newRelationship.description || ""}
                      onChange={handleInputChange}
                      placeholder="Informations complémentaires"
                    />
                  </div>
                </div>
                <DialogFooter>
                  <Button variant="outline" onClick={() => setIsAddRelationshipOpen(false)}>
                    Annuler
                  </Button>
                  <Button onClick={handleAddRelationship}>Ajouter</Button>
                </DialogFooter>
              </DialogContent>
            </Dialog>
          </div>

<Card className="mb-6">
            <CardHeader>
              <CardTitle>Liste des relations</CardTitle>
              <CardDescription>{relationships.length} relations définies</CardDescription>
            </CardHeader>
            <CardContent>
              {relationships.length === 0 ? (
                <p className="text-center py-4 text-muted-foreground">
                  Aucune relation définie. Ajoutez votre première relation !
                </p>
              ) : (
                <div className="space-y-4">
                  {relationships.map((rel) => (
                    <div key={rel.id} className="flex justify-between items-center p-3 border rounded-md">
                      <div>
                        <p className="font-medium">
                          {getPersonName(rel.sourcePersonId)} → {getPersonName(rel.targetPersonId)}
                        </p>
                        <p className="text-sm text-muted-foreground">
                          {rel.type.charAt(0).toUpperCase() + rel.type.slice(1)}
                          {rel.percentage ? ` (${rel.percentage}%)` : ""}
                          {rel.role ? ` - ${rel.role}` : ""}
                        </p>
                        {rel.description && <p className="text-xs text-muted-foreground mt-1">{rel.description}</p>}
                      </div>
                      <Button variant="ghost" size="icon" onClick={() => handleDeleteRelationship(rel.id)}>
                        <Trash2 className="h-4 w-4" />
                      </Button>
                    </div>
                  ))}
                </div>
              )}
            </CardContent>
          </Card>

<Card className="flex-1">
            <CardHeader>
              <CardTitle>Visualisation de l'organigramme</CardTitle>
              <CardDescription>Déplacez les éléments pour organiser votre organigramme</CardDescription>
            </CardHeader>
            <CardContent className="h-[600px]">
              {persons.length === 0 ? (
                <div className="flex flex-col items-center justify-center h-full">
                  <Network className="h-16 w-16 text-muted-foreground mb-4" />
                  <p className="text-center text-muted-foreground">
                    Aucune personne n'a été ajoutée. Commencez par ajouter des personnes dans la section "Personnes".
                  </p>
                  <Button className="mt-4" asChild>
                    <Link href="/dashboard/personnes">Ajouter des personnes</Link>
                  </Button>
                </div>
              ) : (
                <ReactFlow nodes={nodes} edges={edges} fitView>
                  <Background />
                  <Controls />
                  <MiniMap />
                </ReactFlow>
              )}
            </CardContent>
          </Card>
        </div>
      </main>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/dashboard/organigramme/loading.tsx" isMerged="true"
import { Skeleton } from "@/components/ui/skeleton"

export default function Loading() {
  return (
    <div className="container py-6">
      <div className="flex flex-col space-y-6">
        <div className="flex justify-between items-center">
          <div>
            <Skeleton className="h-10 w-[250px]" />
            <Skeleton className="h-4 w-[350px] mt-2" />
          </div>
          <Skeleton className="h-10 w-[180px]" />
        </div>

<div className="rounded-lg border bg-card text-card-foreground shadow-sm">
          <div className="p-6 flex flex-col space-y-2">
            <Skeleton className="h-6 w-[250px]" />
            <Skeleton className="h-4 w-[300px]" />
          </div>
          <div className="p-6 pt-0">
            <Skeleton className="h-[600px] w-full" />
          </div>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/dashboard/personnes/page.tsx" isEdit="true" isMerged="true"
"use client"

import type React from "react"

import { useState, useEffect } from "react"
import Link from "next/link"
import { useRouter } from "next/navigation"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs"
import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogFooter,
  DialogHeader,
  DialogTitle,
  DialogTrigger,
} from "@/components/ui/dialog"
import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import {
  PieChart,
  BarChart3,
  CreditCard,
  Wallet,
  FileText,
  User,
  LogOut,
  Menu,
  X,
  Plus,
  Pencil,
  Trash2,
  Eye,
  Download,
  Network,
} from "lucide-react"
import { getPersons, addPerson, getDocuments } from "@/lib/patrimoine"
import type { Person, Document } from "@/types/patrimoine"
import { useToast } from "@/hooks/use-toast"

export default function PersonnesPage() {
  const router = useRouter()
  const { toast } = useToast()
  const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false)
  const [persons, setPersons] = useState<Person[]>([])
  const [documents, setDocuments] = useState<Document[]>([])
  const [isAddDialogOpen, setIsAddDialogOpen] = useState(false)
  const [isViewDialogOpen, setIsViewDialogOpen] = useState(false)
  const [selectedPerson, setSelectedPerson] = useState<Person | null>(null)
  const [activeType, setActiveType] = useState<string>("all")
  const [personType, setPersonType] = useState<"Physique" | "Morale">("Physique")
  const [newPerson, setNewPerson] = useState({
    firstName: "",
    lastName: "",
    name: "",
    type: "Physique" as "Physique" | "Morale",
    email: "",
    phone: "",
    address: "",
    birthDate: "",
    legalForm: "",
    siren: "",
    description: "",
  })

useEffect(() => {
    loadPersons()
    loadDocuments()
  }, [])

const loadPersons = () => {
    const loadedPersons = getPersons()
    setPersons(loadedPersons)
  }

const loadDocuments = () => {
    const loadedDocuments = getDocuments()
    setDocuments(loadedDocuments)
  }

const handleAddPerson = () => {
    try {
      addPerson({
        ...newPerson,
        createdAt: new Date().toISOString(),
        updatedAt: new Date().toISOString(),
      })

toast({
        title: "Personne ajoutée",
        description: "La personne a été ajoutée avec succès.",
      })

setIsAddDialogOpen(false)
      loadPersons()

// Réinitialiser le formulaire
      setNewPerson({
        firstName: "",
        lastName: "",
        name: "",
        type: "Physique",
        email: "",
        phone: "",
        address: "",
        birthDate: "",
        legalForm: "",
        siren: "",
        description: "",
      })
      setPersonType("Physique")
    } catch (error) {
      toast({
        title: "Erreur",
        description: "Une erreur est survenue lors de l'ajout de la personne.",
        variant: "destructive",
      })
    }
  }

const handleViewPerson = (person: Person) => {
    setSelectedPerson(person)
    setIsViewDialogOpen(true)
  }

const handleDeletePerson = (personId: string) => {
    if (confirm("Êtes-vous sûr de vouloir supprimer cette personne ?")) {
      // Filtrer les personnes pour supprimer celle avec l'ID correspondant
      const updatedPersons = persons.filter((person) => person.id !== personId)
      // Mettre à jour le localStorage
      localStorage.setItem("persons", JSON.stringify(updatedPersons))
      // Recharger les personnes
      loadPersons()

toast({
        title: "Personne supprimée",
        description: "La personne a été supprimée avec succès.",
      })
    }
  }

const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
    const { name, value } = e.target
    setNewPerson((prev) => ({
      ...prev,
      [name]: value,
    }))
  }

const handlePersonTypeChange = (value: "Physique" | "Morale") => {
    setPersonType(value)
    setNewPerson((prev) => ({
      ...prev,
      type: value,
    }))
  }

const toggleMobileMenu = () => {
    setIsMobileMenuOpen(!isMobileMenuOpen)
  }

const handleLogout = () => {
    localStorage.removeItem("currentUser")
    router.push("/login")
  }

// Filtrer les personnes par type
  const filteredPersons = activeType === "all" ? persons : persons.filter((person) => person.type === activeType)

// Obtenir le nom complet d'une personne physique
  const getFullName = (person: Person) => {
    if (person.type === "Physique") {
      return `${person.firstName} ${person.lastName}`
    }
    return person.name
  }

// Obtenir les documents associés à une personne
  const getPersonDocuments = (personId: string) => {
    return documents.filter((doc) => doc.relatedPersonId === personId)
  }

return (
    <div className="flex min-h-screen flex-col">
      <header className="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
        <div className="container flex h-14 items-center">
          <div className="mr-4 flex items-center md:hidden">
            <Button variant="ghost" size="icon" onClick={toggleMobileMenu}>
              {isMobileMenuOpen ? <X className="h-5 w-5" /> : <Menu className="h-5 w-5" />}
            </Button>
          </div>
          <div className="flex items-center gap-2 font-bold">
            <PieChart className="h-5 w-5 text-gold-500" />
            <span>PATRIMONIOM</span>
          </div>
          <div className="flex flex-1 items-center justify-end space-x-2">
            <nav className="hidden md:flex items-center space-x-4">
              <Link href="/dashboard" className="text-sm font-medium text-muted-foreground">
                Tableau de bord
              </Link>
              <Link href="/dashboard/biens-immobiliers" className="text-sm font-medium text-muted-foreground">
                Biens immobiliers
              </Link>
              <Link href="/dashboard/placements-financiers" className="text-sm font-medium text-muted-foreground">
                Placements financiers
              </Link>
              <Link href="/dashboard/emprunts" className="text-sm font-medium text-muted-foreground">
                Emprunts
              </Link>
              <Link href="/dashboard/comptes-courants" className="text-sm font-medium text-muted-foreground">
                Comptes courants d'associé
              </Link>
              <Link href="/dashboard/documents" className="text-sm font-medium text-muted-foreground">
                Documents
              </Link>
              <Link href="/dashboard/personnes" className="text-sm font-medium">
                Personnes
              </Link>
              <Link href="/dashboard/organigramme" className="text-sm font-medium text-muted-foreground">
                Organigramme
              </Link>
            </nav>
            <div className="hidden md:flex items-center space-x-2">
              <Link href="/dashboard/profil">
                <Button variant="ghost" size="icon">
                  <User className="h-5 w-5" />
                </Button>
              </Link>
              <Button variant="ghost" size="icon" onClick={handleLogout}>
                <LogOut className="h-5 w-5" />
              </Button>
            </div>
          </div>
        </div>
      </header>

{isMobileMenuOpen && (
        <div className="fixed inset-0 top-14 z-40 bg-background md:hidden">
          <div className="container py-4">
            <nav className="flex flex-col space-y-4">
              <Link
                href="/dashboard"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <BarChart3 className="mr-2 h-5 w-5" />
                Tableau de bord
              </Link>
              <Link
                href="/dashboard/biens-immobiliers"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <Wallet className="mr-2 h-5 w-5" />
                Biens immobiliers
              </Link>
              <Link
                href="/dashboard/placements-financiers"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <CreditCard className="mr-2 h-5 w-5" />
                Placements financiers
              </Link>
              <Link
                href="/dashboard/emprunts"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <FileText className="mr-2 h-5 w-5" />
                Emprunts
              </Link>
              <Link
                href="/dashboard/comptes-courants"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <FileText className="mr-2 h-5 w-5" />
                Comptes courants d'associé
              </Link>
              <Link
                href="/dashboard/documents"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <FileText className="mr-2 h-5 w-5" />
                Documents
              </Link>
              <Link
                href="/dashboard/personnes"
                className="flex items-center py-2 text-lg font-medium"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <User className="mr-2 h-5 w-5" />
                Personnes
              </Link>
              <Link
                href="/dashboard/organigramme"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <Network className="mr-2 h-5 w-5" />
                Organigramme
              </Link>
              <div className="border-t my-4"></div>
              <Link
                href="/dashboard/profil"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <User className="mr-2 h-5 w-5" />
                Mon profil
              </Link>
              <button
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => {
                  setIsMobileMenuOpen(false)
                  handleLogout()
                }}
              >
                <LogOut className="mr-2 h-5 w-5" />
                Déconnexion
              </button>
            </nav>
          </div>
        </div>
      )}

{personType === "Physique" ? (
                    <>
                      <div className="grid grid-cols-2 gap-4">
                        <div className="space-y-2">
                          <Label htmlFor="firstName">Prénom</Label>
                          <Input
                            id="firstName"
                            name="firstName"
                            value={newPerson.firstName}
                            onChange={handleInputChange}
                            placeholder="Jean"
                            required
                          />
                        </div>
                        <div className="space-y-2">
                          <Label htmlFor="lastName">Nom</Label>
                          <Input
                            id="lastName"
                            name="lastName"
                            value={newPerson.lastName}
                            onChange={handleInputChange}
                            placeholder="Dupont"
                            required
                          />
                        </div>
                      </div>
                      <div className="space-y-2">
                        <Label htmlFor="birthDate">Date de naissance</Label>
                        <Input
                          id="birthDate"
                          name="birthDate"
                          type="date"
                          value={newPerson.birthDate}
                          onChange={handleInputChange}
                        />
                      </div>
                    </>
                  ) : (
                    <>
                      <div className="space-y-2">
                        <Label htmlFor="name">Dénomination</Label>
                        <Input
                          id="name"
                          name="name"
                          value={newPerson.name}
                          onChange={handleInputChange}
                          placeholder="SCI Familiale"
                          required
                        />
                      </div>
                      <div className="grid grid-cols-2 gap-4">
                        <div className="space-y-2">
                          <Label htmlFor="legalForm">Forme juridique</Label>
                          <Input
                            id="legalForm"
                            name="legalForm"
                            value={newPerson.legalForm}
                            onChange={handleInputChange}
                            placeholder="SCI"
                          />
                        </div>
                        <div className="space-y-2">
                          <Label htmlFor="siren">SIREN</Label>
                          <Input
                            id="siren"
                            name="siren"
                            value={newPerson.siren}
                            onChange={handleInputChange}
                            placeholder="123456789"
                          />
                        </div>
                      </div>
                    </>
                  )}

<div className="grid grid-cols-2 gap-4">
                    <div className="space-y-2">
                      <Label htmlFor="email">Email</Label>
                      <Input
                        id="email"
                        name="email"
                        type="email"
                        value={newPerson.email}
                        onChange={handleInputChange}
                        placeholder="exemple@domaine.fr"
                      />
                    </div>
                    <div className="space-y-2">
                      <Label htmlFor="phone">Téléphone</Label>
                      <Input
                        id="phone"
                        name="phone"
                        value={newPerson.phone}
                        onChange={handleInputChange}
                        placeholder="0123456789"
                      />
                    </div>
                  </div>
                  <div className="space-y-2">
                    <Label htmlFor="address">Adresse</Label>
                    <Input
                      id="address"
                      name="address"
                      value={newPerson.address}
                      onChange={handleInputChange}
                      placeholder="123 Avenue de la République, 75011 Paris"
                    />
                  </div>
                  <div className="space-y-2">
                    <Label htmlFor="description">Description</Label>
                    <Input
                      id="description"
                      name="description"
                      value={newPerson.description}
                      onChange={handleInputChange}
                      placeholder="Description ou notes"
                    />
                  </div>
                </div>
                <DialogFooter>
                  <Button variant="outline" onClick={() => setIsAddDialogOpen(false)}>
                    Annuler
                  </Button>
                  <Button onClick={handleAddPerson}>Ajouter</Button>
                </DialogFooter>
              </DialogContent>
            </Dialog>
          </div>

<Card>
            <CardHeader>
              <CardTitle>Liste des personnes</CardTitle>
              <CardDescription>{persons.length} personnes enregistrées</CardDescription>
            </CardHeader>
            <CardContent>
              <Tabs defaultValue="all" onValueChange={setActiveType}>
                <TabsList className="mb-4">
                  <TabsTrigger value="all">Toutes</TabsTrigger>
                  <TabsTrigger value="Physique">Personnes physiques</TabsTrigger>
                  <TabsTrigger value="Morale">Personnes morales</TabsTrigger>
                </TabsList>

<div className="rounded-md border">
                  <Table>
                    <TableHeader>
                      <TableRow>
                        <TableHead>Nom</TableHead>
                        <TableHead>Type</TableHead>
                        <TableHead>Contact</TableHead>
                        <TableHead>Description</TableHead>
                        <TableHead className="text-right">Actions</TableHead>
                      </TableRow>
                    </TableHeader>
                    <TableBody>
                      {filteredPersons.length === 0 ? (
                        <TableRow>
                          <TableCell colSpan={5} className="text-center py-4">
                            Aucune personne trouvée. Ajoutez votre première personne !
                          </TableCell>
                        </TableRow>
                      ) : (
                        filteredPersons.map((person) => (
                          <TableRow key={person.id}>
                            <TableCell className="font-medium">{getFullName(person)}</TableCell>
                            <TableCell>
                              {person.type === "Morale" && person.legalForm
                                ? `${person.type} (${person.legalForm})`
                                : person.type}
                            </TableCell>
                            <TableCell>{person.email || person.phone || "Non spécifié"}</TableCell>
                            <TableCell className="max-w-[200px] truncate">
                              {person.description || "Aucune description"}
                            </TableCell>
                            <TableCell className="text-right">
                              <div className="flex justify-end gap-2">
                                <Button variant="ghost" size="icon" onClick={() => handleViewPerson(person)}>
                                  <Eye className="h-4 w-4" />
                                </Button>
                                <Button variant="ghost" size="icon">
                                  <Pencil className="h-4 w-4" />
                                </Button>
                                <Button variant="ghost" size="icon" onClick={() => handleDeletePerson(person.id)}>
                                  <Trash2 className="h-4 w-4" />
                                </Button>
                              </div>
                            </TableCell>
                          </TableRow>
                        ))
                      )}
                    </TableBody>
                  </Table>
                </div>
              </Tabs>
            </CardContent>
          </Card>
        </div>
      </main>

{/* Dialogue de visualisation d'une personne */}
      <Dialog open={isViewDialogOpen} onOpenChange={setIsViewDialogOpen}>
        <DialogContent className="sm:max-w-[650px]">
          <DialogHeader>
            <DialogTitle>
              {selectedPerson?.type === "Physique"
                ? `${selectedPerson.firstName} ${selectedPerson.lastName}`
                : selectedPerson?.name}
            </DialogTitle>
            <DialogDescription>Détails de la personne</DialogDescription>
          </DialogHeader>
          {selectedPerson && (
            <div className="grid gap-4 py-4">
              <div>
                <p className="text-sm font-medium">Type</p>
                <p className="text-sm text-muted-foreground">
                  {selectedPerson.type === "Morale" && selectedPerson.legalForm
                    ? `${selectedPerson.type} (${selectedPerson.legalForm})`
                    : selectedPerson.type}
                </p>
              </div>

{selectedPerson.type === "Physique" ? (
                <>
                  {selectedPerson.birthDate && (
                    <div>
                      <p className="text-sm font-medium">Date de naissance</p>
                      <p className="text-sm text-muted-foreground">
                        {new Date(selectedPerson.birthDate).toLocaleDateString("fr-FR")}
                      </p>
                    </div>
                  )}
                </>
              ) : (
                <>
                  {selectedPerson.siren && (
                    <div>
                      <p className="text-sm font-medium">SIREN</p>
                      <p className="text-sm text-muted-foreground">{selectedPerson.siren}</p>
                    </div>
                  )}
                </>
              )}

<div className="grid grid-cols-2 gap-4">
                {selectedPerson.email && (
                  <div>
                    <p className="text-sm font-medium">Email</p>
                    <p className="text-sm text-muted-foreground">{selectedPerson.email}</p>
                  </div>
                )}
                {selectedPerson.phone && (
                  <div>
                    <p className="text-sm font-medium">Téléphone</p>
                    <p className="text-sm text-muted-foreground">{selectedPerson.phone}</p>
                  </div>
                )}
              </div>

{selectedPerson.address && (
                <div>
                  <p className="text-sm font-medium">Adresse</p>
                  <p className="text-sm text-muted-foreground">{selectedPerson.address}</p>
                </div>
              )}

{selectedPerson.description && (
                <div>
                  <p className="text-sm font-medium">Description</p>
                  <p className="text-sm text-muted-foreground">{selectedPerson.description}</p>
                </div>
              )}

{/* Documents associés */}
              <div className="mt-4">
                <h3 className="text-sm font-medium mb-2">Documents associés</h3>
                {getPersonDocuments(selectedPerson.id).length === 0 ? (
                  <p className="text-sm text-muted-foreground">Aucun document associé</p>
                ) : (
                  <div className="rounded-md border">
                    <Table>
                      <TableHeader>
                        <TableRow>
                          <TableHead>Nom</TableHead>
                          <TableHead>Type</TableHead>
                          <TableHead>Catégorie</TableHead>
                          <TableHead className="text-right">Actions</TableHead>
                        </TableRow>
                      </TableHeader>
                      <TableBody>
                        {getPersonDocuments(selectedPerson.id).map((doc) => (
                          <TableRow key={doc.id}>
                            <TableCell className="font-medium">{doc.name}</TableCell>
                            <TableCell>{doc.type}</TableCell>
                            <TableCell>
                              {doc.documentCategory
                                ? doc.documentCategory.replace("_", " ").charAt(0).toUpperCase() +
                                  doc.documentCategory.replace("_", " ").slice(1)
                                : "Autre"}
                            </TableCell>
                            <TableCell className="text-right">
                              <div className="flex justify-end gap-2">
                                {doc.fileUrl && (
                                  <Button variant="ghost" size="icon">
                                    <Download className="h-4 w-4" />
                                  </Button>
                                )}
                                <Link href={`/dashboard/documents?id=${doc.id}`}>
                                  <Button variant="ghost" size="icon">
                                    <Eye className="h-4 w-4" />
                                  </Button>
                                </Link>
                              </div>
                            </TableCell>
                          </TableRow>
                        ))}
                      </TableBody>
                    </Table>
                  </div>
                )}
                <div className="mt-2">
                  <Button variant="outline" size="sm" asChild>
                    <Link href={`/dashboard/documents?addFor=${selectedPerson.id}`}>
                      <Plus className="h-4 w-4 mr-2" />
                      Ajouter un document
                    </Link>
                  </Button>
                </div>
              </div>

<div className="grid grid-cols-2 gap-4 mt-4">
                <div>
                  <p className="text-sm font-medium">Date de création</p>
                  <p className="text-sm text-muted-foreground">
                    {new Date(selectedPerson.createdAt).toLocaleDateString("fr-FR")}
                  </p>
                </div>
                <div>
                  <p className="text-sm font-medium">Dernière mise à jour</p>
                  <p className="text-sm text-muted-foreground">
                    {new Date(selectedPerson.updatedAt).toLocaleDateString("fr-FR")}
                  </p>
                </div>
              </div>
            </div>
          )}
          <DialogFooter>
            <Button onClick={() => setIsViewDialogOpen(false)}>Fermer</Button>
          </DialogFooter>
        </DialogContent>
      </Dialog>
    </div>
  )
}
[V0_FILE]json:file="package.json" isMerged="true"
{
  "name": "patrimoniom",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "@radix-ui/react-dialog": "^1.0.5",
    "@radix-ui/react-label": "^2.0.2",
    "@radix-ui/react-radio-group": "^1.1.3",
    "@radix-ui/react-select": "^2.0.0",
    "@radix-ui/react-separator": "^1.0.3",
    "@radix-ui/react-slot": "^1.0.2",
    "@radix-ui/react-tabs": "^1.0.4",
    "class-variance-authority": "^0.7.0",
    "clsx": "^2.0.0",
    "lucide-react": "^0.294.0",
    "next": "16.0.10",
    "react": "^18",
    "react-dom": "^18",
    "reactflow": "^11.10.1",
    "tailwind-merge": "^2.1.0",
    "tailwindcss-animate": "^1.0.7",
    "@supabase/ssr": "0.8.0"
  },
  "devDependencies": {
    "@types/node": "^20",
    "@types/react": "^18",
    "@types/react-dom": "^18",
    "autoprefixer": "^10.0.1",
    "eslint": "^8",
    "eslint-config-next": "14.0.4",
    "postcss": "^8",
    "tailwindcss": "^3.3.0",
    "typescript": "^5"
  }
}
[V0_FILE]typescriptreact:file="app/dashboard/dossiers/loading.tsx" isMerged="true"
import { Skeleton } from "@/components/ui/skeleton"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function DossiersLoading() {
  return (
    <div className="flex min-h-screen flex-col">
      <header className="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
        <div className="container flex h-14 items-center">
          <div className="mr-4 flex items-center md:hidden">
            <Skeleton className="h-10 w-10" />
          </div>
          <div className="flex items-center gap-2 font-bold">
            <Skeleton className="h-5 w-5" />
            <Skeleton className="h-5 w-24" />
          </div>
          <div className="flex flex-1 items-center justify-end space-x-2">
            <Skeleton className="h-10 w-40" />
            <div className="hidden md:flex items-center space-x-4">
              {Array.from({ length: 6 }).map((_, i) => (
                <Skeleton key={i} className="h-4 w-20" />
              ))}
            </div>
            <div className="hidden md:flex items-center space-x-2">
              <Skeleton className="h-10 w-10" />
              <Skeleton className="h-10 w-10" />
            </div>
          </div>
        </div>
      </header>

<Card>
            <CardHeader>
              <CardTitle>
                <Skeleton className="h-6 w-32" />
              </CardTitle>
              <CardDescription>
                <Skeleton className="h-4 w-48" />
              </CardDescription>
            </CardHeader>
            <CardContent>
              <div className="rounded-md border p-4">
                <div className="space-y-4">
                  {Array.from({ length: 5 }).map((_, i) => (
                    <div key={i} className="flex justify-between items-center">
                      <div className="flex-1 space-y-2">
                        <Skeleton className="h-5 w-48" />
                        <Skeleton className="h-4 w-64" />
                      </div>
                      <div className="flex gap-2">
                        <Skeleton className="h-8 w-8" />
                        <Skeleton className="h-8 w-8" />
                        <Skeleton className="h-8 w-8" />
                      </div>
                    </div>
                  ))}
                </div>
              </div>
            </CardContent>
          </Card>
        </div>
      </main>
    </div>
  )
}
[V0_FILE]typescriptreact:file="types/dossier.ts" isEdit="true" isMerged="true"
export interface Dossier {
  id: string
  name: string
  description?: string
  isActive?: boolean
  createdAt: string
  // Nouveaux champs pour les associations
  isAssociation?: boolean
  associatedDossierIds?: string[]
}
[V0_FILE]typescriptreact:file="components/dossier-selector.tsx" isEdit="true" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import Link from "next/link"
import { Button } from "@/components/ui/button"
import {
  DropdownMenu,
  DropdownMenuContent,
  DropdownMenuItem,
  DropdownMenuLabel,
  DropdownMenuSeparator,
  DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu"
import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogFooter,
  DialogHeader,
  DialogTitle,
  DialogTrigger,
} from "@/components/ui/dialog"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Folder, FolderPlus, ChevronDown, Settings, Users } from "lucide-react"
import {
  getDossiers,
  addDossier,
  setActiveDossier,
  getActiveDossier,
  initDefaultDossier,
  getAssociatedDossiers,
} from "@/lib/dossier"
import type { Dossier } from "@/types/dossier"
import { useToast } from "@/hooks/use-toast"

export function DossierSelector() {
  const { toast } = useToast()
  const [dossiers, setDossiers] = useState<Dossier[]>([])
  const [activeDossier, setActiveDossierState] = useState<Dossier | null>(null)
  const [isAddDialogOpen, setIsAddDialogOpen] = useState(false)
  const [newDossierName, setNewDossierName] = useState("")
  const [newDossierDescription, setNewDossierDescription] = useState("")

useEffect(() => {
    // Initialiser le dossier par défaut si nécessaire
    initDefaultDossier()

// Charger tous les dossiers
    loadDossiers()
  }, [])

const loadDossiers = () => {
    const loadedDossiers = getDossiers()
    setDossiers(loadedDossiers)

const active = getActiveDossier()
    setActiveDossierState(active)
  }

const handleAddDossier = () => {
    try {
      addDossier(newDossierName, newDossierDescription)

toast({
        title: "Dossier ajouté",
        description: "Le dossier a été ajouté avec succès.",
      })

setIsAddDialogOpen(false)
      loadDossiers()

// Réinitialiser le formulaire
      setNewDossierName("")
      setNewDossierDescription("")
    } catch (error) {
      toast({
        title: "Erreur",
        description: "Une erreur est survenue lors de l'ajout du dossier.",
        variant: "destructive",
      })
    }
  }

const handleChangeDossier = (dossierId: string) => {
    setActiveDossier(dossierId)
    loadDossiers()

toast({
      title: "Dossier changé",
      description: "Vous travaillez maintenant sur un autre dossier.",
    })

// Recharger la page pour actualiser les données
    window.location.reload()
  }

// Obtenir les noms des dossiers associés pour l'affichage
  const getAssociatedDossierNames = (dossier: Dossier): string => {
    if (!dossier.isAssociation || !dossier.associatedDossierIds || dossier.associatedDossierIds.length === 0) {
      return ""
    }

const associatedDossiers = getAssociatedDossiers(dossier)
    return associatedDossiers.map((d) => d.name).join(", ")
  }

return (
    <div className="flex items-center gap-2">
      <DropdownMenu>
        <DropdownMenuTrigger asChild>
          <Button variant="outline" className="flex items-center gap-2">
            {activeDossier?.isAssociation ? (
              <Users className="h-4 w-4 text-blue-500" />
            ) : (
              <Folder className="h-4 w-4" />
            )}
            <span className="max-w-[150px] truncate">
              {activeDossier ? activeDossier.name : "Sélectionner un dossier"}
            </span>
            <ChevronDown className="h-4 w-4" />
          </Button>
        </DropdownMenuTrigger>
        <DropdownMenuContent align="end" className="w-[300px]">
          <DropdownMenuLabel>Dossiers</DropdownMenuLabel>
          <DropdownMenuSeparator />
          {dossiers.map((dossier) => (
            <DropdownMenuItem
              key={dossier.id}
              className={`flex items-center gap-2 ${dossier.isActive ? "bg-muted" : ""}`}
              onClick={() => handleChangeDossier(dossier.id)}
            >
              {dossier.isAssociation ? <Users className="h-4 w-4 text-blue-500" /> : <Folder className="h-4 w-4" />}
              <div className="flex-1 overflow-hidden">
                <div className="truncate">{dossier.name}</div>
                {dossier.isAssociation && (
                  <div className="text-xs text-muted-foreground truncate">
                    Association: {getAssociatedDossierNames(dossier)}
                  </div>
                )}
              </div>
              {dossier.isActive && <span className="text-xs text-muted-foreground">Actif</span>}
            </DropdownMenuItem>
          ))}
          <DropdownMenuSeparator />
          <Dialog open={isAddDialogOpen} onOpenChange={setIsAddDialogOpen}>
            <DialogTrigger asChild>
              <DropdownMenuItem onSelect={(e) => e.preventDefault()} className="flex items-center gap-2">
                <FolderPlus className="h-4 w-4" />
                <span>Nouveau dossier</span>
              </DropdownMenuItem>
            </DialogTrigger>
            <DialogContent className="sm:max-w-[425px]">
              <DialogHeader>
                <DialogTitle>Créer un nouveau dossier</DialogTitle>
                <DialogDescription>Créez un nouveau dossier pour gérer un patrimoine séparé.</DialogDescription>
              </DialogHeader>
              <div className="grid gap-4 py-4">
                <div className="space-y-2">
                  <Label htmlFor="name">Nom du dossier</Label>
                  <Input
                    id="name"
                    value={newDossierName}
                    onChange={(e) => setNewDossierName(e.target.value)}
                    placeholder="Patrimoine de Jean Dupont"
                    required
                  />
                </div>
                <div className="space-y-2">
                  <Label htmlFor="description">Description (optionnelle)</Label>
                  <Input
                    id="description"
                    value={newDossierDescription}
                    onChange={(e) => setNewDossierDescription(e.target.value)}
                    placeholder="Description du dossier"
                  />
                </div>
              </div>
              <DialogFooter>
                <Button variant="outline" onClick={() => setIsAddDialogOpen(false)}>
                  Annuler
                </Button>
                <Button onClick={handleAddDossier} disabled={!newDossierName.trim()}>
                  Créer
                </Button>
              </DialogFooter>
            </DialogContent>
          </Dialog>
          <DropdownMenuItem asChild>
            <Link href="/dashboard/dossiers" className="flex items-center gap-2">
              <Settings className="h-4 w-4" />
              <span>Gérer les dossiers</span>
            </Link>
          </DropdownMenuItem>
        </DropdownMenuContent>
      </DropdownMenu>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/dashboard/dossiers/page.tsx" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import Link from "next/link"
import { useRouter } from "next/navigation"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Checkbox } from "@/components/ui/checkbox"
import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogFooter,
  DialogHeader,
  DialogTitle,
  DialogTrigger,
} from "@/components/ui/dialog"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import {
  PieChart,
  BarChart3,
  CreditCard,
  Wallet,
  FileText,
  User,
  LogOut,
  Menu,
  X,
  Plus,
  Trash2,
  Folder,
  FolderOpen,
  Check,
  Home,
  Building2,
  Network,
  Users,
} from "lucide-react"
import {
  getDossiers,
  addDossier,
  setActiveDossier,
  getActiveDossier,
  deleteDossier,
  canDeleteDossier,
  createAssociationDossier,
  getAssociatedDossiers,
} from "@/lib/dossier"
import type { Dossier } from "@/types/dossier"
import { useToast } from "@/hooks/use-toast"
import { DossierSelector } from "@/components/dossier-selector"
import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs"

export default function DossiersPage() {
  const router = useRouter()
  const { toast } = useToast()
  const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false)
  const [dossiers, setDossiers] = useState<Dossier[]>([])
  const [isAddDialogOpen, setIsAddDialogOpen] = useState(false)
  const [isAddAssociationDialogOpen, setIsAddAssociationDialogOpen] = useState(false)
  const [newDossierName, setNewDossierName] = useState("")
  const [newDossierDescription, setNewDossierDescription] = useState("")
  const [selectedDossierIds, setSelectedDossierIds] = useState<string[]>([])
  const [activeTab, setActiveTab] = useState("all")

useEffect(() => {
    loadDossiers()
  }, [])

const loadDossiers = () => {
    const loadedDossiers = getDossiers()
    setDossiers(loadedDossiers)
  }

const handleAddDossier = () => {
    try {
      addDossier(newDossierName, newDossierDescription)

toast({
        title: "Dossier ajouté",
        description: "Le dossier a été ajouté avec succès.",
      })

setIsAddDialogOpen(false)
      loadDossiers()

const handleAddAssociationDossier = () => {
    try {
      if (selectedDossierIds.length < 2) {
        toast({
          title: "Sélection insuffisante",
          description: "Veuillez sélectionner au moins deux dossiers pour créer une association.",
          variant: "destructive",
        })
        return
      }

createAssociationDossier(newDossierName, newDossierDescription, selectedDossierIds)

toast({
        title: "Dossier d'association créé",
        description: "Le dossier d'association a été créé avec succès.",
      })

setIsAddAssociationDialogOpen(false)
      loadDossiers()

// Réinitialiser le formulaire
      setNewDossierName("")
      setNewDossierDescription("")
      setSelectedDossierIds([])
    } catch (error) {
      toast({
        title: "Erreur",
        description:
          error instanceof Error
            ? error.message
            : "Une erreur est survenue lors de la création du dossier d'association.",
        variant: "destructive",
      })
    }
  }

const handleDeleteDossier = (dossierId: string) => {
    // Vérifier si c'est le dossier actif
    const activeDossier = getActiveDossier()
    if (activeDossier && activeDossier.id === dossierId) {
      toast({
        title: "Action impossible",
        description: "Vous ne pouvez pas supprimer le dossier actif. Veuillez d'abord changer de dossier.",
        variant: "destructive",
      })
      return
    }

// Vérifier si le dossier est associé à d'autres dossiers
    if (!canDeleteDossier(dossierId)) {
      toast({
        title: "Action impossible",
        description: "Ce dossier est associé à d'autres dossiers et ne peut pas être supprimé.",
        variant: "destructive",
      })
      return
    }

if (confirm("Êtes-vous sûr de vouloir supprimer ce dossier ? Toutes les données associées seront perdues.")) {
      try {
        deleteDossier(dossierId)

toast({
          title: "Dossier supprimé",
          description: "Le dossier a été supprimé avec succès.",
        })

loadDossiers()
      } catch (error) {
        toast({
          title: "Erreur",
          description:
            error instanceof Error ? error.message : "Une erreur est survenue lors de la suppression du dossier.",
          variant: "destructive",
        })
      }
    }
  }

const handleSetActiveDossier = (dossierId: string) => {
    setActiveDossier(dossierId)
    loadDossiers()

toast({
      title: "Dossier actif",
      description: "Le dossier a été défini comme actif.",
    })

// Rediriger vers le tableau de bord
    router.push("/dashboard")
  }

const toggleDossierSelection = (dossierId: string) => {
    setSelectedDossierIds((prev) => {
      if (prev.includes(dossierId)) {
        return prev.filter((id) => id !== dossierId)
      } else {
        return [...prev, dossierId]
      }
    })
  }

const toggleMobileMenu = () => {
    setIsMobileMenuOpen(!isMobileMenuOpen)
  }

const handleLogout = () => {
    localStorage.removeItem("currentUser")
    router.push("/login")
  }

// Filtrer les dossiers selon l'onglet actif
  const filteredDossiers = dossiers.filter((dossier) => {
    if (activeTab === "all") return true
    if (activeTab === "standard") return !dossier.isAssociation
    if (activeTab === "association") return dossier.isAssociation
    return true
  })

// Fonction pour afficher les détails d'un dossier d'association
  const renderAssociationDetails = (dossier: Dossier) => {
    if (!dossier.isAssociation || !dossier.associatedDossierIds || dossier.associatedDossierIds.length === 0) {
      return null
    }

const associatedDossiers = getAssociatedDossiers(dossier)

return (
      <div className="mt-2 text-xs text-muted-foreground">
        <p>Ce dossier d'association combine les données des dossiers suivants :</p>
        <ul className="list-disc list-inside mt-1">
          {associatedDossiers.map((d) => (
            <li key={d.id}>{d.name}</li>
          ))}
        </ul>
        <p className="mt-1 italic">
          Les modifications apportées aux dossiers d'origine sont automatiquement reflétées dans ce dossier
          d'association.
        </p>
      </div>
    )
  }

return (
    <div className="flex min-h-screen flex-col">
      <header className="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
        <div className="container flex h-14 items-center">
          <div className="mr-4 flex items-center md:hidden">
            <Button variant="ghost" size="icon" onClick={toggleMobileMenu}>
              {isMobileMenuOpen ? <X className="h-5 w-5" /> : <Menu className="h-5 w-5" />}
            </Button>
          </div>
          <div className="flex items-center gap-2 font-bold">
            <PieChart className="h-5 w-5 text-gold-500" />
            <span>PATRIMONIOM</span>
          </div>
          <div className="flex flex-1 items-center justify-end space-x-2">
            <DossierSelector />
            <nav className="hidden md:flex items-center space-x-4">
              <Link href="/dashboard" className="text-sm font-medium text-muted-foreground">
                Tableau de bord
              </Link>
              <Link href="/dashboard/biens-immobiliers" className="text-sm font-medium text-muted-foreground">
                Biens immobiliers
              </Link>
              <Link href="/dashboard/placements-financiers" className="text-sm font-medium text-muted-foreground">
                Placements financiers
              </Link>
              <Link href="/dashboard/emprunts" className="text-sm font-medium text-muted-foreground">
                Emprunts
              </Link>
              <Link href="/dashboard/comptes-courants" className="text-sm font-medium text-muted-foreground">
                Comptes courants d'associé
              </Link>
              <Link href="/dashboard/documents" className="text-sm font-medium text-muted-foreground">
                Documents
              </Link>
              <Link href="/dashboard/personnes" className="text-sm font-medium text-muted-foreground">
                Personnes
              </Link>
              <Link href="/dashboard/patrimoine" className="text-sm font-medium text-muted-foreground">
                Patrimoine
              </Link>
              <Link href="/dashboard/organigramme" className="text-sm font-medium text-muted-foreground">
                Organigramme
              </Link>
              <Link href="/dashboard/dossiers" className="text-sm font-medium">
                Dossiers
              </Link>
            </nav>
            <div className="hidden md:flex items-center space-x-2">
              <Link href="/dashboard/profil">
                <Button variant="ghost" size="icon">
                  <User className="h-5 w-5" />
                </Button>
              </Link>
              <Button variant="ghost" size="icon" onClick={handleLogout}>
                <LogOut className="h-5 w-5" />
              </Button>
            </div>
          </div>
        </div>
      </header>

{isMobileMenuOpen && (
        <div className="fixed inset-0 top-14 z-40 bg-background md:hidden">
          <div className="container py-4">
            <nav className="flex flex-col space-y-4">
              <div className="mb-4">
                <DossierSelector />
              </div>
              <Link
                href="/dashboard"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <BarChart3 className="mr-2 h-5 w-5" />
                Tableau de bord
              </Link>
              <Link
                href="/dashboard/biens-immobiliers"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <Home className="mr-2 h-5 w-5" />
                Biens immobiliers
              </Link>
              <Link
                href="/dashboard/placements-financiers"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <BarChart3 className="mr-2 h-5 w-5" />
                Placements financiers
              </Link>
              <Link
                href="/dashboard/emprunts"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <CreditCard className="mr-2 h-5 w-5" />
                Emprunts
              </Link>
              <Link
                href="/dashboard/comptes-courants"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <Wallet className="mr-2 h-5 w-5" />
                Comptes courants d'associé
              </Link>
              <Link
                href="/dashboard/documents"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <FileText className="mr-2 h-5 w-5" />
                Documents
              </Link>
              <Link
                href="/dashboard/personnes"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <User className="mr-2 h-5 w-5" />
                Personnes
              </Link>
              <Link
                href="/dashboard/patrimoine"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <Building2 className="mr-2 h-5 w-5" />
                Patrimoine
              </Link>
              <Link
                href="/dashboard/organigramme"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <Network className="mr-2 h-5 w-5" />
                Organigramme
              </Link>
              <Link
                href="/dashboard/dossiers"
                className="flex items-center py-2 text-lg font-medium"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <Folder className="mr-2 h-5 w-5" />
                Dossiers
              </Link>
              <div className="border-t my-4"></div>
              <Link
                href="/dashboard/profil"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <User className="mr-2 h-5 w-5" />
                Mon profil
              </Link>
              <button
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => {
                  setIsMobileMenuOpen(false)
                  handleLogout()
                }}
              >
                <LogOut className="mr-2 h-5 w-5" />
                Déconnexion
              </button>
            </nav>
          </div>
        </div>
      )}

<Dialog open={isAddAssociationDialogOpen} onOpenChange={setIsAddAssociationDialogOpen}>
                <DialogTrigger asChild>
                  <Button>
                    <Users className="mr-2 h-4 w-4" />
                    Dossier d'association
                  </Button>
                </DialogTrigger>
                <DialogContent className="sm:max-w-[600px]">
                  <DialogHeader>
                    <DialogTitle>Créer un dossier d'association</DialogTitle>
                    <DialogDescription>
                      Sélectionnez au moins deux dossiers à associer pour créer un dossier commun.
                    </DialogDescription>
                  </DialogHeader>
                  <div className="grid gap-4 py-4">
                    <div className="space-y-2">
                      <Label htmlFor="assoc-name">Nom du dossier d'association</Label>
                      <Input
                        id="assoc-name"
                        value={newDossierName}
                        onChange={(e) => setNewDossierName(e.target.value)}
                        placeholder="Association Dupont-Martin"
                        required
                      />
                    </div>
                    <div className="space-y-2">
                      <Label htmlFor="assoc-description">Description (optionnelle)</Label>
                      <Input
                        id="assoc-description"
                        value={newDossierDescription}
                        onChange={(e) => setNewDossierDescription(e.target.value)}
                        placeholder="Description du dossier d'association"
                      />
                    </div>
                    <div className="space-y-2">
                      <Label>Sélectionnez les dossiers à associer</Label>
                      <div className="border rounded-md p-4 max-h-[200px] overflow-y-auto">
                        {dossiers
                          .filter((d) => !d.isAssociation) // Ne pas permettre d'associer des dossiers d'association
                          .map((dossier) => (
                            <div key={dossier.id} className="flex items-center space-x-2 py-2">
                              <Checkbox
                                id={`dossier-${dossier.id}`}
                                checked={selectedDossierIds.includes(dossier.id)}
                                onCheckedChange={() => toggleDossierSelection(dossier.id)}
                              />
                              <Label
                                htmlFor={`dossier-${dossier.id}`}
                                className="flex items-center gap-2 cursor-pointer"
                              >
                                <Folder className="h-4 w-4" />
                                <span>{dossier.name}</span>
                              </Label>
                            </div>
                          ))}
                      </div>
                      <p className="text-xs text-muted-foreground mt-2">
                        {selectedDossierIds.length} dossier(s) sélectionné(s). Minimum requis : 2 dossiers.
                      </p>
                    </div>
                  </div>
                  <DialogFooter>
                    <Button
                      variant="outline"
                      onClick={() => {
                        setIsAddAssociationDialogOpen(false)
                        setSelectedDossierIds([])
                      }}
                    >
                      Annuler
                    </Button>
                    <Button
                      onClick={handleAddAssociationDossier}
                      disabled={!newDossierName.trim() || selectedDossierIds.length < 2}
                    >
                      Créer l'association
                    </Button>
                  </DialogFooter>
                </DialogContent>
              </Dialog>
            </div>
          </div>

<Card>
            <CardHeader>
              <CardTitle>Liste des dossiers</CardTitle>
              <CardDescription>{dossiers.length} dossiers enregistrés</CardDescription>
            </CardHeader>
            <CardContent>
              <Tabs defaultValue="all" value={activeTab} onValueChange={setActiveTab} className="mb-4">
                <TabsList>
                  <TabsTrigger value="all">Tous</TabsTrigger>
                  <TabsTrigger value="standard">Dossiers simples</TabsTrigger>
                  <TabsTrigger value="association">Dossiers d'association</TabsTrigger>
                </TabsList>
              </Tabs>

<div className="rounded-md border">
                <Table>
                  <TableHeader>
                    <TableRow>
                      <TableHead>Nom</TableHead>
                      <TableHead>Type</TableHead>
                      <TableHead>Description</TableHead>
                      <TableHead>Date de création</TableHead>
                      <TableHead>Statut</TableHead>
                      <TableHead className="text-right">Actions</TableHead>
                    </TableRow>
                  </TableHeader>
                  <TableBody>
                    {filteredDossiers.length === 0 ? (
                      <TableRow>
                        <TableCell colSpan={6} className="text-center py-4">
                          Aucun dossier trouvé. Ajoutez votre premier dossier !
                        </TableCell>
                      </TableRow>
                    ) : (
                      filteredDossiers.map((dossier) => (
                        <TableRow key={dossier.id} className={dossier.isActive ? "bg-muted/50" : ""}>
                          <TableCell className="font-medium">
                            <div className="flex items-center gap-2">
                              {dossier.isActive ? (
                                <FolderOpen className="h-4 w-4 text-gold-500" />
                              ) : (
                                <Folder className="h-4 w-4" />
                              )}
                              {dossier.name}
                            </div>
                          </TableCell>
                          <TableCell>
                            {dossier.isAssociation ? (
                              <span className="inline-flex items-center rounded-full bg-blue-100 px-2.5 py-0.5 text-xs font-medium text-blue-800">
                                <Users className="mr-1 h-3 w-3" />
                                Association
                              </span>
                            ) : (
                              <span className="inline-flex items-center rounded-full bg-gray-100 px-2.5 py-0.5 text-xs font-medium text-gray-800">
                                <User className="mr-1 h-3 w-3" />
                                Simple
                              </span>
                            )}
                          </TableCell>
                          <TableCell className="max-w-[200px] truncate">
                            {dossier.description || "Aucune description"}
                          </TableCell>
                          <TableCell>{new Date(dossier.createdAt).toLocaleDateString("fr-FR")}</TableCell>
                          <TableCell>
                            {dossier.isActive ? (
                              <span className="inline-flex items-center rounded-full bg-green-100 px-2.5 py-0.5 text-xs font-medium text-green-800">
                                <Check className="mr-1 h-3 w-3" />
                                Actif
                              </span>
                            ) : (
                              <span className="inline-flex items-center rounded-full bg-gray-100 px-2.5 py-0.5 text-xs font-medium text-gray-800">
                                Inactif
                              </span>
                            )}
                          </TableCell>
                          <TableCell className="text-right">
                            <div className="flex justify-end gap-2">
                              {!dossier.isActive && (
                                <Button
                                  variant="ghost"
                                  size="icon"
                                  onClick={() => handleSetActiveDossier(dossier.id)}
                                  title="Définir comme actif"
                                >
                                  <Check className="h-4 w-4" />
                                </Button>
                              )}
                              {!dossier.isActive && canDeleteDossier(dossier.id) && (
                                <Button
                                  variant="ghost"
                                  size="icon"
                                  onClick={() => handleDeleteDossier(dossier.id)}
                                  title="Supprimer"
                                >
                                  <Trash2 className="h-4 w-4" />
                                </Button>
                              )}
                            </div>
                          </TableCell>
                        </TableRow>
                      ))
                    )}
                  </TableBody>
                </Table>
              </div>
              {filteredDossiers
                .filter((d) => d.isAssociation)
                .map((d) => (
                  <div key={d.id}>{renderAssociationDetails(d)}</div>
                ))}
            </CardContent>
          </Card>
        </div>
      </main>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/origin-badge.tsx" isMerged="true"
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip"
import { getDossiers } from "@/lib/dossier"
import { getActiveDossier } from "@/lib/dossier"
import { FileUp } from "lucide-react"

interface OriginBadgeProps {
  item: any
}

export function OriginBadge({ item }: OriginBadgeProps) {
  // Si l'élément n'a pas d'origine ou si nous ne sommes pas dans un dossier d'association, ne rien afficher
  const activeDossier = getActiveDossier()
  if (!activeDossier?.isAssociation || !item._originDossierId) {
    return null
  }

// Trouver le nom du dossier d'origine
  const dossiers = getDossiers()
  const originDossier = dossiers.find((d) => d.id === item._originDossierId)
  const originName = originDossier ? originDossier.name : "Dossier inconnu"

return (
    <TooltipProvider>
      <Tooltip>
        <TooltipTrigger asChild>
          <div className="inline-flex items-center rounded-full bg-blue-100 px-2 py-0.5 text-xs font-medium text-blue-800">
            <FileUp className="mr-1 h-3 w-3" />
            <span>Synchronisé</span>
          </div>
        </TooltipTrigger>
        <TooltipContent>
          <p>
            Cet élément provient du dossier <strong>{originName}</strong> et est automatiquement synchronisé.
          </p>
        </TooltipContent>
      </Tooltip>
    </TooltipProvider>
  )
}
[V0_FILE]typescriptreact:file="app/dashboard/biens-immobiliers/page.tsx" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import type React from "react"

import { useState, useEffect } from "react"
import Link from "next/link"
import { useRouter } from "next/navigation"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs"
import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogFooter,
  DialogHeader,
  DialogTitle,
  DialogTrigger,
} from "@/components/ui/dialog"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import {
  PieChart,
  BarChart3,
  Home,
  CreditCard,
  Wallet,
  Building2,
  Car,
  FileText,
  User,
  LogOut,
  Menu,
  X,
  Plus,
  Pencil,
  Trash2,
  Eye,
} from "lucide-react"
import { getAssets, addAsset } from "@/lib/patrimoine"
import type { Asset } from "@/types/patrimoine"
import { useToast } from "@/hooks/use-toast"
import { OriginBadge } from "@/components/origin-badge"

export default function ActifsPage() {
  const router = useRouter()
  const { toast } = useToast()
  const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false)
  const [assets, setAssets] = useState<Asset[]>([])
  const [isAddDialogOpen, setIsAddDialogOpen] = useState(false)
  const [isViewDialogOpen, setIsViewDialogOpen] = useState(false)
  const [selectedAsset, setSelectedAsset] = useState<Asset | null>(null)
  const [activeCategory, setActiveCategory] = useState<string>("all")
  const [newAsset, setNewAsset] = useState({
    name: "",
    category: "Immobilier",
    type: "",
    value: 0,
    description: "",
    location: "",
    acquisitionDate: "",
    acquisitionPrice: 0,
  })

useEffect(() => {
    loadAssets()
  }, [])

const loadAssets = () => {
    const loadedAssets = getAssets()
    setAssets(loadedAssets)
  }

const handleAddAsset = () => {
    try {
      addAsset({
        ...newAsset,
        value: Number(newAsset.value),
        acquisitionPrice: Number(newAsset.acquisitionPrice),
        createdAt: new Date().toISOString(),
        updatedAt: new Date().toISOString(),
      })

toast({
        title: "Actif ajouté",
        description: "L'actif a été ajouté avec succès.",
      })

setIsAddDialogOpen(false)
      loadAssets()

// Réinitialiser le formulaire
      setNewAsset({
        name: "",
        category: "Immobilier",
        type: "",
        value: 0,
        description: "",
        location: "",
        acquisitionDate: "",
        acquisitionPrice: 0,
      })
    } catch (error) {
      toast({
        title: "Erreur",
        description: "Une erreur est survenue lors de l'ajout de l'actif.",
        variant: "destructive",
      })
    }
  }

const handleViewAsset = (asset: Asset) => {
    setSelectedAsset(asset)
    setIsViewDialogOpen(true)
  }

const handleDeleteAsset = (assetId: string) => {
    if (confirm("Êtes-vous sûr de vouloir supprimer cet actif ?")) {
      // Filtrer les actifs pour supprimer celui avec l'ID correspondant
      const updatedAssets = assets.filter((asset) => asset.id !== assetId)
      // Mettre à jour le localStorage
      localStorage.setItem("assets", JSON.stringify(updatedAssets))
      // Recharger les actifs
      loadAssets()

toast({
        title: "Actif supprimé",
        description: "L'actif a été supprimé avec succès.",
      })
    }
  }

const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
    const { name, value } = e.target
    setNewAsset((prev) => ({
      ...prev,
      [name]: value,
    }))
  }

const handleSelectChange = (name: string, value: string) => {
    setNewAsset((prev) => ({
      ...prev,
      [name]: value,
    }))
  }

const toggleMobileMenu = () => {
    setIsMobileMenuOpen(!isMobileMenuOpen)
  }

const handleLogout = () => {
    localStorage.removeItem("currentUser")
    router.push("/login")
  }

// Filtrer les actifs par catégorie
  const filteredAssets = activeCategory === "all" ? assets : assets.filter((asset) => asset.category === activeCategory)

// Calculer la valeur totale des actifs
  const totalValue = filteredAssets.reduce((sum, asset) => sum + asset.value, 0)

// Obtenir les catégories uniques
  const categories = ["all", ...Array.from(new Set(assets.map((asset) => asset.category)))]

// Fonction pour obtenir l'icône en fonction de la catégorie
  const getCategoryIcon = (category: string) => {
    switch (category) {
      case "Immobilier":
        return <Home className="h-4 w-4 text-gold-500" />
      case "Placements financiers":
        return <Wallet className="h-4 w-4 text-gold-500" />
      case "Liquidités":
        return <CreditCard className="h-4 w-4 text-gold-500" />
      case "Biens mobiliers":
        return <Car className="h-4 w-4 text-gold-500" />
      default:
        return <Building2 className="h-4 w-4 text-gold-500" />
    }
  }

return (
    <div className="flex min-h-screen flex-col">
      <header className="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
        <div className="container flex h-14 items-center">
          <div className="mr-4 flex items-center md:hidden">
            <Button variant="ghost" size="icon" onClick={toggleMobileMenu}>
              {isMobileMenuOpen ? <X className="h-5 w-5" /> : <Menu className="h-5 w-5" />}
            </Button>
          </div>
          <div className="flex items-center gap-2 font-bold">
            <PieChart className="h-5 w-5 text-gold-500" />
            <span>PATRIMONIOM</span>
          </div>
          <div className="flex flex-1 items-center justify-end space-x-2">
            <nav className="hidden md:flex items-center space-x-4">
              <Link href="/dashboard" className="text-sm font-medium text-muted-foreground">
                Tableau de bord
              </Link>
              <Link href="/dashboard/biens-immobiliers" className="text-sm font-medium">
                Biens immobiliers
              </Link>
              <Link href="/dashboard/passifs" className="text-sm font-medium text-muted-foreground">
                Passifs
              </Link>
              <Link href="/dashboard/documents" className="text-sm font-medium text-muted-foreground">
                Documents
              </Link>
              <Link href="/dashboard/personnes" className="text-sm font-medium text-muted-foreground">
                Personnes
              </Link>
            </nav>
            <div className="hidden md:flex items-center space-x-2">
              <Link href="/dashboard/profil">
                <Button variant="ghost" size="icon">
                  <User className="h-5 w-5" />
                </Button>
              </Link>
              <Button variant="ghost" size="icon" onClick={handleLogout}>
                <LogOut className="h-5 w-5" />
              </Button>
            </div>
          </div>
        </div>
      </header>

{isMobileMenuOpen && (
        <div className="fixed inset-0 top-14 z-40 bg-background md:hidden">
          <div className="container py-4">
            <nav className="flex flex-col space-y-4">
              <Link
                href="/dashboard"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <BarChart3 className="mr-2 h-5 w-5" />
                Tableau de bord
              </Link>
              <Link
                href="/dashboard/biens-immobiliers"
                className="flex items-center py-2 text-lg font-medium"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <Wallet className="mr-2 h-5 w-5" />
                Biens immobiliers
              </Link>
              <Link
                href="/dashboard/passifs"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <CreditCard className="mr-2 h-5 w-5" />
                Passifs
              </Link>
              <Link
                href="/dashboard/documents"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <FileText className="mr-2 h-5 w-5" />
                Documents
              </Link>
              <Link
                href="/dashboard/personnes"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <User className="mr-2 h-5 w-5" />
                Personnes
              </Link>
              <div className="border-t my-4"></div>
              <Link
                href="/dashboard/profil"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <User className="mr-2 h-5 w-5" />
                Mon profil
              </Link>
              <button
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => {
                  setIsMobileMenuOpen(false)
                  handleLogout()
                }}
              >
                <LogOut className="mr-2 h-5 w-5" />
                Déconnexion
              </button>
            </nav>
          </div>
        </div>
      )}

<main className="flex-1 container py-6">
        <div className="flex flex-col space-y-6">
          <div className="flex justify-between items-center">
            <div>
              <h1 className="text-3xl font-bold tracking-tight">Biens immobiliers</h1>
              <p className="text-muted-foreground">Gérez l'ensemble de vos biens immobiliers</p>
            </div>
            <Dialog open={isAddDialogOpen} onOpenChange={setIsAddDialogOpen}>
              <DialogTrigger asChild>
                <Button>
                  <Plus className="mr-2 h-4 w-4" />
                  Ajouter un bien immobilier
                </Button>
              </DialogTrigger>
              <DialogContent className="sm:max-w-[550px]">
                <DialogHeader>
                  <DialogTitle>Ajouter un nouveau bien immobilier</DialogTitle>
                  <DialogDescription>
                    Renseignez les informations de votre bien immobilier ci-dessous.
                  </DialogDescription>
                </DialogHeader>
                <div className="grid gap-4 py-4">
                  <div className="grid grid-cols-2 gap-4">
                    <div className="space-y-2">
                      <Label htmlFor="name">Nom du bien</Label>
                      <Input
                        id="name"
                        name="name"
                        value={newAsset.name}
                        onChange={handleInputChange}
                        placeholder="Appartement Paris"
                        required
                      />
                    </div>
                    <div className="space-y-2">
                      <Label htmlFor="category">Catégorie</Label>
                      <Select
                        name="category"
                        value={newAsset.category}
                        onValueChange={(value) => handleSelectChange("category", value)}
                      >
                        <SelectTrigger>
                          <SelectValue placeholder="Sélectionner une catégorie" />
                        </SelectTrigger>
                        <SelectContent>
                          <SelectItem value="Immobilier">Immobilier</SelectItem>
                          <SelectItem value="Placements financiers">Placements financiers</SelectItem>
                          <SelectItem value="Liquidités">Liquidités</SelectItem>
                          <SelectItem value="Biens mobiliers">Biens mobiliers</SelectItem>
                        </SelectContent>
                      </Select>
                    </div>
                  </div>
                  <div className="grid grid-cols-2 gap-4">
                    <div className="space-y-2">
                      <Label htmlFor="type">Type</Label>
                      <Input
                        id="type"
                        name="type"
                        value={newAsset.type}
                        onChange={handleInputChange}
                        placeholder="Résidence principale"
                      />
                    </div>
                    <div className="space-y-2">
                      <Label htmlFor="value">Valeur actuelle (€)</Label>
                      <Input
                        id="value"
                        name="value"
                        type="number"
                        value={newAsset.value}
                        onChange={handleInputChange}
                        placeholder="450000"
                        required
                      />
                    </div>
                  </div>
                  <div className="space-y-2">
                    <Label htmlFor="description">Description</Label>
                    <Input
                      id="description"
                      name="description"
                      value={newAsset.description}
                      onChange={handleInputChange}
                      placeholder="Appartement 3 pièces dans le 15ème arrondissement"
                    />
                  </div>
                  <div className="space-y-2">
                    <Label htmlFor="location">Localisation</Label>
                    <Input
                      id="location"
                      name="location"
                      value={newAsset.location}
                      onChange={handleInputChange}
                      placeholder="Paris, France"
                    />
                  </div>
                  <div className="grid grid-cols-2 gap-4">
                    <div className="space-y-2">
                      <Label htmlFor="acquisitionDate">Date d'acquisition</Label>
                      <Input
                        id="acquisitionDate"
                        name="acquisitionDate"
                        type="date"
                        value={newAsset.acquisitionDate}
                        onChange={handleInputChange}
                      />
                    </div>
                    <div className="space-y-2">
                      <Label htmlFor="acquisitionPrice">Prix d'acquisition (€)</Label>
                      <Input
                        id="acquisitionPrice"
                        name="acquisitionPrice"
                        type="number"
                        value={newAsset.acquisitionPrice}
                        onChange={handleInputChange}
                        placeholder="420000"
                      />
                    </div>
                  </div>
                </div>
                <DialogFooter>
                  <Button variant="outline" onClick={() => setIsAddDialogOpen(false)}>
                    Annuler
                  </Button>
                  <Button onClick={handleAddAsset}>Ajouter</Button>
                </DialogFooter>
              </DialogContent>
            </Dialog>
          </div>

<Card>
            <CardHeader>
              <CardTitle>Vue d'ensemble</CardTitle>
              <CardDescription>
                Valeur totale des biens immobiliers : {totalValue.toLocaleString("fr-FR")} €
              </CardDescription>
            </CardHeader>
            <CardContent>
              <Tabs defaultValue="all" onValueChange={setActiveCategory}>
                <TabsList className="mb-4">
                  {categories.map((category) => (
                    <TabsTrigger key={category} value={category}>
                      {category === "all" ? "Tous" : category}
                    </TabsTrigger>
                  ))}
                </TabsList>

<div className="rounded-md border">
                  <Table>
                    <TableHeader>
                      <TableRow>
                        <TableHead>Nom</TableHead>
                        <TableHead>Catégorie</TableHead>
                        <TableHead>Type</TableHead>
                        <TableHead className="text-right">Valeur</TableHead>
                        <TableHead className="text-right">Actions</TableHead>
                      </TableRow>
                    </TableHeader>
                    <TableBody>
                      {filteredAssets.length === 0 ? (
                        <TableRow>
                          <TableCell colSpan={5} className="text-center py-4">
                            Aucun bien immobilier trouvé. Ajoutez votre premier bien !
                          </TableCell>
                        </TableRow>
                      ) : (
                        filteredAssets.map((asset) => (
                          <TableRow key={asset.id}>
                            <TableCell className="font-medium">
                              <div className="flex items-center gap-2">
                                {asset.name}
                                <OriginBadge item={asset} />
                              </div>
                            </TableCell>
                            <TableCell>
                              <div className="flex items-center gap-2">
                                {getCategoryIcon(asset.category)}
                                <span>{asset.category}</span>
                              </div>
                            </TableCell>
                            <TableCell>{asset.type}</TableCell>
                            <TableCell className="text-right">{asset.value.toLocaleString("fr-FR")} €</TableCell>
                            <TableCell className="text-right">
                              <div className="flex justify-end gap-2">
                                <Button variant="ghost" size="icon" onClick={() => handleViewAsset(asset)}>
                                  <Eye className="h-4 w-4" />
                                </Button>
                                <Button variant="ghost" size="icon">
                                  <Pencil className="h-4 w-4" />
                                </Button>
                                <Button variant="ghost" size="icon" onClick={() => handleDeleteAsset(asset.id)}>
                                  <Trash2 className="h-4 w-4" />
                                </Button>
                              </div>
                            </TableCell>
                          </TableRow>
                        ))
                      )}
                    </TableBody>
                  </Table>
                </div>
              </Tabs>
            </CardContent>
          </Card>
        </div>
      </main>

{/* Dialogue de visualisation d'un actif */}
      <Dialog open={isViewDialogOpen} onOpenChange={setIsViewDialogOpen}>
        <DialogContent className="sm:max-w-[550px]">
          <DialogHeader>
            <DialogTitle>{selectedAsset?.name}</DialogTitle>
            <DialogDescription>Détails du bien immobilier</DialogDescription>
          </DialogHeader>
          {selectedAsset && (
            <div className="grid gap-4 py-4">
              <div className="grid grid-cols-2 gap-4">
                <div>
                  <p className="text-sm font-medium">Catégorie</p>
                  <p className="text-sm text-muted-foreground">{selectedAsset.category}</p>
                </div>
                <div>
                  <p className="text-sm font-medium">Type</p>
                  <p className="text-sm text-muted-foreground">{selectedAsset.type || "Non spécifié"}</p>
                </div>
              </div>
              <div>
                <p className="text-sm font-medium">Valeur actuelle</p>
                <p className="text-sm text-muted-foreground">{selectedAsset.value.toLocaleString("fr-FR")} €</p>
              </div>
              {selectedAsset.description && (
                <div>
                  <p className="text-sm font-medium">Description</p>
                  <p className="text-sm text-muted-foreground">{selectedAsset.description}</p>
                </div>
              )}
              {selectedAsset.location && (
                <div>
                  <p className="text-sm font-medium">Localisation</p>
                  <p className="text-sm text-muted-foreground">{selectedAsset.location}</p>
                </div>
              )}
              <div className="grid grid-cols-2 gap-4">
                {selectedAsset.acquisitionDate && (
                  <div>
                    <p className="text-sm font-medium">Date d'acquisition</p>
                    <p className="text-sm text-muted-foreground">
                      {new Date(selectedAsset.acquisitionDate).toLocaleDateString("fr-FR")}
                    </p>
                  </div>
                )}
                {selectedAsset.acquisitionPrice && (
                  <div>
                    <p className="text-sm font-medium">Prix d'acquisition</p>
                    <p className="text-sm text-muted-foreground">
                      {selectedAsset.acquisitionPrice.toLocaleString("fr-FR")} €
                    </p>
                  </div>
                )}
              </div>
              <div className="grid grid-cols-2 gap-4">
                <div>
                  <p className="text-sm font-medium">Date de création</p>
                  <p className="text-sm text-muted-foreground">
                    {new Date(selectedAsset.createdAt).toLocaleDateString("fr-FR")}
                  </p>
                </div>
                <div>
                  <p className="text-sm font-medium">Dernière mise à jour</p>
                  <p className="text-sm text-muted-foreground">
                    {new Date(selectedAsset.updatedAt).toLocaleDateString("fr-FR")}
                  </p>
                </div>
              </div>
            </div>
          )}
          <DialogFooter>
            <Button onClick={() => setIsViewDialogOpen(false)}>Fermer</Button>
          </DialogFooter>
        </DialogContent>
      </Dialog>
    </div>
  )
}
[V0_FILE]typescriptreact:file="types/supabase.ts" isMerged="true"
export type Json = string | number | boolean | null | { [key: string]: Json | undefined } | Json[]

export interface Database {
  public: {
    Tables: {
      users: {
        Row: {
          id: string
          email: string
          first_name: string | null
          last_name: string | null
          created_at: string
          updated_at: string
        }
        Insert: {
          id?: string
          email: string
          first_name?: string | null
          last_name?: string | null
          created_at?: string
          updated_at?: string
        }
        Update: {
          id?: string
          email?: string
          first_name?: string | null
          last_name?: string | null
          created_at?: string
          updated_at?: string
        }
      }
      dossiers: {
        Row: {
          id: string
          name: string
          description: string | null
          is_active: boolean
          is_association: boolean
          user_id: string
          created_at: string
          updated_at: string
        }
        Insert: {
          id?: string
          name: string
          description?: string | null
          is_active?: boolean
          is_association?: boolean
          user_id: string
          created_at?: string
          updated_at?: string
        }
        Update: {
          id?: string
          name?: string
          description?: string | null
          is_active?: boolean
          is_association?: boolean
          user_id?: string
          created_at?: string
          updated_at?: string
        }
      }
      dossier_associations: {
        Row: {
          id: string
          dossier_id: string
          associated_dossier_id: string
          created_at: string
        }
        Insert: {
          id?: string
          dossier_id: string
          associated_dossier_id: string
          created_at?: string
        }
        Update: {
          id?: string
          dossier_id?: string
          associated_dossier_id?: string
          created_at?: string
        }
      }
      assets: {
        Row: {
          id: string
          name: string
          category: string
          type: string | null
          value: number
          description: string | null
          location: string | null
          acquisition_date: string | null
          acquisition_price: number | null
          dossier_id: string
          origin_dossier_id: string | null
          created_at: string
          updated_at: string
        }
        Insert: {
          id?: string
          name: string
          category: string
          type?: string | null
          value: number
          description?: string | null
          location?: string | null
          acquisition_date?: string | null
          acquisition_price?: number | null
          dossier_id: string
          origin_dossier_id?: string | null
          created_at?: string
          updated_at?: string
        }
        Update: {
          id?: string
          name?: string
          category?: string
          type?: string | null
          value?: number
          description?: string | null
          location?: string | null
          acquisition_date?: string | null
          acquisition_price?: number | null
          dossier_id?: string
          origin_dossier_id?: string | null
          created_at?: string
          updated_at?: string
        }
      }
      liabilities: {
        Row: {
          id: string
          name: string
          type: string
          amount: number
          interest_rate: number | null
          start_date: string | null
          end_date: string | null
          monthly_payment: number | null
          lender: string | null
          description: string | null
          dossier_id: string
          origin_dossier_id: string | null
          created_at: string
          updated_at: string
        }
        Insert: {
          id?: string
          name: string
          type: string
          amount: number
          interest_rate?: number | null
          start_date?: string | null
          end_date?: string | null
          monthly_payment?: number | null
          lender?: string | null
          description?: string | null
          dossier_id: string
          origin_dossier_id?: string | null
          created_at?: string
          updated_at?: string
        }
        Update: {
          id?: string
          name?: string
          type?: string
          amount?: number
          interest_rate?: number | null
          start_date?: string | null
          end_date?: string | null
          monthly_payment?: number | null
          lender?: string | null
          description?: string | null
          dossier_id?: string
          origin_dossier_id?: string | null
          created_at?: string
          updated_at?: string
        }
      }
      persons: {
        Row: {
          id: string
          first_name: string | null
          last_name: string | null
          name: string | null
          type: string
          email: string | null
          phone: string | null
          address: string | null
          birth_date: string | null
          legal_form: string | null
          siren: string | null
          description: string | null
          dossier_id: string
          origin_dossier_id: string | null
          created_at: string
          updated_at: string
        }
        Insert: {
          id?: string
          first_name?: string | null
          last_name?: string | null
          name?: string | null
          type: string
          email?: string | null
          phone?: string | null
          address?: string | null
          birth_date?: string | null
          legal_form?: string | null
          siren?: string | null
          description?: string | null
          dossier_id: string
          origin_dossier_id?: string | null
          created_at?: string
          updated_at?: string
        }
        Update: {
          id?: string
          first_name?: string | null
          last_name?: string | null
          name?: string | null
          type?: string
          email?: string | null
          phone?: string | null
          address?: string | null
          birth_date?: string | null
          legal_form?: string | null
          siren?: string | null
          description?: string | null
          dossier_id?: string
          origin_dossier_id?: string | null
          created_at?: string
          updated_at?: string
        }
      }
      relationships: {
        Row: {
          id: string
          source_person_id: string
          target_person_id: string
          type: string
          percentage: number | null
          role: string | null
          description: string | null
          dossier_id: string
          origin_dossier_id: string | null
          created_at: string
          updated_at: string
        }
        Insert: {
          id?: string
          source_person_id: string
          target_person_id: string
          type: string
          percentage?: number | null
          role?: string | null
          description?: string | null
          dossier_id: string
          origin_dossier_id?: string | null
          created_at?: string
          updated_at?: string
        }
        Update: {
          id?: string
          source_person_id?: string
          target_person_id?: string
          type?: string
          percentage?: number | null
          role?: string | null
          description?: string | null
          dossier_id?: string
          origin_dossier_id?: string | null
          created_at?: string
          updated_at?: string
        }
      }
      documents: {
        Row: {
          id: string
          name: string
          type: string
          document_category: string | null
          description: string | null
          file_path: string | null
          file_name: string | null
          file_size: number | null
          file_type: string | null
          related_asset_id: string | null
          related_liability_id: string | null
          related_person_id: string | null
          dossier_id: string
          origin_dossier_id: string | null
          created_at: string
          updated_at: string
        }
        Insert: {
          id?: string
          name: string
          type: string
          document_category?: string | null
          description?: string | null
          file_path?: string | null
          file_name?: string | null
          file_size?: number | null
          file_type?: string | null
          related_asset_id?: string | null
          related_liability_id?: string | null
          related_person_id?: string | null
          dossier_id: string
          origin_dossier_id?: string | null
          created_at?: string
          updated_at?: string
        }
        Update: {
          id?: string
          name?: string
          type?: string
          document_category?: string | null
          description?: string | null
          file_path?: string | null
          file_name?: string | null
          file_size?: number | null
          file_type?: string | null
          related_asset_id?: string | null
          related_liability_id?: string | null
          related_person_id?: string | null
          dossier_id?: string
          origin_dossier_id?: string | null
          created_at?: string
          updated_at?: string
        }
      }
    }
    Views: {
      [_ in never]: never
    }
    Functions: {
      [_ in never]: never
    }
    Enums: {
      [_ in never]: never
    }
  }
}
[V0_FILE]typescriptreact:file="components/file-upload.tsx" isMerged="true"
"use client"

import type React from "react"

import { useState, useRef } from "react"
import { Button } from "@/components/ui/button"
import { Upload, X, File, FileText, Image } from "lucide-react"
import { cn } from "@/lib/utils"

interface FileUploadProps {
  onFileSelect: (file: File) => void
  onClear?: () => void
  selectedFile?: File | null
  accept?: string
  maxSize?: number // en Mo
  className?: string
}

export function FileUpload({
  onFileSelect,
  onClear,
  selectedFile,
  accept = "application/pdf,image/*",
  maxSize = 10, // 10 Mo par défaut
  className,
}: FileUploadProps) {
  const [dragActive, setDragActive] = useState(false)
  const [error, setError] = useState<string | null>(null)
  const inputRef = useRef<HTMLInputElement>(null)

const handleDrag = (e: React.DragEvent) => {
    e.preventDefault()
    e.stopPropagation()

if (e.type === "dragenter" || e.type === "dragover") {
      setDragActive(true)
    } else if (e.type === "dragleave") {
      setDragActive(false)
    }
  }

const validateFile = (file: File): boolean => {
    // Vérifier le type de fichier
    if (accept !== "*") {
      const acceptedTypes = accept.split(",")
      const fileType = file.type

const isAccepted = acceptedTypes.some((type) => {
        if (type.endsWith("/*")) {
          const category = type.replace("/*", "")
          return fileType.startsWith(category)
        }
        return type === fileType
      })

if (!isAccepted) {
        setError(`Type de fichier non accepté. Types acceptés: ${accept}`)
        return false
      }
    }

// Vérifier la taille du fichier
    const fileSizeMB = file.size / (1024 * 1024)
    if (fileSizeMB > maxSize) {
      setError(`Le fichier est trop volumineux. Taille maximale: ${maxSize} Mo`)
      return false
    }

setError(null)
    return true
  }

const handleDrop = (e: React.DragEvent) => {
    e.preventDefault()
    e.stopPropagation()
    setDragActive(false)

if (e.dataTransfer.files && e.dataTransfer.files.length > 0) {
      const file = e.dataTransfer.files[0]
      if (validateFile(file)) {
        onFileSelect(file)
      }
    }
  }

const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
    e.preventDefault()

if (e.target.files && e.target.files.length > 0) {
      const file = e.target.files[0]
      if (validateFile(file)) {
        onFileSelect(file)
      }
    }
  }

const handleButtonClick = () => {
    inputRef.current?.click()
  }

const handleClear = () => {
    if (inputRef.current) {
      inputRef.current.value = ""
    }
    onClear?.()
    setError(null)
  }

const getFileIcon = (file: File) => {
    if (file.type.startsWith("image/")) {
      return <Image className="h-8 w-8 text-blue-500" />
    } else if (file.type === "application/pdf") {
      return <FileText className="h-8 w-8 text-red-500" />
    } else {
      return <File className="h-8 w-8 text-gray-500" />
    }
  }

const formatFileSize = (size: number): string => {
    if (size < 1024) {
      return `${size} octets`
    } else if (size < 1024 * 1024) {
      return `${(size / 1024).toFixed(2)} Ko`
    } else {
      return `${(size / (1024 * 1024)).toFixed(2)} Mo`
    }
  }

return (
    <div className={className}>
      <div
        className={cn(
          "relative flex flex-col items-center justify-center w-full h-32 border-2 border-dashed rounded-lg transition-colors",
          dragActive ? "border-primary bg-primary/10" : "border-gray-300 hover:border-primary",
          error ? "border-red-500 bg-red-50" : "",
        )}
        onDragEnter={handleDrag}
        onDragLeave={handleDrag}
        onDragOver={handleDrag}
        onDrop={handleDrop}
      >
        <input ref={inputRef} type="file" className="hidden" accept={accept} onChange={handleChange} />

{selectedFile ? (
          <div className="flex flex-col items-center">
            <div className="flex items-center gap-2 mb-2">
              {getFileIcon(selectedFile)}
              <div className="text-sm">
                <p className="font-medium truncate max-w-[200px]">{selectedFile.name}</p>
                <p className="text-xs text-gray-500">{formatFileSize(selectedFile.size)}</p>
              </div>
              <Button variant="ghost" size="icon" className="h-6 w-6" onClick={handleClear}>
                <X className="h-4 w-4" />
              </Button>
            </div>
            <Button variant="outline" size="sm" onClick={handleButtonClick}>
              Changer de fichier
            </Button>
          </div>
        ) : (
          <>
            <Upload className="h-10 w-10 text-gray-400 mb-2" />
            <p className="text-sm text-gray-500">Glissez-déposez un fichier ici ou</p>
            <Button variant="outline" size="sm" className="mt-2" onClick={handleButtonClick}>
              Parcourir
            </Button>
            <p className="text-xs text-gray-400 mt-2">
              Formats acceptés: {accept.replace("application/pdf", "PDF").replace("image/*", "Images")}
            </p>
            <p className="text-xs text-gray-400">Taille maximale: {maxSize} Mo</p>
          </>
        )}
      </div>

{error && <p className="text-sm text-red-500 mt-1">{error}</p>}
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/file-preview.tsx" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import { Button } from "@/components/ui/button"
import { Download, Eye, FileText, ImageIcon, File } from "lucide-react"

interface FilePreviewProps {
  fileUrl: string
  fileName: string
  fileType?: string
  className?: string
}

export function FilePreview({ fileUrl, fileName, fileType, className }: FilePreviewProps) {
  const [previewUrl, setPreviewUrl] = useState<string | null>(null)
  const [loading, setLoading] = useState(false)
  const [error, setError] = useState<string | null>(null)

const isPdf = fileType?.includes("pdf") || fileName.toLowerCase().endsWith(".pdf")
  const isImage = fileType?.includes("image") || /\.(jpg|jpeg|png|gif|webp|svg)$/i.test(fileName)

useEffect(() => {
    if (isImage) {
      setPreviewUrl(fileUrl)
    } else if (isPdf) {
      setPreviewUrl(fileUrl)
    }
  }, [fileUrl, isImage, isPdf])

const handleDownload = async () => {
    try {
      setLoading(true)

// Créer un lien de téléchargement
      const link = document.createElement("a")
      link.href = fileUrl
      link.download = fileName
      document.body.appendChild(link)
      link.click()
      document.body.removeChild(link)

setLoading(false)
    } catch (error) {
      setError("Erreur lors du téléchargement du fichier")
      setLoading(false)
      console.error("Erreur de téléchargement:", error)
    }
  }

const getFileIcon = () => {
    if (isImage) {
      return <ImageIcon className="h-12 w-12 text-blue-500" />
    } else if (isPdf) {
      return <FileText className="h-12 w-12 text-red-500" />
    } else {
      return <File className="h-12 w-12 text-gray-500" />
    }
  }

return (
    <div className={`flex flex-col ${className}`}>
      {previewUrl && isImage ? (
        <div className="relative border rounded-lg overflow-hidden mb-2">
          <img
            src={previewUrl || "/placeholder.svg"}
            alt={fileName}
            className="max-w-full h-auto max-h-[300px] object-contain mx-auto"
          />
        </div>
      ) : previewUrl && isPdf ? (
        <div className="relative border rounded-lg overflow-hidden mb-2 h-[400px]">
          <iframe src={`${previewUrl}#toolbar=0`} className="w-full h-full" title={fileName} />
        </div>
      ) : (
        <div className="flex flex-col items-center justify-center border rounded-lg p-6 mb-2">
          {getFileIcon()}
          <p className="mt-2 text-sm font-medium truncate max-w-full">{fileName}</p>
          <p className="text-xs text-gray-500">Aperçu non disponible</p>
        </div>
      )}

<div className="flex justify-between items-center">
        <div className="text-sm truncate max-w-[70%]">
          <p className="font-medium">{fileName}</p>
          <p className="text-xs text-gray-500">{fileType || "Type inconnu"}</p>
        </div>

<div className="flex gap-2">
          {(isImage || isPdf) && (
            <Button variant="outline" size="sm" onClick={() => window.open(fileUrl, "_blank")}>
              <Eye className="h-4 w-4 mr-1" />
              Voir
            </Button>
          )}
          <Button variant="default" size="sm" onClick={handleDownload} disabled={loading}>
            <Download className="h-4 w-4 mr-1" />
            Télécharger
          </Button>
        </div>
      </div>

{error && <p className="text-sm text-red-500 mt-1">{error}</p>}
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/dashboard/documents/page.tsx" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import type React from "react"

import { useState, useEffect } from "react"
import Link from "next/link"
import { useRouter } from "next/navigation"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs"
import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogFooter,
  DialogHeader,
  DialogTitle,
  DialogTrigger,
} from "@/components/ui/dialog"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import {
  PieChart,
  BarChart3,
  CreditCard,
  Wallet,
  FileText,
  User,
  LogOut,
  Menu,
  X,
  Plus,
  Trash2,
  Eye,
  Download,
  Network,
} from "lucide-react"
import { getDocuments, addDocument, deleteDocument } from "@/lib/document-service"
import { getAssets } from "@/lib/asset-service"
import { getLiabilities } from "@/lib/liability-service"
import { getPersons } from "@/lib/person-service"
import type { Document, Asset, Liability, Person } from "@/types/patrimoine"
import { useToast } from "@/hooks/use-toast"
import { FileUpload } from "@/components/file-upload"
import { FilePreview } from "@/components/file-preview"

export default function DocumentsPage() {
  const router = useRouter()
  const { toast } = useToast()
  const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false)
  const [documents, setDocuments] = useState<Document[]>([])
  const [assets, setAssets] = useState<Asset[]>([])
  const [liabilities, setLiabilities] = useState<Liability[]>([])
  const [persons, setPersons] = useState<Person[]>([])
  const [isAddDialogOpen, setIsAddDialogOpen] = useState(false)
  const [isViewDialogOpen, setIsViewDialogOpen] = useState(false)
  const [selectedDocument, setSelectedDocument] = useState<Document | null>(null)
  const [activeTab, setActiveTab] = useState("all")
  const [selectedFile, setSelectedFile] = useState<File | null>(null)
  const [isUploading, setIsUploading] = useState(false)
  const [newDocument, setNewDocument] = useState({
    name: "",
    type: "",
    documentCategory: "",
    relatedAssetId: "",
    relatedLiabilityId: "",
    relatedPersonId: "",
    description: "",
  })

useEffect(() => {
    loadData()
  }, [])

const loadData = async () => {
    try {
      const [docsData, assetsData, liabilitiesData, personsData] = await Promise.all([
        getDocuments(),
        getAssets(),
        getLiabilities(),
        getPersons(),
      ])

setDocuments(docsData)
      setAssets(assetsData)
      setLiabilities(liabilitiesData)
      setPersons(personsData)
    } catch (error) {
      console.error("Erreur lors du chargement des données:", error)
      toast({
        title: "Erreur",
        description: "Impossible de charger les données",
        variant: "destructive",
      })
    }
  }

const handleAddDocument = async () => {
    try {
      setIsUploading(true)

await addDocument(
        {
          name: newDocument.name,
          type: newDocument.type,
          documentCategory: newDocument.documentCategory || undefined,
          description: newDocument.description || undefined,
          relatedAssetId: newDocument.relatedAssetId || undefined,
          relatedLiabilityId: newDocument.relatedLiabilityId || undefined,
          relatedPersonId: newDocument.relatedPersonId || undefined,
        },
        selectedFile || undefined,
      )

toast({
        title: "Document ajouté",
        description: "Le document a été ajouté avec succès.",
      })

setIsAddDialogOpen(false)
      loadData()

// Réinitialiser le formulaire
      setNewDocument({
        name: "",
        type: "",
        documentCategory: "",
        relatedAssetId: "",
        relatedLiabilityId: "",
        relatedPersonId: "",
        description: "",
      })
      setSelectedFile(null)
      setIsUploading(false)
    } catch (error) {
      setIsUploading(false)
      toast({
        title: "Erreur",
        description: error instanceof Error ? error.message : "Une erreur est survenue lors de l'ajout du document.",
        variant: "destructive",
      })
    }
  }

const handleViewDocument = (document: Document) => {
    setSelectedDocument(document)
    setIsViewDialogOpen(true)
  }

const handleDeleteDocument = async (documentId: string) => {
    if (confirm("Êtes-vous sûr de vouloir supprimer ce document ?")) {
      try {
        await deleteDocument(documentId)

toast({
          title: "Document supprimé",
          description: "Le document a été supprimé avec succès.",
        })

loadData()
      } catch (error) {
        toast({
          title: "Erreur",
          description:
            error instanceof Error ? error.message : "Une erreur est survenue lors de la suppression du document.",
          variant: "destructive",
        })
      }
    }
  }

const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
    const { name, value } = e.target
    setNewDocument((prev) => ({
      ...prev,
      [name]: value,
    }))
  }

const handleSelectChange = (name: string, value: string) => {
    setNewDocument((prev) => ({
      ...prev,
      [name]: value,
    }))
  }

const toggleMobileMenu = () => {
    setIsMobileMenuOpen(!isMobileMenuOpen)
  }

const handleLogout = () => {
    localStorage.removeItem("currentUser")
    router.push("/login")
  }

// Obtenir le nom de l'élément associé
  const getRelatedItemName = (document: Document) => {
    if (document.relatedAssetId) {
      const asset = assets.find((a) => a.id === document.relatedAssetId)
      return asset ? asset.name : "Actif inconnu"
    } else if (document.relatedLiabilityId) {
      const liability = liabilities.find((l) => l.id === document.relatedLiabilityId)
      return liability ? liability.name : "Passif inconnu"
    } else if (document.relatedPersonId) {
      const person = persons.find((p) => p.id === document.relatedPersonId)
      if (person) {
        return person.type === "Physique" ? `${person.firstName} ${person.lastName}` : person.name || "Personne morale"
      }
      return "Personne inconnue"
    }
    return "Non associé"
  }

// Filtrer les documents en fonction de l'onglet actif
  const filteredDocuments = documents.filter((doc) => {
    if (activeTab === "all") return true
    if (activeTab === "assets" && doc.relatedAssetId) return true
    if (activeTab === "persons_physical" && doc.relatedPersonId) {
      const person = persons.find((p) => p.id === doc.relatedPersonId)
      return person && person.type === "Physique"
    }
    if (activeTab === "persons_moral" && doc.relatedPersonId) {
      const person = persons.find((p) => p.id === doc.relatedPersonId)
      return person && person.type === "Morale"
    }
    if (activeTab === "others" && !doc.relatedAssetId && !doc.relatedPersonId && !doc.relatedLiabilityId) return true
    return false
  })

// Fonction pour obtenir le libellé de la catégorie de document
  const getDocumentCategoryLabel = (category?: string) => {
    if (!category) return "Autre"

const categories: Record<string, string> = {
      carte_identite: "Carte d'identité",
      livret_famille: "Livret de famille",
      avis_imposition: "Avis d'imposition",
      kbis: "Extrait K-bis",
      statuts: "Statuts",
      bilan: "Bilan",
      titre_propriete: "Titre de propriété",
      autre: "Autre",
    }

return categories[category] || category
  }

return (
    <div className="flex min-h-screen flex-col">
      <header className="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
        <div className="container flex h-14 items-center">
          <div className="mr-4 flex items-center md:hidden">
            <Button variant="ghost" size="icon" onClick={toggleMobileMenu}>
              {isMobileMenuOpen ? <X className="h-5 w-5" /> : <Menu className="h-5 w-5" />}
            </Button>
          </div>
          <div className="flex items-center gap-2 font-bold">
            <PieChart className="h-5 w-5 text-gold-500" />
            <span>PATRIMONIOM</span>
          </div>
          <div className="flex flex-1 items-center justify-end space-x-2">
            <nav className="hidden md:flex items-center space-x-4">
              <Link href="/dashboard" className="text-sm font-medium text-muted-foreground">
                Tableau de bord
              </Link>
              <Link href="/dashboard/biens-immobiliers" className="text-sm font-medium text-muted-foreground">
                Biens immobiliers
              </Link>
              <Link href="/dashboard/placements-financiers" className="text-sm font-medium text-muted-foreground">
                Placements financiers
              </Link>
              <Link href="/dashboard/emprunts" className="text-sm font-medium text-muted-foreground">
                Emprunts
              </Link>
              <Link href="/dashboard/comptes-courants" className="text-sm font-medium text-muted-foreground">
                Comptes courants d'associé
              </Link>
              <Link href="/dashboard/documents" className="text-sm font-medium">
                Documents
              </Link>
              <Link href="/dashboard/personnes" className="text-sm font-medium text-muted-foreground">
                Personnes
              </Link>
              <Link href="/dashboard/organigramme" className="text-sm font-medium text-muted-foreground">
                Organigramme
              </Link>
            </nav>
            <div className="hidden md:flex items-center space-x-2">
              <Link href="/dashboard/profil">
                <Button variant="ghost" size="icon">
                  <User className="h-5 w-5" />
                </Button>
              </Link>
              <Button variant="ghost" size="icon" onClick={handleLogout}>
                <LogOut className="h-5 w-5" />
              </Button>
            </div>
          </div>
        </div>
      </header>

{isMobileMenuOpen && (
        <div className="fixed inset-0 top-14 z-40 bg-background md:hidden">
          <div className="container py-4">
            <nav className="flex flex-col space-y-4">
              <Link
                href="/dashboard"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <BarChart3 className="mr-2 h-5 w-5" />
                Tableau de bord
              </Link>
              <Link
                href="/dashboard/biens-immobiliers"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <Wallet className="mr-2 h-5 w-5" />
                Biens immobiliers
              </Link>
              <Link
                href="/dashboard/placements-financiers"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <CreditCard className="mr-2 h-5 w-5" />
                Placements financiers
              </Link>
              <Link
                href="/dashboard/emprunts"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <FileText className="mr-2 h-5 w-5" />
                Emprunts
              </Link>
              <Link
                href="/dashboard/comptes-courants"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <FileText className="mr-2 h-5 w-5" />
                Comptes courants d'associé
              </Link>
              <Link
                href="/dashboard/documents"
                className="flex items-center py-2 text-lg font-medium"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <FileText className="mr-2 h-5 w-5" />
                Documents
              </Link>
              <Link
                href="/dashboard/personnes"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <User className="mr-2 h-5 w-5" />
                Personnes
              </Link>
              <Link
                href="/dashboard/organigramme"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <Network className="mr-2 h-5 w-5" />
                Organigramme
              </Link>
              <div className="border-t my-4"></div>
              <Link
                href="/dashboard/profil"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <User className="mr-2 h-5 w-5" />
                Mon profil
              </Link>
              <button
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => {
                  setIsMobileMenuOpen(false)
                  handleLogout()
                }}
              >
                <LogOut className="mr-2 h-5 w-5" />
                Déconnexion
              </button>
            </nav>
          </div>
        </div>
      )}

<div className="space-y-2">
                    <Label htmlFor="documentCategory">Catégorie de document</Label>
                    <Select
                      value={newDocument.documentCategory}
                      onValueChange={(value) => handleSelectChange("documentCategory", value)}
                    >
                      <SelectTrigger>
                        <SelectValue placeholder="Sélectionner une catégorie" />
                      </SelectTrigger>
                      <SelectContent>
                        <SelectItem value="carte_identite">Carte d'identité</SelectItem>
                        <SelectItem value="livret_famille">Livret de famille</SelectItem>
                        <SelectItem value="avis_imposition">Avis d'imposition</SelectItem>
                        <SelectItem value="kbis">Extrait K-bis</SelectItem>
                        <SelectItem value="statuts">Statuts</SelectItem>
                        <SelectItem value="bilan">Bilan</SelectItem>
                        <SelectItem value="titre_propriete">Titre de propriété</SelectItem>
                        <SelectItem value="autre">Autre</SelectItem>
                      </SelectContent>
                    </Select>
                  </div>

<div className="space-y-2">
                    <Label htmlFor="relatedPersonId">Personne associée (optionnel)</Label>
                    <Select
                      value={newDocument.relatedPersonId}
                      onValueChange={(value) => handleSelectChange("relatedPersonId", value)}
                    >
                      <SelectTrigger>
                        <SelectValue placeholder="Sélectionner une personne" />
                      </SelectTrigger>
                      <SelectContent>
                        <SelectItem value="none">Aucune</SelectItem>
                        <SelectItem value="header-1" disabled>
                          Personnes physiques
                        </SelectItem>
                        {persons
                          .filter((p) => p.type === "Physique")
                          .map((person) => (
                            <SelectItem key={person.id} value={person.id}>
                              {person.firstName} {person.lastName}
                            </SelectItem>
                          ))}
                        <SelectItem value="header-2" disabled>
                          Personnes morales
                        </SelectItem>
                        {persons
                          .filter((p) => p.type === "Morale")
                          .map((person) => (
                            <SelectItem key={person.id} value={person.id}>
                              {person.name}
                            </SelectItem>
                          ))}
                      </SelectContent>
                    </Select>
                  </div>

<div className="space-y-2">
                    <Label htmlFor="relatedAssetId">Bien associé (optionnel)</Label>
                    <Select
                      value={newDocument.relatedAssetId}
                      onValueChange={(value) => handleSelectChange("relatedAssetId", value)}
                    >
                      <SelectTrigger>
                        <SelectValue placeholder="Sélectionner un bien" />
                      </SelectTrigger>
                      <SelectContent>
                        <SelectItem value="none">Aucun</SelectItem>
                        {assets.map((asset) => (
                          <SelectItem key={asset.id} value={asset.id}>
                            {asset.name}
                          </SelectItem>
                        ))}
                      </SelectContent>
                    </Select>
                  </div>

<div className="space-y-2">
                    <Label htmlFor="relatedLiabilityId">Passif associé (optionnel)</Label>
                    <Select
                      value={newDocument.relatedLiabilityId}
                      onValueChange={(value) => handleSelectChange("relatedLiabilityId", value)}
                    >
                      <SelectTrigger>
                        <SelectValue placeholder="Sélectionner un passif" />
                      </SelectTrigger>
                      <SelectContent>
                        <SelectItem value="none">Aucun</SelectItem>
                        {liabilities.map((liability) => (
                          <SelectItem key={liability.id} value={liability.id}>
                            {liability.name}
                          </SelectItem>
                        ))}
                      </SelectContent>
                    </Select>
                  </div>

<div className="space-y-2">
                    <Label htmlFor="description">Description</Label>
                    <Input
                      id="description"
                      name="description"
                      value={newDocument.description}
                      onChange={handleInputChange}
                      placeholder="Description du document"
                    />
                  </div>

<div className="space-y-2">
                    <Label>Fichier (PDF ou image)</Label>
                    <FileUpload
                      onFileSelect={setSelectedFile}
                      onClear={() => setSelectedFile(null)}
                      selectedFile={selectedFile}
                      accept="application/pdf,image/*"
                      maxSize={10}
                    />
                  </div>
                </div>
                <DialogFooter>
                  <Button variant="outline" onClick={() => setIsAddDialogOpen(false)}>
                    Annuler
                  </Button>
                  <Button onClick={handleAddDocument} disabled={isUploading || !newDocument.name || !newDocument.type}>
                    {isUploading ? "Téléchargement..." : "Ajouter"}
                  </Button>
                </DialogFooter>
              </DialogContent>
            </Dialog>
          </div>

<Card>
            <CardHeader>
              <CardTitle>Bibliothèque de documents</CardTitle>
              <CardDescription>{documents.length} documents stockés</CardDescription>
            </CardHeader>
            <CardContent>
              <Tabs defaultValue="all" onValueChange={setActiveTab}>
                <TabsList className="mb-4">
                  <TabsTrigger value="all">Tous</TabsTrigger>
                  <TabsTrigger value="assets">Biens</TabsTrigger>
                  <TabsTrigger value="persons_physical">Personnes physiques</TabsTrigger>
                  <TabsTrigger value="persons_moral">Personnes morales</TabsTrigger>
                  <TabsTrigger value="others">Autres</TabsTrigger>
                </TabsList>

<div className="rounded-md border">
                  <Table>
                    <TableHeader>
                      <TableRow>
                        <TableHead>Nom</TableHead>
                        <TableHead>Type</TableHead>
                        <TableHead>Catégorie</TableHead>
                        <TableHead>Élément associé</TableHead>
                        <TableHead>Fichier</TableHead>
                        <TableHead>Date d'ajout</TableHead>
                        <TableHead className="text-right">Actions</TableHead>
                      </TableRow>
                    </TableHeader>
                    <TableBody>
                      {filteredDocuments.length === 0 ? (
                        <TableRow>
                          <TableCell colSpan={7} className="text-center py-4">
                            Aucun document trouvé. Ajoutez votre premier document !
                          </TableCell>
                        </TableRow>
                      ) : (
                        filteredDocuments.map((document) => (
                          <TableRow key={document.id}>
                            <TableCell className="font-medium">{document.name}</TableCell>
                            <TableCell>{document.type}</TableCell>
                            <TableCell>{getDocumentCategoryLabel(document.documentCategory)}</TableCell>
                            <TableCell>{getRelatedItemName(document)}</TableCell>
                            <TableCell>
                              {document.fileUrl ? (
                                <div className="flex items-center gap-2">
                                  <FileText className="h-4 w-4 text-blue-500" />
                                  <span className="text-sm truncate max-w-[100px]">{document.fileName}</span>
                                </div>
                              ) : (
                                <span className="text-sm text-gray-500">Aucun fichier</span>
                              )}
                            </TableCell>
                            <TableCell>{new Date(document.createdAt).toLocaleDateString("fr-FR")}</TableCell>
                            <TableCell className="text-right">
                              <div className="flex justify-end gap-2">
                                <Button variant="ghost" size="icon" onClick={() => handleViewDocument(document)}>
                                  <Eye className="h-4 w-4" />
                                </Button>
                                {document.fileUrl && (
                                  <Button
                                    variant="ghost"
                                    size="icon"
                                    onClick={() => window.open(document.fileUrl, "_blank")}
                                  >
                                    <Download className="h-4 w-4" />
                                  </Button>
                                )}
                                <Button variant="ghost" size="icon" onClick={() => handleDeleteDocument(document.id)}>
                                  <Trash2 className="h-4 w-4" />
                                </Button>
                              </div>
                            </TableCell>
                          </TableRow>
                        ))
                      )}
                    </TableBody>
                  </Table>
                </div>
              </Tabs>
            </CardContent>
          </Card>
        </div>
      </main>

{/* Dialogue de visualisation d'un document */}
      <Dialog open={isViewDialogOpen} onOpenChange={setIsViewDialogOpen}>
        <DialogContent className="sm:max-w-[650px]">
          <DialogHeader>
            <DialogTitle>{selectedDocument?.name}</DialogTitle>
            <DialogDescription>Détails du document</DialogDescription>
          </DialogHeader>
          {selectedDocument && (
            <div className="grid gap-4 py-4">
              <div className="grid grid-cols-2 gap-4">
                <div>
                  <p className="text-sm font-medium">Type</p>
                  <p className="text-sm text-muted-foreground">{selectedDocument.type}</p>
                </div>
                <div>
                  <p className="text-sm font-medium">Catégorie</p>
                  <p className="text-sm text-muted-foreground">
                    {getDocumentCategoryLabel(selectedDocument.documentCategory)}
                  </p>
                </div>
              </div>
              <div>
                <p className="text-sm font-medium">Élément associé</p>
                <p className="text-sm text-muted-foreground">{getRelatedItemName(selectedDocument)}</p>
              </div>
              {selectedDocument.description && (
                <div>
                  <p className="text-sm font-medium">Description</p>
                  <p className="text-sm text-muted-foreground">{selectedDocument.description}</p>
                </div>
              )}
              {selectedDocument.fileUrl && (
                <div>
                  <p className="text-sm font-medium">Fichier</p>
                  <FilePreview
                    fileUrl={selectedDocument.fileUrl}
                    fileName={selectedDocument.fileName || "document.pdf"}
                    fileType={selectedDocument.fileType}
                    className="mt-2"
                  />
                </div>
              )}
              <div className="grid grid-cols-2 gap-4">
                <div>
                  <p className="text-sm font-medium">Date d'ajout</p>
                  <p className="text-sm text-muted-foreground">
                    {new Date(selectedDocument.createdAt).toLocaleDateString("fr-FR")}
                  </p>
                </div>
                <div>
                  <p className="text-sm font-medium">Dernière mise à jour</p>
                  <p className="text-sm text-muted-foreground">
                    {new Date(selectedDocument.updatedAt).toLocaleDateString("fr-FR")}
                  </p>
                </div>
              </div>
            </div>
          )}
          <DialogFooter>
            <Button onClick={() => setIsViewDialogOpen(false)}>Fermer</Button>
          </DialogFooter>
        </DialogContent>
      </Dialog>
    </div>
  )
}
[V0_FILE]typescriptreact:file="types/user.ts" isEdit="true" isMerged="true"
export interface User {
  id: string
  firstName: string
  lastName: string
  email: string
  createdAt: string
}
[V0_FILE]typescriptreact:file="app/logout/page.tsx" isEdit="true" isMerged="true"
"use client"

import { useEffect } from "react"
import { useRouter } from "next/navigation"
import { logout } from "@/lib/auth-service"
import { Loader2 } from "lucide-react"

export default function LogoutPage() {
  const router = useRouter()

useEffect(() => {
    const handleLogout = async () => {
      try {
        await logout()
        router.push("/login")
      } catch (error) {
        console.error("Erreur lors de la déconnexion:", error)
        router.push("/login")
      }
    }

handleLogout()
  }, [router])

return (
    <div className="flex items-center justify-center min-h-screen">
      <div className="text-center">
        <Loader2 className="h-12 w-12 animate-spin text-primary mx-auto mb-4" />
        <p className="text-lg">Déconnexion en cours...</p>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/dashboard/layout.tsx" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true"
import type React from "react"
import AuthGuard from "@/components/auth-guard"

export default function DashboardLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return <AuthGuard>{children}</AuthGuard>
}
[V0_FILE]typescriptreact:file="app/page.tsx" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true"
import Link from "next/link"
import { Button } from "@/components/ui/button"
import { ArrowRight, BarChart3, Lock, PieChart, Shield } from "lucide-react"

export default function Home() {
  return (
    <div className="flex flex-col min-h-screen">
      <header className="border-b">
        <div className="container flex h-16 items-center justify-between px-4 md:px-6">
          <div className="flex items-center gap-2 font-bold text-xl">
            <PieChart className="h-6 w-6" />
            <span>PATRIMONIOM</span>
          </div>
          <nav className="hidden md:flex gap-6">
            <Link href="/" className="text-sm font-medium hover:underline underline-offset-4">
              Accueil
            </Link>
            <Link href="#features" className="text-sm font-medium hover:underline underline-offset-4">
              Fonctionnalités
            </Link>
            <Link href="#testimonials" className="text-sm font-medium hover:underline underline-offset-4">
              Témoignages
            </Link>
            <Link href="#faq" className="text-sm font-medium hover:underline underline-offset-4">
              FAQ
            </Link>
          </nav>
          <div className="flex items-center gap-4">
            <Link href="/login">
              <Button variant="outline">Connexion</Button>
            </Link>
            <Link href="/register">
              <Button>Inscription</Button>
            </Link>
          </div>
        </div>
      </header>
      <main className="flex-1">
        <section className="w-full py-12 md:py-24 lg:py-32 bg-gradient-to-b from-white to-gold-50 dark:from-gray-900 dark:to-gray-800">
          <div className="container px-4 md:px-6">
            <div className="grid gap-6 lg:grid-cols-2 lg:gap-12 items-center">
              <div className="space-y-4">
                <h1 className="text-3xl font-bold tracking-tighter sm:text-4xl md:text-5xl">
                  Gérez et optimisez votre patrimoine en toute simplicité
                </h1>
                <p className="max-w-[600px] text-gray-500 md:text-xl/relaxed lg:text-base/relaxed xl:text-xl/relaxed dark:text-gray-400">
                  PATRIMONIOM vous permet de centraliser, suivre et analyser l'ensemble de vos actifs et passifs
                  pour une gestion patrimoniale optimale.
                </p>
                <div className="flex flex-col gap-2 min-[400px]:flex-row">
                  <Link href="/register">
                    <Button className="px-8">
                      Commencer gratuitement
                      <ArrowRight className="ml-2 h-4 w-4" />
                    </Button>
                  </Link>
                  <Link href="/donate">
                    <Button variant="outline">Faire un don</Button>
                  </Link>
                </div>
              </div>
              <div className="mx-auto lg:mx-0 relative">
                <div className="relative h-[350px] w-full overflow-hidden rounded-xl bg-gray-100 dark:bg-gray-800 border shadow-lg">
                  <div className="p-6 flex flex-col h-full justify-center items-center">
                    <BarChart3 className="h-24 w-24 mb-4 text-primary" />
                    <div className="text-center space-y-2">
                      <h3 className="text-xl font-bold">Tableau de bord interactif</h3>
                      <p className="text-sm text-gray-500 dark:text-gray-400">
                        Visualisez l'évolution de votre patrimoine et analysez sa répartition
                      </p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>

<section id="features" className="w-full py-12 md:py-24 lg:py-32">
          <div className="container px-4 md:px-6">
            <div className="flex flex-col items-center justify-center space-y-4 text-center">
              <div className="space-y-2">
                <h2 className="text-3xl font-bold tracking-tighter sm:text-4xl md:text-5xl">
                  Fonctionnalités principales
                </h2>
                <p className="max-w-[900px] text-gray-500 md:text-xl/relaxed lg:text-base/relaxed xl:text-xl/relaxed dark:text-gray-400">
                  Découvrez comment PATRIMONIOM peut vous aider à gérer efficacement votre patrimoine
                </p>
              </div>
            </div>
            <div className="mx-auto grid max-w-5xl grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3 mt-8">
              <div className="flex flex-col items-center space-y-2 rounded-lg border p-6 shadow-sm">
                <div className="rounded-full bg-gold-100 p-3">
                  <PieChart className="h-6 w-6 text-gold-600" />
                </div>
                <h3 className="text-xl font-bold">Gestion des actifs</h3>
                <p className="text-sm text-center text-gray-500 dark:text-gray-400">
                  Enregistrez et suivez tous vos biens immobiliers, actifs financiers et biens mobiliers de valeur
                </p>
              </div>
              <div className="flex flex-col items-center space-y-2 rounded-lg border p-6 shadow-sm">
                <div className="rounded-full bg-gold-100 p-3">
                  <BarChart3 className="h-6 w-6 text-gold-600" />
                </div>
                <h3 className="text-xl font-bold">Analyse et reporting</h3>
                <p className="text-sm text-center text-gray-500 dark:text-gray-400">
                  Visualisez l'évolution de votre patrimoine avec des tableaux de bord personnalisables et des
                  rapports exportables
                </p>
              </div>
              <div className="flex flex-col items-center space-y-2 rounded-lg border p-6 shadow-sm">
                <div className="rounded-full bg-gold-100 p-3">
                  <Shield className="h-6 w-6 text-gold-600" />
                </div>
                <h3 className="text-xl font-bold">Sécurité maximale</h3>
                <p className="text-sm text-center text-gray-500 dark:text-gray-400">
                  Vos données sont protégées par un chiffrement de bout en bout et une authentification à deux facteurs
                </p>
              </div>
              <div className="flex flex-col items-center space-y-2 rounded-lg border p-6 shadow-sm">
                <div className="rounded-full bg-gold-100 p-3">
                  <Lock className="h-6 w-6 text-gold-600" />
                </div>
                <h3 className="text-xl font-bold">Gestion documentaire</h3>
                <p className="text-sm text-center text-gray-500 dark:text-gray-400">
                  Stockez de manière sécurisée tous vos documents importants liés à vos actifs
                </p>
              </div>
            </div>
          </div>
        </section>

<section className="w-full py-12 md:py-24 lg:py-32 bg-gold-50 dark:bg-gray-800">
          <div className="container px-4 md:px-6">
            <div className="flex flex-col items-center justify-center space-y-4 text-center">
              <div className="space-y-2">
                <h2 className="text-3xl font-bold tracking-tighter sm:text-4xl md:text-5xl">
                  Prêt à optimiser votre patrimoine ?
                </h2>
                <p className="max-w-[600px] text-gray-500 md:text-xl/relaxed lg:text-base/relaxed xl:text-xl/relaxed dark:text-gray-400">
                  Créez votre compte gratuitement et commencez à gérer efficacement vos actifs dès aujourd'hui.
                </p>
              </div>
              <div className="flex flex-col gap-2 min-[400px]:flex-row">
                <Link href="/register">
                  <Button className="px-8">S'inscrire gratuitement</Button>
                </Link>
                <Link href="/donate">
                  <Button variant="outline">Soutenir le projet</Button>
                </Link>
              </div>
            </div>
          </div>
        </section>
      </main>
      <footer className="border-t">
        <div className="container flex flex-col gap-4 py-10 md:flex-row md:gap-8 md:py-12 px-4 md:px-6">
          <div className="flex flex-col gap-2 md:gap-4 md:w-1/3">
            <div className="flex items-center gap-2 font-bold">
              <PieChart className="h-5 w-5" />
              <span>PATRIMONIOM</span>
            </div>
            <p className="text-sm text-gray-500 dark:text-gray-400">
              Solution complète de gestion de patrimoine pour particuliers et conseillers.
            </p>
          </div>
          <div className="grid grid-cols-2 gap-8 md:flex-1 md:grid-cols-3">
            <div className="space-y-2">
              <h4 className="text-sm font-medium">Produit</h4>
              <ul className="space-y-2 text-sm">
                <li>
                  <Link href="#features" className="text-gray-500 hover:underline dark:text-gray-400">
                    Fonctionnalités
                  </Link>
                </li>
                <li>
                  <Link href="/tarifs" className="text-gray-500 hover:underline dark:text-gray-400">
                    Tarifs
                  </Link>
                </li>
                <li>
                  <Link href="#faq" className="text-gray-500 hover:underline dark:text-gray-400">
                    FAQ
                  </Link>
                </li>
              </ul>
            </div>
            <div className="space-y-2">
              <h4 className="text-sm font-medium">Légal</h4>
              <ul className="space-y-2 text-sm">
                <li>
                  <Link href="/mentions-legales" className="text-gray-500 hover:underline dark:text-gray-400">
                    Mentions légales
                  </Link>
                </li>
                <li>
                  <Link href="/cgu" className="text-gray-500 hover:underline dark:text-gray-400">
                    CGU
                  </Link>
                </li>
                <li>
                  <Link href="/confidentialite" className="text-gray-500 hover:underline dark:text-gray-400">
                    Politique de confidentialité
                  </Link>
                </li>
              </ul>
            </div>
            <div className="space-y-2">
              <h4 className="text-sm font-medium">Contact</h4>
              <ul className="space-y-2 text-sm">
                <li>
                  <Link href="/contact" className="text-gray-500 hover:underline dark:text-gray-400">
                    Nous contacter
                  </Link>
                </li>
                <li>
                  <Link href="/support" className="text-gray-500 hover:underline dark:text-gray-400">
                    Support
                  </Link>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <div className="border-t py-6">
          <div className="container flex flex-col items-center justify-between gap-4 md:flex-row px-4 md:px-6">
            <p className="text-xs text-gray-500 dark:text-gray-400">© 2023 PATRIMONIOM. Tous droits réservés.</p>
          </div>
        </div>
      </footer>
    </div>
  )
}
[V0_FILE]typescriptreact:file="lib/dossier.ts" isEdit="true" isMerged="true"
import type { Dossier } from "@/types/dossier"
import { syncAssociationDossier } from "@/lib/patrimoine"

// Vérifier si nous sommes côté client
const isClient = typeof window !== "undefined"

// Obtenir tous les dossiers
export function getDossiers(): Dossier[] {
  if (!isClient) return []

const dossiersJson = localStorage.getItem("dossiers")
  return dossiersJson ? JSON.parse(dossiersJson) : []
}

// Ajouter un nouveau dossier
export function addDossier(name: string, description?: string, associatedDossierIds?: string[]): Dossier {
  const dossiers = getDossiers()
  const newDossier: Dossier = {
    id: Date.now().toString(),
    name,
    description,
    isActive: dossiers.length === 0, // Le premier dossier est actif par défaut
    createdAt: new Date().toISOString(),
    isAssociation: associatedDossierIds && associatedDossierIds.length > 0,
    associatedDossierIds: associatedDossierIds || [],
  }

dossiers.push(newDossier)
  localStorage.setItem("dossiers", JSON.stringify(dossiers))

// Si c'est un dossier d'association, synchroniser avec les dossiers d'origine
  if (newDossier.isAssociation && newDossier.associatedDossierIds && newDossier.associatedDossierIds.length > 0) {
    syncAssociationDossier(newDossier.id)
  }

return newDossier
}

// Supprimer un dossier
export function deleteDossier(dossierId: string): void {
  const dossiers = getDossiers()

// Vérifier si ce dossier est associé à d'autres dossiers
  const isAssociatedWithOthers = dossiers.some(
    (d) => d.associatedDossierIds && d.associatedDossierIds.includes(dossierId),
  )

if (isAssociatedWithOthers) {
    throw new Error("Ce dossier est associé à d'autres dossiers et ne peut pas être supprimé.")
  }

const updatedDossiers = dossiers.filter((d) => d.id !== dossierId)
  localStorage.setItem("dossiers", JSON.stringify(updatedDossiers))

// Supprimer les données associées au dossier
  if (isClient) {
    const keysToRemove = []
    for (let i = 0; i < localStorage.length; i++) {
      const key = localStorage.key(i)
      if (key && key.startsWith(`dossier_${dossierId}_`)) {
        keysToRemove.push(key)
      }
    }
    keysToRemove.forEach((key) => localStorage.removeItem(key))
  }
}

// Obtenir le dossier actif
export function getActiveDossier(): Dossier | null {
  const dossiers = getDossiers()
  const activeDossier = dossiers.find((d) => d.isActive)

// Si aucun dossier n'est actif et qu'il y a des dossiers, activer le premier
  if (!activeDossier && dossiers.length > 0) {
    dossiers[0].isActive = true
    localStorage.setItem("dossiers", JSON.stringify(dossiers))
    return dossiers[0]
  }

return activeDossier || null
}

// Définir le dossier actif
export function setActiveDossier(dossierId: string): void {
  const dossiers = getDossiers()

// Désactiver tous les dossiers et activer celui sélectionné
  dossiers.forEach((d) => {
    d.isActive = d.id === dossierId
  })

localStorage.setItem("dossiers", JSON.stringify(dossiers))
}

// Initialiser un dossier par défaut si aucun n'existe
export function initDefaultDossier(): Dossier | null {
  const dossiers = getDossiers()

if (dossiers.length === 0) {
    return addDossier("Mon patrimoine", "Dossier principal")
  }

return getActiveDossier()
}

// Obtenir les dossiers associés à un dossier d'association
export function getAssociatedDossiers(dossier: Dossier): Dossier[] {
  if (!dossier.isAssociation || !dossier.associatedDossierIds || dossier.associatedDossierIds.length === 0) {
    return []
  }

const allDossiers = getDossiers()
  return allDossiers.filter((d) => dossier.associatedDossierIds?.includes(d.id))
}

// Créer un dossier d'association
export function createAssociationDossier(name: string, description: string, dossierIds: string[]): Dossier {
  if (dossierIds.length < 2) {
    throw new Error("Un dossier d'association doit contenir au moins deux dossiers.")
  }

// Vérifier que tous les dossiers existent
  const allDossiers = getDossiers()
  const existingIds = allDossiers.map((d) => d.id)
  const nonExistingIds = dossierIds.filter((id) => !existingIds.includes(id))

if (nonExistingIds.length > 0) {
    throw new Error(`Certains dossiers sélectionnés n'existent pas: ${nonExistingIds.join(", ")}`)
  }

// Créer le dossier d'association
  const newDossier = addDossier(name, description, dossierIds)

// Synchroniser avec les dossiers d'origine
  syncAssociationDossier(newDossier.id)

return newDossier
}

// Vérifier si un dossier peut être supprimé (n'est pas associé à d'autres dossiers)
export function canDeleteDossier(dossierId: string): boolean {
  const dossiers = getDossiers()
  return !dossiers.some((d) => d.associatedDossierIds && d.associatedDossierIds.includes(dossierId))
}

// Mettre à jour un dossier
export function updateDossier(dossier: Dossier): Dossier {
  const dossiers = getDossiers()
  const index = dossiers.findIndex((d) => d.id === dossier.id)

if (index !== -1) {
    // Vérifier si les dossiers associés ont changé
    const oldDossier = dossiers[index]
    const associatedDossiersChanged =
      oldDossier.isAssociation !== dossier.isAssociation ||
      JSON.stringify(oldDossier.associatedDossierIds) !== JSON.stringify(dossier.associatedDossierIds)

// Mettre à jour le dossier
    dossiers[index] = dossier
    localStorage.setItem("dossiers", JSON.stringify(dossiers))

// Si c'est un dossier d'association et que les dossiers associés ont changé, resynchroniser
    if (dossier.isAssociation && associatedDossiersChanged) {
      syncAssociationDossier(dossier.id)
    }
  }

return dossier
}
[V0_FILE]typescriptreact:file="lib/patrimoine.ts" isEdit="true" isMerged="true"
// Gestion des données patrimoniales avec localStorage
import type { Asset, Liability, Document, Person, Relationship } from "@/types/patrimoine"
import { getActiveDossier, getAssociatedDossiers, getDossiers } from "@/lib/dossier"

// Vérifier si nous sommes côté client
const isClient = typeof window !== "undefined"

// Fonction pour obtenir le préfixe du dossier actif
function getDossierPrefix(): string {
  const activeDossier = getActiveDossier()
  return activeDossier ? `dossier_${activeDossier.id}_` : ""
}

// Fonction pour obtenir tous les dossiers d'association qui incluent un dossier spécifique
function getParentAssociationDossiers(dossierId: string): string[] {
  if (!isClient) return []

const allDossiers = getDossiers()
  return allDossiers
    .filter((d) => d.isAssociation && d.associatedDossierIds && d.associatedDossierIds.includes(dossierId))
    .map((d) => d.id)
}

// Fonction générique pour obtenir des données
function getData<T>(key: string): T[] {
  if (!isClient) return []

const activeDossier = getActiveDossier()
  if (!activeDossier) return []

// Si c'est un dossier d'association, fusionner les données de tous les dossiers associés
  if (
    activeDossier.isAssociation &&
    activeDossier.associatedDossierIds &&
    activeDossier.associatedDossierIds.length > 0
  ) {
    const associatedDossiers = getAssociatedDossiers(activeDossier)

// Récupérer les données de chaque dossier associé
    let allData: T[] = []
    associatedDossiers.forEach((dossier) => {
      const prefix = `dossier_${dossier.id}_`
      const dataJson = localStorage.getItem(`${prefix}${key}`)
      if (dataJson) {
        const dossierData = JSON.parse(dataJson) as T[]
        allData = [...allData, ...dossierData]
      }
    })

// Récupérer aussi les données propres au dossier d'association
    const prefix = `dossier_${activeDossier.id}_`
    const dataJson = localStorage.getItem(`${prefix}${key}`)
    if (dataJson) {
      const dossierData = JSON.parse(dataJson) as T[]
      allData = [...allData, ...dossierData]
    }

return allData
  } else {
    // Cas normal : un seul dossier
    const prefix = getDossierPrefix()
    const dataJson = localStorage.getItem(`${prefix}${key}`)
    return dataJson ? JSON.parse(dataJson) : []
  }
}

// Fonction générique pour sauvegarder des données
function saveData<T extends { id: string }>(key: string, data: T[]): void {
  if (!isClient) return

const activeDossier = getActiveDossier()
  if (!activeDossier) return

// Sauvegarder les données dans le dossier actif
  const prefix = `dossier_${activeDossier.id}_`
  localStorage.setItem(`${prefix}${key}`, JSON.stringify(data))

// Si c'est un dossier d'origine (non association), propager les modifications aux dossiers d'association
  if (!activeDossier.isAssociation) {
    const associationDossierIds = getParentAssociationDossiers(activeDossier.id)

associationDossierIds.forEach((associationId) => {
      // Pour chaque dossier d'association, nous devons:
      // 1. Récupérer les données actuelles du dossier d'association
      const assocPrefix = `dossier_${associationId}_`
      const assocDataJson = localStorage.getItem(`${assocPrefix}${key}`)
      const assocData = assocDataJson ? (JSON.parse(assocDataJson) as T[]) : []

// 2. Filtrer les données qui proviennent du dossier actif
      // Nous utilisons une propriété spéciale "_originDossierId" pour suivre l'origine
      const filteredAssocData = assocData.filter((item: any) => item._originDossierId !== activeDossier.id)

// 3. Ajouter les nouvelles données du dossier actif avec l'origine marquée
      const markedData = data.map((item) => ({
        ...item,
        _originDossierId: activeDossier.id,
      }))

// 4. Sauvegarder les données combinées dans le dossier d'association
      localStorage.setItem(`${assocPrefix}${key}`, JSON.stringify([...filteredAssocData, ...markedData]))
    })
  }
}

// Fonction pour supprimer un élément et propager la suppression aux dossiers d'association
function deleteItem<T extends { id: string }>(key: string, itemId: string): void {
  if (!isClient) return

const activeDossier = getActiveDossier()
  if (!activeDossier) return

// Supprimer l'élément du dossier actif
  const prefix = `dossier_${activeDossier.id}_`
  const dataJson = localStorage.getItem(`${prefix}${key}`)
  if (dataJson) {
    const data = JSON.parse(dataJson) as T[]
    const updatedData = data.filter((item) => item.id !== itemId)
    localStorage.setItem(`${prefix}${key}`, JSON.stringify(updatedData))
  }

// Si c'est un dossier d'origine (non association), propager la suppression aux dossiers d'association
  if (!activeDossier.isAssociation) {
    const associationDossierIds = getParentAssociationDossiers(activeDossier.id)

associationDossierIds.forEach((associationId) => {
      const assocPrefix = `dossier_${associationId}_`
      const assocDataJson = localStorage.getItem(`${assocPrefix}${key}`)

if (assocDataJson) {
        const assocData = JSON.parse(assocDataJson) as any[]
        // Supprimer l'élément correspondant dans le dossier d'association
        const updatedAssocData = assocData.filter(
          (item) => !(item.id === itemId && item._originDossierId === activeDossier.id),
        )
        localStorage.setItem(`${assocPrefix}${key}`, JSON.stringify(updatedAssocData))
      }
    })
  }
}

// Actifs
export function getAssets(): Asset[] {
  return getData<Asset>("assets")
}

export function addAsset(asset: Omit<Asset, "id">): Asset {
  const assets = getAssets()
  const newAsset: Asset = {
    ...asset,
    id: Date.now().toString(),
    createdAt: new Date().toISOString(),
    updatedAt: new Date().toISOString(),
  }

assets.push(newAsset)
  saveData("assets", assets)
  return newAsset
}

export function updateAsset(asset: Asset): Asset {
  const assets = getAssets()
  const index = assets.findIndex((a) => a.id === asset.id)

if (index !== -1) {
    assets[index] = {
      ...asset,
      updatedAt: new Date().toISOString(),
    }
    saveData("assets", assets)
  }

return asset
}

export function deleteAsset(assetId: string): void {
  deleteItem<Asset>("assets", assetId)
}

// Passifs
export function getLiabilities(): Liability[] {
  return getData<Liability>("liabilities")
}

export function addLiability(liability: Omit<Liability, "id">): Liability {
  const liabilities = getLiabilities()
  const newLiability: Liability = {
    ...liability,
    id: Date.now().toString(),
    createdAt: new Date().toISOString(),
    updatedAt: new Date().toISOString(),
  }

liabilities.push(newLiability)
  saveData("liabilities", liabilities)
  return newLiability
}

export function updateLiability(liability: Liability): Liability {
  const liabilities = getLiabilities()
  const index = liabilities.findIndex((l) => l.id === liability.id)

if (index !== -1) {
    liabilities[index] = {
      ...liability,
      updatedAt: new Date().toISOString(),
    }
    saveData("liabilities", liabilities)
  }

return liability
}

export function deleteLiability(liabilityId: string): void {
  deleteItem<Liability>("liabilities", liabilityId)
}

// Documents
export function getDocuments(): Document[] {
  return getData<Document>("documents")
}

export function addDocument(document: Omit<Document, "id">): Document {
  const documents = getDocuments()
  const newDocument: Document = {
    ...document,
    id: Date.now().toString(),
    createdAt: new Date().toISOString(),
    updatedAt: new Date().toISOString(),
  }

documents.push(newDocument)
  saveData("documents", documents)
  return newDocument
}

export function updateDocument(document: Document): Document {
  const documents = getDocuments()
  const index = documents.findIndex((d) => d.id === document.id)

if (index !== -1) {
    documents[index] = {
      ...document,
      updatedAt: new Date().toISOString(),
    }
    saveData("documents", documents)
  }

return document
}

export function deleteDocument(documentId: string): void {
  deleteItem<Document>("documents", documentId)
}

// Personnes
export function getPersons(): Person[] {
  return getData<Person>("persons")
}

export function addPerson(person: Omit<Person, "id">): Person {
  const persons = getPersons()
  const newPerson: Person = {
    ...person,
    id: Date.now().toString(),
    relationships: person.relationships || [],
    createdAt: new Date().toISOString(),
    updatedAt: new Date().toISOString(),
  }

persons.push(newPerson)
  saveData("persons", persons)
  return newPerson
}

export function updatePerson(person: Person): Person {
  const persons = getPersons()
  const index = persons.findIndex((p) => p.id === person.id)

if (index !== -1) {
    persons[index] = {
      ...person,
      updatedAt: new Date().toISOString(),
    }
    saveData("persons", persons)
  }

return person
}

export function deletePerson(personId: string): void {
  deleteItem<Person>("persons", personId)
}

// Relations
export function getRelationships(): Relationship[] {
  return getData<Relationship>("relationships")
}

export function addRelationship(relationship: Omit<Relationship, "id">): Relationship {
  const relationships = getRelationships()
  const newRelationship: Relationship = {
    ...relationship,
    id: Date.now().toString(),
    createdAt: new Date().toISOString(),
    updatedAt: new Date().toISOString(),
  }

relationships.push(newRelationship)
  saveData("relationships", relationships)

// Mettre à jour les personnes concernées
  updatePersonRelationships(newRelationship)

return newRelationship
}

export function updateRelationship(relationship: Relationship): Relationship {
  const relationships = getRelationships()
  const index = relationships.findIndex((r) => r.id === relationship.id)

if (index !== -1) {
    relationships[index] = {
      ...relationship,
      updatedAt: new Date().toISOString(),
    }
    saveData("relationships", relationships)

// Mettre à jour les personnes concernées
    updatePersonRelationships(relationship)
  }

return relationship
}

export function updatePersonRelationships(relationship: Relationship) {
  const persons = getPersons()

// Trouver la personne source
  const sourceIndex = persons.findIndex((p) => p.id === relationship.sourcePersonId)
  if (sourceIndex !== -1) {
    if (!persons[sourceIndex].relationships) {
      persons[sourceIndex].relationships = []
    }

// Vérifier si la relation existe déjà
    const existingRelIndex = persons[sourceIndex].relationships!.findIndex((r) => r.id === relationship.id)

if (existingRelIndex !== -1) {
      persons[sourceIndex].relationships![existingRelIndex] = relationship
    } else {
      persons[sourceIndex].relationships!.push(relationship)
    }

persons[sourceIndex].updatedAt = new Date().toISOString()
  }

saveData("persons", persons)
}

export function deleteRelationship(relationshipId: string): void {
  const relationships = getRelationships()
  const relationship = relationships.find((r) => r.id === relationshipId)

if (relationship) {
    // Supprimer la relation
    const filteredRelationships = relationships.filter((r) => r.id !== relationshipId)
    saveData("relationships", filteredRelationships)

// Mettre à jour les personnes concernées
    const persons = getPersons()
    persons.forEach((person) => {
      if (person.relationships) {
        person.relationships = person.relationships.filter((r) => r.id !== relationshipId)
      }
    })

saveData("persons", persons)
  } else {
    // Si la relation n'existe pas dans le dossier actif, utiliser la méthode générique
    deleteItem<Relationship>("relationships", relationshipId)
  }
}

// Initialiser des données vides (pour la production)
export function initDemoData(): void {
  if (!isClient) return

// Initialiser un dossier par défaut si nécessaire
  const activeDossier = getActiveDossier()
  if (!activeDossier) {
    // Créer un dossier par défaut
    const dossiers = getDossiers()
    if (dossiers.length === 0) {
      const defaultDossier = {
        id: Date.now().toString(),
        name: "Mon patrimoine",
        description: "Dossier principal",
        isActive: true,
        createdAt: new Date().toISOString(),
      }

localStorage.setItem("dossiers", JSON.stringify([defaultDossier]))
    }
  }

// Initialiser les tableaux vides pour le dossier actif
  if (getAssets().length === 0) {
    saveData("assets", [])
  }

if (getLiabilities().length === 0) {
    saveData("liabilities", [])
  }

if (getDocuments().length === 0) {
    saveData("documents", [])
  }

if (getPersons().length === 0) {
    saveData("persons", [])
  }

if (getRelationships().length === 0) {
    saveData("relationships", [])
  }
}

// Synchroniser un dossier d'association avec ses dossiers d'origine
export function syncAssociationDossier(dossierId: string): void {
  if (!isClient) return

const dossiers = getDossiers()
  const dossier = dossiers.find((d) => d.id === dossierId)

if (
    !dossier ||
    !dossier.isAssociation ||
    !dossier.associatedDossierIds ||
    dossier.associatedDossierIds.length === 0
  ) {
    return
  }

// Pour chaque type de données, synchroniser avec les dossiers d'origine
  const dataTypes = ["assets", "liabilities", "documents", "persons", "relationships"]

dataTypes.forEach((dataType) => {
    // Supprimer les données existantes du dossier d'association
    localStorage.setItem(`dossier_${dossierId}_${dataType}`, JSON.stringify([]))

// Pour chaque dossier d'origine, copier les données vers le dossier d'association
    dossier.associatedDossierIds!.forEach((originId) => {
      const originPrefix = `dossier_${originId}_`
      const dataJson = localStorage.getItem(`${originPrefix}${dataType}`)

if (dataJson) {
        const originData = JSON.parse(dataJson) as any[]

// Marquer les données avec leur dossier d'origine
        const markedData = originData.map((item) => ({
          ...item,
          _originDossierId: originId,
        }))

// Récupérer les données actuelles du dossier d'association
        const assocPrefix = `dossier_${dossierId}_`
        const assocDataJson = localStorage.getItem(`${assocPrefix}${dataType}`)
        const assocData = assocDataJson ? (JSON.parse(assocDataJson) as any[]) : []

// Combiner les données et sauvegarder
        localStorage.setItem(`${assocPrefix}${dataType}`, JSON.stringify([...assocData, ...markedData]))
      }
    })
  })
}
[V0_FILE]typescriptreact:file="app/api/remove-demo/route.ts" isEdit="true" isMerged="true"
import { createClient } from "@/lib/supabase/server"
import { NextResponse } from "next/server"

export async function POST() {
  try {
    const supabase = await createClient()

// Supprimer l'utilisateur de démonstration de la table users
    await supabase.from("users").delete().eq("id", "demo123")

// Supprimer les données associées à l'utilisateur de démonstration
    await supabase.from("dossiers").delete().eq("user_id", "demo123")
    await supabase.from("assets").delete().eq("user_id", "demo123")
    await supabase.from("liabilities").delete().eq("user_id", "demo123")
    await supabase.from("documents").delete().eq("user_id", "demo123")
    await supabase.from("persons").delete().eq("user_id", "demo123")

return NextResponse.json({ success: true })
  } catch (error) {
    console.error("Erreur lors de la suppression des données de démonstration:", error)
    return NextResponse.json(
      { success: false, error: "Erreur lors de la suppression des données de démonstration" },
      { status: 500 },
    )
  }
}
[V0_FILE]typescriptreact:file="components/auth-guard.tsx" isFixed="true" isEdit="true" isMerged="true"
"use client"

import type React from "react"
import { useEffect, useState } from "react"
import { useRouter } from "next/navigation"
import { isAuthenticated } from "@/lib/auth-service"
import { Loader2 } from "lucide-react"

interface AuthGuardProps {
  children: React.ReactNode
}

export default function AuthGuard({ children }: AuthGuardProps) {
  const router = useRouter()
  const [isLoading, setIsLoading] = useState(true)
  const [isAuth, setIsAuth] = useState(false)
  const [authChecked, setAuthChecked] = useState(false)

useEffect(() => {
    const checkAuth = async () => {
      try {
        const authenticated = await isAuthenticated()
        console.log("AuthGuard - isAuthenticated:", authenticated)

if (!authenticated) {
          console.log("AuthGuard - Redirection vers /login")
          router.push("/login")
          return
        }

setIsAuth(true)
        setIsLoading(false)
      } catch (error) {
        console.error("Erreur lors de la vérification de l'authentification:", error)
        router.push("/login")
      } finally {
        setAuthChecked(true)
      }
    }

checkAuth()
  }, [router])

// Ajouter un délai maximum pour éviter un chargement infini
  useEffect(() => {
    const timeout = setTimeout(() => {
      if (isLoading && authChecked) {
        console.warn("Délai d'attente dépassé pour la vérification d'authentification")
        setIsLoading(false)
        if (!isAuth) {
          router.push("/login")
        }
      }
    }, 5000) // 5 secondes maximum

return () => clearTimeout(timeout)
  }, [isLoading, authChecked, isAuth, router])

if (isLoading) {
    return (
      <div className="flex items-center justify-center min-h-screen">
        <Loader2 className="h-12 w-12 animate-spin text-primary" />
      </div>
    )
  }

return <>{children}</>
}
[V0_FILE]typescriptreact:file="app/reset-password-confirmation/loading.tsx" isFixed="true" isMerged="true"
export default function Loading() {
  return null
}
[V0_FILE]typescriptreact:file="app/auth/hash-callback/page.tsx" isEdit="true" isMerged="true"
"use client"

import { useEffect } from "react"
import { useRouter } from "next/navigation"
import { Loader2 } from "lucide-react"
import { createClient } from "@/lib/supabase/client"
import { useToast } from "@/hooks/use-toast"

export default function HashCallbackPage() {
  const router = useRouter()
  const { toast } = useToast()

useEffect(() => {
    const handleHashCallback = async () => {
      try {
        // Récupérer le hash de l'URL
        const hash = window.location.hash
        if (!hash || hash.length < 2) {
          router.push("/login")
          return
        }

// Extraire les paramètres du hash
        const params = new URLSearchParams(hash.substring(1))
        const accessToken = params.get("access_token")
        const refreshToken = params.get("refresh_token")
        const type = params.get("type")

if (!accessToken || !refreshToken) {
          router.push("/login")
          return
        }

const supabase = createClient()
        const { error } = await supabase.auth.setSession({
          access_token: accessToken,
          refresh_token: refreshToken,
        })

if (error) {
          toast({
            title: "Erreur",
            description: "Une erreur est survenue lors de la connexion.",
            variant: "destructive",
          })
          router.push("/login")
          return
        }

// Rediriger en fonction du type
        if (type === "recovery") {
          router.push("/reset-password-confirmation")
        } else {
          router.push("/dashboard")
        }
      } catch {
        toast({
          title: "Erreur",
          description: "Une erreur est survenue lors de la connexion.",
          variant: "destructive",
        })
        router.push("/login")
      }
    }

handleHashCallback()
  }, [router, toast])

return (
    <div className="flex items-center justify-center min-h-screen">
      <div className="text-center">
        <Loader2 className="h-12 w-12 animate-spin text-primary mx-auto mb-4" />
        <h1 className="text-xl font-semibold">Authentification en cours...</h1>
        <p className="text-muted-foreground mt-2">Veuillez patienter pendant que nous traitons votre demande.</p>
      </div>
    </div>
  )
}
[V0_FILE]typescript:file="lib/auth-service.ts" isEdit="true" isQuickEdit="true" isMerged="true"
import { createClient } from "@/lib/supabase/client"
import { createClient as createServerClient } from "@/lib/supabase/server"
import type { User } from "@/types/user"

// Vérifier si nous sommes côté client
const isClient = typeof window !== "undefined"

/**
 * Obtenir l'utilisateur actuellement connecté (côté client)
 */
export async function getCurrentUser(): Promise<User | null> {
  if (!isClient) return null

try {
    const supabase = createClient()
    const {
      data: { user },
      error,
    } = await supabase.auth.getUser()

if (error || !user) return null

// Récupérer les informations du profil
    const { data: profile } = await supabase.from("users").select("*").eq("id", user.id).single()

return {
      id: user.id,
      firstName: profile?.first_name || user.user_metadata?.first_name || "",
      lastName: profile?.last_name || user.user_metadata?.last_name || "",
      email: user.email || "",
      createdAt: profile?.created_at || new Date().toISOString(),
    }
  } catch {
    return null
  }
}

/**
 * Obtenir l'utilisateur actuellement connecté (côté serveur)
 */
export async function getServerUser(): Promise<User | null> {
  try {
    const supabase = await createServerClient()
    const {
      data: { user },
      error,
    } = await supabase.auth.getUser()

if (error || !user) return null

const { data: profile } = await supabase.from("users").select("*").eq("id", user.id).single()

/**
 * Connexion avec email et mot de passe
 */
export async function login(email: string, password: string): Promise<User> {
  const supabase = createClient()

const { data, error } = await supabase.auth.signInWithPassword({
    email,
    password,
  })

if (error) {
    throw new Error(error.message)
  }

if (!data.user) {
    throw new Error("Échec de la connexion")
  }

return {
    id: data.user.id,
    firstName: data.user.user_metadata?.first_name || "",
    lastName: data.user.user_metadata?.last_name || "",
    email: data.user.email || email,
    createdAt: new Date().toISOString(),
  }
}

/**
 * Inscription avec email et mot de passe
 */
export async function register(userData: {
  firstName: string
  lastName: string
  email: string
  password: string
}): Promise<void> {
  const supabase = createClient()

const { error } = await supabase.auth.signUp({
    email: userData.email,
    password: userData.password,
    options: {
      emailRedirectTo: process.env.NEXT_PUBLIC_DEV_SUPABASE_REDIRECT_URL || `${window.location.origin}/dashboard`,
      data: {
        first_name: userData.firstName,
        last_name: userData.lastName,
      },
    },
  })

if (error) {
    throw new Error(error.message)
  }
}

/**
 * Déconnexion
 */
export async function logout(): Promise<void> {
  const supabase = createClient()
  await supabase.auth.signOut()
  window.location.href = "/"
}

/**
 * Vérifier si l'utilisateur est authentifié
 */
export async function isAuthenticated(): Promise<boolean> {
  if (!isClient) return false

try {
    const supabase = createClient()
    const {
      data: { user },
    } = await supabase.auth.getUser()
    return !!user
  } catch {
    return false
  }
}

/**
 * Réinitialiser le mot de passe
 */
export async function resetPassword(email: string): Promise<void> {
  const supabase = createClient()

const { error } = await supabase.auth.resetPasswordForEmail(email, {
    redirectTo:
      process.env.NEXT_PUBLIC_DEV_SUPABASE_REDIRECT_URL || `${window.location.origin}/reset-password-confirmation`,
  })

if (error) {
    throw new Error(error.message)
  }
}

/**
 * Mettre à jour le mot de passe
 */
export async function updatePassword(newPassword: string): Promise<void> {
  const supabase = createClient()

const { error } = await supabase.auth.updateUser({
    password: newPassword,
  })

if (error) {
    throw new Error(error.message)
  }
}

/**
 * Vérifier l'authentification côté serveur (pour les Server Actions)
 */
export async function checkServerAuth() {
  const supabase = await createServerClient()
  const {
    data: { session },
    error,
  } = await supabase.auth.getSession()

if (error || !session) {
    throw new Error("Non authentifié")
  }

return session.user
}
[V0_FILE]typescriptreact:file="app/auth/callback/route.ts" isEdit="true" isMerged="true"
import { createClient } from "@/lib/supabase/server"
import { NextResponse } from "next/server"

export async function GET(request: Request) {
  const { searchParams, origin } = new URL(request.url)
  const code = searchParams.get("code")
  const next = searchParams.get("next") ?? "/dashboard"

if (code) {
    const supabase = await createClient()
    const { error } = await supabase.auth.exchangeCodeForSession(code)

if (!error) {
      const forwardedHost = request.headers.get("x-forwarded-host")
      const isLocalEnv = process.env.NODE_ENV === "development"

if (isLocalEnv) {
        return NextResponse.redirect(`${origin}${next}`)
      } else if (forwardedHost) {
        return NextResponse.redirect(`https://${forwardedHost}${next}`)
      } else {
        return NextResponse.redirect(`${origin}${next}`)
      }
    }
  }

// Rediriger vers une page d'erreur en cas d'échec
  return NextResponse.redirect(`${origin}/auth/error?error=auth_callback_error`)
}
[V0_FILE]typescriptreact:file="app/reset-password-confirmation/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import type React from "react"
import { useState, useEffect } from "react"
import { useRouter } from "next/navigation"
import Link from "next/link"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { PieChart, ArrowLeft, Loader2 } from "lucide-react"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { createClient } from "@/lib/supabase/client"
import { useToast } from "@/hooks/use-toast"

export default function ResetPasswordConfirmationPage() {
  const router = useRouter()
  const { toast } = useToast()
  const [password, setPassword] = useState("")
  const [confirmPassword, setConfirmPassword] = useState("")
  const [isLoading, setIsLoading] = useState(false)
  const [isValidating, setIsValidating] = useState(true)
  const [error, setError] = useState<string | null>(null)

useEffect(() => {
    // Vérifier si l'utilisateur a une session valide (via le lien de reset)
    const checkSession = async () => {
      try {
        const supabase = createClient()
        const {
          data: { session },
        } = await supabase.auth.getSession()

if (!session) {
          toast({
            title: "Erreur",
            description: "Lien de réinitialisation invalide ou expiré.",
            variant: "destructive",
          })
          router.push("/reset-password")
          return
        }

setIsValidating(false)
      } catch {
        router.push("/reset-password")
      }
    }

checkSession()
  }, [router, toast])

const handleSubmit = async (e: React.FormEvent) => {
    e.preventDefault()
    setError(null)

if (password !== confirmPassword) {
      setError("Les mots de passe ne correspondent pas.")
      return
    }

if (password.length < 8) {
      setError("Le mot de passe doit contenir au moins 8 caractères.")
      return
    }

setIsLoading(true)

try {
      const supabase = createClient()
      const { error } = await supabase.auth.updateUser({
        password: password,
      })

if (error) throw error

toast({
        title: "Mot de passe mis à jour",
        description: "Votre mot de passe a été réinitialisé avec succès.",
      })

// Déconnecter l'utilisateur et le rediriger vers la page de connexion
      await supabase.auth.signOut()
      router.push("/login")
    } catch (err) {
      const message = err instanceof Error ? err.message : "Une erreur est survenue."
      setError(message)
      toast({
        title: "Erreur",
        description: message,
        variant: "destructive",
      })
    } finally {
      setIsLoading(false)
    }
  }

if (isValidating) {
    return (
      <div className="flex items-center justify-center min-h-screen">
        <Loader2 className="h-12 w-12 animate-spin text-primary" />
      </div>
    )
  }

return (
    <div className="min-h-screen flex flex-col">
      <div className="container flex flex-col items-center justify-center min-h-screen py-12 px-4 md:px-6">
        <Link
          href="/login"
          className="absolute top-8 left-8 flex items-center text-sm font-medium text-muted-foreground hover:text-foreground"
        >
          <ArrowLeft className="mr-2 h-4 w-4" />
          Retour à la connexion
        </Link>

<div className="mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]">
          <div className="flex flex-col space-y-2 text-center">
            <div className="flex justify-center">
              <PieChart className="h-10 w-10 text-primary" />
            </div>
            <h1 className="text-2xl font-semibold tracking-tight">Nouveau mot de passe</h1>
            <p className="text-sm text-muted-foreground">Créez un nouveau mot de passe pour votre compte</p>
          </div>

<Card>
            <CardHeader>
              <CardTitle className="text-xl">Réinitialisation du mot de passe</CardTitle>
              <CardDescription>Veuillez entrer votre nouveau mot de passe</CardDescription>
            </CardHeader>
            <CardContent>
              <form onSubmit={handleSubmit} className="space-y-4">
                <div className="space-y-2">
                  <Label htmlFor="password">Nouveau mot de passe</Label>
                  <Input
                    id="password"
                    type="password"
                    value={password}
                    onChange={(e) => setPassword(e.target.value)}
                    required
                    minLength={8}
                    disabled={isLoading}
                  />
                  <p className="text-xs text-muted-foreground">Le mot de passe doit contenir au moins 8 caractères.</p>
                </div>
                <div className="space-y-2">
                  <Label htmlFor="confirmPassword">Confirmer le mot de passe</Label>
                  <Input
                    id="confirmPassword"
                    type="password"
                    value={confirmPassword}
                    onChange={(e) => setConfirmPassword(e.target.value)}
                    required
                    minLength={8}
                    disabled={isLoading}
                  />
                </div>
                {error && <p className="text-sm text-destructive">{error}</p>}
                <Button type="submit" className="w-full" disabled={isLoading}>
                  {isLoading ? (
                    <>
                      <Loader2 className="mr-2 h-4 w-4 animate-spin" />
                      Mise à jour en cours...
                    </>
                  ) : (
                    "Mettre à jour le mot de passe"
                  )}
                </Button>
              </form>
            </CardContent>
          </Card>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescript:file="middleware.ts" isEdit="true" isQuickEdit="true" isMerged="true"
import { updateSession } from "@/lib/supabase/middleware"
import type { NextRequest } from "next/server"

export async function middleware(request: NextRequest) {
  return await updateSession(request)
}

export const config = {
  matcher: [
    /*
     * Match all request paths except:
     * - _next/static (static files)
     * - _next/image (image optimization files)
     * - favicon.ico (favicon file)
     * - images - .svg, .png, .jpg, .jpeg, .gif, .webp
     */
    "/((?!_next/static|_next/image|favicon.ico|.*\\.(?:svg|png|jpg|jpeg|gif|webp)$).*)",
  ],
}
[V0_FILE]typescriptreact:file="app/layout.tsx" isEdit="true" isMerged="true"
import type React from "react"
import "./globals.css"
import { ThemeProvider } from "@/components/theme-provider"
import { Toaster } from "@/components/ui/toaster"

export default function RootLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <html lang="fr" suppressHydrationWarning>
      <head>
        <title>PATRIMONIOM - Gestion de patrimoine</title>
        <meta
          name="description"
          content="Logiciel de gestion de patrimoine permettant de suivre, analyser et optimiser l'ensemble des actifs et passifs d'un individu ou d'une famille."
        />
      </head>
      <body>
        <ThemeProvider attribute="class" defaultTheme="light" enableSystem disableTransitionOnChange>
          {children}
          <Toaster />
        </ThemeProvider>
      </body>
    </html>
  )
}
[V0_FILE]typescript:file="lib/supabase/server.ts" isMerged="true"
import { createServerClient } from "@supabase/ssr"
import { cookies } from "next/headers"

export async function createClient() {
  const cookieStore = await cookies()

return createServerClient(process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!, {
    cookies: {
      getAll() {
        return cookieStore.getAll()
      },
      setAll(cookiesToSet) {
        try {
          cookiesToSet.forEach(({ name, value, options }) => cookieStore.set(name, value, options))
        } catch {
          // The "setAll" method was called from a Server Component.
          // This can be ignored if you have middleware refreshing user sessions.
        }
      },
    },
  })
}
[V0_FILE]typescript:file="lib/supabase/middleware.ts" isMerged="true"
import { createServerClient } from "@supabase/ssr"
import { NextResponse, type NextRequest } from "next/server"

export async function updateSession(request: NextRequest) {
  let supabaseResponse = NextResponse.next({
    request,
  })

const supabase = createServerClient(
    process.env.NEXT_PUBLIC_SUPABASE_URL!,
    process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!,
    {
      cookies: {
        getAll() {
          return request.cookies.getAll()
        },
        setAll(cookiesToSet) {
          cookiesToSet.forEach(({ name, value }) => request.cookies.set(name, value))
          supabaseResponse = NextResponse.next({
            request,
          })
          cookiesToSet.forEach(({ name, value, options }) => supabaseResponse.cookies.set(name, value, options))
        },
      },
    },
  )

// IMPORTANT: Ne pas exécuter de code entre createServerClient et getUser()
  const {
    data: { user },
  } = await supabase.auth.getUser()

// Routes protégées - rediriger vers login si non authentifié
  const protectedRoutes = ["/dashboard"]
  const isProtectedRoute = protectedRoutes.some((route) => request.nextUrl.pathname.startsWith(route))

if (isProtectedRoute && !user) {
    const url = request.nextUrl.clone()
    url.pathname = "/login"
    return NextResponse.redirect(url)
  }

// Rediriger les utilisateurs authentifiés loin des pages de connexion/inscription
  const authRoutes = ["/login", "/register"]
  const isAuthRoute = authRoutes.includes(request.nextUrl.pathname)

if (isAuthRoute && user) {
    const url = request.nextUrl.clone()
    url.pathname = "/dashboard"
    return NextResponse.redirect(url)
  }

return supabaseResponse
}
[V0_FILE]typescriptreact:file="app/auth/error/page.tsx" isMerged="true"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import Link from "next/link"
import { AlertCircle } from "lucide-react"

export default async function AuthErrorPage({
  searchParams,
}: {
  searchParams: Promise<{ error?: string }>
}) {
  const params = await searchParams

const errorMessages: Record<string, string> = {
    auth_callback_error: "Une erreur est survenue lors de l'authentification.",
    invalid_token: "Le lien est invalide ou a expiré.",
    access_denied: "Accès refusé.",
  }

const errorMessage =
    params?.error && errorMessages[params.error] ? errorMessages[params.error] : "Une erreur inattendue est survenue."

return (
    <div className="flex min-h-screen w-full items-center justify-center p-6">
      <div className="w-full max-w-sm">
        <Card>
          <CardHeader>
            <div className="flex items-center gap-2">
              <AlertCircle className="h-5 w-5 text-destructive" />
              <CardTitle className="text-xl">Erreur d'authentification</CardTitle>
            </div>
          </CardHeader>
          <CardContent className="space-y-4">
            <p className="text-sm text-muted-foreground">{errorMessage}</p>
            <div className="flex gap-2">
              <Button asChild variant="outline" className="flex-1 bg-transparent">
                <Link href="/">Accueil</Link>
              </Button>
              <Button asChild className="flex-1">
                <Link href="/login">Se connecter</Link>
              </Button>
            </div>
          </CardContent>
        </Card>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/register/success/page.tsx" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import Link from "next/link"
import { Mail, PieChart } from "lucide-react"

export default function RegisterSuccessPage() {
  return (
    <div className="min-h-screen flex flex-col">
      <div className="container flex flex-col items-center justify-center min-h-screen py-12 px-4 md:px-6">
        <div className="mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[400px]">
          <div className="flex flex-col space-y-2 text-center">
            <div className="flex justify-center">
              <PieChart className="h-10 w-10 text-primary" />
            </div>
            <h1 className="text-2xl font-semibold tracking-tight">Inscription réussie</h1>
          </div>

<Card>
            <CardHeader className="text-center">
              <div className="mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-primary/10">
                <Mail className="h-6 w-6 text-primary" />
              </div>
              <CardTitle className="text-xl">Vérifiez votre email</CardTitle>
              <CardDescription>Nous vous avons envoyé un email de confirmation</CardDescription>
            </CardHeader>
            <CardContent className="space-y-4">
              <p className="text-sm text-muted-foreground text-center">
                Cliquez sur le lien dans l'email pour activer votre compte et accéder à votre espace PATRIMONIOM.
              </p>
              <p className="text-sm text-muted-foreground text-center">
                Si vous ne recevez pas l'email dans les prochaines minutes, vérifiez votre dossier de spam.
              </p>
              <div className="flex gap-2 pt-4">
                <Button asChild variant="outline" className="flex-1 bg-transparent">
                  <Link href="/">Accueil</Link>
                </Button>
                <Button asChild className="flex-1">
                  <Link href="/login">Se connecter</Link>
                </Button>
              </div>
            </CardContent>
          </Card>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescript:file="lib/asset-service.ts" isEdit="true" isQuickEdit="true" isMerged="true"
import { createClient } from "@/lib/supabase/client"
import { getActiveDossier } from "./dossier-service"
import type { Asset } from "@/types/patrimoine"

// Obtenir tous les actifs du dossier actif
export async function getAssets(): Promise<Asset[]> {
  const supabase = createClient()
  const activeDossier = await getActiveDossier()

if (!activeDossier) return []

let query = supabase.from("assets").select("*").eq("dossier_id", activeDossier.id)

// Si c'est un dossier d'association, récupérer aussi les actifs des dossiers associés
  if (activeDossier.isAssociation && activeDossier.associatedDossierIds.length > 0) {
    query = query.or(`dossier_id.in.(${activeDossier.associatedDossierIds.join(",")})`)
  }

const { data, error } = await query.order("created_at", { ascending: false })

if (error) {
    console.error("Erreur lors de la récupération des actifs:", error)
    return []
  }

return data.map((a) => ({
    id: a.id,
    name: a.name,
    category: a.category,
    type: a.type || undefined,
    value: a.value,
    description: a.description || undefined,
    location: a.location || undefined,
    acquisitionDate: a.acquisition_date || undefined,
    acquisitionPrice: a.acquisition_price || undefined,
    createdAt: a.created_at,
    updatedAt: a.updated_at,
    originDossierId: a.origin_dossier_id || undefined,
  }))
}

// Ajouter un nouvel actif
export async function addAsset(asset: Omit<Asset, "id" | "createdAt" | "updatedAt">): Promise<Asset> {
  const supabase = createClient()
  const activeDossier = await getActiveDossier()

if (!activeDossier) {
    throw new Error("Aucun dossier actif")
  }

const { data, error } = await supabase
    .from("assets")
    .insert({
      name: asset.name,
      category: asset.category,
      type: asset.type,
      value: asset.value,
      description: asset.description,
      location: asset.location,
      acquisition_date: asset.acquisitionDate,
      acquisition_price: asset.acquisitionPrice,
      dossier_id: activeDossier.id,
    })
    .select()
    .single()

if (error) {
    throw new Error(`Erreur lors de la création de l'actif: ${error.message}`)
  }

// Mettre à jour un actif
export async function updateAsset(asset: Asset): Promise<Asset> {
  const supabase = createClient()

const { data, error } = await supabase
    .from("assets")
    .update({
      name: asset.name,
      category: asset.category,
      type: asset.type,
      value: asset.value,
      description: asset.description,
      location: asset.location,
      acquisition_date: asset.acquisitionDate,
      acquisition_price: asset.acquisitionPrice,
      updated_at: new Date().toISOString(),
    })
    .eq("id", asset.id)
    .select()
    .single()

if (error) {
    throw new Error(`Erreur lors de la mise à jour de l'actif: ${error.message}`)
  }

// Supprimer un actif
export async function deleteAsset(assetId: string): Promise<void> {
  const supabase = createClient()

const { error } = await supabase.from("assets").delete().eq("id", assetId)

if (error) {
    throw new Error(`Erreur lors de la suppression de l'actif: ${error.message}`)
  }
}

// Obtenir un actif par son ID
export async function getAssetById(assetId: string): Promise<Asset | null> {
  const supabase = createClient()

const { data, error } = await supabase.from("assets").select("*").eq("id", assetId).single()

if (error) {
    console.error("Erreur lors de la récupération de l'actif:", error)
    return null
  }

return {
    id: data.id,
    name: data.name,
    category: data.category,
    type: data.type || undefined,
    value: data.value,
    description: data.description || undefined,
    location: data.location || undefined,
    acquisitionDate: data.acquisition_date || undefined,
    acquisitionPrice: data.acquisition_price || undefined,
    createdAt: data.created_at,
    updatedAt: data.updated_at,
    originDossierId: data.origin_dossier_id || undefined,
  }
}
[V0_FILE]typescript:file="lib/document-service.ts" isEdit="true" isQuickEdit="true" isMerged="true"
import { createClient } from "@/lib/supabase/client"
import { getActiveDossier } from "./dossier-service"
import type { Document } from "@/types/patrimoine"

// Obtenir tous les documents du dossier actif
export async function getDocuments(): Promise<Document[]> {
  const supabase = createClient()
  const activeDossier = await getActiveDossier()

if (!activeDossier) return []

let query = supabase.from("documents").select("*").eq("dossier_id", activeDossier.id)

// Si c'est un dossier d'association, récupérer aussi les documents des dossiers associés
  if (activeDossier.isAssociation && activeDossier.associatedDossierIds.length > 0) {
    query = query.or(`dossier_id.in.(${activeDossier.associatedDossierIds.join(",")})`)
  }

const { data, error } = await query.order("created_at", { ascending: false })

if (error) {
    console.error("Erreur lors de la récupération des documents:", error)
    return []
  }

return data.map((d) => ({
    id: d.id,
    name: d.name,
    type: d.type,
    documentCategory: d.document_category || undefined,
    description: d.description || undefined,
    fileUrl: d.file_path ? getFileUrl(d.file_path) : undefined,
    fileName: d.file_name || undefined,
    fileSize: d.file_size || undefined,
    fileType: d.file_type || undefined,
    relatedAssetId: d.related_asset_id || undefined,
    relatedLiabilityId: d.related_liability_id || undefined,
    relatedPersonId: d.related_person_id || undefined,
    createdAt: d.created_at,
    updatedAt: d.updated_at,
  }))
}

// Ajouter un nouveau document
export async function addDocument(
  document: Omit<Document, "id" | "createdAt" | "updatedAt">,
  file?: File,
): Promise<Document> {
  const supabase = createClient()
  const activeDossier = await getActiveDossier()

if (!activeDossier) {
    throw new Error("Aucun dossier actif")
  }

let filePath = null
  let fileName = null
  let fileSize = null
  let fileType = null

// Si un fichier est fourni, le télécharger
  if (file) {
    const { data: uploadData, error: uploadError } = await uploadFile(file, activeDossier.id)

if (uploadError) {
      throw new Error(`Erreur lors du téléchargement du fichier: ${uploadError.message}`)
    }

filePath = uploadData.path
    fileName = file.name
    fileSize = file.size
    fileType = file.type
  }

// Créer le document dans la base de données
  const { data, error } = await supabase
    .from("documents")
    .insert({
      name: document.name,
      type: document.type,
      document_category: document.documentCategory,
      description: document.description,
      file_path: filePath,
      file_name: fileName,
      file_size: fileSize,
      file_type: fileType,
      related_asset_id: document.relatedAssetId,
      related_liability_id: document.relatedLiabilityId,
      related_person_id: document.relatedPersonId,
      dossier_id: activeDossier.id,
    })
    .select()
    .single()

if (error) {
    throw new Error(`Erreur lors de la création du document: ${error.message}`)
  }

return {
    id: data.id,
    name: data.name,
    type: data.type,
    documentCategory: data.document_category || undefined,
    description: data.description || undefined,
    fileUrl: data.file_path ? getFileUrl(data.file_path) : undefined,
    fileName: data.file_name || undefined,
    fileSize: data.file_size || undefined,
    fileType: data.file_type || undefined,
    relatedAssetId: data.related_asset_id || undefined,
    relatedLiabilityId: data.related_liability_id || undefined,
    relatedPersonId: data.related_person_id || undefined,
    createdAt: data.created_at,
    updatedAt: data.updated_at,
  }
}

// Télécharger un fichier
export async function uploadFile(file: File, dossierId: string) {
  const supabase = createClient()

// Créer un nom de fichier unique
  const fileExt = file.name.split(".").pop()
  const fileName = `${Date.now()}-${Math.random().toString(36).substring(2, 15)}.${fileExt}`
  const filePath = `documents/${dossierId}/${fileName}`

// Télécharger le fichier
  const { data, error } = await supabase.storage.from("patrimoniom").upload(filePath, file, {
    cacheControl: "3600",
    upsert: false,
  })

return { data, error }
}

// Obtenir l'URL publique d'un fichier
export function getFileUrl(filePath: string): string {
  const supabase = createClient()
  const { data } = supabase.storage.from("patrimoniom").getPublicUrl(filePath)
  return data.publicUrl
}

// Supprimer un document
export async function deleteDocument(documentId: string): Promise<void> {
  const supabase = createClient()

// Récupérer d'abord le document pour obtenir le chemin du fichier
  const { data: document } = await supabase.from("documents").select("file_path").eq("id", documentId).single()

// Supprimer le fichier s'il existe
  if (document && document.file_path) {
    await supabase.storage.from("patrimoniom").remove([document.file_path])
  }

// Supprimer le document de la base de données
  const { error } = await supabase.from("documents").delete().eq("id", documentId)

if (error) {
    throw new Error(`Erreur lors de la suppression du document: ${error.message}`)
  }
}

// Télécharger un fichier
export async function downloadFile(filePath: string): Promise<Blob> {
  const supabase = createClient()

const { data, error } = await supabase.storage.from("patrimoniom").download(filePath)

if (error || !data) {
    throw new Error(`Erreur lors du téléchargement du fichier: ${error?.message || "Fichier non trouvé"}`)
  }

return data
}
[V0_FILE]typescript:file="lib/dossier-service.ts" isEdit="true" isQuickEdit="true" isMerged="true"
import { createClient } from "@/lib/supabase/client"
import type { Dossier } from "@/types/dossier"

// Obtenir tous les dossiers de l'utilisateur
export async function getDossiers(): Promise<Dossier[]> {
  const supabase = createClient()
  const {
    data: { user },
  } = await supabase.auth.getUser()

if (!user) return []

const { data, error } = await supabase
    .from("dossiers")
    .select("*")
    .eq("user_id", user.id)
    .order("created_at", { ascending: false })

if (error) {
    console.error("Erreur lors de la récupération des dossiers:", error)
    return []
  }

return data.map((d) => ({
    id: d.id,
    name: d.name,
    description: d.description || undefined,
    isActive: d.is_active,
    isAssociation: d.is_association,
    createdAt: d.created_at,
    associatedDossierIds: [], // À remplir avec les associations
  }))
}

// Obtenir les dossiers associés à un dossier d'association
export async function getDossierAssociations(dossierId: string): Promise<string[]> {
  const supabase = createClient()

const { data, error } = await supabase
    .from("dossier_associations")
    .select("associated_dossier_id")
    .eq("dossier_id", dossierId)

if (error) {
    console.error("Erreur lors de la récupération des associations:", error)
    return []
  }

return data.map((d) => d.associated_dossier_id)
}

// Ajouter un nouveau dossier
export async function addDossier(
  name: string,
  description?: string,
  associatedDossierIds?: string[],
): Promise<Dossier> {
  const supabase = createClient()
  const {
    data: { user },
  } = await supabase.auth.getUser()

if (!user) {
    throw new Error("Utilisateur non authentifié")
  }

// Vérifier si c'est le premier dossier (pour le définir comme actif)
  const { count } = await supabase.from("dossiers").select("*", { count: "exact", head: true }).eq("user_id", user.id)

const isFirstDossier = count === 0

// Créer le dossier
  const { data, error } = await supabase
    .from("dossiers")
    .insert({
      name,
      description,
      is_active: isFirstDossier,
      is_association: associatedDossierIds && associatedDossierIds.length > 0,
      user_id: user.id,
    })
    .select()
    .single()

if (error) {
    throw new Error(`Erreur lors de la création du dossier: ${error.message}`)
  }

// Si c'est un dossier d'association, créer les associations
  if (associatedDossierIds && associatedDossierIds.length > 0) {
    const associations = associatedDossierIds.map((associatedId) => ({
      dossier_id: data.id,
      associated_dossier_id: associatedId,
    }))

const { error: associationError } = await supabase.from("dossier_associations").insert(associations)

if (associationError) {
      throw new Error(`Erreur lors de la création des associations: ${associationError.message}`)
    }
  }

return {
    id: data.id,
    name: data.name,
    description: data.description || undefined,
    isActive: data.is_active,
    isAssociation: data.is_association,
    createdAt: data.created_at,
    associatedDossierIds: associatedDossierIds || [],
  }
}

// Définir le dossier actif
export async function setActiveDossier(dossierId: string): Promise<void> {
  const supabase = createClient()
  const {
    data: { user },
  } = await supabase.auth.getUser()

if (!user) {
    throw new Error("Utilisateur non authentifié")
  }

// Désactiver tous les dossiers
  await supabase.from("dossiers").update({ is_active: false }).eq("user_id", user.id)

// Activer le dossier sélectionné
  const { error } = await supabase
    .from("dossiers")
    .update({ is_active: true })
    .eq("id", dossierId)
    .eq("user_id", user.id)

if (error) {
    throw new Error(`Erreur lors de l'activation du dossier: ${error.message}`)
  }
}

// Obtenir le dossier actif
export async function getActiveDossier(): Promise<Dossier | null> {
  const supabase = createClient()
  const {
    data: { user },
  } = await supabase.auth.getUser()

if (!user) return null

const { data, error } = await supabase
    .from("dossiers")
    .select("*")
    .eq("user_id", user.id)
    .eq("is_active", true)
    .single()

if (error || !data) {
    // Si aucun dossier actif, activer le premier dossier
    const { data: dossiers } = await supabase
      .from("dossiers")
      .select("*")
      .eq("user_id", user.id)
      .order("created_at", { ascending: true })
      .limit(1)

if (dossiers && dossiers.length > 0) {
      await setActiveDossier(dossiers[0].id)
      return {
        id: dossiers[0].id,
        name: dossiers[0].name,
        description: dossiers[0].description || undefined,
        isActive: true,
        isAssociation: dossiers[0].is_association,
        createdAt: dossiers[0].created_at,
        associatedDossierIds: [], // À remplir avec les associations
      }
    }

return null
  }

// Récupérer les associations si c'est un dossier d'association
  let associatedDossierIds: string[] = []
  if (data.is_association) {
    associatedDossierIds = await getDossierAssociations(data.id)
  }

// Supprimer un dossier
export async function deleteDossier(dossierId: string): Promise<void> {
  const supabase = createClient()
  const {
    data: { user },
  } = await supabase.auth.getUser()

if (!user) {
    throw new Error("Utilisateur non authentifié")
  }

// Vérifier si c'est le dossier actif
  const { data: activeDossier } = await supabase
    .from("dossiers")
    .select("*")
    .eq("id", dossierId)
    .eq("is_active", true)
    .single()

if (activeDossier) {
    throw new Error("Vous ne pouvez pas supprimer le dossier actif")
  }

// Vérifier si ce dossier est associé à d'autres dossiers
  const { data: associations } = await supabase
    .from("dossier_associations")
    .select("dossier_id")
    .eq("associated_dossier_id", dossierId)

if (associations && associations.length > 0) {
    throw new Error("Ce dossier est associé à d'autres dossiers et ne peut pas être supprimé")
  }

// Supprimer le dossier
  const { error } = await supabase.from("dossiers").delete().eq("id", dossierId).eq("user_id", user.id)

if (error) {
    throw new Error(`Erreur lors de la suppression du dossier: ${error.message}`)
  }
}

// Créer un dossier d'association
export async function createAssociationDossier(
  name: string,
  description: string,
  dossierIds: string[],
): Promise<Dossier> {
  if (dossierIds.length < 2) {
    throw new Error("Un dossier d'association doit contenir au moins deux dossiers")
  }

return addDossier(name, description, dossierIds)
}
[V0_FILE]typescript:file="lib/liability-service.ts" isEdit="true" isQuickEdit="true" isMerged="true"
import { createClient } from "@/lib/supabase/client"
import { getActiveDossier } from "./dossier-service"
import type { Liability } from "@/types/patrimoine"

// Obtenir tous les passifs du dossier actif
export async function getLiabilities(): Promise<Liability[]> {
  const supabase = createClient()
  const activeDossier = await getActiveDossier()

if (!activeDossier) return []

let query = supabase.from("liabilities").select("*").eq("dossier_id", activeDossier.id)

// Si c'est un dossier d'association, récupérer aussi les passifs des dossiers associés
  if (activeDossier.isAssociation && activeDossier.associatedDossierIds.length > 0) {
    query = query.or(`dossier_id.in.(${activeDossier.associatedDossierIds.join(",")})`)
  }

const { data, error } = await query.order("created_at", { ascending: false })

if (error) {
    console.error("Erreur lors de la récupération des passifs:", error)
    return []
  }

return data.map((l) => ({
    id: l.id,
    name: l.name,
    type: l.type,
    amount: l.amount,
    interestRate: l.interest_rate || undefined,
    startDate: l.start_date || undefined,
    endDate: l.end_date || undefined,
    monthlyPayment: l.monthly_payment || undefined,
    lender: l.lender || undefined,
    description: l.description || undefined,
    createdAt: l.created_at,
    updatedAt: l.updated_at,
    originDossierId: l.origin_dossier_id || undefined,
  }))
}

// Ajouter un nouveau passif
export async function addLiability(liability: Omit<Liability, "id" | "createdAt" | "updatedAt">): Promise<Liability> {
  const supabase = createClient()
  const activeDossier = await getActiveDossier()

if (!activeDossier) {
    throw new Error("Aucun dossier actif")
  }

const { data, error } = await supabase
    .from("liabilities")
    .insert({
      name: liability.name,
      type: liability.type,
      amount: liability.amount,
      interest_rate: liability.interestRate,
      start_date: liability.startDate,
      end_date: liability.endDate,
      monthly_payment: liability.monthlyPayment,
      lender: liability.lender,
      description: liability.description,
      dossier_id: activeDossier.id,
    })
    .select()
    .single()

if (error) {
    throw new Error(`Erreur lors de la création du passif: ${error.message}`)
  }

// Mettre à jour un passif
export async function updateLiability(liability: Liability): Promise<Liability> {
  const supabase = createClient()

const { data, error } = await supabase
    .from("liabilities")
    .update({
      name: liability.name,
      type: liability.type,
      amount: liability.amount,
      interest_rate: liability.interestRate,
      start_date: liability.startDate,
      end_date: liability.endDate,
      monthly_payment: liability.monthlyPayment,
      lender: liability.lender,
      description: liability.description,
      updated_at: new Date().toISOString(),
    })
    .eq("id", liability.id)
    .select()
    .single()

if (error) {
    throw new Error(`Erreur lors de la mise à jour du passif: ${error.message}`)
  }

// Supprimer un passif
export async function deleteLiability(liabilityId: string): Promise<void> {
  const supabase = createClient()

const { error } = await supabase.from("liabilities").delete().eq("id", liabilityId)

if (error) {
    throw new Error(`Erreur lors de la suppression du passif: ${error.message}`)
  }
}

// Obtenir un passif par son ID
export async function getLiabilityById(liabilityId: string): Promise<Liability | null> {
  const supabase = createClient()

const { data, error } = await supabase.from("liabilities").select("*").eq("id", liabilityId).single()

if (error) {
    console.error("Erreur lors de la récupération du passif:", error)
    return null
  }

return {
    id: data.id,
    name: data.name,
    type: data.type,
    amount: data.amount,
    interestRate: data.interest_rate || undefined,
    startDate: data.start_date || undefined,
    endDate: data.end_date || undefined,
    monthlyPayment: data.monthly_payment || undefined,
    lender: data.lender || undefined,
    description: data.description || undefined,
    createdAt: data.created_at,
    updatedAt: data.updated_at,
    originDossierId: data.origin_dossier_id || undefined,
  }
}
[V0_FILE]typescript:file="lib/person-service.ts" isEdit="true" isQuickEdit="true" isMerged="true"
import { createClient } from "@/lib/supabase/client"
import { getActiveDossier } from "./dossier-service"
import type { Person, Relationship } from "@/types/patrimoine"

// Obtenir toutes les personnes du dossier actif
export async function getPersons(): Promise<Person[]> {
  const supabase = createClient()
  const activeDossier = await getActiveDossier()

if (!activeDossier) return []

let query = supabase.from("persons").select("*").eq("dossier_id", activeDossier.id)

// Si c'est un dossier d'association, récupérer aussi les personnes des dossiers associés
  if (activeDossier.isAssociation && activeDossier.associatedDossierIds.length > 0) {
    query = query.or(`dossier_id.in.(${activeDossier.associatedDossierIds.join(",")})`)
  }

const { data, error } = await query.order("created_at", { ascending: false })

if (error) {
    console.error("Erreur lors de la récupération des personnes:", error)
    return []
  }

// Récupérer les relations pour chaque personne
  const persons = await Promise.all(
    data.map(async (p) => {
      const relationships = await getPersonRelationships(p.id)

return {
        id: p.id,
        firstName: p.first_name || undefined,
        lastName: p.last_name || undefined,
        name: p.name || undefined,
        type: p.type,
        email: p.email || undefined,
        phone: p.phone || undefined,
        address: p.address || undefined,
        birthDate: p.birth_date || undefined,
        legalForm: p.legal_form || undefined,
        siren: p.siren || undefined,
        description: p.description || undefined,
        relationships,
        createdAt: p.created_at,
        updatedAt: p.updated_at,
        originDossierId: p.origin_dossier_id || undefined,
      }
    }),
  )

return persons
}

// Obtenir les relations d'une personne
async function getPersonRelationships(personId: string): Promise<Relationship[]> {
  const supabase = createClient()

const { data, error } = await supabase.from("relationships").select("*").eq("source_person_id", personId)

if (error) {
    console.error("Erreur lors de la récupération des relations:", error)
    return []
  }

return data.map((r) => ({
    id: r.id,
    sourcePersonId: r.source_person_id,
    targetPersonId: r.target_person_id,
    type: r.type,
    percentage: r.percentage || undefined,
    role: r.role || undefined,
    description: r.description || undefined,
    createdAt: r.created_at,
    updatedAt: r.updated_at,
  }))
}

// Ajouter une nouvelle personne
export async function addPerson(
  person: Omit<Person, "id" | "relationships" | "createdAt" | "updatedAt">,
): Promise<Person> {
  const supabase = createClient()
  const activeDossier = await getActiveDossier()

if (!activeDossier) {
    throw new Error("Aucun dossier actif")
  }

const { data, error } = await supabase
    .from("persons")
    .insert({
      first_name: person.firstName,
      last_name: person.lastName,
      name: person.name,
      type: person.type,
      email: person.email,
      phone: person.phone,
      address: person.address,
      birth_date: person.birthDate,
      legal_form: person.legalForm,
      siren: person.siren,
      description: person.description,
      dossier_id: activeDossier.id,
    })
    .select()
    .single()

if (error) {
    throw new Error(`Erreur lors de la création de la personne: ${error.message}`)
  }

return {
    id: data.id,
    firstName: data.first_name || undefined,
    lastName: data.last_name || undefined,
    name: data.name || undefined,
    type: data.type,
    email: data.email || undefined,
    phone: data.phone || undefined,
    address: data.address || undefined,
    birthDate: data.birth_date || undefined,
    legalForm: data.legal_form || undefined,
    siren: data.siren || undefined,
    description: data.description || undefined,
    relationships: [],
    createdAt: data.created_at,
    updatedAt: data.updated_at,
    originDossierId: data.origin_dossier_id || undefined,
  }
}

// Mettre à jour une personne
export async function updatePerson(person: Person): Promise<Person> {
  const supabase = createClient()

const { data, error } = await supabase
    .from("persons")
    .update({
      first_name: person.firstName,
      last_name: person.lastName,
      name: person.name,
      type: person.type,
      email: person.email,
      phone: person.phone,
      address: person.address,
      birth_date: person.birthDate,
      legal_form: person.legalForm,
      siren: person.siren,
      description: person.description,
      updated_at: new Date().toISOString(),
    })
    .eq("id", person.id)
    .select()
    .single()

if (error) {
    throw new Error(`Erreur lors de la mise à jour de la personne: ${error.message}`)
  }

// Récupérer les relations
  const relationships = await getPersonRelationships(data.id)

return {
    id: data.id,
    firstName: data.first_name || undefined,
    lastName: data.last_name || undefined,
    name: data.name || undefined,
    type: data.type,
    email: data.email || undefined,
    phone: data.phone || undefined,
    address: data.address || undefined,
    birthDate: data.birth_date || undefined,
    legalForm: data.legal_form || undefined,
    siren: data.siren || undefined,
    description: data.description || undefined,
    relationships,
    createdAt: data.created_at,
    updatedAt: data.updated_at,
    originDossierId: data.origin_dossier_id || undefined,
  }
}

// Supprimer une personne
export async function deletePerson(personId: string): Promise<void> {
  const supabase = createClient()

// Supprimer d'abord les relations associées à cette personne
  await supabase.from("relationships").delete().or(`source_person_id.eq.${personId},target_person_id.eq.${personId}`)

// Puis supprimer la personne
  const { error } = await supabase.from("persons").delete().eq("id", personId)

if (error) {
    throw new Error(`Erreur lors de la suppression de la personne: ${error.message}`)
  }
}

// Ajouter une relation entre deux personnes
export async function addRelationship(
  relationship: Omit<Relationship, "id" | "createdAt" | "updatedAt">,
): Promise<Relationship> {
  const supabase = createClient()
  const activeDossier = await getActiveDossier()

if (!activeDossier) {
    throw new Error("Aucun dossier actif")
  }

const { data, error } = await supabase
    .from("relationships")
    .insert({
      source_person_id: relationship.sourcePersonId,
      target_person_id: relationship.targetPersonId,
      type: relationship.type,
      percentage: relationship.percentage,
      role: relationship.role,
      description: relationship.description,
      dossier_id: activeDossier.id,
    })
    .select()
    .single()

if (error) {
    throw new Error(`Erreur lors de la création de la relation: ${error.message}`)
  }

return {
    id: data.id,
    sourcePersonId: data.source_person_id,
    targetPersonId: data.target_person_id,
    type: data.type,
    percentage: data.percentage || undefined,
    role: data.role || undefined,
    description: data.description || undefined,
    createdAt: data.created_at,
    updatedAt: data.updated_at,
  }
}

// Supprimer une relation
export async function deleteRelationship(relationshipId: string): Promise<void> {
  const supabase = createClient()

const { error } = await supabase.from("relationships").delete().eq("id", relationshipId)

if (error) {
    throw new Error(`Erreur lors de la suppression de la relation: ${error.message}`)
  }
}

// Obtenir une personne par son ID
export async function getPersonById(personId: string): Promise<Person | null> {
  const supabase = createClient()

const { data, error } = await supabase.from("persons").select("*").eq("id", personId).single()

if (error) {
    console.error("Erreur lors de la récupération de la personne:", error)
    return null
  }

// Récupérer les relations
  const relationships = await getPersonRelationships(data.id)

return {
    id: data.id,
    firstName: data.first_name || undefined,
    lastName: data.last_name || undefined,
    name: data.name || undefined,
    type: data.type,
    email: data.email || undefined,
    phone: data.phone || undefined,
    address: data.address || undefined,
    birthDate: data.birth_date || undefined,
    legalForm: data.legal_form || undefined,
    siren: data.siren || undefined,
    description: data.description || undefined,
    relationships,
    createdAt: data.created_at,
    updatedAt: data.updated_at,
    originDossierId: data.origin_dossier_id || undefined,
  }
}
[V0_FILE]typescriptreact:file="app/dashboard/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import Link from "next/link"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import {
  PieChart,
  BarChart3,
  Home,
  CreditCard,
  Wallet,
  Building2,
  Car,
  FileText,
  User,
  LogOut,
  Menu,
  X,
  Loader2,
} from "lucide-react"
import { getCurrentUser, isAuthenticated, logout } from "@/lib/auth-service"
import { getAssets, getLiabilities, getDocuments, initDemoData } from "@/lib/patrimoine"
import { useRouter } from "next/navigation"
import { DossierSelector } from "@/components/dossier-selector"
import { getActiveDossier } from "@/lib/dossier"

export default function DashboardPage() {
  const router = useRouter()
  const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false)
  const [user, setUser] = useState<any>(null)
  const [netWorth, setNetWorth] = useState(0)
  const [assets, setAssets] = useState<any[]>([])
  const [liabilities, setLiabilities] = useState<any[]>([])
  const [documents, setDocuments] = useState<any[]>([])
  const [distribution, setDistribution] = useState<Record<string, number>>({})
  const [activeDossier, setActiveDossier] = useState<any>(null)
  const [isLoading, setIsLoading] = useState(true)

useEffect(() => {
    const checkAuthAndLoadData = async () => {
      try {
        // Vérifier l'authentification
        const authenticated = await isAuthenticated()
        if (!authenticated) {
          router.push("/login")
          return
        }

// Initialiser les structures de données (mais pas de données de démo)
        initDemoData()

// Récupérer l'utilisateur connecté
        const currentUser = await getCurrentUser()
        if (currentUser) {
          setUser(currentUser)
        } else {
          router.push("/login")
          return
        }

// Récupérer le dossier actif
        const dossier = getActiveDossier()
        setActiveDossier(dossier)

// Récupérer les données patrimoniales
        setAssets(getAssets())
        setLiabilities(getLiabilities())
        setDocuments(getDocuments())

// Calculer le patrimoine total
        const totalAssets = getAssets().reduce((sum, asset) => sum + asset.value, 0)
        setNetWorth(totalAssets)

// Distribution simplifiée
        const distributionData: Record<string, number> = {}
        getAssets().forEach((asset) => {
          if (distributionData[asset.category]) {
            distributionData[asset.category] += asset.value
          } else {
            distributionData[asset.category] = asset.value
          }
        })
        setDistribution(distributionData)
      } catch (error) {
        console.error("Erreur lors du chargement des données:", error)
      } finally {
        setIsLoading(false)
      }
    }

checkAuthAndLoadData()
  }, [router])

const toggleMobileMenu = () => {
    setIsMobileMenuOpen(!isMobileMenuOpen)
  }

const handleLogout = async () => {
    await logout()
    router.push("/login")
  }

// Calculer les totaux
  const totalAssets = assets.reduce((sum, asset) => sum + asset.value, 0)
  const totalLiabilities = liabilities.reduce((sum, liability) => sum + liability.amount, 0)

// Préparer les données pour le graphique de répartition
  const distributionData = Object.entries(distribution).map(([category, value]) => ({
    category,
    value,
    percentage: totalAssets > 0 ? Math.round((value / totalAssets) * 100) : 0,
  }))

if (isLoading) {
    return (
      <div className="flex items-center justify-center min-h-screen">
        <div className="flex flex-col items-center">
          <Loader2 className="h-12 w-12 animate-spin text-primary mb-4" />
          <p>Chargement de votre tableau de bord...</p>
        </div>
      </div>
    )
  }

return (
    <div className="flex min-h-screen flex-col">
      <header className="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
        <div className="container flex h-14 items-center">
          <div className="mr-4 flex items-center md:hidden">
            <Button variant="ghost" size="icon" onClick={toggleMobileMenu}>
              {isMobileMenuOpen ? <X className="h-5 w-5" /> : <Menu className="h-5 w-5" />}
            </Button>
          </div>
          <div className="flex items-center gap-2 font-bold">
            <PieChart className="h-5 w-5" />
            <span>PATRIMONIOM</span>
          </div>
          <div className="flex flex-1 items-center justify-end space-x-2">
            <DossierSelector />
            <nav className="hidden md:flex items-center space-x-4">
              <Link href="/dashboard" className="text-sm font-medium">
                Tableau de bord
              </Link>
              <Link href="/dashboard/biens-immobiliers" className="text-sm font-medium text-muted-foreground">
                Biens immobiliers
              </Link>
              <Link href="/dashboard/placements-financiers" className="text-sm font-medium text-muted-foreground">
                Placements financiers
              </Link>
              <Link href="/dashboard/emprunts" className="text-sm font-medium text-muted-foreground">
                Emprunts
              </Link>
              <Link href="/dashboard/comptes-courants" className="text-sm font-medium text-muted-foreground">
                Comptes courants d'associé
              </Link>
              <Link href="/dashboard/documents" className="text-sm font-medium text-muted-foreground">
                Documents
              </Link>
              <Link href="/dashboard/personnes" className="text-sm font-medium text-muted-foreground">
                Personnes
              </Link>
              <Link href="/dashboard/patrimoine" className="text-sm font-medium text-muted-foreground">
                Patrimoine
              </Link>
              <Link href="/dashboard/organigramme" className="text-sm font-medium text-muted-foreground">
                Organigramme
              </Link>
            </nav>
            <div className="hidden md:flex items-center space-x-2">
              <Link href="/dashboard/profil">
                <Button variant="ghost" size="icon">
                  <User className="h-5 w-5" />
                </Button>
              </Link>
              <Button variant="ghost" size="icon" onClick={handleLogout}>
                <LogOut className="h-5 w-5" />
              </Button>
            </div>
          </div>
        </div>
      </header>

{isMobileMenuOpen && (
        <div className="fixed inset-0 top-14 z-40 bg-background md:hidden">
          <div className="container py-4">
            <nav className="flex flex-col space-y-4">
              <div className="mb-4">
                <DossierSelector />
              </div>
              <Link
                href="/dashboard"
                className="flex items-center py-2 text-lg font-medium"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <BarChart3 className="mr-2 h-5 w-5" />
                Tableau de bord
              </Link>
              <Link
                href="/dashboard/biens-immobiliers"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <Home className="mr-2 h-5 w-5" />
                Biens immobiliers
              </Link>
              <Link
                href="/dashboard/placements-financiers"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <BarChart3 className="mr-2 h-5 w-5" />
                Placements financiers
              </Link>
              <Link
                href="/dashboard/emprunts"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <CreditCard className="mr-2 h-5 w-5" />
                Emprunts
              </Link>
              <Link
                href="/dashboard/comptes-courants"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <Wallet className="mr-2 h-5 w-5" />
                Comptes courants d'associé
              </Link>
              <Link
                href="/dashboard/documents"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <FileText className="mr-2 h-5 w-5" />
                Documents
              </Link>
              <Link
                href="/dashboard/personnes"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <User className="mr-2 h-5 w-5" />
                Personnes
              </Link>
              <Link
                href="/dashboard/patrimoine"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <Building2 className="mr-2 h-5 w-5" />
                Patrimoine
              </Link>
              <Link
                href="/dashboard/organigramme"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <FileText className="mr-2 h-5 w-5" />
                Organigramme
              </Link>
              <div className="border-t my-4"></div>
              <Link
                href="/dashboard/profil"
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <User className="mr-2 h-5 w-5" />
                Mon profil
              </Link>
              <button
                className="flex items-center py-2 text-lg font-medium text-muted-foreground"
                onClick={() => {
                  setIsMobileMenuOpen(false)
                  handleLogout()
                }}
              >
                <LogOut className="mr-2 h-5 w-5" />
                Déconnexion
              </button>
            </nav>
          </div>
        </div>
      )}

<main className="flex-1 container py-6">
        <div className="flex flex-col space-y-6">
          <div>
            <h1 className="text-3xl font-bold tracking-tight">Tableau de bord</h1>
            <p className="text-muted-foreground">
              Bienvenue {user?.firstName} {user?.lastName} sur votre espace de gestion patrimoniale
              {activeDossier && (
                <span>
                  {" "}
                  - Dossier : <span className="font-medium">{activeDossier.name}</span>
                </span>
              )}
            </p>
          </div>

<div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
            <Card className="border-gold-300 gold-shadow">
              <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
                <CardTitle className="text-sm font-medium">Patrimoine total</CardTitle>
                <Wallet className="h-4 w-4 text-gold-500" />
              </CardHeader>
              <CardContent>
                <div className="text-2xl font-bold">{netWorth.toLocaleString("fr-FR")} €</div>
                <p className="text-xs text-muted-foreground">+0% depuis le mois dernier</p>
              </CardContent>
            </Card>
            <Card className="border-gold-300 gold-shadow">
              <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
                <CardTitle className="text-sm font-medium">Actifs</CardTitle>
                <Wallet className="h-4 w-4 text-gold-500" />
              </CardHeader>
              <CardContent>
                <div className="text-2xl font-bold">{totalAssets.toLocaleString("fr-FR")} €</div>
                <p className="text-xs text-muted-foreground">{assets.length} actifs enregistrés</p>
              </CardContent>
            </Card>
            <Card className="border-gold-300 gold-shadow">
              <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
                <CardTitle className="text-sm font-medium">Passifs</CardTitle>
                <CreditCard className="h-4 w-4 text-gold-500" />
              </CardHeader>
              <CardContent>
                <div className="text-2xl font-bold">{totalLiabilities.toLocaleString("fr-FR")} €</div>
                <p className="text-xs text-muted-foreground">{liabilities.length} emprunts en cours</p>
              </CardContent>
            </Card>
            <Card className="border-gold-300 gold-shadow">
              <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
                <CardTitle className="text-sm font-medium">Documents</CardTitle>
                <FileText className="h-4 w-4 text-gold-500" />
              </CardHeader>
              <CardContent>
                <div className="text-2xl font-bold">{documents.length}</div>
                <p className="text-xs text-muted-foreground">Documents stockés</p>
              </CardContent>
            </Card>
          </div>

<Tabs defaultValue="repartition">
            <TabsList>
              <TabsTrigger value="repartition">Répartition</TabsTrigger>
              <TabsTrigger value="evolution">Évolution</TabsTrigger>
            </TabsList>
            <TabsContent value="repartition" className="space-y-4">
              <Card>
                <CardHeader>
                  <CardTitle>Répartition du patrimoine</CardTitle>
                  <CardDescription>Visualisation de la répartition de vos actifs par catégorie</CardDescription>
                </CardHeader>
                <CardContent className="pl-2">
                  <div className="flex flex-col md:flex-row gap-8 items-center">
                    <div className="w-60 h-60 relative">
                      <PieChart className="w-full h-full text-gold-300 opacity-20" />
                      <div className="absolute inset-0 flex items-center justify-center">
                        <div className="text-center">
                          <p className="text-sm font-medium">Total</p>
                          <p className="text-2xl font-bold">{netWorth.toLocaleString("fr-FR")} €</p>
                        </div>
                      </div>
                    </div>
                    <div className="grid gap-4 flex-1">
                      {distributionData.map((item, index) => {
                        const colors = ["bg-gold-500", "bg-gold-400", "bg-gold-600", "bg-gold-300", "bg-gold-700"]
                        return (
                          <div key={index} className="flex items-center gap-4">
                            <div className={`w-4 h-4 rounded-full ${colors[index % colors.length]}`}></div>
                            <div className="flex-1">
                              <div className="flex justify-between">
                                <p className="text-sm font-medium">{item.category}</p>
                                <p className="text-sm font-medium">{item.percentage}%</p>
                              </div>
                              <p className="text-xs text-muted-foreground">{item.value.toLocaleString("fr-FR")} €</p>
                            </div>
                          </div>
                        )
                      })}
                    </div>
                  </div>
                </CardContent>
              </Card>
            </TabsContent>
            <TabsContent value="evolution" className="space-y-4">
              <Card>
                <CardHeader>
                  <CardTitle>Évolution du patrimoine</CardTitle>
                  <CardDescription>
                    Suivi de l'évolution de votre patrimoine sur les 12 derniers mois
                  </CardDescription>
                </CardHeader>
                <CardContent>
                  <div className="h-[300px] flex items-end gap-2">
                    {Array.from({ length: 12 }).map((_, i) => {
                      const height = 40 + Math.random() * 60
                      return (
                        <div key={i} className="flex-1 flex flex-col items-center gap-2">
                          <div className="w-full bg-gold-500 rounded-t-sm" style={{ height: `${height}%` }}></div>
                          <span className="text-xs">{`M${i + 1}`}</span>
                        </div>
                      )
                    })}
                  </div>
                </CardContent>
              </Card>
            </TabsContent>
          </Tabs>

<div className="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
            <Card>
              <CardHeader>
                <CardTitle>Actifs récents</CardTitle>
                <CardDescription>Derniers actifs ajoutés à votre patrimoine</CardDescription>
              </CardHeader>
              <CardContent>
                <div className="space-y-4">
                  {assets.slice(0, 3).map((asset, index) => (
                    <div key={index} className="flex items-center gap-4">
                      <div className="rounded-full p-2 bg-gold-100">
                        {asset.category === "Immobilier" ? (
                          <Home className="h-4 w-4 text-gold-600" />
                        ) : asset.category === "Placements financiers" ? (
                          <Wallet className="h-4 w-4 text-gold-600" />
                        ) : asset.category === "Biens mobiliers" ? (
                          <Car className="h-4 w-4 text-gold-600" />
                        ) : (
                          <Building2 className="h-4 w-4 text-gold-600" />
                        )}
                      </div>
                      <div>
                        <p className="text-sm font-medium">{asset.name}</p>
                        <p className="text-xs text-muted-foreground">{asset.value.toLocaleString("fr-FR")} €</p>
                      </div>
                    </div>
                  ))}
                </div>
              </CardContent>
            </Card>
            <Card>
              <CardHeader>
                <CardTitle>Passifs récents</CardTitle>
                <CardDescription>Derniers passifs ajoutés à votre patrimoine</CardDescription>
              </CardHeader>
              <CardContent>
                <div className="space-y-4">
                  {liabilities.slice(0, 3).map((liability, index) => (
                    <div key={index} className="flex items-center gap-4">
                      <div className="rounded-full p-2 bg-gold-100">
                        <CreditCard className="h-4 w-4 text-gold-600" />
                      </div>
                      <div>
                        <p className="text-sm font-medium">{liability.name}</p>
                        <p className="text-xs text-muted-foreground">
                          {liability.amount.toLocaleString("fr-FR")} € restants
                        </p>
                      </div>
                    </div>
                  ))}
                </div>
              </CardContent>
            </Card>
            <Card className="md:col-span-2 lg:col-span-1">
              <CardHeader>
                <CardTitle>Documents récents</CardTitle>
                <CardDescription>Derniers documents ajoutés</CardDescription>
              </CardHeader>
              <CardContent>
                <div className="space-y-4">
                  {documents.slice(0, 3).map((document, index) => (
                    <div key={index} className="flex items-center gap-4">
                      <div className="rounded-full p-2 bg-gold-100">
                        <FileText className="h-4 w-4 text-gold-600" />
                      </div>
                      <div>
                        <p className="text-sm font-medium">{document.name}</p>
                        <p className="text-xs text-muted-foreground">
                          Ajouté le {new Date(document.createdAt).toLocaleDateString("fr-FR")}
                        </p>
                      </div>
                    </div>
                  ))}
                </div>
              </CardContent>
            </Card>
          </div>
        </div>
      </main>
    </div>
  )
}
[V0_FILE]sql:file="scripts/01_create_tables.sql" isMerged="true"
-- Enable UUID extension
CREATE EXTENSION IF NOT EXISTS "uuid-ossp";

-- Table des utilisateurs (étendue de auth.users)
CREATE TABLE IF NOT EXISTS public.users (
  id UUID PRIMARY KEY REFERENCES auth.users(id) ON DELETE CASCADE,
  email TEXT NOT NULL UNIQUE,
  first_name TEXT,
  last_name TEXT,
  created_at TIMESTAMPTZ DEFAULT NOW(),
  updated_at TIMESTAMPTZ DEFAULT NOW()
);

-- Table des dossiers (portfolios)
CREATE TABLE IF NOT EXISTS public.dossiers (
  id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
  name TEXT NOT NULL,
  description TEXT,
  is_active BOOLEAN DEFAULT false,
  is_association BOOLEAN DEFAULT false,
  user_id UUID NOT NULL REFERENCES public.users(id) ON DELETE CASCADE,
  created_at TIMESTAMPTZ DEFAULT NOW(),
  updated_at TIMESTAMPTZ DEFAULT NOW()
);

-- Table des associations entre dossiers
CREATE TABLE IF NOT EXISTS public.dossier_associations (
  id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
  dossier_id UUID NOT NULL REFERENCES public.dossiers(id) ON DELETE CASCADE,
  associated_dossier_id UUID NOT NULL REFERENCES public.dossiers(id) ON DELETE CASCADE,
  created_at TIMESTAMPTZ DEFAULT NOW(),
  UNIQUE(dossier_id, associated_dossier_id)
);

-- Table des actifs
CREATE TABLE IF NOT EXISTS public.assets (
  id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
  name TEXT NOT NULL,
  category TEXT NOT NULL,
  type TEXT,
  value DECIMAL(15, 2) NOT NULL DEFAULT 0,
  description TEXT,
  location TEXT,
  acquisition_date DATE,
  acquisition_price DECIMAL(15, 2),
  dossier_id UUID NOT NULL REFERENCES public.dossiers(id) ON DELETE CASCADE,
  origin_dossier_id UUID REFERENCES public.dossiers(id) ON DELETE SET NULL,
  created_at TIMESTAMPTZ DEFAULT NOW(),
  updated_at TIMESTAMPTZ DEFAULT NOW()
);

-- Table des passifs
CREATE TABLE IF NOT EXISTS public.liabilities (
  id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
  name TEXT NOT NULL,
  type TEXT NOT NULL,
  amount DECIMAL(15, 2) NOT NULL DEFAULT 0,
  interest_rate DECIMAL(5, 2),
  start_date DATE,
  end_date DATE,
  monthly_payment DECIMAL(15, 2),
  lender TEXT,
  description TEXT,
  dossier_id UUID NOT NULL REFERENCES public.dossiers(id) ON DELETE CASCADE,
  origin_dossier_id UUID REFERENCES public.dossiers(id) ON DELETE SET NULL,
  created_at TIMESTAMPTZ DEFAULT NOW(),
  updated_at TIMESTAMPTZ DEFAULT NOW()
);

-- Table des personnes (physiques et morales)
CREATE TABLE IF NOT EXISTS public.persons (
  id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
  first_name TEXT,
  last_name TEXT,
  name TEXT,
  type TEXT NOT NULL CHECK (type IN ('Physique', 'Morale')),
  email TEXT,
  phone TEXT,
  address TEXT,
  birth_date DATE,
  legal_form TEXT,
  siren TEXT,
  description TEXT,
  dossier_id UUID NOT NULL REFERENCES public.dossiers(id) ON DELETE CASCADE,
  origin_dossier_id UUID REFERENCES public.dossiers(id) ON DELETE SET NULL,
  created_at TIMESTAMPTZ DEFAULT NOW(),
  updated_at TIMESTAMPTZ DEFAULT NOW()
);

-- Table des relations entre personnes
CREATE TABLE IF NOT EXISTS public.relationships (
  id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
  source_person_id UUID NOT NULL REFERENCES public.persons(id) ON DELETE CASCADE,
  target_person_id UUID NOT NULL REFERENCES public.persons(id) ON DELETE CASCADE,
  type TEXT NOT NULL CHECK (type IN ('actionnaire', 'dirigeant', 'associe', 'representant', 'beneficiaire', 'autre')),
  percentage DECIMAL(5, 2),
  role TEXT,
  description TEXT,
  dossier_id UUID NOT NULL REFERENCES public.dossiers(id) ON DELETE CASCADE,
  origin_dossier_id UUID REFERENCES public.dossiers(id) ON DELETE SET NULL,
  created_at TIMESTAMPTZ DEFAULT NOW(),
  updated_at TIMESTAMPTZ DEFAULT NOW()
);

-- Table des documents
CREATE TABLE IF NOT EXISTS public.documents (
  id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
  name TEXT NOT NULL,
  type TEXT NOT NULL,
  document_category TEXT CHECK (document_category IN ('carte_identite', 'livret_famille', 'avis_imposition', 'kbis', 'statuts', 'bilan', 'titre_propriete', 'autre')),
  description TEXT,
  file_path TEXT,
  file_name TEXT,
  file_size INTEGER,
  file_type TEXT,
  related_asset_id UUID REFERENCES public.assets(id) ON DELETE SET NULL,
  related_liability_id UUID REFERENCES public.liabilities(id) ON DELETE SET NULL,
  related_person_id UUID REFERENCES public.persons(id) ON DELETE SET NULL,
  dossier_id UUID NOT NULL REFERENCES public.dossiers(id) ON DELETE CASCADE,
  origin_dossier_id UUID REFERENCES public.dossiers(id) ON DELETE SET NULL,
  created_at TIMESTAMPTZ DEFAULT NOW(),
  updated_at TIMESTAMPTZ DEFAULT NOW()
);

-- Index pour améliorer les performances
CREATE INDEX IF NOT EXISTS idx_dossiers_user_id ON public.dossiers(user_id);
CREATE INDEX IF NOT EXISTS idx_dossiers_is_active ON public.dossiers(is_active);
CREATE INDEX IF NOT EXISTS idx_assets_dossier_id ON public.assets(dossier_id);
CREATE INDEX IF NOT EXISTS idx_liabilities_dossier_id ON public.liabilities(dossier_id);
CREATE INDEX IF NOT EXISTS idx_persons_dossier_id ON public.persons(dossier_id);
CREATE INDEX IF NOT EXISTS idx_relationships_source_person_id ON public.relationships(source_person_id);
CREATE INDEX IF NOT EXISTS idx_relationships_target_person_id ON public.relationships(target_person_id);
CREATE INDEX IF NOT EXISTS idx_documents_dossier_id ON public.documents(dossier_id);
CREATE INDEX IF NOT EXISTS idx_documents_related_asset_id ON public.documents(related_asset_id);
CREATE INDEX IF NOT EXISTS idx_documents_related_liability_id ON public.documents(related_liability_id);
CREATE INDEX IF NOT EXISTS idx_documents_related_person_id ON public.documents(related_person_id);
[V0_FILE]sql:file="scripts/02_create_functions.sql" isMerged="true"
-- Fonction pour mettre à jour automatiquement le champ updated_at
CREATE OR REPLACE FUNCTION update_updated_at_column()
RETURNS TRIGGER AS $$
BEGIN
  NEW.updated_at = NOW();
  RETURN NEW;
END;
$$ LANGUAGE plpgsql;

-- Trigger pour mettre à jour updated_at sur la table users
DROP TRIGGER IF EXISTS update_users_updated_at ON public.users;
CREATE TRIGGER update_users_updated_at
  BEFORE UPDATE ON public.users
  FOR EACH ROW
  EXECUTE FUNCTION update_updated_at_column();

-- Trigger pour mettre à jour updated_at sur la table dossiers
DROP TRIGGER IF EXISTS update_dossiers_updated_at ON public.dossiers;
CREATE TRIGGER update_dossiers_updated_at
  BEFORE UPDATE ON public.dossiers
  FOR EACH ROW
  EXECUTE FUNCTION update_updated_at_column();

-- Trigger pour mettre à jour updated_at sur la table assets
DROP TRIGGER IF EXISTS update_assets_updated_at ON public.assets;
CREATE TRIGGER update_assets_updated_at
  BEFORE UPDATE ON public.assets
  FOR EACH ROW
  EXECUTE FUNCTION update_updated_at_column();

-- Trigger pour mettre à jour updated_at sur la table liabilities
DROP TRIGGER IF EXISTS update_liabilities_updated_at ON public.liabilities;
CREATE TRIGGER update_liabilities_updated_at
  BEFORE UPDATE ON public.liabilities
  FOR EACH ROW
  EXECUTE FUNCTION update_updated_at_column();

-- Trigger pour mettre à jour updated_at sur la table persons
DROP TRIGGER IF EXISTS update_persons_updated_at ON public.persons;
CREATE TRIGGER update_persons_updated_at
  BEFORE UPDATE ON public.persons
  FOR EACH ROW
  EXECUTE FUNCTION update_updated_at_column();

-- Trigger pour mettre à jour updated_at sur la table relationships
DROP TRIGGER IF EXISTS update_relationships_updated_at ON public.relationships;
CREATE TRIGGER update_relationships_updated_at
  BEFORE UPDATE ON public.relationships
  FOR EACH ROW
  EXECUTE FUNCTION update_updated_at_column();

-- Trigger pour mettre à jour updated_at sur la table documents
DROP TRIGGER IF EXISTS update_documents_updated_at ON public.documents;
CREATE TRIGGER update_documents_updated_at
  BEFORE UPDATE ON public.documents
  FOR EACH ROW
  EXECUTE FUNCTION update_updated_at_column();

-- Fonction pour créer automatiquement un profil utilisateur après l'inscription
CREATE OR REPLACE FUNCTION public.handle_new_user()
RETURNS TRIGGER AS $$
BEGIN
  INSERT INTO public.users (id, email, first_name, last_name)
  VALUES (
    NEW.id,
    NEW.email,
    NEW.raw_user_meta_data->>'first_name',
    NEW.raw_user_meta_data->>'last_name'
  );
  RETURN NEW;
END;
$$ LANGUAGE plpgsql SECURITY DEFINER;

-- Trigger pour créer automatiquement un profil utilisateur
DROP TRIGGER IF EXISTS on_auth_user_created ON auth.users;
CREATE TRIGGER on_auth_user_created
  AFTER INSERT ON auth.users
  FOR EACH ROW
  EXECUTE FUNCTION public.handle_new_user();
[V0_FILE]sql:file="scripts/03_enable_rls.sql" isMerged="true"
-- Activer Row Level Security sur toutes les tables
ALTER TABLE public.users ENABLE ROW LEVEL SECURITY;
ALTER TABLE public.dossiers ENABLE ROW LEVEL SECURITY;
ALTER TABLE public.dossier_associations ENABLE ROW LEVEL SECURITY;
ALTER TABLE public.assets ENABLE ROW LEVEL SECURITY;
ALTER TABLE public.liabilities ENABLE ROW LEVEL SECURITY;
ALTER TABLE public.persons ENABLE ROW LEVEL SECURITY;
ALTER TABLE public.relationships ENABLE ROW LEVEL SECURITY;
ALTER TABLE public.documents ENABLE ROW LEVEL SECURITY;

-- Politiques RLS pour la table users
DROP POLICY IF EXISTS "Users can view their own profile" ON public.users;
CREATE POLICY "Users can view their own profile"
  ON public.users FOR SELECT
  USING (auth.uid() = id);

DROP POLICY IF EXISTS "Users can update their own profile" ON public.users;
CREATE POLICY "Users can update their own profile"
  ON public.users FOR UPDATE
  USING (auth.uid() = id);

-- Politiques RLS pour la table dossiers
DROP POLICY IF EXISTS "Users can view their own dossiers" ON public.dossiers;
CREATE POLICY "Users can view their own dossiers"
  ON public.dossiers FOR SELECT
  USING (auth.uid() = user_id);

DROP POLICY IF EXISTS "Users can create their own dossiers" ON public.dossiers;
CREATE POLICY "Users can create their own dossiers"
  ON public.dossiers FOR INSERT
  WITH CHECK (auth.uid() = user_id);

DROP POLICY IF EXISTS "Users can update their own dossiers" ON public.dossiers;
CREATE POLICY "Users can update their own dossiers"
  ON public.dossiers FOR UPDATE
  USING (auth.uid() = user_id);

DROP POLICY IF EXISTS "Users can delete their own dossiers" ON public.dossiers;
CREATE POLICY "Users can delete their own dossiers"
  ON public.dossiers FOR DELETE
  USING (auth.uid() = user_id);

-- Politiques RLS pour la table dossier_associations
DROP POLICY IF EXISTS "Users can view their own dossier associations" ON public.dossier_associations;
CREATE POLICY "Users can view their own dossier associations"
  ON public.dossier_associations FOR SELECT
  USING (
    EXISTS (
      SELECT 1 FROM public.dossiers
      WHERE dossiers.id = dossier_associations.dossier_id
      AND dossiers.user_id = auth.uid()
    )
  );

DROP POLICY IF EXISTS "Users can create their own dossier associations" ON public.dossier_associations;
CREATE POLICY "Users can create their own dossier associations"
  ON public.dossier_associations FOR INSERT
  WITH CHECK (
    EXISTS (
      SELECT 1 FROM public.dossiers
      WHERE dossiers.id = dossier_associations.dossier_id
      AND dossiers.user_id = auth.uid()
    )
  );

DROP POLICY IF EXISTS "Users can delete their own dossier associations" ON public.dossier_associations;
CREATE POLICY "Users can delete their own dossier associations"
  ON public.dossier_associations FOR DELETE
  USING (
    EXISTS (
      SELECT 1 FROM public.dossiers
      WHERE dossiers.id = dossier_associations.dossier_id
      AND dossiers.user_id = auth.uid()
    )
  );

-- Politiques RLS pour la table assets
DROP POLICY IF EXISTS "Users can view their own assets" ON public.assets;
CREATE POLICY "Users can view their own assets"
  ON public.assets FOR SELECT
  USING (
    EXISTS (
      SELECT 1 FROM public.dossiers
      WHERE dossiers.id = assets.dossier_id
      AND dossiers.user_id = auth.uid()
    )
  );

DROP POLICY IF EXISTS "Users can create their own assets" ON public.assets;
CREATE POLICY "Users can create their own assets"
  ON public.assets FOR INSERT
  WITH CHECK (
    EXISTS (
      SELECT 1 FROM public.dossiers
      WHERE dossiers.id = assets.dossier_id
      AND dossiers.user_id = auth.uid()
    )
  );

DROP POLICY IF EXISTS "Users can update their own assets" ON public.assets;
CREATE POLICY "Users can update their own assets"
  ON public.assets FOR UPDATE
  USING (
    EXISTS (
      SELECT 1 FROM public.dossiers
      WHERE dossiers.id = assets.dossier_id
      AND dossiers.user_id = auth.uid()
    )
  );

DROP POLICY IF EXISTS "Users can delete their own assets" ON public.assets;
CREATE POLICY "Users can delete their own assets"
  ON public.assets FOR DELETE
  USING (
    EXISTS (
      SELECT 1 FROM public.dossiers
      WHERE dossiers.id = assets.dossier_id
      AND dossiers.user_id = auth.uid()
    )
  );

-- Politiques RLS pour la table liabilities
DROP POLICY IF EXISTS "Users can view their own liabilities" ON public.liabilities;
CREATE POLICY "Users can view their own liabilities"
  ON public.liabilities FOR SELECT
  USING (
    EXISTS (
      SELECT 1 FROM public.dossiers
      WHERE dossiers.id = liabilities.dossier_id
      AND dossiers.user_id = auth.uid()
    )
  );

DROP POLICY IF EXISTS "Users can create their own liabilities" ON public.liabilities;
CREATE POLICY "Users can create their own liabilities"
  ON public.liabilities FOR INSERT
  WITH CHECK (
    EXISTS (
      SELECT 1 FROM public.dossiers
      WHERE dossiers.id = liabilities.dossier_id
      AND dossiers.user_id = auth.uid()
    )
  );

DROP POLICY IF EXISTS "Users can update their own liabilities" ON public.liabilities;
CREATE POLICY "Users can update their own liabilities"
  ON public.liabilities FOR UPDATE
  USING (
    EXISTS (
      SELECT 1 FROM public.dossiers
      WHERE dossiers.id = liabilities.dossier_id
      AND dossiers.user_id = auth.uid()
    )
  );

DROP POLICY IF EXISTS "Users can delete their own liabilities" ON public.liabilities;
CREATE POLICY "Users can delete their own liabilities"
  ON public.liabilities FOR DELETE
  USING (
    EXISTS (
      SELECT 1 FROM public.dossiers
      WHERE dossiers.id = liabilities.dossier_id
      AND dossiers.user_id = auth.uid()
    )
  );

-- Politiques RLS pour la table persons
DROP POLICY IF EXISTS "Users can view their own persons" ON public.persons;
CREATE POLICY "Users can view their own persons"
  ON public.persons FOR SELECT
  USING (
    EXISTS (
      SELECT 1 FROM public.dossiers
      WHERE dossiers.id = persons.dossier_id
      AND dossiers.user_id = auth.uid()
    )
  );

DROP POLICY IF EXISTS "Users can create their own persons" ON public.persons;
CREATE POLICY "Users can create their own persons"
  ON public.persons FOR INSERT
  WITH CHECK (
    EXISTS (
      SELECT 1 FROM public.dossiers
      WHERE dossiers.id = persons.dossier_id
      AND dossiers.user_id = auth.uid()
    )
  );

DROP POLICY IF EXISTS "Users can update their own persons" ON public.persons;
CREATE POLICY "Users can update their own persons"
  ON public.persons FOR UPDATE
  USING (
    EXISTS (
      SELECT 1 FROM public.dossiers
      WHERE dossiers.id = persons.dossier_id
      AND dossiers.user_id = auth.uid()
    )
  );

DROP POLICY IF EXISTS "Users can delete their own persons" ON public.persons;
CREATE POLICY "Users can delete their own persons"
  ON public.persons FOR DELETE
  USING (
    EXISTS (
      SELECT 1 FROM public.dossiers
      WHERE dossiers.id = persons.dossier_id
      AND dossiers.user_id = auth.uid()
    )
  );

-- Politiques RLS pour la table relationships
DROP POLICY IF EXISTS "Users can view their own relationships" ON public.relationships;
CREATE POLICY "Users can view their own relationships"
  ON public.relationships FOR SELECT
  USING (
    EXISTS (
      SELECT 1 FROM public.dossiers
      WHERE dossiers.id = relationships.dossier_id
      AND dossiers.user_id = auth.uid()
    )
  );

DROP POLICY IF EXISTS "Users can create their own relationships" ON public.relationships;
CREATE POLICY "Users can create their own relationships"
  ON public.relationships FOR INSERT
  WITH CHECK (
    EXISTS (
      SELECT 1 FROM public.dossiers
      WHERE dossiers.id = relationships.dossier_id
      AND dossiers.user_id = auth.uid()
    )
  );

DROP POLICY IF EXISTS "Users can update their own relationships" ON public.relationships;
CREATE POLICY "Users can update their own relationships"
  ON public.relationships FOR UPDATE
  USING (
    EXISTS (
      SELECT 1 FROM public.dossiers
      WHERE dossiers.id = relationships.dossier_id
      AND dossiers.user_id = auth.uid()
    )
  );

DROP POLICY IF EXISTS "Users can delete their own relationships" ON public.relationships;
CREATE POLICY "Users can delete their own relationships"
  ON public.relationships FOR DELETE
  USING (
    EXISTS (
      SELECT 1 FROM public.dossiers
      WHERE dossiers.id = relationships.dossier_id
      AND dossiers.user_id = auth.uid()
    )
  );

-- Politiques RLS pour la table documents
DROP POLICY IF EXISTS "Users can view their own documents" ON public.documents;
CREATE POLICY "Users can view their own documents"
  ON public.documents FOR SELECT
  USING (
    EXISTS (
      SELECT 1 FROM public.dossiers
      WHERE dossiers.id = documents.dossier_id
      AND dossiers.user_id = auth.uid()
    )
  );

DROP POLICY IF EXISTS "Users can create their own documents" ON public.documents;
CREATE POLICY "Users can create their own documents"
  ON public.documents FOR INSERT
  WITH CHECK (
    EXISTS (
      SELECT 1 FROM public.dossiers
      WHERE dossiers.id = documents.dossier_id
      AND dossiers.user_id = auth.uid()
    )
  );

DROP POLICY IF EXISTS "Users can update their own documents" ON public.documents;
CREATE POLICY "Users can update their own documents"
  ON public.documents FOR UPDATE
  USING (
    EXISTS (
      SELECT 1 FROM public.dossiers
      WHERE dossiers.id = documents.dossier_id
      AND dossiers.user_id = auth.uid()
    )
  );

DROP POLICY IF EXISTS "Users can delete their own documents" ON public.documents;
CREATE POLICY "Users can delete their own documents"
  ON public.documents FOR DELETE
  USING (
    EXISTS (
      SELECT 1 FROM public.dossiers
      WHERE dossiers.id = documents.dossier_id
      AND dossiers.user_id = auth.uid()
    )
  );
[V0_FILE]sql:file="scripts/04_create_storage.sql" isMerged="true"
-- Créer le bucket de stockage pour les documents
INSERT INTO storage.buckets (id, name, public)
VALUES ('patrimoniom', 'patrimoniom', false)
ON CONFLICT (id) DO NOTHING;

-- Politiques pour le bucket patrimoniom
DROP POLICY IF EXISTS "Users can view their own documents" ON storage.objects;
CREATE POLICY "Users can view their own documents"
  ON storage.objects FOR SELECT
  USING (
    bucket_id = 'patrimoniom' AND
    auth.uid()::text = (storage.foldername(name))[1]
  );

DROP POLICY IF EXISTS "Users can upload their own documents" ON storage.objects;
CREATE POLICY "Users can upload their own documents"
  ON storage.objects FOR INSERT
  WITH CHECK (
    bucket_id = 'patrimoniom' AND
    auth.uid()::text = (storage.foldername(name))[1]
  );

DROP POLICY IF EXISTS "Users can update their own documents" ON storage.objects;
CREATE POLICY "Users can update their own documents"
  ON storage.objects FOR UPDATE
  USING (
    bucket_id = 'patrimoniom' AND
    auth.uid()::text = (storage.foldername(name))[1]
  );

DROP POLICY IF EXISTS "Users can delete their own documents" ON storage.objects;
CREATE POLICY "Users can delete their own documents"
  ON storage.objects FOR DELETE
  USING (
    bucket_id = 'patrimoniom' AND
    auth.uid()::text = (storage.foldername(name))[1]
  );
[V0_FILE]sql:file="scripts/05_create_demo_account.sql" isMerged="true"
-- Créer un compte de démonstration
-- Email: demo@patrimoniom.fr
-- Mot de passe: Demo2024!

-- Note: Ce script doit être exécuté après avoir créé manuellement l'utilisateur via Supabase Auth
-- ou via l'interface de création de compte. Vous pouvez créer l'utilisateur avec la commande SQL:
-- 
-- INSERT INTO auth.users (id, email, encrypted_password, email_confirmed_at, created_at, updated_at)
-- VALUES (
--   'demo-user-id-here',
--   'demo@patrimoniom.fr',
--   crypt('Demo2024!', gen_salt('bf')),
--   NOW(),
--   NOW(),
--   NOW()
-- );

-- Créer le profil utilisateur pour le compte démo
-- Remplacez 'demo-user-id-here' par l'ID réel de l'utilisateur créé
DO $$
DECLARE
  demo_user_id UUID;
  demo_dossier_id UUID;
  demo_person_id UUID;
  demo_asset_id UUID;
BEGIN
  -- Vérifier si l'utilisateur démo existe déjà
  SELECT id INTO demo_user_id FROM auth.users WHERE email = 'demo@patrimoniom.fr';
  
  IF demo_user_id IS NULL THEN
    RAISE NOTICE 'Utilisateur démo non trouvé. Veuillez créer le compte via l''interface Supabase Auth.';
  ELSE
    -- Créer ou mettre à jour le profil utilisateur
    INSERT INTO public.users (id, email, first_name, last_name, created_at, updated_at)
    VALUES (demo_user_id, 'demo@patrimoniom.fr', 'Utilisateur', 'Démo', NOW(), NOW())
    ON CONFLICT (id) DO UPDATE 
    SET first_name = 'Utilisateur', last_name = 'Démo', updated_at = NOW();

-- Créer un dossier actif de démonstration
    INSERT INTO public.dossiers (id, name, description, is_active, is_association, user_id, created_at, updated_at)
    VALUES (uuid_generate_v4(), 'Dossier Personnel', 'Dossier de démonstration avec des données d''exemple', true, false, demo_user_id, NOW(), NOW())
    RETURNING id INTO demo_dossier_id;

-- Ajouter des personnes physiques
    INSERT INTO public.persons (first_name, last_name, type, email, phone, address, birth_date, dossier_id, created_at, updated_at)
    VALUES 
    ('Jean', 'Dupont', 'Physique', 'jean.dupont@exemple.fr', '06 12 34 56 78', '123 Rue de la Paix, 75001 Paris', '1980-05-15', demo_dossier_id, NOW(), NOW()),
    ('Marie', 'Martin', 'Physique', 'marie.martin@exemple.fr', '06 98 76 54 32', '456 Avenue des Champs, 75008 Paris', '1985-08-22', demo_dossier_id, NOW(), NOW())
    RETURNING id INTO demo_person_id;

-- Ajouter une personne morale
    INSERT INTO public.persons (name, type, email, phone, address, legal_form, siren, description, dossier_id, created_at, updated_at)
    VALUES 
    ('Société Exemple SAS', 'Morale', 'contact@societe-exemple.fr', '01 23 45 67 89', '789 Boulevard Haussmann, 75009 Paris', 'SAS', '123456789', 'Société de démonstration', demo_dossier_id, NOW(), NOW());

-- Ajouter des actifs immobiliers
    INSERT INTO public.assets (name, category, type, value, description, location, acquisition_date, acquisition_price, dossier_id, created_at, updated_at)
    VALUES 
    ('Résidence Principale', 'Immobilier', 'Maison', 450000, 'Maison familiale de 150m²', '10 Rue Victor Hugo, 92100 Boulogne-Billancourt', '2015-06-01', 380000, demo_dossier_id, NOW(), NOW()),
    ('Appartement Locatif', 'Immobilier', 'Appartement', 280000, 'Studio 35m² en location', '25 Rue de la République, 69002 Lyon', '2018-03-15', 240000, demo_dossier_id, NOW(), NOW())
    RETURNING id INTO demo_asset_id;

-- Ajouter des actifs financiers
    INSERT INTO public.assets (name, category, type, value, description, dossier_id, created_at, updated_at)
    VALUES 
    ('Compte Courant BNP', 'Financier', 'Compte bancaire', 15000, 'Compte courant principal', demo_dossier_id, NOW(), NOW()),
    ('Livret A', 'Financier', 'Épargne', 22950, 'Livret d''épargne réglementé', demo_dossier_id, NOW(), NOW()),
    ('Assurance Vie AXA', 'Financier', 'Assurance vie', 85000, 'Contrat multi-supports', demo_dossier_id, NOW(), NOW()),
    ('PEA Société Générale', 'Financier', 'PEA', 42000, 'Plan d''Épargne en Actions', demo_dossier_id, NOW(), NOW());

-- Ajouter des véhicules
    INSERT INTO public.assets (name, category, type, value, description, acquisition_date, acquisition_price, dossier_id, created_at, updated_at)
    VALUES 
    ('Renault Clio', 'Véhicule', 'Voiture', 18000, 'Renault Clio 5 Intens 2021', '2021-09-10', 22000, demo_dossier_id, NOW(), NOW());

-- Ajouter des passifs (crédits)
    INSERT INTO public.liabilities (name, type, amount, interest_rate, start_date, end_date, monthly_payment, lender, description, dossier_id, created_at, updated_at)
    VALUES 
    ('Crédit Immobilier Résidence', 'Crédit immobilier', 185000, 1.45, '2015-06-01', '2035-06-01', 850, 'Crédit Agricole', 'Prêt sur 20 ans pour la résidence principale', demo_dossier_id, NOW(), NOW()),
    ('Crédit Appartement Lyon', 'Crédit immobilier', 95000, 1.65, '2018-03-15', '2033-03-15', 580, 'BNP Paribas', 'Prêt sur 15 ans pour l''appartement locatif', demo_dossier_id, NOW(), NOW()),
    ('Crédit Auto', 'Crédit consommation', 8500, 3.20, '2021-09-10', '2026-09-10', 155, 'Société Générale', 'Crédit auto sur 5 ans', demo_dossier_id, NOW(), NOW());

-- Ajouter des documents
    INSERT INTO public.documents (name, type, document_category, description, related_asset_id, dossier_id, created_at, updated_at)
    VALUES 
    ('Acte de Propriété Résidence Principale', 'Document', 'titre_propriete', 'Titre de propriété de la résidence principale', demo_asset_id, demo_dossier_id, NOW(), NOW()),
    ('Carte d''Identité Jean Dupont', 'Document', 'carte_identite', 'Pièce d''identité', NULL, demo_dossier_id, NOW(), NOW()),
    ('Livret de Famille', 'Document', 'livret_famille', 'Livret de famille', NULL, demo_dossier_id, NOW(), NOW());

RAISE NOTICE 'Compte démo créé avec succès pour l''utilisateur: %', demo_user_id;
  END IF;
END $$;
[V0_FILE]typescript:file="lib/supabase/client.ts" isEdit="true" isMerged="true"
import { createBrowserClient } from "@supabase/ssr"

export function createClient() {
  return createBrowserClient(process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!)
}
[V0_FILE]typescript:file="app/login/actions.ts" isMerged="true"
"use server"

import { createClient } from "@/lib/supabase/server"
import { redirect } from "next/navigation"

export async function login(formData: FormData) {
  const email = formData.get("email") as string
  const password = formData.get("password") as string

if (!email || !password) {
    return { error: "Email et mot de passe requis" }
  }

const supabase = await createClient()

const { data, error } = await supabase.auth.signInWithPassword({
    email,
    password,
  })

if (error) {
    return { error: error.message }
  }

// Rediriger vers le dashboard après connexion réussie
  redirect("/dashboard")
}

export async function loginWithDemo() {
  const formData = new FormData()
  formData.set("email", "demo@patrimoniom.fr")
  formData.set("password", "Demo2024!")
  return login(formData)
}
[V0_FILE]typescriptreact:file="app/login/page.tsx" isEdit="true" isQuickEdit="true"
"use client"

import type React from "react"
import { useState } from "react"
import Link from "next/link"
import { useRouter } from "next/navigation"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Checkbox } from "@/components/ui/checkbox"
import { PieChart, ArrowLeft, Loader2, Info } from "lucide-react"
import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"
import { Alert, AlertDescription } from "@/components/ui/alert"
import { useToast } from "@/hooks/use-toast"
import { login, loginWithDemo } from "./actions"

export default function LoginPage() {
  const router = useRouter()
  const { toast } = useToast()
  const [email, setEmail] = useState("")
  const [password, setPassword] = useState("")
  const [rememberMe, setRememberMe] = useState(false)
  const [isLoading, setIsLoading] = useState(false)
  const [error, setError] = useState<string | null>(null)

const handleSubmit = async (e: React.FormEvent) => {
    e.preventDefault()
    setIsLoading(true)
    setError(null)

try {
      const formData = new FormData()
      formData.set("email", email)
      formData.set("password", password)

const result = await login(formData)

if (result?.error) {
        setError(result.error)
        toast({
          title: "Erreur de connexion",
          description: result.error,
          variant: "destructive",
        })
      } else {
        toast({
          title: "Connexion réussie",
          description: "Vous êtes maintenant connecté à votre espace PATRIMONIOM.",
        })
        router.push("/dashboard")
        router.refresh()
      }
    } catch (err) {
      const message = err instanceof Error ? err.message : "Une erreur est survenue."
      setError(message)
      toast({
        title: "Erreur",
        description: message,
        variant: "destructive",
      })
    } finally {
      setIsLoading(false)
    }
  }

const fillDemoCredentials = () => {
    setEmail("demo@patrimoniom.fr")
    setPassword("Demo2024!")
  }

const handleDemoLogin = async () => {
    setIsLoading(true)
    setError(null)

try {
      await loginWithDemo()
      toast({
        title: "Connexion réussie",
        description: "Bienvenue dans le compte de démonstration.",
      })
      router.push("/dashboard")
      router.refresh()
    } catch (err) {
      const message = err instanceof Error ? err.message : "Une erreur est survenue."
      setError(message)
      toast({
        title: "Erreur",
        description: message,
        variant: "destructive",
      })
    } finally {
      setIsLoading(false)
    }
  }

return (
    <div className="min-h-screen flex flex-col">
      <div className="container flex flex-col items-center justify-center min-h-screen py-12 px-4 md:px-6">
        <Link
          href="/"
          className="absolute top-8 left-8 flex items-center text-sm font-medium text-muted-foreground hover:text-foreground"
        >
          <ArrowLeft className="mr-2 h-4 w-4" />
          Retour à l'accueil
        </Link>

<div className="mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]">
          <div className="flex flex-col space-y-2 text-center">
            <div className="flex justify-center">
              <PieChart className="h-10 w-10 text-primary" />
            </div>
            <h1 className="text-2xl font-semibold tracking-tight">Connexion</h1>
            <p className="text-sm text-muted-foreground">Entrez vos identifiants pour accéder à votre espace</p>
          </div>

<Alert>
            <Info className="h-4 w-4" />
            <AlertDescription className="space-y-2">
              <p className="font-medium">Compte de démonstration disponible</p>
              <div className="text-sm space-y-1">
                <p>Email : demo@patrimoniom.fr</p>
                <p>Mot de passe : Demo2024!</p>
              </div>
              <div className="flex gap-2">
                <Button
                  variant="outline"
                  size="sm"
                  onClick={fillDemoCredentials}
                  className="flex-1 bg-transparent"
                  type="button"
                  disabled={isLoading}
                >
                  Remplir les champs
                </Button>
                <Button
                  variant="default"
                  size="sm"
                  onClick={handleDemoLogin}
                  className="flex-1"
                  type="button"
                  disabled={isLoading}
                >
                  Connexion directe
                </Button>
              </div>
            </AlertDescription>
          </Alert>

<Card>
            <CardHeader>
              <CardTitle className="text-xl">Connexion à PATRIMONIOM</CardTitle>
              <CardDescription>Gérez votre patrimoine en toute sécurité</CardDescription>
            </CardHeader>
            <CardContent>
              <form onSubmit={handleSubmit} className="space-y-4">
                <div className="space-y-2">
                  <Label htmlFor="email">Email</Label>
                  <Input
                    id="email"
                    type="email"
                    placeholder="exemple@domaine.fr"
                    value={email}
                    onChange={(e) => setEmail(e.target.value)}
                    required
                    disabled={isLoading}
                  />
                </div>
                <div className="space-y-2">
                  <div className="flex items-center justify-between">
                    <Label htmlFor="password">Mot de passe</Label>
                    <Link href="/reset-password" className="text-xs text-primary hover:underline">
                      Mot de passe oublié ?
                    </Link>
                  </div>
                  <Input
                    id="password"
                    type="password"
                    value={password}
                    onChange={(e) => setPassword(e.target.value)}
                    required
                    disabled={isLoading}
                  />
                </div>
                {error && <p className="text-sm text-destructive">{error}</p>}
                <div className="flex items-center space-x-2">
                  <Checkbox
                    id="remember"
                    checked={rememberMe}
                    onCheckedChange={(checked) => setRememberMe(checked as boolean)}
                    disabled={isLoading}
                  />
                  <Label htmlFor="remember" className="text-sm">
                    Se souvenir de moi
                  </Label>
                </div>
                <Button type="submit" className="w-full" disabled={isLoading}>
                  {isLoading ? (
                    <>
                      <Loader2 className="mr-2 h-4 w-4 animate-spin" />
                      Connexion en cours...
                    </>
                  ) : (
                    "Se connecter"
                  )}
                </Button>
              </form>
            </CardContent>
            <CardFooter className="flex flex-col space-y-4">
              <div className="text-center text-sm">
                Vous n'avez pas de compte ?{" "}
                <Link href="/register" className="text-primary hover:underline">
                  Créer un compte
                </Link>
              </div>
            </CardFooter>
          </Card>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescript:file="app/register/actions.ts"
"use server"

import { createClient } from "@/lib/supabase/server"
import { redirect } from "next/navigation"

export async function register(formData: FormData) {
  const firstName = formData.get("firstName") as string
  const lastName = formData.get("lastName") as string
  const email = formData.get("email") as string
  const password = formData.get("password") as string
  const confirmPassword = formData.get("confirmPassword") as string

if (!firstName || !lastName || !email || !password || !confirmPassword) {
    return { error: "Tous les champs sont requis" }
  }

if (password !== confirmPassword) {
    return { error: "Les mots de passe ne correspondent pas" }
  }

if (password.length < 8) {
    return { error: "Le mot de passe doit contenir au moins 8 caractères" }
  }

const supabase = await createClient()

const { error } = await supabase.auth.signUp({
    email,
    password,
    options: {
      emailRedirectTo: `${process.env.NEXT_PUBLIC_SUPABASE_URL || "http://localhost:3000"}/dashboard`,
      data: {
        first_name: firstName,
        last_name: lastName,
      },
    },
  })

if (error) {
    return { error: error.message }
  }

redirect("/register/success")
}
[V0_FILE]typescriptreact:file="app/register/page.tsx" isEdit="true" isQuickEdit="true"
"use client"

import type React from "react"
import { useState } from "react"
import Link from "next/link"
import { useRouter } from "next/navigation"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Checkbox } from "@/components/ui/checkbox"
import { PieChart, ArrowLeft, Loader2 } from "lucide-react"
import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"
import { useToast } from "@/hooks/use-toast"
import { register } from "./actions"

export default function RegisterPage() {
  const router = useRouter()
  const { toast } = useToast()
  const [formData, setFormData] = useState({
    firstName: "",
    lastName: "",
    email: "",
    password: "",
    confirmPassword: "",
  })
  const [acceptTerms, setAcceptTerms] = useState(false)
  const [isLoading, setIsLoading] = useState(false)
  const [error, setError] = useState<string | null>(null)

const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
    const { name, value } = e.target
    setFormData((prev) => ({ ...prev, [name]: value }))
  }

const handleSubmit = async (e: React.FormEvent) => {
    e.preventDefault()
    setError(null)

if (formData.password !== formData.confirmPassword) {
      setError("Les mots de passe ne correspondent pas.")
      return
    }

if (formData.password.length < 8) {
      setError("Le mot de passe doit contenir au moins 8 caractères.")
      return
    }

setIsLoading(true)

try {
      const data = new FormData()
      data.set("firstName", formData.firstName)
      data.set("lastName", formData.lastName)
      data.set("email", formData.email)
      data.set("password", formData.password)
      data.set("confirmPassword", formData.confirmPassword)

const result = await register(data)

if (result?.error) {
        setError(result.error)
        toast({
          title: "Erreur d'inscription",
          description: result.error,
          variant: "destructive",
        })
      } else {
        router.push("/register/success")
      }
    } catch (err) {
      const message = err instanceof Error ? err.message : "Une erreur est survenue lors de l'inscription."
      setError(message)
      toast({
        title: "Erreur",
        description: message,
        variant: "destructive",
      })
    } finally {
      setIsLoading(false)
    }
  }

return (
    <div className="min-h-screen flex flex-col">
      <div className="container flex flex-col items-center justify-center min-h-screen py-12 px-4 md:px-6">
        <Link
          href="/"
          className="absolute top-8 left-8 flex items-center text-sm font-medium text-muted-foreground hover:text-foreground"
        >
          <ArrowLeft className="mr-2 h-4 w-4" />
          Retour à l'accueil
        </Link>

<div className="mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[450px]">
          <div className="flex flex-col space-y-2 text-center">
            <div className="flex justify-center">
              <PieChart className="h-10 w-10 text-primary" />
            </div>
            <h1 className="text-2xl font-semibold tracking-tight">Créer un compte</h1>
            <p className="text-sm text-muted-foreground">Inscrivez-vous pour commencer à gérer votre patrimoine</p>
          </div>

<Card>
            <CardHeader>
              <CardTitle className="text-xl">Inscription à PATRIMONIOM</CardTitle>
              <CardDescription>Créez votre compte pour accéder à toutes les fonctionnalités</CardDescription>
            </CardHeader>
            <CardContent>
              <form onSubmit={handleSubmit} className="space-y-4">
                <div className="grid grid-cols-2 gap-4">
                  <div className="space-y-2">
                    <Label htmlFor="firstName">Prénom</Label>
                    <Input
                      id="firstName"
                      name="firstName"
                      value={formData.firstName}
                      onChange={handleChange}
                      required
                      disabled={isLoading}
                    />
                  </div>
                  <div className="space-y-2">
                    <Label htmlFor="lastName">Nom</Label>
                    <Input
                      id="lastName"
                      name="lastName"
                      value={formData.lastName}
                      onChange={handleChange}
                      required
                      disabled={isLoading}
                    />
                  </div>
                </div>
                <div className="space-y-2">
                  <Label htmlFor="email">Email</Label>
                  <Input
                    id="email"
                    name="email"
                    type="email"
                    placeholder="exemple@domaine.fr"
                    value={formData.email}
                    onChange={handleChange}
                    required
                    disabled={isLoading}
                  />
                </div>
                <div className="space-y-2">
                  <Label htmlFor="password">Mot de passe</Label>
                  <Input
                    id="password"
                    name="password"
                    type="password"
                    value={formData.password}
                    onChange={handleChange}
                    required
                    disabled={isLoading}
                  />
                  <p className="text-xs text-muted-foreground">Le mot de passe doit contenir au moins 8 caractères.</p>
                </div>
                <div className="space-y-2">
                  <Label htmlFor="confirmPassword">Confirmer le mot de passe</Label>
                  <Input
                    id="confirmPassword"
                    name="confirmPassword"
                    type="password"
                    value={formData.confirmPassword}
                    onChange={handleChange}
                    required
                    disabled={isLoading}
                  />
                </div>
                {error && <p className="text-sm text-destructive">{error}</p>}
                <div className="flex items-start space-x-2">
                  <Checkbox
                    id="terms"
                    checked={acceptTerms}
                    onCheckedChange={(checked) => setAcceptTerms(checked as boolean)}
                    disabled={isLoading}
                  />
                  <Label htmlFor="terms" className="text-sm leading-relaxed">
                    J'accepte les{" "}
                    <Link href="/cgu" className="text-primary hover:underline">
                      conditions générales d'utilisation
                    </Link>{" "}
                    et la{" "}
                    <Link href="/confidentialite" className="text-primary hover:underline">
                      politique de confidentialité
                    </Link>
                  </Label>
                </div>
                <Button type="submit" className="w-full" disabled={isLoading || !acceptTerms}>
                  {isLoading ? (
                    <>
                      <Loader2 className="mr-2 h-4 w-4 animate-spin" />
                      Création en cours...
                    </>
                  ) : (
                    "Créer mon compte"
                  )}
                </Button>
              </form>
            </CardContent>
            <CardFooter className="flex flex-col space-y-4">
              <div className="text-center text-sm">
                Vous avez déjà un compte ?{" "}
                <Link href="/login" className="text-primary hover:underline">
                  Se connecter
                </Link>
              </div>
            </CardFooter>
          </Card>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescript:file="app/reset-password/actions.ts"
"use server"

import { createClient } from "@/lib/supabase/server"

export async function resetPassword(formData: FormData) {
  const email = formData.get("email") as string

if (!email) {
    return { error: "Email requis" }
  }

const supabase = await createClient()

const { error } = await supabase.auth.resetPasswordForEmail(email, {
    redirectTo: `${process.env.NEXT_PUBLIC_SUPABASE_URL || "http://localhost:3000"}/reset-password-confirmation`,
  })

if (error) {
    return { error: error.message }
  }

return { success: true }
}
[V0_FILE]typescriptreact:file="app/reset-password/page.tsx" isEdit="true" isQuickEdit="true"
"use client"

import type React from "react"
import { useState } from "react"
import Link from "next/link"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { PieChart, ArrowLeft, Loader2, CheckCircle } from "lucide-react"
import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"
import { useToast } from "@/hooks/use-toast"
import { resetPassword } from "./actions"

export default function ResetPasswordPage() {
  const { toast } = useToast()
  const [email, setEmail] = useState("")
  const [isLoading, setIsLoading] = useState(false)
  const [isSubmitted, setIsSubmitted] = useState(false)

const handleSubmit = async (e: React.FormEvent) => {
    e.preventDefault()
    setIsLoading(true)

try {
      const formData = new FormData()
      formData.set("email", email)

const result = await resetPassword(formData)

if (result?.error) {
        toast({
          title: "Erreur",
          description: result.error,
          variant: "destructive",
        })
      } else {
        setIsSubmitted(true)
        toast({
          title: "Email envoyé",
          description: "Vérifiez votre boîte de réception pour réinitialiser votre mot de passe.",
        })
      }
    } catch (err) {
      toast({
        title: "Erreur",
        description: err instanceof Error ? err.message : "Une erreur est survenue.",
        variant: "destructive",
      })
    } finally {
      setIsLoading(false)
    }
  }

return (
    <div className="min-h-screen flex flex-col">
      <div className="container flex flex-col items-center justify-center min-h-screen py-12 px-4 md:px-6">
        <Link
          href="/login"
          className="absolute top-8 left-8 flex items-center text-sm font-medium text-muted-foreground hover:text-foreground"
        >
          <ArrowLeft className="mr-2 h-4 w-4" />
          Retour à la connexion
        </Link>

<div className="mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]">
          <div className="flex flex-col space-y-2 text-center">
            <div className="flex justify-center">
              <PieChart className="h-10 w-10 text-primary" />
            </div>
            <h1 className="text-2xl font-semibold tracking-tight">Réinitialisation du mot de passe</h1>
            <p className="text-sm text-muted-foreground">Entrez votre email pour réinitialiser votre mot de passe</p>
          </div>

import type React from "react"

import { useState } from "react"
import Link from "next/link"
import { useRouter } from "next/navigation"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"
import { PieChart, ArrowLeft, CreditCard } from "lucide-react"
import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import { useToast } from "@/hooks/use-toast"

export default function DonatePage() {
  const router = useRouter()
  const { toast } = useToast()
  const [donationType, setDonationType] = useState("unique")
  const [amount, setAmount] = useState("20")
  const [customAmount, setCustomAmount] = useState("")
  const [isLoading, setIsLoading] = useState(false)

const handleSubmit = async (e: React.FormEvent) => {
    e.preventDefault()
    setIsLoading(true)

// Simulation d'un paiement
    setTimeout(() => {
      setIsLoading(false)
      toast({
        title: "Don effectué",
        description: `Merci pour votre don de ${finalAmount} €${donationType === "mensuel" ? "/mois" : ""}!`,
      })
      router.push("/donate/confirmation")
    }, 1500)
  }

const finalAmount = amount === "custom" ? customAmount : amount

<div className="mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[500px]">
          <div className="flex flex-col space-y-2 text-center">
            <div className="flex justify-center">
              <PieChart className="h-10 w-10 text-primary" />
            </div>
            <h1 className="text-2xl font-semibold tracking-tight">Soutenir PATRIMONIOM</h1>
            <p className="text-sm text-gray-500 dark:text-gray-400">
              Votre don nous aide à maintenir et améliorer notre service
            </p>
          </div>

<Card>
            <CardHeader>
              <CardTitle className="text-xl">Faire un don</CardTitle>
              <CardDescription>Choisissez le montant et la fréquence de votre don</CardDescription>
            </CardHeader>
            <CardContent>
              <form onSubmit={handleSubmit} className="space-y-6">
                <Tabs defaultValue="unique" onValueChange={setDonationType}>
                  <TabsList className="grid w-full grid-cols-2">
                    <TabsTrigger value="unique">Don unique</TabsTrigger>
                    <TabsTrigger value="mensuel">Don mensuel</TabsTrigger>
                  </TabsList>
                  <TabsContent value="unique" className="pt-4">
                    <div className="space-y-4">
                      <Label>Montant du don</Label>
                      <RadioGroup value={amount} onValueChange={setAmount} className="grid grid-cols-3 gap-4">
                        <div className="flex items-center">
                          <RadioGroupItem value="10" id="amount-10" className="sr-only" />
                          <Label
                            htmlFor="amount-10"
                            className={`flex h-14 w-full cursor-pointer items-center justify-center rounded-md border text-sm font-medium ${
                              amount === "10" ? "border-primary bg-primary text-primary-foreground" : "border-input"
                            }`}
                          >
                            10 €
                          </Label>
                        </div>
                        <div className="flex items-center">
                          <RadioGroupItem value="20" id="amount-20" className="sr-only" />
                          <Label
                            htmlFor="amount-20"
                            className={`flex h-14 w-full cursor-pointer items-center justify-center rounded-md border text-sm font-medium ${
                              amount === "20" ? "border-primary bg-primary text-primary-foreground" : "border-input"
                            }`}
                          >
                            20 €
                          </Label>
                        </div>
                        <div className="flex items-center">
                          <RadioGroupItem value="50" id="amount-50" className="sr-only" />
                          <Label
                            htmlFor="amount-50"
                            className={`flex h-14 w-full cursor-pointer items-center justify-center rounded-md border text-sm font-medium ${
                              amount === "50" ? "border-primary bg-primary text-primary-foreground" : "border-input"
                            }`}
                          >
                            50 €
                          </Label>
                        </div>
                        <div className="flex items-center">
                          <RadioGroupItem value="100" id="amount-100" className="sr-only" />
                          <Label
                            htmlFor="amount-100"
                            className={`flex h-14 w-full cursor-pointer items-center justify-center rounded-md border text-sm font-medium ${
                              amount === "100" ? "border-primary bg-primary text-primary-foreground" : "border-input"
                            }`}
                          >
                            100 €
                          </Label>
                        </div>
                        <div className="flex items-center">
                          <RadioGroupItem value="200" id="amount-200" className="sr-only" />
                          <Label
                            htmlFor="amount-200"
                            className={`flex h-14 w-full cursor-pointer items-center justify-center rounded-md border text-sm font-medium ${
                              amount === "200" ? "border-primary bg-primary text-primary-foreground" : "border-input"
                            }`}
                          >
                            200 €
                          </Label>
                        </div>
                        <div className="flex items-center">
                          <RadioGroupItem value="custom" id="amount-custom" className="sr-only" />
                          <Label
                            htmlFor="amount-custom"
                            className={`flex h-14 w-full cursor-pointer items-center justify-center rounded-md border text-sm font-medium ${
                              amount === "custom" ? "border-primary bg-primary text-primary-foreground" : "border-input"
                            }`}
                          >
                            Autre
                          </Label>
                        </div>
                      </RadioGroup>

{amount === "custom" && (
                        <div className="space-y-2">
                          <Label htmlFor="custom-amount">Montant personnalisé (€)</Label>
                          <Input
                            id="custom-amount"
                            type="number"
                            min="1"
                            step="1"
                            value={customAmount}
                            onChange={(e) => setCustomAmount(e.target.value)}
                            placeholder="Entrez un montant"
                            required
                          />
                        </div>
                      )}
                    </div>
                  </TabsContent>
                  <TabsContent value="mensuel" className="pt-4">
                    <div className="space-y-4">
                      <Label>Montant mensuel</Label>
                      <RadioGroup value={amount} onValueChange={setAmount} className="grid grid-cols-3 gap-4">
                        <div className="flex items-center">
                          <RadioGroupItem value="5" id="amount-5" className="sr-only" />
                          <Label
                            htmlFor="amount-5"
                            className={`flex h-14 w-full cursor-pointer items-center justify-center rounded-md border text-sm font-medium ${
                              amount === "5" ? "border-primary bg-primary text-primary-foreground" : "border-input"
                            }`}
                          >
                            5 €/mois
                          </Label>
                        </div>
                        <div className="flex items-center">
                          <RadioGroupItem value="10" id="amount-10" className="sr-only" />
                          <Label
                            htmlFor="amount-10"
                            className={`flex h-14 w-full cursor-pointer items-center justify-center rounded-md border text-sm font-medium ${
                              amount === "10" ? "border-primary bg-primary text-primary-foreground" : "border-input"
                            }`}
                          >
                            10 €/mois
                          </Label>
                        </div>
                        <div className="flex items-center">
                          <RadioGroupItem value="20" id="amount-20" className="sr-only" />
                          <Label
                            htmlFor="amount-20"
                            className={`flex h-14 w-full cursor-pointer items-center justify-center rounded-md border text-sm font-medium ${
                              amount === "20" ? "border-primary bg-primary text-primary-foreground" : "border-input"
                            }`}
                          >
                            20 €/mois
                          </Label>
                        </div>
                        <div className="flex items-center">
                          <RadioGroupItem value="custom" id="amount-custom" className="sr-only" />
                          <Label
                            htmlFor="amount-custom"
                            className={`flex h-14 w-full cursor-pointer items-center justify-center rounded-md border text-sm font-medium ${
                              amount === "custom" ? "border-primary bg-primary text-primary-foreground" : "border-input"
                            }`}
                          >
                            Autre
                          </Label>
                        </div>
                      </RadioGroup>

{amount === "custom" && (
                        <div className="space-y-2">
                          <Label htmlFor="custom-amount">Montant personnalisé (€/mois)</Label>
                          <Input
                            id="custom-amount"
                            type="number"
                            min="1"
                            step="1"
                            value={customAmount}
                            onChange={(e) => setCustomAmount(e.target.value)}
                            placeholder="Entrez un montant"
                            required
                          />
                        </div>
                      )}
                    </div>
                  </TabsContent>
                </Tabs>

<div className="space-y-2">
                  <div className="flex items-center justify-between">
                    <Label>Récapitulatif</Label>
                    <span className="text-xl font-bold">
                      {finalAmount} €{donationType === "mensuel" ? "/mois" : ""}
                    </span>
                  </div>
                  <div className="rounded-md bg-gray-50 dark:bg-gray-800 p-4">
                    <div className="flex items-center gap-2 text-sm">
                      <CreditCard className="h-4 w-4" />
                      <span>Paiement sécurisé par Stripe</span>
                    </div>
                  </div>
                </div>

<Button type="submit" className="w-full" disabled={isLoading || (amount === "custom" && !customAmount)}>
                  {isLoading
                    ? "Traitement en cours..."
                    : `Faire un don de ${finalAmount} €${donationType === "mensuel" ? "/mois" : ""}`}
                </Button>
              </form>
            </CardContent>
            <CardFooter className="flex flex-col space-y-4">
              <p className="text-xs text-gray-500 dark:text-gray-400 text-center">
                En effectuant un don, vous acceptez nos{" "}
                <Link href="/cgv" className="text-primary hover:underline">
                  conditions générales de vente
                </Link>
              </p>
            </CardFooter>
          </Card>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/donate/confirmation/page.tsx" isMerged="true"
import Link from "next/link"
import { Button } from "@/components/ui/button"
import { CheckCircle } from "lucide-react"

export default function DonationConfirmationPage() {
  return (
    <div className="min-h-screen flex flex-col items-center justify-center px-4">
      <div className="max-w-md w-full space-y-8 text-center">
        <div className="flex flex-col items-center space-y-2">
          <CheckCircle className="h-16 w-16 text-green-500" />
          <h1 className="text-2xl font-bold">Merci pour votre don !</h1>
          <p className="text-gray-500 dark:text-gray-400">
            Votre soutien est précieux pour nous aider à maintenir et améliorer PATRIMONIOM.
          </p>
        </div>

<div className="bg-gray-50 dark:bg-gray-800 p-6 rounded-lg">
          <p className="text-sm text-gray-500 dark:text-gray-400">
            Un reçu a été envoyé à votre adresse email. Vous pouvez également le retrouver dans votre espace personnel.
          </p>
        </div>

<div className="flex flex-col space-y-4">
          <Link href="/dashboard">
            <Button className="w-full">Accéder à mon espace</Button>
          </Link>
          <Link href="/">
            <Button variant="outline" className="w-full">
              Retour à l'accueil
            </Button>
          </Link>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="tailwind.config.js" isEdit="true" isQuickEdit="true" isMerged="true"
/** @type {import('tailwindcss').Config} */
module.exports = {
  darkMode: ["class"],
  content: [
    "./pages/**/*.{ts,tsx}",
    "./components/**/*.{ts,tsx}",
    "./app/**/*.{ts,tsx}",
    "./src/**/*.{ts,tsx}",
    "*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    container: {
      center: true,
      padding: "2rem",
      screens: {
        "2xl": "1400px",
      },
    },
    extend: {
      colors: {
        border: "hsl(var(--border))",
        input: "hsl(var(--input))",
        ring: "hsl(var(--ring))",
        background: "hsl(var(--background))",
        foreground: "hsl(var(--foreground))",
        primary: {
          DEFAULT: "hsl(var(--primary))",
          foreground: "hsl(var(--primary-foreground))",
        },
        secondary: {
          DEFAULT: "hsl(var(--secondary))",
          foreground: "hsl(var(--secondary-foreground))",
        },
        destructive: {
          DEFAULT: "hsl(var(--destructive))",
          foreground: "hsl(var(--destructive-foreground))",
        },
        muted: {
          DEFAULT: "hsl(var(--muted))",
          foreground: "hsl(var(--muted-foreground))",
        },
        accent: {
          DEFAULT: "hsl(var(--accent))",
          foreground: "hsl(var(--accent-foreground))",
        },
        popover: {
          DEFAULT: "hsl(var(--popover))",
          foreground: "hsl(var(--popover-foreground))",
        },
        card: {
          DEFAULT: "hsl(var(--card))",
          foreground: "hsl(var(--card-foreground))",
        },
        // Ajout de couleurs personnalisées basées sur le jaune
        gold: {
          50: "#fffbeb",
          100: "#fef3c7",
          200: "#fde68a",
          300: "#fcd34d",
          400: "#fbbf24",
          500: "#f59e0b",
          600: "#d97706",
          700: "#b45309",
          800: "#92400e",
          900: "#78350f",
          950: "#451a03",
        },
      },
      borderRadius: {
        lg: "var(--radius)",
        md: "calc(var(--radius) - 2px)",
        sm: "calc(var(--radius) - 4px)",
      },
      keyframes: {
        "accordion-down": {
          from: { height: 0 },
          to: { height: "var(--radix-accordion-content-height)" },
        },
        "accordion-up": {
          from: { height: "var(--radix-accordion-content-height)" },
          to: { height: 0 },
        },
      },
      animation: {
        "accordion-down": "accordion-down 0.2s ease-out",
        "accordion-up": "accordion-up 0.2s ease-out",
      },
    },
  },
  plugins: [require("tailwindcss-animate")],
}
[V0_FILE]css:file="app/globals.css" isMerged="true"
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  :root {
    --background: 0 0% 100%;
    --foreground: 20 14.3% 4.1%;

/* Palette jaune/or pour le thème clair */
    --primary: 43 96% 56%;
    --primary-foreground: 26 83.3% 14.1%;

--secondary: 60 54.3% 94.5%;
    --secondary-foreground: 24 9.8% 10%;

--muted: 60 4.8% 95.9%;
    --muted-foreground: 25 3.2% 42.9%;

--accent: 43 96% 90%;
    --accent-foreground: 24 9.8% 10%;

--destructive: 0 84.2% 60.2%;
    --destructive-foreground: 60 9.1% 97.8%;

--border: 20 5.9% 90%;
    --input: 20 5.9% 90%;
    --ring: 43 96% 56%;

--radius: 0.5rem;

/* Variables pour les graphiques */
    --chart-1: 43 96% 56%;
    --chart-2: 27 96% 61%;
    --chart-3: 14 89% 65%;
    --chart-4: 198 93% 60%;
    --chart-5: 262 83% 58%;
  }

.dark {
    --background: 20 14.3% 4.1%;
    --foreground: 60 9.1% 97.8%;

/* Palette jaune/or pour le thème sombre */
    --primary: 43 96% 56%;
    --primary-foreground: 20 14.3% 4.1%;

--secondary: 12 6.5% 15.1%;
    --secondary-foreground: 60 9.1% 97.8%;

--muted: 12 6.5% 15.1%;
    --muted-foreground: 24 5.4% 63.9%;

--accent: 12 6.5% 15.1%;
    --accent-foreground: 60 9.1% 97.8%;

--destructive: 0 62.8% 30.6%;
    --destructive-foreground: 60 9.1% 97.8%;

--border: 12 6.5% 15.1%;
    --input: 12 6.5% 15.1%;
    --ring: 43 96% 56%;

/* Variables pour les graphiques en mode sombre */
    --chart-1: 43 96% 56%;
    --chart-2: 27 96% 61%;
    --chart-3: 14 89% 65%;
    --chart-4: 198 93% 60%;
    --chart-5: 262 83% 58%;
  }
}

@layer base {
  * {
    @apply border-border;
  }
  body {
    @apply bg-background text-foreground;
  }
}

/* Styles personnalisés pour mettre en valeur les éléments jaunes */
.gold-gradient {
  background: linear-gradient(135deg, hsl(43, 96%, 56%), hsl(36, 100%, 50%));
}

.gold-shadow {
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.15);
}

.gold-border {
  border-color: hsl(43, 96%, 56%);
}
[V0_FILE]typescriptreact:file="app/dashboard/patrimoine/loading.tsx" isFixed="true" isMerged="true"
export default function Loading() {
  return null
}
[V0_FILE]typescriptreact:file="app/faq/page.tsx" isMerged="true"
import Link from "next/link"
import { Button } from "@/components/ui/button"
import { ArrowLeft } from "lucide-react"
import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion"

export default function FAQPage() {
  return (
    <div className="min-h-screen flex flex-col">
      <div className="container flex flex-col items-center justify-center min-h-screen py-12 px-4 md:px-6">
        <Link
          href="/"
          className="absolute top-8 left-8 flex items-center text-sm font-medium text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-50"
        >
          <ArrowLeft className="mr-2 h-4 w-4" />
          Retour à l'accueil
        </Link>

<div className="mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[800px]">
          <div className="flex flex-col space-y-2 text-center">
            <h1 className="text-3xl font-bold tracking-tight">Foire aux questions</h1>
            <p className="text-sm text-gray-500 dark:text-gray-400">
              Retrouvez les réponses aux questions les plus fréquemment posées sur PATRIMONIOM
            </p>
          </div>

<Accordion type="single" collapsible className="w-full">
            <AccordionItem value="item-1">
              <AccordionTrigger>Qu'est-ce que PATRIMONIOM ?</AccordionTrigger>
              <AccordionContent>
                PATRIMONIOM est une application de gestion de patrimoine qui vous permet de centraliser, suivre et
                analyser l'ensemble de vos actifs et passifs pour une gestion patrimoniale optimale. Notre
                plateforme vous offre une vision claire et complète de votre situation financière.
              </AccordionContent>
            </AccordionItem>
            <AccordionItem value="item-2">
              <AccordionTrigger>Comment fonctionne la gestion des actifs ?</AccordionTrigger>
              <AccordionContent>
                La gestion des actifs vous permet d'enregistrer tous vos biens (immobilier, placements financiers,
                liquidités, biens mobiliers) avec leurs caractéristiques détaillées. Vous pouvez suivre leur évolution,
                leur valeur actuelle et obtenir une vision globale de la répartition de votre patrimoine.
              </AccordionContent>
            </AccordionItem>
            <AccordionItem value="item-3">
              <AccordionTrigger>Mes données sont-elles sécurisées ?</AccordionTrigger>
              <AccordionContent>
                La sécurité de vos données est notre priorité. PATRIMONIOM utilise un chiffrement de bout en bout pour
                protéger vos informations personnelles et financières. Nous ne partageons jamais vos données avec des
                tiers sans votre consentement explicite et nous respectons strictement le RGPD.
              </AccordionContent>
            </AccordionItem>
            <AccordionItem value="item-4">
              <AccordionTrigger>Comment puis-je gérer mes documents ?</AccordionTrigger>
              <AccordionContent>
                Notre module de gestion documentaire vous permet de stocker de manière sécurisée tous vos documents
                importants (actes de propriété, contrats d'assurance, relevés bancaires, etc.). Vous pouvez les
                associer à vos actifs ou passifs pour une organisation optimale et y accéder facilement depuis
                n'importe quel appareil.
              </AccordionContent>
            </AccordionItem>
            <AccordionItem value="item-5">
              <AccordionTrigger>PATRIMONIOM est-il accessible sur mobile ?</AccordionTrigger>
              <AccordionContent>
                Oui, PATRIMONIOM est entièrement responsive et s'adapte à tous les appareils (ordinateurs,
                tablettes, smartphones). Vous pouvez ainsi gérer votre patrimoine où que vous soyez, à tout moment.
              </AccordionContent>
            </AccordionItem>
            <AccordionItem value="item-6">
              <AccordionTrigger>Comment puis-je obtenir de l'aide en cas de besoin ?</AccordionTrigger>
              <AccordionContent>
                Notre équipe de support est disponible pour vous aider. Vous pouvez nous contacter via le formulaire de
                contact sur notre site, par email à support@patrimoniom.fr ou par téléphone au 01 23 45 67 89 du lundi
                au vendredi de 9h à 18h.
              </AccordionContent>
            </AccordionItem>
            <AccordionItem value="item-7">
              <AccordionTrigger>Quelles sont les fonctionnalités d'analyse disponibles ?</AccordionTrigger>
              <AccordionContent>
                PATRIMONIOM vous offre des tableaux de bord personnalisables et des rapports détaillés sur
                l'évolution de votre patrimoine. Vous pouvez visualiser la répartition de vos actifs, analyser la
                rentabilité de vos investissements et suivre l'évolution de votre patrimoine net au fil du temps.
              </AccordionContent>
            </AccordionItem>
            <AccordionItem value="item-8">
              <AccordionTrigger>Comment puis-je exporter mes données ?</AccordionTrigger>
              <AccordionContent>
                Vous pouvez facilement exporter vos données patrimoniales au format PDF ou Excel depuis votre tableau de
                bord. Cette fonctionnalité est particulièrement utile pour partager des informations avec votre
                conseiller financier ou pour conserver des archives personnelles.
              </AccordionContent>
            </AccordionItem>
          </Accordion>

<div className="flex justify-center">
            <Link href="/contact">
              <Button>Contactez-nous pour plus d'informations</Button>
            </Link>
          </div>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/cgu/page.tsx" isMerged="true"
import Link from "next/link"
import { ArrowLeft } from "lucide-react"

export default function CGUPage() {
  return (
    <div className="min-h-screen flex flex-col">
      <div className="container flex flex-col items-center justify-center min-h-screen py-12 px-4 md:px-6">
        <Link
          href="/"
          className="absolute top-8 left-8 flex items-center text-sm font-medium text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-50"
        >
          <ArrowLeft className="mr-2 h-4 w-4" />
          Retour à l'accueil
        </Link>

<div className="mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[800px]">
          <div className="flex flex-col space-y-2 text-center">
            <h1 className="text-3xl font-bold tracking-tight">Conditions Générales d'Utilisation</h1>
            <p className="text-sm text-gray-500 dark:text-gray-400">Dernière mise à jour : 1er avril 2025</p>
          </div>

<div className="prose prose-sm dark:prose-invert max-w-none">
            <h2>1. Acceptation des conditions</h2>
            <p>
              Les présentes Conditions Générales d'Utilisation (ci-après dénommées « CGU ») régissent
              l'utilisation du service PATRIMONIOM (ci-après dénommé le « Service »), accessible via le site web
              www.patrimoniom.fr et l'application mobile associée.
            </p>
            <p>
              En accédant au Service ou en l'utilisant, vous acceptez d'être lié par les présentes CGU. Si
              vous n'acceptez pas ces conditions, vous ne devez pas utiliser le Service.
            </p>

<h2>2. Description du service</h2>
            <p>
              PATRIMONIOM est une application de gestion de patrimoine permettant aux utilisateurs de centraliser,
              suivre et analyser l'ensemble de leurs actifs et passifs. Le Service offre des fonctionnalités de
              gestion d'actifs, de passifs, de documents et de personnes liées au patrimoine de l'utilisateur.
            </p>

<h2>3. Inscription et compte utilisateur</h2>
            <p>
              Pour utiliser le Service, vous devez créer un compte en fournissant des informations exactes, complètes et
              à jour. Vous êtes responsable de la confidentialité de votre mot de passe et de toutes les activités qui
              se produisent sous votre compte.
            </p>
            <p>
              Vous vous engagez à nous informer immédiatement de toute utilisation non autorisée de votre compte ou de
              toute autre violation de la sécurité.
            </p>

<h2>4. Utilisation du service</h2>
            <p>
              Vous vous engagez à utiliser le Service conformément aux lois et réglementations applicables. Vous ne
              devez pas :
            </p>
            <ul>
              <li>Utiliser le Service à des fins illégales ou non autorisées</li>
              <li>Violer les droits de propriété intellectuelle ou autres droits de tiers</li>
              <li>Interférer avec ou perturber le fonctionnement du Service</li>
              <li>Tenter d'accéder à des comptes, systèmes ou réseaux sans autorisation</li>
              <li>Transmettre des virus, logiciels malveillants ou autres codes nuisibles</li>
            </ul>

<h2>5. Propriété intellectuelle</h2>
            <p>
              Le Service et son contenu original, fonctionnalités et fonctionnalités sont et resteront la propriété
              exclusive de PATRIMONIOM et de ses concédants de licence. Le Service est protégé par le droit
              d'auteur, les marques et autres lois en France et à l'étranger.
            </p>

<h2>6. Confidentialité des données</h2>
            <p>
              Votre utilisation du Service est également soumise à notre Politique de Confidentialité, qui décrit
              comment nous collectons, utilisons et partageons vos informations personnelles.
            </p>

<h2>7. Limitation de responsabilité</h2>
            <p>
              Dans toute la mesure permise par la loi applicable, PATRIMONIOM ne sera pas responsable des dommages
              indirects, accessoires, spéciaux, consécutifs ou punitifs, ou de toute perte de profits ou de revenus, que
              ces dommages soient prévisibles ou non.
            </p>

<h2>8. Modifications des CGU</h2>
            <p>
              Nous nous réservons le droit de modifier ces CGU à tout moment. Les modifications prendront effet dès leur
              publication sur le Service. Il est de votre responsabilité de consulter régulièrement les CGU pour prendre
              connaissance des modifications.
            </p>

<h2>9. Résiliation</h2>
            <p>
              Nous nous réservons le droit de suspendre ou de résilier votre accès au Service, sans préavis ni
              responsabilité, pour quelque raison que ce soit, y compris, sans limitation, si vous enfreignez les
              présentes CGU.
            </p>

<h2>10. Droit applicable</h2>
            <p>
              Les présentes CGU sont régies et interprétées conformément aux lois françaises, sans égard aux principes
              de conflits de lois.
            </p>

<h2>11. Contact</h2>
            <p>
              Pour toute question concernant ces CGU, veuillez nous contacter à l'adresse suivante :
              contact@patrimoniom.fr
            </p>
          </div>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/mentions-legales/page.tsx" isMerged="true"
import Link from "next/link"
import { ArrowLeft } from "lucide-react"

export default function MentionsLegalesPage() {
  return (
    <div className="min-h-screen flex flex-col">
      <div className="container flex flex-col items-center justify-center min-h-screen py-12 px-4 md:px-6">
        <Link
          href="/"
          className="absolute top-8 left-8 flex items-center text-sm font-medium text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-50"
        >
          <ArrowLeft className="mr-2 h-4 w-4" />
          Retour à l'accueil
        </Link>

<div className="mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[800px]">
          <div className="flex flex-col space-y-2 text-center">
            <h1 className="text-3xl font-bold tracking-tight">Mentions Légales</h1>
            <p className="text-sm text-gray-500 dark:text-gray-400">Dernière mise à jour : 1er avril 2025</p>
          </div>

<div className="prose prose-sm dark:prose-invert max-w-none">
            <h2>1. Informations légales</h2>
            <p>Le site web www.patrimoniom.fr et l'application PATRIMONIOM sont édités par :</p>
            <p>
              <strong>PATRIMONIOM SAS</strong>
              <br />
              Société par Actions Simplifiée au capital de 50 000 €<br />
              Siège social : 123 Avenue de la République, 75011 Paris, France
              <br />
              RCS Paris B 123 456 789
              <br />
              N° TVA intracommunautaire : FR 12 123456789
              <br />
              Téléphone : +33 (0)1 23 45 67 89
              <br />
              Email : contact@patrimoniom.fr
            </p>

<h2>2. Directeur de la publication</h2>
            <p>
              Le directeur de la publication est Monsieur Jean Dupont, en sa qualité de Président de PATRIMONIOM SAS.
            </p>

<h2>3. Hébergement</h2>
            <p>Le site web et l'application sont hébergés par :</p>
            <p>
              <strong>Vercel Inc.</strong>
              <br />
              340 S Lemon Ave #4133
              <br />
              Walnut, CA 91789
              <br />
              États-Unis
              <br />
              https://vercel.com
            </p>

<h2>4. Propriété intellectuelle</h2>
            <p>
              L'ensemble des éléments constituant le site web et l'application PATRIMONIOM (textes,
              graphismes, logiciels, photographies, images, vidéos, sons, plans, logos, marques, etc.) sont la propriété
              exclusive de PATRIMONIOM SAS ou font l'objet d'une autorisation d'utilisation. Ces éléments
              sont protégés par les lois relatives à la propriété intellectuelle.
            </p>
            <p>
              Toute reproduction, représentation, modification, publication, adaptation de tout ou partie des éléments
              du site, quel que soit le moyen ou le procédé utilisé, est interdite, sauf autorisation écrite préalable
              de PATRIMONIOM SAS.
            </p>

<h2>5. Données personnelles</h2>
            <p>
              Les informations concernant la collecte et le traitement des données personnelles sont détaillées dans
              notre{" "}
              <Link href="/confidentialite" className="text-primary hover:underline">
                Politique de Confidentialité
              </Link>
              .
            </p>

<h2>6. Cookies</h2>
            <p>
              Le site web et l'application PATRIMONIOM utilisent des cookies pour améliorer l'expérience
              utilisateur. Pour plus d'informations sur l'utilisation des cookies, veuillez consulter notre{" "}
              <Link href="/confidentialite" className="text-primary hover:underline">
                Politique de Confidentialité
              </Link>
              .
            </p>

<h2>7. Liens hypertextes</h2>
            <p>
              Le site web et l'application PATRIMONIOM peuvent contenir des liens hypertextes vers d'autres
              sites internet. PATRIMONIOM SAS n'exerce aucun contrôle sur ces sites et ne peut être tenu
              responsable de leur contenu ou de leur politique de confidentialité.
            </p>

<h2>8. Droit applicable et juridiction compétente</h2>
            <p>
              Les présentes mentions légales sont régies par le droit français. En cas de litige, les tribunaux français
              seront seuls compétents.
            </p>

<h2>9. Contact</h2>
            <p>
              Pour toute question concernant ces mentions légales, veuillez nous contacter à l'adresse suivante :
              contact@patrimoniom.fr
            </p>
          </div>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/confidentialite/page.tsx" isMerged="true"
import Link from "next/link"
import { ArrowLeft } from "lucide-react"

export default function ConfidentialitePage() {
  return (
    <div className="min-h-screen flex flex-col">
      <div className="container flex flex-col items-center justify-center min-h-screen py-12 px-4 md:px-6">
        <Link
          href="/"
          className="absolute top-8 left-8 flex items-center text-sm font-medium text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-50"
        >
          <ArrowLeft className="mr-2 h-4 w-4" />
          Retour à l'accueil
        </Link>

<div className="mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[800px]">
          <div className="flex flex-col space-y-2 text-center">
            <h1 className="text-3xl font-bold tracking-tight">Politique de Confidentialité</h1>
            <p className="text-sm text-gray-500 dark:text-gray-400">Dernière mise à jour : 1er avril 2025</p>
          </div>

<div className="prose prose-sm dark:prose-invert max-w-none">
            <h2>1. Introduction</h2>
            <p>
              La présente Politique de Confidentialité décrit comment PATRIMONIOM SAS (ci-après « nous », « notre » ou «
              nos ») collecte, utilise et partage vos informations personnelles lorsque vous utilisez notre site web
              www.patrimoniom.fr et notre application mobile (ci-après le « Service »).
            </p>
            <p>
              Nous accordons une grande importance à la protection de vos données personnelles et nous nous engageons à
              respecter le Règlement Général sur la Protection des Données (RGPD) et toutes les lois applicables en
              matière de protection des données.
            </p>

<h2>2. Informations que nous collectons</h2>
            <p>Nous collectons les types d'informations suivants :</p>
            <ul>
              <li>
                <strong>Informations d'identification</strong> : nom, prénom, adresse email, numéro de téléphone,
                adresse postale.
              </li>
              <li>
                <strong>Informations financières</strong> : détails sur vos actifs, passifs, revenus et dépenses que
                vous choisissez de saisir dans le Service.
              </li>
              <li>
                <strong>Documents</strong> : documents que vous téléchargez sur le Service, tels que des actes de
                propriété, contrats d'assurance, relevés bancaires, etc.
              </li>
              <li>
                <strong>Informations d'utilisation</strong> : données sur la façon dont vous utilisez le Service, y
                compris les pages visitées, les fonctionnalités utilisées et le temps passé sur le Service.
              </li>
              <li>
                <strong>Informations techniques</strong> : adresse IP, type de navigateur, appareil utilisé, système
                d'exploitation, identifiants uniques de l'appareil.
              </li>
            </ul>

<h2>3. Comment nous collectons vos informations</h2>
            <p>Nous collectons vos informations de plusieurs façons :</p>
            <ul>
              <li>
                <strong>Informations que vous nous fournissez</strong> : lorsque vous créez un compte, remplissez des
                formulaires, téléchargez des documents ou interagissez avec le Service.
              </li>
              <li>
                <strong>Informations collectées automatiquement</strong> : lorsque vous utilisez le Service, nous
                collectons automatiquement certaines informations techniques et d'utilisation.
              </li>
              <li>
                <strong>Cookies et technologies similaires</strong> : nous utilisons des cookies et d'autres
                technologies de suivi pour améliorer votre expérience et collecter des informations sur votre
                utilisation du Service.
              </li>
            </ul>

<h2>4. Comment nous utilisons vos informations</h2>
            <p>Nous utilisons vos informations pour les finalités suivantes :</p>
            <ul>
              <li>Fournir, maintenir et améliorer le Service</li>
              <li>Créer et gérer votre compte</li>
              <li>Traiter vos transactions et gérer vos données patrimoniales</li>
              <li>Vous envoyer des informations techniques, des mises à jour et des messages de support</li>
              <li>Répondre à vos demandes et vous fournir une assistance client</li>
              <li>Détecter, prévenir et résoudre les problèmes techniques et de sécurité</li>
              <li>Respecter nos obligations légales</li>
            </ul>

<h2>5. Partage de vos informations</h2>
            <p>
              Nous ne vendons pas vos données personnelles à des tiers. Nous pouvons partager vos informations dans les
              circonstances suivantes :
            </p>
            <ul>
              <li>
                <strong>Prestataires de services</strong> : nous pouvons partager vos informations avec des prestataires
                de services tiers qui nous aident à fournir le Service (hébergement, analyse, support client, etc.).
              </li>
              <li>
                <strong>Conformité légale</strong> : nous pouvons divulguer vos informations si la loi l'exige ou
                en réponse à des demandes légales valides.
              </li>
              <li>
                <strong>Protection des droits</strong> : nous pouvons divulguer vos informations pour protéger nos
                droits, notre propriété ou notre sécurité, ainsi que ceux de nos utilisateurs ou d'autres
                personnes.
              </li>
              <li>
                <strong>Avec votre consentement</strong> : nous pouvons partager vos informations avec votre
                consentement explicite.
              </li>
            </ul>

<h2>6. Sécurité de vos informations</h2>
            <p>
              Nous mettons en œuvre des mesures de sécurité techniques et organisationnelles appropriées pour protéger
              vos informations contre la perte, l'accès non autorisé, la divulgation, l'altération et la
              destruction. Ces mesures comprennent le chiffrement des données, les contrôles d'accès, les pare-feu
              et les audits de sécurité réguliers.
            </p>

<h2>7. Conservation des données</h2>
            <p>
              Nous conservons vos informations personnelles aussi longtemps que nécessaire pour fournir le Service et
              atteindre les finalités décrites dans cette Politique de Confidentialité, sauf si une période de
              conservation plus longue est requise ou permise par la loi.
            </p>

<h2>8. Vos droits</h2>
            <p>
              Conformément au RGPD et aux lois applicables en matière de protection des données, vous disposez des
              droits suivants concernant vos données personnelles :
            </p>
            <ul>
              <li>Droit d'accès à vos données personnelles</li>
              <li>Droit de rectification des données inexactes</li>
              <li>Droit à l'effacement de vos données (« droit à l'oubli »)</li>
              <li>Droit à la limitation du traitement</li>
              <li>Droit à la portabilité des données</li>
              <li>Droit d'opposition au traitement</li>
              <li>Droit de retirer votre consentement à tout moment</li>
            </ul>
            <p>
              Pour exercer ces droits, veuillez nous contacter à l'adresse email suivante : privacy@patrimoniom.fr
            </p>

<h2>9. Modifications de cette politique</h2>
            <p>
              Nous pouvons mettre à jour cette Politique de Confidentialité de temps à autre. Nous vous informerons de
              tout changement important en publiant la nouvelle Politique de Confidentialité sur cette page et en vous
              envoyant une notification par email.
            </p>

<h2>10. Contact</h2>
            <p>
              Si vous avez des questions concernant cette Politique de Confidentialité, veuillez nous contacter à
              l'adresse suivante : privacy@patrimoniom.fr
            </p>
          </div>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/contact/page.tsx" isMerged="true"
"use client"

import type React from "react"

export default function ContactPage() {
  const { toast } = useToast()
  const [formData, setFormData] = useState({
    name: "",
    email: "",
    subject: "",
    message: "",
  })
  const [isSubmitting, setIsSubmitting] = useState(false)
  const [isSubmitted, setIsSubmitted] = useState(false)

const handleSubmit = (e: React.FormEvent) => {
    e.preventDefault()
    setIsSubmitting(true)

// Simulation d'envoi de formulaire
    setTimeout(() => {
      setIsSubmitting(false)
      setIsSubmitted(true)
      toast({
        title: "Message envoyé",
        description: "Nous vous répondrons dans les plus brefs délais.",
      })
    }, 1500)
  }

<div className="mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[800px]">
          <div className="flex flex-col space-y-2 text-center">
            <h1 className="text-3xl font-bold tracking-tight">Contactez-nous</h1>
            <p className="text-sm text-gray-500 dark:text-gray-400">
              Nous sommes à votre écoute pour toute question ou demande d'information
            </p>
          </div>

<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
            <div className="space-y-6">
              <div className="flex items-start space-x-4">
                <Mail className="h-6 w-6 text-gold-500 mt-0.5" />
                <div>
                  <h3 className="font-medium">Email</h3>
                  <p className="text-sm text-gray-500 dark:text-gray-400">contact@patrimoniom.fr</p>
                </div>
              </div>
              <div className="flex items-start space-x-4">
                <Phone className="h-6 w-6 text-gold-500 mt-0.5" />
                <div>
                  <h3 className="font-medium">Téléphone</h3>
                  <p className="text-sm text-gray-500 dark:text-gray-400">+33 (0)1 23 45 67 89</p>
                </div>
              </div>
              <div className="flex items-start space-x-4">
                <MapPin className="h-6 w-6 text-gold-500 mt-0.5" />
                <div>
                  <h3 className="font-medium">Adresse</h3>
                  <p className="text-sm text-gray-500 dark:text-gray-400">
                    123 Avenue de la République, 75011 Paris, France
                  </p>
                </div>
              </div>
              <div className="bg-gold-50 p-6 rounded-lg border border-gold-200">
                <h3 className="font-medium mb-2">Horaires d'ouverture</h3>
                <div className="space-y-1 text-sm">
                  <p className="flex justify-between">
                    <span>Lundi - Vendredi</span>
                    <span>9h00 - 18h00</span>
                  </p>
                  <p className="flex justify-between">
                    <span>Samedi</span>
                    <span>10h00 - 16h00</span>
                  </p>
                  <p className="flex justify-between">
                    <span>Dimanche</span>
                    <span>Fermé</span>
                  </p>
                </div>
              </div>
            </div>

<div>
              {isSubmitted ? (
                <div className="bg-green-50 p-8 rounded-lg border border-green-200 flex flex-col items-center justify-center h-full">
                  <div className="rounded-full bg-green-100 p-3 mb-4">
                    <Check className="h-8 w-8 text-green-600" />
                  </div>
                  <h3 className="text-xl font-medium text-green-800 mb-2">Message envoyé !</h3>
                  <p className="text-center text-green-600 mb-4">
                    Merci de nous avoir contactés. Nous vous répondrons dans les plus brefs délais.
                  </p>
                  <Button onClick={() => setIsSubmitted(false)}>Envoyer un autre message</Button>
                </div>
              ) : (
                <form onSubmit={handleSubmit} className="space-y-4">
                  <div className="space-y-2">
                    <Label htmlFor="name">Nom complet</Label>
                    <Input
                      id="name"
                      name="name"
                      value={formData.name}
                      onChange={handleChange}
                      placeholder="Jean Dupont"
                      required
                    />
                  </div>
                  <div className="space-y-2">
                    <Label htmlFor="email">Email</Label>
                    <Input
                      id="email"
                      name="email"
                      type="email"
                      value={formData.email}
                      onChange={handleChange}
                      placeholder="jean.dupont@exemple.fr"
                      required
                    />
                  </div>
                  <div className="space-y-2">
                    <Label htmlFor="subject">Sujet</Label>
                    <Input
                      id="subject"
                      name="subject"
                      value={formData.subject}
                      onChange={handleChange}
                      placeholder="Demande d'information"
                      required
                    />
                  </div>
                  <div className="space-y-2">
                    <Label htmlFor="message">Message</Label>
                    <Textarea
                      id="message"
                      name="message"
                      value={formData.message}
                      onChange={handleChange}
                      placeholder="Votre message..."
                      rows={5}
                      required
                    />
                  </div>
                  <Button type="submit" className="w-full" disabled={isSubmitting}>
                    {isSubmitting ? (
                      "Envoi en cours..."
                    ) : (
                      <>
                        <Send className="mr-2 h-4 w-4" /> Envoyer le message
                      </>
                    )}
                  </Button>
                </form>
              )}
            </div>
          </div>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/support/page.tsx" isMerged="true"
"use client"