Proposition : QwikPress + Chat IA Augmenté + Connectors Index

Date : 22/01/2026 23:29 (màj 23:55) Priorité : HAUTE Status : EN VALIDATION

Vision globale

Trois projets interconnectés formant un écosystème complet :

┌─────────────────────────────────────────────────────────────────────────────┐
│                              ÉCOSYSTÈME                                      │
│                                                                              │
│   ┌─────────────────┐                              ┌─────────────────────┐  │
│   │   QWIKPRESS     │                              │    CHAT IA          │  │
│   │   CMS/Sites     │◄────────────────────────────►│    AUGMENTÉ         │  │
│   │   (Qwik SSR)    │       peut intégrer          │    (Standalone)     │  │
│   └─────────────────┘                              └──────────┬──────────┘  │
│                                                               │              │
│                         ┌─────────────────────────────────────┘              │
│                         ▼                                                    │
│            ┌─────────────────────────────────────────────────────────┐      │
│            │                  CONNECTORS INDEX                        │      │
│            │              Hub universel de connecteurs                │      │
│            │                                                          │      │
│            │  ┌─────────┐ ┌─────────┐ ┌─────────┐ ┌─────────┐       │      │
│            │  │ Gmail   │ │ Slack   │ │Telegram │ │  ntfy   │       │      │
│            │  └─────────┘ └─────────┘ └─────────┘ └─────────┘       │      │
│            │  ┌─────────┐ ┌─────────┐ ┌─────────┐ ┌─────────┐       │      │
│            │  │o2switch │ │   OVH   │ │LinkedIn │ │ Discord │       │      │
│            │  └─────────┘ └─────────┘ └─────────┘ └─────────┘       │      │
│            └─────────────────────────────────────────────────────────┘      │
└─────────────────────────────────────────────────────────────────────────────┘

BACKLOG 1 : QwikPress Finalisation

Contexte

QwikPress est un CMS/Générateur de sites modulaire basé sur Qwik avec SSR et resumability.

État actuel :

• ✅ CI/CD Smart-Deploy fonctionnel (pipelines 249-253)
• ✅ 2 instances déployées : main (Supabase) + file-mode (JSON)
• ✅ Containers healthy
• ✅ 12+ modules visuels disponibles
• ✅ Interface admin
• ✅ Double stockage (local/Supabase)
• ❌ 404 sur / (pas de contenu dans Supabase)
• ❌ Layouts non implémentés
• ❌ SEO basique

URLs :

• https://qwikpress.33800.nowhere84.com (mode Supabase)
• https://qwikpress-file.33800.nowhere84.com (mode fichier)
• GitLab : https://gitlab.33800.nowhere84.com/gouroubleu/qwikpress

Tâches

Phase 1 : Fonctionnel (Priorité CRITIQUE)

Phase 2 : Features (Priorité HAUTE)

Phase 3 : Robustesse (Priorité MOYENNE)

BACKLOG 2 : Chat IA Augmenté (Standalone)

Concept

Un outil de conversation intelligent qui affiche des modules dynamiques JSX à la volée, offrant une expérience utilisateur infinie, précise et adaptée.

Principes clés :

• Standalone : Projet indépendant, utilisable partout
• JSX + Resumability : Basé sur Qwik pour sérialisation du code (server-first)
• Modules dynamiques : L'IA décide quel composant afficher selon le contexte
• Connecteurs : S'appuie sur Connectors Index pour les données

Architecture technique

