feat: L'Ami Fiduciaire V1.0.0 — full codebase with Story 0.1 complete

Initial commit of the L'Ami Fiduciaire SaaS platform built on Laravel 12,
Vue 3, Inertia.js 2, and Tailwind CSS 4.

Story 0.1 (rename folders to declarations in database) is implemented and
code-reviewed: migration, rollback, and 6 Pest tests all passing.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

resources/js/layouts/AppLayout.vue

@@ -0,0 +1,18 @@
+<script setup lang="ts">
+import AppLayout from '@/layouts/app/AppSidebarLayout.vue';
+import type { BreadcrumbItem } from '@/types';
+
+type Props = {
+    breadcrumbs?: BreadcrumbItem[];
+};
+
+withDefaults(defineProps<Props>(), {
+    breadcrumbs: () => [],
+});
+</script>
+
+<template>
+    <AppLayout :breadcrumbs="breadcrumbs">
+        <slot />
+    </AppLayout>
+</template>

resources/js/layouts/AuthLayout.vue

@@ -0,0 +1,14 @@
+<script setup lang="ts">
+import AuthLayout from '@/layouts/auth/AuthSimpleLayout.vue';
+
+defineProps<{
+    title?: string;
+    description?: string;
+}>();
+</script>
+
+<template>
+    <AuthLayout :title="title" :description="description">
+        <slot />
+    </AuthLayout>
+</template>

resources/js/layouts/app/AppHeaderLayout.vue

@@ -0,0 +1,23 @@
+<script setup lang="ts">
+import AppContent from '@/components/AppContent.vue';
+import AppHeader from '@/components/AppHeader.vue';
+import AppShell from '@/components/AppShell.vue';
+import type { BreadcrumbItem } from '@/types';
+
+type Props = {
+    breadcrumbs?: BreadcrumbItem[];
+};
+
+withDefaults(defineProps<Props>(), {
+    breadcrumbs: () => [],
+});
+</script>
+
+<template>
+    <AppShell class="flex-col">
+        <AppHeader :breadcrumbs="breadcrumbs" />
+        <AppContent>
+            <slot />
+        </AppContent>
+    </AppShell>
+</template>

resources/js/layouts/app/AppSidebarLayout.vue

@@ -0,0 +1,25 @@
+<script setup lang="ts">
+import AppContent from '@/components/AppContent.vue';
+import AppShell from '@/components/AppShell.vue';
+import AppSidebar from '@/components/AppSidebar.vue';
+import AppSidebarHeader from '@/components/AppSidebarHeader.vue';
+import type { BreadcrumbItem } from '@/types';
+
+type Props = {
+    breadcrumbs?: BreadcrumbItem[];
+};
+
+withDefaults(defineProps<Props>(), {
+    breadcrumbs: () => [],
+});
+</script>
+
+<template>
+    <AppShell variant="sidebar">
+        <AppSidebar />
+        <AppContent variant="sidebar" class="overflow-x-hidden">
+            <AppSidebarHeader :breadcrumbs="breadcrumbs" />
+            <slot />
+        </AppContent>
+    </AppShell>
+</template>

resources/js/layouts/auth/AuthCardLayout.vue

@@ -0,0 +1,50 @@
+<script setup lang="ts">
+import { Link } from '@inertiajs/vue3';
+import AppLogoIcon from '@/components/AppLogoIcon.vue';
+import {
+    Card,
+    CardContent,
+    CardDescription,
+    CardHeader,
+    CardTitle,
+} from '@/components/ui/card';
+import { home } from '@/routes';
+
+defineProps<{
+    title?: string;
+    description?: string;
+}>();
+</script>
+
+<template>
+    <div
+        class="flex min-h-svh flex-col items-center justify-center gap-6 bg-muted p-6 md:p-10"
+    >
+        <div class="flex w-full max-w-md flex-col gap-6">
+            <Link
+                :href="home()"
+                class="flex items-center gap-2 self-center font-medium"
+            >
+                <div class="flex h-9 w-9 items-center justify-center">
+                    <AppLogoIcon
+                        class="size-9 fill-current text-black dark:text-white"
+                    />
+                </div>
+            </Link>
+
+            <div class="flex flex-col gap-6">
+                <Card class="rounded-xl">
+                    <CardHeader class="px-10 pt-8 pb-0 text-center">
+                        <CardTitle class="text-xl">{{ title }}</CardTitle>
+                        <CardDescription>
+                            {{ description }}
+                        </CardDescription>
+                    </CardHeader>
+                    <CardContent class="px-10 py-8">
+                        <slot />
+                    </CardContent>
+                </Card>
+            </div>
+        </div>
+    </div>
+</template>

resources/js/layouts/auth/AuthSimpleLayout.vue

