@lastbrain/app 0.1.43 → 0.1.44

package/src/templates/DocPage.tsx

@@ -4,7 +4,6 @@ import React, { useState, useEffect } from "react";
 import {
   Card,
   CardBody,
-  CardHeader,
   Listbox,
   ListboxItem,
   Chip,
@@ -13,7 +12,8 @@ import {
   DrawerContent,
   DrawerHeader,
   DrawerBody,
-  Snippet,
+  Accordion,
+  AccordionItem,
 } from "@lastbrain/ui";
 import {
   Menu,
@@ -358,8 +358,9 @@ export function DocPage({ modules = [], defaultContent }: DocPageProps) {
 
             {/* Modules section */}
             {modules.length > 0 && (
-              <div className="space-y-6">
-                <Card id="section-modules" className="scroll-mt-32">
+              <div id="section-modules">
+                <Accordion variant="splitted">
+                  {/* <Card id="section-modules" className="scroll-mt-32">
                   <CardHeader>
                     <h2 className="text-2xl font-semibold">
                       Modules disponibles
@@ -371,7 +372,7 @@ export function DocPage({ modules = [], defaultContent }: DocPageProps) {
                       LastBrain. Les modules actifs sont utilisés dans votre
                       application.
                     </p>
-                    <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                    <div className="grid grid-cols-1  gap-4">
                       {modules.map((module) => (
                         <Card
                           key={module.id}
@@ -405,7 +406,7 @@ export function DocPage({ modules = [], defaultContent }: DocPageProps) {
                             {!module.available && (
                               <div className="flex justify-between items-center text-xs text-default-700 mt-2">
                                 <span>Pour activer : </span>
-                                <Snippet hideSymbol color="primary">
+                                <Snippet size="sm" hideSymbol color="primary">
                                   {`pnpm lastbrain add-module ${module.id}`}
                                 </Snippet>
                               </div>
@@ -415,20 +416,37 @@ export function DocPage({ modules = [], defaultContent }: DocPageProps) {
                       ))}
                     </div>
                   </CardBody>
-                </Card>
+                </Card> */}
 
-                {/* Module documentation - seulement pour les modules actifs */}
-                {modules
-                  .filter((m) => m.available)
-                  .map((module) => (
-                    <div
-                      key={module.id}
-                      id={`module-${module.id}`}
-                      className="scroll-mt-32"
-                    >
-                      {module.content}
-                    </div>
-                  ))}
+                  {modules
+                    .filter((m) => m.available)
+                    .map((module) => (
+                      <AccordionItem
+                        key={module.id}
+                        id={`module-${module.id}`}
+                        className="my-4"
+                        title={
+                          <div className="flex justify-between">
+                            <div className="flex flex-inline items-center gap-2">
+                              <Package size={20} className="shrink-0" />
+                              <span>{module.name}</span>
+                            </div>
+                            <Chip
+                              size="sm"
+                              color={module.available ? "success" : "warning"}
+                              variant="flat"
+                            >
+                              {module.available ? "Actif" : "Inactif"}
+                            </Chip>
+                          </div>
+                        }
+                      >
+                        <div key={module.id} className="scroll-mt-32">
+                          {module.content}
+                        </div>
+                      </AccordionItem>
+                    ))}
+                </Accordion>
               </div>
             )}
           </main>

package/src/templates/SimpleDocPage.tsx

@@ -61,7 +61,7 @@ export function SimpleDocPage() {
         <main className="flex-1 space-y-8">
           {/* Introduction */}
           <section id="intro">
-            <h1 className="text-4xl font-bold mb-4 bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent">
+            <h1 className="text-4xl font-bold mb-4 bg-linear-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent">
               Documentation LastBrain
             </h1>
             <p className="text-xl text-slate-600 dark:text-slate-400 mb-6">
@@ -532,7 +532,7 @@ where email = 'votre@email.com';`}</span>
 
           {/* Resources supplémentaires */}
           <section id="resources">
-            <Card className="bg-gradient-to-r from-blue-50 to-purple-50 dark:from-blue-950/30 dark:to-purple-950/30 border-blue-200 dark:border-blue-800">
+            <Card className="bg-linear-to-r from-blue-50 to-purple-50 dark:from-blue-950/30 dark:to-purple-950/30 border-blue-200 dark:border-blue-800">
               <CardHeader className="pb-0">
                 <h2 className="text-3xl font-semibold">
                   📚 Resources Supplémentaires

package/src/templates/SimpleHomePage.tsx

@@ -28,7 +28,7 @@ export function SimpleHomePage({ showAuth }: HomePageProps) {
   return (
     <div className="min-h-screen">
       {/* Hero Section */}
-      <section className="relative overflow-hidden bg-gradient-to-br from-blue-50 via-purple-50 to-pink-50 dark:from-slate-900 dark:via-purple-900/20 dark:to-blue-900/20">
+      <section className="relative overflow-hidden bg-linear-to-r from-blue-50 via-purple-50 to-pink-50 dark:from-slate-900 dark:via-purple-900/20 dark:to-blue-900/20">
         <div className="absolute inset-0 bg-grid-slate-200/50 dark:bg-grid-slate-700/25 mask-[radial-gradient(ellipse_at_center,transparent_20%,black)]"></div>
 
         <div className="relative container mx-auto px-4 py-24 md:py-32">
@@ -40,7 +40,7 @@ export function SimpleHomePage({ showAuth }: HomePageProps) {
               </span>
             </div>
 
-            <h1 className="text-5xl md:text-7xl font-bold mb-6 bg-gradient-to-r from-blue-600 via-purple-600 to-pink-600 bg-clip-text text-transparent">
+            <h1 className="text-5xl md:text-7xl font-bold mb-6 bg-linear-to-r from-blue-600 via-purple-600 to-pink-600 bg-clip-text text-transparent">
               Bienvenue sur LastBrain
             </h1>
 
@@ -358,7 +358,7 @@ export function SimpleHomePage({ showAuth }: HomePageProps) {
       </section>
 
       {/* CTA Section */}
-      <section className="py-20 bg-gradient-to-r from-blue-600 to-purple-600 text-white">
+      <section className="py-20 bg-linear-to-r from-blue-600 to-purple-600 text-white">
         <div className="container mx-auto px-4">
           <div className="max-w-3xl mx-auto text-center">
             <h2 className="text-3xl md:text-4xl font-bold mb-4">