Admin UI — Vue d'ensemble

Tour rapide de l'interface admin Trackily : ce que tu trouves dans chaque section de la sidebar, à quoi ça sert, et où aller pour la doc détaillée. Pense à cette page comme à un GPS — pas une encyclopédie.

Structure générale

L'admin est une SPA servie depuis /admin (auth required). Layout :

• Sidebar gauche (240px, collapsible) — la navigation principale. Trois accordéons (Affiliate, E-Commerce, Email Marketing) + Dashboard standalone + Settings standalone.
• Topbar — page title, recherche globale (Ctrl+K), language switcher, theme switcher, avatar dropdown.
• Main area — contenu de la page courante. Chaque page est routée par hash (/admin#campaigns, /admin#email-lists, etc.).
• Mobile — sidebar slide-in, masquée par défaut sous 768px.

Dashboard

La home page. Cards en haut (Revenue today, Conversions, Clicks, Profit), graph de revenue 30 jours, top campaigns / offers, AI predictions (next 7 days revenue forecast), suggested actions.

C'est ton briefing visuel. Pour un brief textuel, utilise plutôt l'Autopilot (cf. ci-dessous) ou la prompt MCP /brief.

Accordéon Affiliate

Tout ce qui concerne le tracking affiliate classique : trafic payé, redirects, attribution conversions.

Campaigns

Le cœur de l'app. Chaque ligne = une campagne avec sa source, son URL trackable /c/<slug>, ses KPIs (clicks, conversions, revenue, cost, ROI). Bouton "+ New campaign" en haut à droite.

→ Campaigns

Offers

Les offres affiliate (Everflow, MaxBounty, custom). Payout, status, network parent, smart links. Sync stats network via le bouton dédié.

Landings

Tous tes prelanders / landings : URL externes, HTML local, redirect trackers, AI-generated. Filtre par type, par campagne, par status.

→ Landings

Flows

Les règles de routing entre une campagne et ses landings/offers. Forced flows (filtre géo strict) → regular flows (priorisés) → default flow (fallback).

Traffic Sources

Tes ad networks (Kadam, Meta, TikTok, Taboola, MGID, ExoClick, PropellerAds…) avec leur API key, leur status, leurs macros de tracking. Une source par compte ad.

Affiliate Networks

Les réseaux d'affiliation (Everflow, MaxBounty, AdCombo…) — distincts des traffic sources. Tu importes des offres depuis ces réseaux, tu syncs leurs stats.

Domains

Tes tracking domains (todayoffer.store, mybrand.co, etc.) avec leur status SSL, leurs binding produits (Phase 13). Tu peux router un domaine entier vers un native product.

Reports

Stats groupées (par campagne, source, offer, country, device, day). C'est l'outil pour creuser ce que dashboard te résume.

Logs

Audit log technique : postbacks reçus, webhooks reçus, automizer firing, erreurs SMTP. Filtre par catégorie + range de dates.

Automizer

Le moteur de règles auto. Pause une campagne si bot rate >30%, scale une source qui ROI >1.5, dédup une campagne dupliquée, etc. Conditions + actions configurable depuis la modal "+ New rule".

→ Automizer

MCP Autopilot

La page de gestion des tokens MCP + audit du Autopilot. Ici tu crées tes bearer tokens, gères leurs scopes, suis qui a appelé quoi (avec params + status + duration).

→ MCP

Archive

Les entités soft-deleted : campaigns, offers, landings, email_lists, etc. Tu peux restore une row depuis ici, ou purge définitivement (admin-only).

Accordéon E-Commerce

Tout ce qui concerne le commerce natif Trackily (pas Shopify — voir ci-dessous pour le legacy).

Products

Catalogue des produits natifs. Chaque produit a des options/variants, des prix par devise, des images, un slug /p/<slug>, des allowed_domains. Tu cliques "+ New product" pour la modal d'ajout (champ-par-champ ou clone-from-URL Shopify).

Orders

Toutes les commandes natives (Stripe / PayPal / COD). Filtre par payment_status, fulfillment_status, date. Détail par order avec line items, customer, paiements, refunds, fulfillments.

Customers

CRM léger agrégé depuis les orders. Une row par email. Total spent, orders count, addresses, dernière commande.

Subscriptions

Ledger des subscriptions Stripe / PayPal récurrentes (Phase 8). Active, paused, cancelled, past_due. MRR + churn tracking.

Reviews

Modération des avis produit publics (Phase 17). Approve / reject / spam. Verified-purchase auto-approuvé.

Discount Codes

Codes promo natifs (BOGO, $X off, X% off). Settable par produit, par customer, par minimum spend.

Shipping Zones

Zones de shipping par pays + rates par poids / total cart. Utilisé au checkout natif pour calculer les frais.

Payment Methods

Tes payment_accounts : Stripe (test + live), PayPal (test + live), COD. Chaque account peut être attaché à un produit / une landing pour router le checkout.

Legacy Shopify (caché par défaut)

Les pages Products (Shopify), Stores, Funnel, Attribution, Audiences, Integrations existent encore (accessible via URL /admin#stores, etc.) pour forensics et back-compat, mais cachées de la sidebar pour réduire le clutter.

Accordéon Email Marketing

Cf. la section dédiée → Email.

Lists

Toutes tes listes : subscriber counts, opt-in mode, SMTP attaché, sequence par défaut, landings bound.

→ Lists

Sequences

Visual builder de tes autoresponders. Steps ordonnés, delays depuis enrollment, subject/preheader/body_html/body_text, send-test.

→ Sequences

SMTP Servers

Tes relays SMTP (Mailgun, SendGrid, Postmark, SES, Gmail). Quotas daily/hourly, From/Reply-To par défaut, password chiffré.

→ SMTP

Sends Log

Audit log des emails : queued, sending, sent, failed, bounced. Filtres par list, status, email. Sert aussi de dedup memory pour le worker.

Suppression

Blocklist globale (cross-list). Hard bounces et complaints auto-populated. Bouton "+ Add" pour suppression manuelle.

→ Suppression

Settings (sidebar bottom)

Lien standalone, regroupe 8 onglets :

General

Branding (nom, logo, favicon), default language, timezone, base URL public.

AI

Provider AI (OpenAI / Anthropic / Google) avec API key, default model, max tokens, temperature. Driver pour les tools generate_*.

Payments

Stripe + PayPal credentials globales (legacy — préfère les payment_accounts par-compte côté Commerce).

Security

Postback secret HMAC, IP whitelist admin, rate limit overrides, password policy.

Integrations

Webhook secrets (Shopify HMAC, WooCommerce, Stripe legacy), Telegram bot pour les alertes, Cloudflare credentials pour les domains.

Cloaking

Réglages globaux du cloaking : bot detection database, fingerprint settings, par défaut ON/OFF par campagne.

Users

Gestion des comptes admin (multi-user Phase 12+). Email, role, permissions par section.

Notifications

Préférences email / Telegram pour les alertes (anomalies, conversions, paiements). Schedules des digests.

Profile (avatar → My profile)

Ton compte courant : email, password change, avatar, language préférée, theme préféré, plan badge (community / pro / agency).

Navigation rapide

• Ctrl+K (Cmd+K macOS) — global search. Tape un nom de campagne, d'offre, de landing, de section settings — tu y vas direct.
• Sidebar collapse — bouton 3-bars en haut de la sidebar pour la rétrécir à 64px (icônes seuls). Préférence persistée.
• Hash routing — chaque page est un hash (#campaigns, #email-lists, #settings/general). Bookmark-able, sharable.
• Mobile — toggle hamburger en topbar.

Théâmes et designs

L'UI supporte 5 design themes (Apple Glass, Neon Gradient, Corporate Bold, Midnight Aurora, etc.) + dark/light. Réglable depuis l'avatar dropdown → "Theme".

Les CSS variables sont définies par design ([data-design="..."] selector). Le theme dark passe par [data-theme="dark"] indépendamment.

Où aller ensuite

• Campaigns — pour comprendre le modèle central
• Email — pour le sous-système ESP
• MCP — pour piloter tout ça depuis Claude / Cursor
• API — pour les intégrations HTTP classiques
• Automizer — pour l'auto-pilote règles métier
• Commerce — pour la partie native commerce
• Cloaking — pour les workflows visuels
• Landings — pour comprendre les types (URL / Local / Tracker / AI)