cinqcinqdev-seo 0.1.31 → 0.1.32

package/dist/runtime/pages/admin/branding.vue

@@ -65,7 +65,7 @@ const saveBrandingData = async () => {
           <p class="text-slate-500 mt-1">Gerez l'identite visuelle et la voix de votre marque</p>
         </div>
         <div class="flex gap-3">
-          <div class="flex gap-2 bg-background p-1.5 rounded-xl border border-slate-200">
+          <div class="flex gap-2 bg-white p-1.5 rounded-xl border border-slate-200">
             <button @click="viewMode = 'edit'" :class="[viewMode === 'edit' ? 'bg-blue-600 text-white' : 'text-slate-600 hover:bg-slate-50']" class="px-4 py-2 rounded-lg font-semibold text-sm transition-all flex items-center gap-2">
               <Icon name="mdi:pencil" /> Edit
             </button>
@@ -88,7 +88,7 @@ const saveBrandingData = async () => {
               <h2 class="text-3xl font-bold mb-2">{{ brandingData.brand_name || "Votre Marque" }}</h2>
               <p class="text-blue-100 text-lg">{{ brandingData.tagline || "Votre tagline" }}</p>
             </div>
-            <img v-if="brandingData.logo_primary_url" :src="brandingData.logo_primary_url" alt="Logo" class="h-16 w-auto bg-background p-2 rounded-xl" />
+            <img v-if="brandingData.logo_primary_url" :src="brandingData.logo_primary_url" alt="Logo" class="h-16 w-auto bg-white p-2 rounded-xl" />
           </div>
           <div class="grid grid-cols-2 gap-6">
             <div>
@@ -102,7 +102,7 @@ const saveBrandingData = async () => {
           </div>
         </div>
 
-        <div class="bg-background rounded-3xl p-8 border border-slate-200">
+        <div class="bg-white rounded-3xl p-8 border border-slate-200">
           <h2 class="text-2xl font-bold text-slate-900 mb-6 flex items-center gap-2">
             <Icon name="mdi:palette" class="text-blue-600" /> Palette de Couleurs
           </h2>
@@ -115,7 +115,7 @@ const saveBrandingData = async () => {
           </div>
         </div>
 
-        <div class="bg-background rounded-3xl p-8 border border-slate-200">
+        <div class="bg-white rounded-3xl p-8 border border-slate-200">
           <h2 class="text-2xl font-bold text-slate-900 mb-6 flex items-center gap-2">
             <Icon name="mdi:microphone" class="text-blue-600" /> Voix & Messaging
           </h2>
@@ -135,7 +135,7 @@ const saveBrandingData = async () => {
           </div>
         </div>
 
-        <div class="bg-background rounded-3xl p-8 border border-slate-200">
+        <div class="bg-white rounded-3xl p-8 border border-slate-200">
           <h2 class="text-2xl font-bold text-slate-900 mb-6 flex items-center gap-2">
             <Icon name="mdi:link" class="text-blue-600" /> Ressources
           </h2>
@@ -160,7 +160,7 @@ const saveBrandingData = async () => {
 
       <!-- Edit View -->
       <div v-if="viewMode === 'edit'">
-        <div class="flex gap-2 bg-background p-2 rounded-2xl border border-slate-200 inline-flex mb-8">
+        <div class="flex gap-2 bg-white p-2 rounded-2xl border border-slate-200 inline-flex mb-8">
           <button @click="activeTab = 'visual'" :class="[activeTab === 'visual' ? 'bg-blue-600 text-white shadow-lg' : 'text-slate-600 hover:bg-slate-50']" class="px-5 py-2.5 rounded-xl font-semibold text-sm transition-all flex items-center gap-2">
             <Icon name="mdi:palette" /> Identite Visuelle
           </button>
@@ -170,7 +170,7 @@ const saveBrandingData = async () => {
         </div>
 
         <div v-if="activeTab === 'visual'" class="space-y-8">
-          <div class="bg-background rounded-3xl p-8 border border-slate-200">
+          <div class="bg-white rounded-3xl p-8 border border-slate-200">
             <h2 class="text-xl font-bold text-slate-900 mb-6">Informations de Base</h2>
             <div class="grid grid-cols-2 gap-6">
               <div>
@@ -184,7 +184,7 @@ const saveBrandingData = async () => {
             </div>
           </div>
 
-          <div class="bg-background rounded-3xl p-8 border border-slate-200">
+          <div class="bg-white rounded-3xl p-8 border border-slate-200">
             <h2 class="text-xl font-bold text-slate-900 mb-6">Logos (URLs)</h2>
             <div class="grid grid-cols-2 gap-6">
               <div v-for="[key, label] in [['logo_primary_url', 'Logo Principal'], ['logo_secondary_url', 'Logo Secondaire'], ['logo_icon_url', 'Icone'], ['logo_white_url', 'Logo Blanc']]" :key="key">
@@ -197,7 +197,7 @@ const saveBrandingData = async () => {
             </div>
           </div>
 
-          <div class="bg-background rounded-3xl p-8 border border-slate-200">
+          <div class="bg-white rounded-3xl p-8 border border-slate-200">
             <h2 class="text-xl font-bold text-slate-900 mb-6">Palette de Couleurs</h2>
             <div class="grid grid-cols-2 md:grid-cols-5 gap-6">
               <div v-for="[key, label] in [['color_primary', 'Principale'], ['color_secondary', 'Secondaire'], ['color_accent', 'Accent'], ['color_text', 'Texte'], ['color_background', 'Fond']]" :key="key">
@@ -210,7 +210,7 @@ const saveBrandingData = async () => {
             </div>
           </div>
 
-          <div class="bg-background rounded-3xl p-8 border border-slate-200">
+          <div class="bg-white rounded-3xl p-8 border border-slate-200">
             <h2 class="text-xl font-bold text-slate-900 mb-6">Typographie</h2>
             <div class="grid grid-cols-3 gap-6">
               <div v-for="[key, label] in [['font_heading', 'Police Titres'], ['font_body', 'Police Corps'], ['font_accent', 'Police Accent']]" :key="key">
@@ -220,7 +220,7 @@ const saveBrandingData = async () => {
             </div>
           </div>
 
-          <div class="bg-background rounded-3xl p-8 border border-slate-200">
+          <div class="bg-white rounded-3xl p-8 border border-slate-200">
             <h2 class="text-xl font-bold text-slate-900 mb-6">Liens</h2>
             <div class="grid grid-cols-2 gap-6">
               <div>
@@ -236,7 +236,7 @@ const saveBrandingData = async () => {
         </div>
 
         <div v-if="activeTab === 'voice'" class="space-y-8">
-          <div class="bg-background rounded-3xl p-8 border border-slate-200">
+          <div class="bg-white rounded-3xl p-8 border border-slate-200">
             <h2 class="text-xl font-bold text-slate-900 mb-6">Identite de Base</h2>
             <div class="space-y-6">
               <div v-for="[key, label, ph] in [['mission', 'Mission', 'Pourquoi votre entreprise existe...'], ['vision', 'Vision', 'Ou vous voulez aller...'], ['brand_story', 'Histoire de la Marque', 'Racontez votre histoire...']]" :key="key">
@@ -246,7 +246,7 @@ const saveBrandingData = async () => {
             </div>
           </div>
 
-          <div class="bg-background rounded-3xl p-8 border border-slate-200">
+          <div class="bg-white rounded-3xl p-8 border border-slate-200">
             <h2 class="text-xl font-bold text-slate-900 mb-6">Proposition de Valeur</h2>
             <div class="space-y-6">
               <div v-for="[key, label, ph] in [['unique_value_proposition', 'UVP', 'Ce qui vous differencie...'], ['elevator_pitch', 'Elevator Pitch', 'Votre pitch en 30 secondes...'], ['voice_description', 'Voix de Marque', 'Comment votre marque sonne...']]" :key="key">
@@ -256,7 +256,7 @@ const saveBrandingData = async () => {
             </div>
           </div>
 
-          <div class="bg-background rounded-3xl p-8 border border-slate-200">
+          <div class="bg-white rounded-3xl p-8 border border-slate-200">
             <h2 class="text-xl font-bold text-slate-900 mb-6">Positionnement</h2>
             <div class="grid grid-cols-2 gap-6">
               <div>

package/dist/runtime/pages/admin/calendar.vue

@@ -93,7 +93,7 @@ onMounted(async () => {
 
       <Teleport to="body">
         <div v-if="showModal" class="fixed inset-0 bg-black/50 backdrop-blur-sm z-50 flex items-center justify-center p-4" @click.self="closeModal">
-          <div class="bg-background rounded-[2rem] shadow-2xl max-w-3xl w-full max-h-[90vh] overflow-y-auto">
+          <div class="bg-white rounded-[2rem] shadow-2xl max-w-3xl w-full max-h-[90vh] overflow-y-auto">
             <div class="p-8">
               <div class="flex justify-between items-center mb-6">
                 <h2 class="text-2xl font-black text-slate-900">{{ editingContent ? "Modifier le Contenu" : "Nouveau Contenu" }}</h2>

package/dist/runtime/pages/admin/content-library.vue

@@ -60,7 +60,7 @@ const enrichContent = (c) => {
     review: "bg-orange-100 text-orange-600",
     approved: "bg-blue-100 text-blue-700",
     published: "bg-emerald-100 text-emerald-700",
-    archived: "bg-mgray-100 text-mgray-500"
+    archived: "bg-gray-100 text-gray-500"
   };
   const labelMap = { draft: "Idee", review: "Revision", approved: "Planifie", published: "Publie", archived: "Archive" };
   return {
@@ -151,7 +151,7 @@ const handleDelete = async (content) => {
           <h1 class="text-4xl font-black text-slate-900">Content Library</h1>
           <p class="text-slate-500 mt-1">Gerez votre arsenal de contenus</p>
         </div>
-        <div class="flex items-center gap-3 bg-background p-2 rounded-2xl border border-slate-200 shadow-sm">
+        <div class="flex items-center gap-3 bg-white p-2 rounded-2xl border border-slate-200 shadow-sm">
           <button @click="viewMode = 'columns'" :class="[viewMode === 'columns' ? 'bg-emerald-600 text-white shadow-lg' : 'text-slate-500 hover:bg-slate-50']" class="px-5 py-2.5 rounded-xl text-xs font-black uppercase transition-all flex items-center gap-2">
             <Icon name="mdi:view-column" /> Colonnes
           </button>
@@ -162,7 +162,7 @@ const handleDelete = async (content) => {
       </div>
 
       <div class="grid grid-cols-2 lg:grid-cols-5 gap-4 mb-8">
-        <div v-for="stat in stats" :key="stat.label" class="bg-background p-5 rounded-2xl border border-slate-100 shadow-sm">
+        <div v-for="stat in stats" :key="stat.label" class="bg-white p-5 rounded-2xl border border-slate-100 shadow-sm">
           <div :class="[stat.bg, 'w-10 h-10 rounded-xl flex items-center justify-center mb-3']">
             <Icon :name="stat.icon" :class="[stat.color, 'text-xl']" />
           </div>
@@ -175,7 +175,7 @@ const handleDelete = async (content) => {
       <div v-if="viewMode === 'columns'" class="overflow-x-auto pb-6">
         <div class="flex gap-6 min-w-max">
           <div v-for="platform in platforms" :key="platform" class="flex-shrink-0 w-80">
-            <div class="bg-background rounded-2xl border border-slate-200 overflow-hidden shadow-sm">
+            <div class="bg-white rounded-2xl border border-slate-200 overflow-hidden shadow-sm">
               <div class="p-5 border-b border-slate-100 bg-slate-50">
                 <div class="flex items-center justify-between mb-2">
                   <div class="flex items-center gap-3">
@@ -192,7 +192,7 @@ const handleDelete = async (content) => {
               </div>
               <div class="p-4 space-y-3 max-h-96 overflow-y-auto">
                 <div v-for="content in getContentByPlatform(platform)" :key="content.id"
-                     class="bg-background border-2 border-slate-100 rounded-xl p-4 hover:border-blue-300 hover:shadow-md transition-all cursor-pointer group"
+                     class="bg-white border-2 border-slate-100 rounded-xl p-4 hover:border-blue-300 hover:shadow-md transition-all cursor-pointer group"
                      @click="openEdit(content)">
                   <span :class="['px-2 py-1 rounded-lg text-[9px] font-black uppercase', content.statusClass]">{{ content.statusLabel }}</span>
                   <p class="font-bold text-slate-900 text-sm mt-2 line-clamp-2 group-hover:text-blue-600 transition-colors">{{ content.title }}</p>
@@ -214,7 +214,7 @@ const handleDelete = async (content) => {
 
       <!-- Table View -->
       <div v-else class="space-y-4">
-        <div class="bg-background rounded-2xl p-4 border border-slate-200 shadow-sm space-y-4">
+        <div class="bg-white rounded-2xl p-4 border border-slate-200 shadow-sm space-y-4">
           <div class="flex flex-wrap items-center justify-between gap-4">
             <div class="flex gap-2">
               <button v-for="tab in tabs" :key="tab" @click="activeTab = tab"
@@ -232,7 +232,7 @@ const handleDelete = async (content) => {
           </div>
         </div>
 
-        <div class="bg-background rounded-2xl border border-slate-200 overflow-hidden shadow-sm">
+        <div class="bg-white rounded-2xl border border-slate-200 overflow-hidden shadow-sm">
           <table class="w-full text-left">
             <thead class="bg-slate-50 border-b border-slate-200">
               <tr>
@@ -278,10 +278,10 @@ const handleDelete = async (content) => {
     <!-- Modal -->
     <Teleport to="body">
       <div v-if="showModal" class="fixed inset-0 bg-slate-900/60 backdrop-blur-lg z-50 flex items-center justify-center p-4">
-        <div class="bg-background rounded-[2rem] max-w-4xl w-full max-h-[95vh] overflow-hidden shadow-2xl flex flex-col">
+        <div class="bg-white rounded-[2rem] max-w-4xl w-full max-h-[95vh] overflow-hidden shadow-2xl flex flex-col">
           <div class="bg-gradient-to-r from-slate-900 to-slate-800 p-8 text-white flex justify-between items-center">
             <h2 class="text-2xl font-black">{{ editingContent ? "Editer le Contenu" : "Nouveau Contenu" }}</h2>
-            <button @click="closeModal" class="w-12 h-12 bg-background/10 hover:bg-red-500 rounded-2xl flex items-center justify-center transition-all">
+            <button @click="closeModal" class="w-12 h-12 bg-white/10 hover:bg-red-500 rounded-2xl flex items-center justify-center transition-all">
               <Icon name="mdi:close" class="text-2xl" />
             </button>
           </div>
@@ -295,7 +295,7 @@ const handleDelete = async (content) => {
                 <label class="text-xs font-black uppercase text-slate-500 mb-2 block">Plateforme</label>
                 <div class="grid grid-cols-3 gap-2">
                   <button v-for="p in platforms" :key="p" @click="formData.platform = p"
-                          :class="[formData.platform === p ? 'bg-blue-600 text-white scale-105' : 'bg-background border-2 border-slate-200 text-slate-600 hover:border-blue-300']"
+                          :class="[formData.platform === p ? 'bg-blue-600 text-white scale-105' : 'bg-white border-2 border-slate-200 text-slate-600 hover:border-blue-300']"
                           class="px-3 py-2 rounded-xl text-xs font-black uppercase transition-all">{{ p }}</button>
                 </div>
               </div>
@@ -303,7 +303,7 @@ const handleDelete = async (content) => {
                 <label class="text-xs font-black uppercase text-slate-500 mb-2 block">Type Instagram</label>
                 <div class="grid grid-cols-2 gap-2">
                   <button v-for="t in instagramTypes" :key="t" @click="formData.instagram_type = t"
-                          :class="[formData.instagram_type === t ? 'bg-pink-600 text-white' : 'bg-background border-2 border-slate-200 text-pink-600 hover:border-pink-300']"
+                          :class="[formData.instagram_type === t ? 'bg-pink-600 text-white' : 'bg-white border-2 border-slate-200 text-pink-600 hover:border-pink-300']"
                           class="px-3 py-2 rounded-xl text-xs font-black uppercase transition-all">{{ t }}</button>
                 </div>
               </div>
@@ -319,7 +319,7 @@ const handleDelete = async (content) => {
             <div class="grid grid-cols-2 gap-4">
               <div>
                 <label class="text-xs font-black uppercase text-slate-500 mb-2 block">Persona</label>
-                <select v-model="formData.persona_id" @change="updatePersonaName" class="w-full bg-background border-2 border-slate-200 rounded-xl px-4 py-3 font-bold text-slate-700">
+                <select v-model="formData.persona_id" @change="updatePersonaName" class="w-full bg-white border-2 border-slate-200 rounded-xl px-4 py-3 font-bold text-slate-700">
                   <option value="">Generique</option>
                   <option v-for="p in personas" :key="p.id" :value="p.id">{{ p.name }}</option>
                 </select>
@@ -329,7 +329,7 @@ const handleDelete = async (content) => {
                 <div class="grid grid-cols-2 gap-1.5">
                   <button v-for="s in [{ v: 'draft', l: 'Idee' }, { v: 'review', l: 'Revision' }, { v: 'approved', l: 'Planifie' }, { v: 'published', l: 'Publie' }, { v: 'archived', l: 'Archive' }]" :key="s.v"
                           @click="formData.status = s.v"
-                          :class="[formData.status === s.v ? 'bg-blue-600 text-white scale-105' : 'bg-background border-2 border-slate-200 text-slate-600 hover:border-blue-300']"
+                          :class="[formData.status === s.v ? 'bg-blue-600 text-white scale-105' : 'bg-white border-2 border-slate-200 text-slate-600 hover:border-blue-300']"
                           class="px-3 py-2 rounded-xl text-[10px] font-black uppercase transition-all">{{ s.l }}</button>
                 </div>
               </div>
@@ -337,16 +337,16 @@ const handleDelete = async (content) => {
             <div class="grid grid-cols-2 gap-4">
               <div>
                 <label class="text-xs font-black uppercase text-slate-500 mb-2 block">Date prevue</label>
-                <input v-model="formData.scheduled_date" type="datetime-local" class="w-full bg-background border-2 border-indigo-200 rounded-xl px-4 py-3 font-bold text-indigo-900" />
+                <input v-model="formData.scheduled_date" type="datetime-local" class="w-full bg-white border-2 border-indigo-200 rounded-xl px-4 py-3 font-bold text-indigo-900" />
               </div>
               <div>
                 <label class="text-xs font-black uppercase text-slate-500 mb-2 block">URL publie</label>
-                <input v-model="formData.content_url" type="url" placeholder="https://..." class="w-full bg-background border-2 border-cyan-200 rounded-xl px-4 py-3 font-bold text-cyan-900" />
+                <input v-model="formData.content_url" type="url" placeholder="https://..." class="w-full bg-white border-2 border-cyan-200 rounded-xl px-4 py-3 font-bold text-cyan-900" />
               </div>
             </div>
           </div>
           <div class="p-6 bg-slate-50 border-t-2 border-slate-200 flex justify-end gap-3">
-            <button @click="closeModal" class="px-8 py-3 rounded-xl font-black text-sm uppercase text-slate-600 bg-background border-2 border-slate-200 hover:bg-slate-100 transition-all">Annuler</button>
+            <button @click="closeModal" class="px-8 py-3 rounded-xl font-black text-sm uppercase text-slate-600 bg-white border-2 border-slate-200 hover:bg-slate-100 transition-all">Annuler</button>
             <button @click="saveContent" :disabled="saving" class="bg-gradient-to-r from-blue-600 to-purple-600 text-white px-12 py-3 rounded-xl font-black text-sm uppercase shadow-xl disabled:opacity-50 flex items-center gap-2">
               <Icon :name="saving ? 'mdi:loading' : 'mdi:content-save'" :class="{ 'animate-spin': saving }" />
               {{ saving ? "Enregistrement..." : editingContent ? "Mettre a Jour" : "Creer" }}