@@ -0,0 +1,43 @@
+<script setup lang="ts">
+import { Link } from '@inertiajs/vue3';
+import AppLogoIcon from '@/components/AppLogoIcon.vue';
+import { home } from '@/routes';
+
+defineProps<{
+    title?: string;
+    description?: string;
+}>();
+</script>
+
+<template>
+    <div
+        class="flex min-h-svh flex-col items-center justify-center gap-6 bg-background p-6 md:p-10"
+    >
+        <div class="w-full max-w-sm">
+            <div class="flex flex-col gap-8">
+                <div class="flex flex-col items-center gap-4">
+                    <Link
+                        :href="home()"
+                        class="flex flex-col items-center gap-2 font-medium"
+                    >
+                        <div
+                            class="mb-1 flex h-9 w-9 items-center justify-center rounded-md"
+                        >
+                            <AppLogoIcon
+                                class="size-9 fill-current text-[var(--foreground)] dark:text-white"
+                            />
+                        </div>
+                        <span class="sr-only">{{ title }}</span>
+                    </Link>
+                    <div class="space-y-2 text-center">
+                        <h1 class="text-xl font-medium">{{ title }}</h1>
+                        <p class="text-center text-sm text-muted-foreground">
+                            {{ description }}
+                        </p>
+                    </div>
+                </div>
+                <slot />
+            </div>
+        </div>
+    </div>
+</template>

resources/js/layouts/auth/AuthSplitLayout.vue

@@ -0,0 +1,47 @@
+<script setup lang="ts">
+import { Link, usePage } from '@inertiajs/vue3';
+import AppLogoIcon from '@/components/AppLogoIcon.vue';
+import { home } from '@/routes';
+
+const page = usePage();
+const name = page.props.name;
+
+defineProps<{
+    title?: string;
+    description?: string;
+}>();
+</script>
+
+<template>
+    <div
+        class="relative grid h-dvh flex-col items-center justify-center px-8 sm:px-0 lg:max-w-none lg:grid-cols-2 lg:px-0"
+    >
+        <div
+            class="relative hidden h-full flex-col bg-muted p-10 text-white lg:flex dark:border-r"
+        >
+            <div class="absolute inset-0 bg-zinc-900" />
+            <Link
+                :href="home()"
+                class="relative z-20 flex items-center text-lg font-medium"
+            >
+                <AppLogoIcon class="mr-2 size-8 fill-current text-white" />
+                {{ name }}
+            </Link>
+        </div>
+        <div class="lg:p-8">
+            <div
+                class="mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]"
+            >
+                <div class="flex flex-col space-y-2 text-center">
+                    <h1 class="text-xl font-medium tracking-tight" v-if="title">
+                        {{ title }}
+                    </h1>
+                    <p class="text-sm text-muted-foreground" v-if="description">
+                        {{ description }}
+                    </p>
+                </div>
+                <slot />
+            </div>
+        </div>
+    </div>
+</template>

resources/js/layouts/settings/Layout.vue

@@ -0,0 +1,76 @@
+<script setup lang="ts">
+import { Link } from '@inertiajs/vue3';
+import Heading from '@/components/Heading.vue';
+import { Button } from '@/components/ui/button';
+import { Separator } from '@/components/ui/separator';
+import { useCurrentUrl } from '@/composables/useCurrentUrl';
+import { toUrl } from '@/lib/utils';
+import type { NavItem } from '@/types';
+import { edit as editAppearance } from '@/routes/appearance';
+import { edit as editProfile } from '@/routes/profile';
+import { show } from '@/routes/two-factor';
+import { edit as editPassword } from '@/routes/user-password';
+
+const sidebarNavItems: NavItem[] = [
+    {
+        title: 'Profile',
+        href: editProfile(),
+    },
+    {
+        title: 'Password',
+        href: editPassword(),
+    },
+    {
+        title: 'Two-Factor Auth',
+        href: show(),
+    },
+    {
+        title: 'Appearance',
+        href: editAppearance(),
+    },
+];
+
+const { isCurrentUrl } = useCurrentUrl();
+</script>
+
+<template>
+    <div class="px-4 py-6">
+        <Heading
+            title="Settings"
+            description="Manage your profile and account settings"
+        />
+
+        <div class="flex flex-col lg:flex-row lg:space-x-12">
+            <aside class="w-full max-w-xl lg:w-48">
+                <nav
+                    class="flex flex-col space-y-1 space-x-0"
+                    aria-label="Settings"
+                >
+                    <Button
+                        v-for="item in sidebarNavItems"
+                        :key="toUrl(item.href)"
+                        variant="ghost"
+                        :class="[
+                            'w-full justify-start',
+                            { 'bg-muted': isCurrentUrl(item.href) },
+                        ]"
+                        as-child
+                    >
+                        <Link :href="item.href">
+                            <component :is="item.icon" class="h-4 w-4" />
+                            {{ item.title }}
+                        </Link>
+                    </Button>
+                </nav>
+            </aside>
+
+            <Separator class="my-6 lg:hidden" />
+
+            <div class="flex-1 md:max-w-2xl">
+                <section class="max-w-xl space-y-12">
+                    <slot />
+                </section>
+            </div>
+        </div>
+    </div>
+</template>