fix(conversations): resolve /conversations blank page + slug→UUID KB routes + WABA banner

- Add missing /conversations route to App.tsx (was nav-linked but unregistered)
- Apply resolveOrgId() to all 5 KB routes so slug-based org IDs (e.g. xamle-admin-org) no longer cause 404/400
- TemplatesPage: detect WABA-not-configured 400 and show amber banner instead of silently failing
- KnowledgeBasePage: show toast on index-kb 400 (no KB URL) with actionable message

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

apps/admin/src/App.tsx

@@ -99,6 +99,10 @@ function AppShell() {
                 <Route path="/kb" element={<KnowledgeBasePage />} />
                 <Route path="/campaign-history" element={<CampaignHistoryPage />} />
                 <Route path="/whatsapp-templates" element={<TemplatesPage />} />
+                <Route
+                    path="/conversations"
+                    element={isCrmActive ? <CrmConversationalDashboard /> : <ConversationalDashboard />}
+                />
             </Routes>
         </MainLayout>
     );

apps/admin/src/pages/KnowledgeBasePage.tsx

@@ -4,6 +4,7 @@ import { Database, Trash2, RefreshCw, Search, ChevronLeft, ChevronRight, Loader2
 import { api } from '../lib/api';
 import { useAuth } from '../lib/auth';
 import { useTenant } from '../lib/tenant';
+import { useToast } from '../hooks/useToast';
 import { logError } from '../lib/logger';
 
 interface KbEntry {
@@ -24,6 +25,7 @@ const PAGE_SIZE = 20;
 
 export default function KnowledgeBasePage() {
     const { t } = useTranslation();
+    const toast = useToast();
     const { token } = useAuth();
     const { selectedOrgId } = useTenant();
     const [data, setData] = useState<KbResponse | null>(null);
@@ -73,8 +75,15 @@ export default function KnowledgeBasePage() {
         setReindexing(true);
         try {
             await api.post(`/v1/organizations/${selectedOrgId}/index-kb`, {}, token);
-        } catch (err) {
-            logError('[KB] Re-index failed:', err);
+            toast.success('Réindexation lancée avec succès');
+        } catch (err: any) {
+            const msg: string = err?.message ?? '';
+            if (msg.toLowerCase().includes('no kb url') || msg.toLowerCase().includes('not configured')) {
+                toast.error('Aucune URL de base de connaissances configurée. Ajoutez une URL dans Paramètres.');
+            } else {
+                logError('[KB] Re-index failed:', err);
+                toast.error('Échec de la réindexation');
+            }
         } finally {
             setReindexing(false);
         }

apps/admin/src/pages/TemplatesPage.tsx

@@ -57,6 +57,7 @@ export default function TemplatesPage() {
     const [syncing, setSyncing] = useState(false);
     const [search, setSearch] = useState('');
     const [isModalOpen, setIsModalOpen] = useState(false);
+    const [wabaNotConfigured, setWabaNotConfigured] = useState(false);
 
     // Form State
     const [newTemplate, setNewTemplate] = useState({
@@ -107,11 +108,17 @@ export default function TemplatesPage() {
     const fetchTemplates = async () => {
         if (!token || !selectedOrgId) return;
         setLoading(true);
+        setWabaNotConfigured(false);
         try {
             const data = await api.get(`/v1/whatsapp/templates`, token, selectedOrgId);
             setTemplates(data);
-        } catch (err) {
-            logError('[TEMPLATES] Fetch failed:', err);
+        } catch (err: any) {
+            const msg: string = err?.message ?? '';
+            if (msg.toLowerCase().includes('waba') || msg.toLowerCase().includes('not configured') || msg.includes('400')) {
+                setWabaNotConfigured(true);
+            } else {
+                logError('[TEMPLATES] Fetch failed:', err);
+            }
         } finally {
             setLoading(false);
         }
@@ -196,6 +203,24 @@ export default function TemplatesPage() {
                 </div>
             </div>
 
+            {/* WABA not configured banner */}
+            {wabaNotConfigured && (
+                <motion.div
+                    initial={{ opacity: 0, y: -10 }}
+                    animate={{ opacity: 1, y: 0 }}
+                    className="flex items-start gap-4 bg-amber-50 border border-amber-200 rounded-2xl p-5 mb-8"
+                >
+                    <AlertTriangle className="w-5 h-5 text-amber-500 shrink-0 mt-0.5" />
+                    <div>
+                        <p className="font-bold text-amber-800 text-sm">WhatsApp Business non configuré</p>
+                        <p className="text-amber-700 text-sm mt-1">
+                            Cette organisation n'a pas encore de compte WhatsApp Business (WABA) associé.
+                            Rendez-vous dans <strong>Paramètres → Intégration WhatsApp</strong> pour configurer votre numéro et votre WABA ID.
+                        </p>
+                    </div>
+                </motion.div>
+            )}
+
             {/* Filters & Search */}
             <div className="relative mb-8">
                 <Search className="absolute left-4 top-1/2 -translate-y-1/2 w-5 h-5 text-slate-400" />

apps/api/src/routes/organizations.ts

@@ -14,6 +14,18 @@ import { OrganizationCreationSchema, createOrganizationWithAdmin } from '../serv
 type P<K extends string = 'id'> = { Params: Record<K, string> };
 type Q<T extends Record<string, string | undefined>> = { Querystring: T };
 
+const UUID_REGEX = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
+
+/**
+ * Resolve org by UUID or slug — handles the case where the frontend stores a slug
+ * in sessionStorage instead of a UUID (e.g. "xamle-admin-org" instead of the actual UUID).
+ */
+async function resolveOrgId(idOrSlug: string): Promise<string | null> {
+    if (UUID_REGEX.test(idOrSlug)) return idOrSlug;
+    const org = await prisma.organization.findUnique({ where: { slug: idOrSlug }, select: { id: true } });
+    return org?.id ?? null;
+}
+
 export async function organizationRoutes(fastify: FastifyInstance) {
     const PersonalityConfigSchema = z.object({
         botName: z.string().optional(),
@@ -34,9 +46,11 @@ export async function organizationRoutes(fastify: FastifyInstance) {
         return orgs.map(decryptSecrets);
     });
 
-    // 2. Get specific organization
+    // 2. Get specific organization (accepts UUID or slug)
     fastify.get<P>('/:id', async (req, reply) => {
-        const { id } = req.params;
+        const { id: idOrSlug } = req.params;
+        const id = await resolveOrgId(idOrSlug);
+        if (!id) return reply.code(404).send({ error: 'Organization not found' });
         const org = await prisma.organization.findUnique({
             where: { id },
             include: { phoneNumbers: true }
@@ -159,9 +173,11 @@ export async function organizationRoutes(fastify: FastifyInstance) {
         }
     });
 
-    // 6. Update AI Personality
+    // 6. Update AI Personality (accepts UUID or slug)
     fastify.patch<P>('/:id/personality', async (req, reply) => {
-        const { id } = req.params;
+        const { id: idOrSlug } = req.params;
+        const id = await resolveOrgId(idOrSlug);
+        if (!id) return reply.code(404).send({ error: 'Organization not found' });
         const body = PersonalityConfigSchema.partial().safeParse(req.body);
         if (!body.success) return reply.code(400).send({ error: body.error.flatten() });
 
@@ -185,7 +201,8 @@ export async function organizationRoutes(fastify: FastifyInstance) {
 
     // 7. Knowledge Base
     fastify.post<P>('/:id/upload-kb', async (req, reply) => {
-        const { id } = req.params;
+        const id = await resolveOrgId(req.params.id);
+        if (!id) return reply.code(404).send({ error: 'Organization not found' });
         const parts = req.parts();
         let fileBuffer: Buffer | null = null, filename = 'kb.pdf', mimeType = 'application/pdf';
 
@@ -202,28 +219,34 @@ export async function organizationRoutes(fastify: FastifyInstance) {
         return reply.send({ ok: true, ...result });
     });
 
-    fastify.get<P>('/:id/kb-stats', async (req) => {
-        return KBService.getStats(req.params.id);
+    fastify.get<P>('/:id/kb-stats', async (req, reply) => {
+        const id = await resolveOrgId(req.params.id);
+        if (!id) return reply.code(404).send({ error: 'Organization not found' });
+        return KBService.getStats(id);
     });
 
     fastify.post<P>('/:id/index-kb', async (req, reply) => {
-        const { id } = req.params;
+        const id = await resolveOrgId(req.params.id);
+        if (!id) return reply.code(404).send({ error: 'Organization not found' });
         const org = await prisma.organization.findUnique({ where: { id } });
-        if (!org?.knowledgeBaseUrl) return reply.code(400).send({ error: 'No KB URL' });
+        if (!org?.knowledgeBaseUrl) return reply.code(400).send({ error: 'No KB URL configured for this organization' });
 
         const { whatsappQueue } = await import('../services/queue');
         await whatsappQueue.add('process-kb', { organizationId: id, url: org.knowledgeBaseUrl });
         return { ok: true };
     });
 
-    fastify.get<P & Q<{ page?: string; limit?: string }>>('/:id/kb', async (req) => {
-        const { id } = req.params;
+    fastify.get<P & Q<{ page?: string; limit?: string }>>('/:id/kb', async (req, reply) => {
+        const id = await resolveOrgId(req.params.id);
+        if (!id) return reply.code(404).send({ error: 'Organization not found' });
         const { page = '1', limit = '50' } = req.query;
         return KBService.listChunks(id, parseInt(page), parseInt(limit));
     });
 
     fastify.delete<P<'id' | 'entryId'>>('/:id/kb/:entryId', async (req, reply) => {
-        const { id, entryId } = req.params;
+        const id = await resolveOrgId(req.params.id);
+        if (!id) return reply.code(404).send({ error: 'Organization not found' });
+        const { entryId } = req.params;
         const ok = await KBService.deleteChunk(id, entryId);
         return ok ? { ok: true } : reply.code(404).send({ error: 'Not found' });
     });