┌─────────────────────────────────────────────────────────────────────────────┐
│                           CHAT IA AUGMENTÉ                                   │
│                                                                              │
│  ┌─────────────────────────────────────────────────────────────────────┐    │
│  │                         CONVERSATION                                 │    │
│  │                                                                      │    │
│  │  User: "Montre-moi mes derniers emails importants"                  │    │
│  │                                                                      │    │
│  │  ┌────────────────────────────────────────────────────────────┐     │    │
│  │  │  📧 MODULE: Email Inbox (résumé IA)                        │     │    │
│  │  │  ┌──────────────────────────────────────────────────────┐  │     │    │
│  │  │  │ ⭐ OVH - Facture février (23€)         il y a 2h     │  │     │    │
│  │  │  │ ⭐ GitHub - Security alert             il y a 5h     │  │     │    │
│  │  │  │    Newsletter Tech - ignoré            hier          │  │     │    │
│  │  │  └──────────────────────────────────────────────────────┘  │     │    │
│  │  │  [📖 Lire] [🗑️ Archiver] [↩️ Répondre avec IA]            │     │    │
│  │  └────────────────────────────────────────────────────────────┘     │    │
│  │                                                                      │    │
│  │  IA: "Tu as 2 emails importants. La facture OVH est due le 28.     │    │
│  │       L'alerte GitHub concerne une dépendance npm vulnérable.       │    │
│  │       Veux-tu que je traite l'alerte ?"                             │    │
│  │                                                                      │    │
│  │  User: "Oui, montre-moi les détails et propose un fix"              │    │
│  │                                                                      │    │
│  │  ┌────────────────────────────────────────────────────────────┐     │    │
│  │  │  🔒 MODULE: Security Alert Details                         │     │    │
│  │  │  Package: lodash 4.17.15 → CVE-2021-23337                  │     │    │
│  │  │  Severity: HIGH | Affected: 3 repos                        │     │    │
│  │  │  ┌──────────────────────────────────────────────────────┐  │     │    │
│  │  │  │ Fix suggéré:                                         │  │     │    │
│  │  │  │ npm update lodash@4.17.21                            │  │     │    │
│  │  │  └──────────────────────────────────────────────────────┘  │     │    │
│  │  │  [🔧 Appliquer fix] [📋 Copier commande] [⏭️ Ignorer]      │     │    │
│  │  └────────────────────────────────────────────────────────────┘     │    │
│  └─────────────────────────────────────────────────────────────────────┘    │
└─────────────────────────────────────────────────────────────────────────────┘

Stack technique

chat-ia-augmente/          # Projet Qwik standalone
├── src/
│   ├── core/
│   │   ├── ChatEngine.ts           # Moteur de conversation
│   │   ├── IntentParser.ts         # Détection intention (via LLM)
│   │   ├── ModuleResolver.ts       # Choix du module à afficher
│   │   ├── ContextManager.ts       # Gestion contexte conversation
│   │   └── ActionExecutor.ts       # Exécution des actions user
│   │
│   ├── modules/                    # Modules JSX resumables
│   │   ├── base/
│   │   │   ├── ModuleInterface.ts  # Interface commune
│   │   │   └── ModuleRegistry.ts   # Registre des modules
│   │   │
│   │   ├── data/
│   │   │   ├── TableModule.tsx     # Tableaux de données
│   │   │   ├── ChartModule.tsx     # Graphiques (Chart.js)
│   │   │   ├── StatsModule.tsx     # Stats/KPIs
│   │   │   └── ListModule.tsx      # Listes avec actions
│   │   │
│   │   ├── communication/
│   │   │   ├── InboxModule.tsx     # Emails/messages
│   │   │   ├── NotificationModule.tsx  # Notifications
│   │   │   └── ChatPreviewModule.tsx   # Preview conversations
│   │   │
│   │   ├── forms/
│   │   │   ├── FormModule.tsx      # Formulaires dynamiques
│   │   │   ├── ConfigModule.tsx    # Configuration
│   │   │   └── EditorModule.tsx    # Éditeur de texte/code
│   │   │
│   │   └── actions/
│   │       ├── ConfirmModule.tsx   # Confirmation action
│   │       ├── ProgressModule.tsx  # Progression tâche
│   │       └── ResultModule.tsx    # Résultat action
│   │
│   ├── ai/
│   │   ├── OllamaClient.ts         # Client ai-orchestrator
│   │   ├── Summarizer.ts           # Résumé de contenu
│   │   ├── Responder.ts            # Génération réponses
│   │   └── Classifier.ts           # Classification intents
│   │
│   ├── connectors/
│   │   └── ConnectorsClient.ts     # Client Connectors Index API
│   │
│   ├── routes/
│   │   ├── index.tsx               # Page principale chat
│   │   └── api/                    # API endpoints
│   │
│   └── components/
│       ├── ChatInterface.tsx       # Interface conversation
│       ├── MessageBubble.tsx       # Bulle de message
│       ├── ModuleContainer.tsx     # Container pour modules
│       └── ActionBar.tsx           # Barre d'actions
│
├── conf.prod.gouroubleu.yml        # Config Smart-Deploy
└── package.json

Tâches

Phase 1 : Core (Priorité CRITIQUE)

Phase 2 : Modules de base (Priorité HAUTE)

Phase 3 : IA (Priorité HAUTE)

Phase 4 : Intégration (Priorité MOYENNE)

BACKLOG 3 : Connectors Index

Concept

Un hub universel de connecteurs - style Zapier/n8n mais UNIQUEMENT la couche connecteurs.

Objectif : Fournir une API unifiée pour se connecter à n'importe quel service externe.

Status : Probablement open source plus tard.

État actuel

Connecteurs prioritaires

Ordonnés par utilité immédiate :

Architecture

connectors-index/
├── core/
│   ├── ConnectorRegistry.ts      # Registre des connecteurs
│   ├── ConnectorInterface.ts     # Interface standard
│   ├── AuthManager.ts            # OAuth / API Key / Browser
│   ├── ActionExecutor.ts         # Exécution actions
│   └── RateLimiter.ts            # Rate limiting par service
│
├── connectors/
│   ├── communication/
│   │   ├── gmail/
│   │   │   ├── oauth.ts          # Google OAuth
│   │   │   ├── browser.ts        # Playwright (existant)
│   │   │   ├── actions.ts        # inbox, send, search, labels
│   │   │   └── config.json
│   │   ├── slack/
│   │   │   ├── oauth.ts          # Slack OAuth
│   │   │   ├── bot.ts            # Bot integration
│   │   │   └── actions.ts        # send, channels, users
│   │   ├── telegram/
│   │   │   ├── bot.ts            # Bot API
│   │   │   └── actions.ts        # send, commands, groups
│   │   └── discord/
│   │       ├── oauth.ts
│   │       ├── bot.ts
│   │       └── actions.ts
│   │
│   ├── notifications/
│   │   └── ntfy/
│   │       ├── api.ts            # API ntfy
│   │       └── actions.ts        # publish, subscribe
│   │
│   ├── hosting/
│   │   ├── o2switch/
│   │   │   ├── api.ts            # API o2switch
│   │   │   └── actions.ts        # files, databases, dns
│   │   └── ovh/
│   │       ├── api.ts            # OVH API
│   │       └── actions.ts        # domains, cloud, dns
│   │
│   ├── social/
│   │   └── linkedin/
│   │       ├── oauth.ts          # Existant
│   │       ├── browser.ts        # Existant
│   │       └── actions.ts        # profile, post, messages, connections
│   │
│   └── dev/
│       ├── github/
│       │   ├── oauth.ts
│       │   └── actions.ts        # repos, issues, prs, actions
│       └── notion/
│           ├── oauth.ts
│           └── actions.ts        # pages, databases, blocks
│
├── browser/
│   ├── BrowserPool.ts            # Pool Playwright
│   ├── SessionManager.ts         # Sessions persistantes
│   └── ProxyManager.ts           # Rotation proxies
│
├── storage/
│   ├── TokenStore.ts             # Redis/Supabase
│   └── SessionStore.ts           # Sessions browser
│
├── api/
│   ├── index.ts                  # Elysia server
│   ├── routes/
│   │   ├── connectors.ts         # CRUD connecteurs
│   │   ├── auth.ts               # OAuth flows
│   │   └── actions.ts            # Exécution actions
│   └── middleware/
│       ├── auth.ts               # API auth
│       └── rateLimit.ts          # Rate limiting
│
└── sdk/                          # Pour intégration externe
    └── typescript/
        ├── client.ts
        └── types.ts

Interface Standard

// Interface que chaque connecteur implémente
interface Connector {
  id: string;                    // 'gmail', 'slack', etc.
  name: string;                  // 'Gmail'
  category: ConnectorCategory;   // 'communication', 'hosting', etc.
  icon: string;                  // URL ou emoji
  authTypes: AuthType[];         // ['oauth', 'browser']

  // Capacités
  actions: ConnectorAction[];

  // Méthodes
  connect(config: AuthConfig): Promise<ConnectionResult>;
  disconnect(userId: string): Promise<void>;
  getStatus(userId: string): Promise<ConnectionStatus>;
  execute(action: string, params: ActionParams): Promise<ActionResult>;

  // Optionnel
  refreshToken?(userId: string): Promise<void>;
  getWebhookHandler?(): WebhookHandler;
}

interface ConnectorAction {
  id: string;                    // 'send_email'
  name: string;                  // 'Envoyer un email'
  description: string;
  category: 'read' | 'write' | 'admin';
  params: ActionParam[];
  returns: ActionReturn;
  rateLimit?: number;            // req/min
  requiresAuth: boolean;
  authTypes: AuthType[];         // Quels types d'auth supportent cette action
}

type AuthType = 'oauth' | 'api_key' | 'browser' | 'bot';
type ConnectorCategory = 'communication' | 'notifications' | 'hosting' | 'social' | 'dev';

API Unifiée

# Lister tous les connecteurs disponibles
GET /api/connectors
→ [{ id: 'gmail', name: 'Gmail', status: 'connected', actions: [...] }, ...]

# Status d'un connecteur pour un user
GET /api/connectors/{connector}/status
→ { connected: true, authType: 'oauth', expiresAt: '...', scopes: [...] }

# Connexion (initie OAuth ou autre)
POST /api/connectors/{connector}/connect
Body: { authType: 'oauth', redirectUri: '...' }
→ { authUrl: 'https://...' } ou { success: true }

# Callback OAuth
GET /api/connectors/{connector}/callback?code=...&state=...
→ { success: true, tokens: {...} }

# Déconnexion
POST /api/connectors/{connector}/disconnect
→ { success: true }

# Lister les actions disponibles
GET /api/connectors/{connector}/actions
→ [{ id: 'send_email', name: 'Envoyer un email', params: [...] }, ...]

# Exécuter une action
POST /api/connectors/{connector}/actions/{action}
Body: { to: 'user@example.com', subject: 'Hello', body: '...' }
→ { success: true, result: {...} }

Tâches

Phase 1 : Refactoring (Priorité CRITIQUE)

Phase 2 : Connecteurs Communication (Priorité HAUTE)

Phase 3 : Connecteurs Hosting (Priorité HAUTE)

Phase 4 : Connecteurs Dev/Social (Priorité MOYENNE)

Phase 5 : Polish (Priorité MOYENNE)

Dépendances entre projets

┌─────────────────┐
│  CONNECTORS     │
│    INDEX        │◄──────────────────────────────┐
└────────┬────────┘                               │
         │ fournit données                        │
         ▼                                        │
┌─────────────────┐                    ┌──────────┴──────────┐
│   CHAT IA       │                    │     QWIKPRESS       │
│   AUGMENTÉ      │───peut s'intégrer─►│     (CMS)           │
└─────────────────┘                    └─────────────────────┘

Ordre de développement recommandé :

1. Connectors Index (Phase 1-2) → Base de données/services
2. Chat IA (Phase 1-2) → Utilise les connecteurs
3. QwikPress (Phase 1-2) → Peut intégrer le chat
4. Itération parallèle sur les 3 projets

Résumé des estimations

Validation

• [ ] Backlog 1 (QwikPress) : Complet et validé
• [ ] Backlog 2 (Chat IA Augmenté) : Complet et validé
• [ ] Backlog 3 (Connectors Index) : Complet et validé
• [ ] Ordre de priorité confirmé
• [ ] Prêt à démarrer

En attente de validation finale.