Task: Version mobile responsive Connectors Front

Date : 02/02/2026 Projet : connectors-front Status : TERMINE

Modifications effectuees

Phase 1 - Navigation mobile (layout.tsx)

• Hamburger menu avec overlay slide-in gauche (md:hidden)
• Liens navigation complets dans le drawer
• Navbar compacte : logo court sur mobile, AI chat btn, avatar
• Desktop : dropdown avatar inchange
• Footer masque sur mobile
• Padding reduit : px-2 py-4 mobile, px-4 py-8 desktop

Phase 1 - AI Chat Sidebar (AiChatSidebar.tsx)

• Mobile : overlay plein ecran (fixed inset-0 z-50)
• Backdrop semi-transparent
• Bouton fermer plus grand sur mobile
• Desktop : w-80 sidebar inchange

Phase 2 - Pages principales

• Dashboard : badges xs/sm responsive, avatar 10/12, bouton icone seul mobile
• Instances : cartes empilees mobile (md:hidden) + table desktop (hidden md:table), modal responsive
• Actions : header empile flex-col/flex-row, boutons pleine largeur mobile
• Routines : idem actions, badges xs/sm responsive

Phase 3 - Pages complexes

• Detail instance : header vertical mobile, tabs tabs-sm, modals max-w-[95vw]
• Detail connecteur : header compact, paths tronques, tables overflow-x-auto
• Testeur endpoint : textarea h-32/h-48, result non-sticky mobile
• InputSchemaBuilder : grilles 1 colonne mobile
• Routines new : grille 1 colonne mobile

Phase 4 - AI Chat

• ChatMessages : images max-w-[150px/200px], prose overflow-x-auto
• ChatInput : boutons btn-md mobile (touch 44px)
• ChatConversationList : menu-md mobile, delete toujours visible

Phase 5 - Patterns transversaux

• Toutes les modals : max-w-[95vw] sm:max-w-lg
• Tables parametres : overflow-x-auto
• Animations CSS : slide-in-left, slide-in-right

Phase 6 - Pages secondaires

• Terminal SSH : hauteur 60vh mobile, font-size 12px mobile
• SshWebTerminal : min-height 50vh mobile
• Settings : cURL block overflow-x-auto break-all
• Auth/VPN/Connect : deja responsive

Fichiers modifies (26)

• src/routes/layout.tsx
• src/components/ai/AiChatSidebar.tsx
• src/global.css
• src/routes/index.tsx
• src/routes/instances/index.tsx
• src/routes/actions/index.tsx
• src/routes/routines/index.tsx
• src/routes/connectors/instance/[id]/layout.tsx
• src/routes/connectors/instance/[id]/index.tsx
• src/routes/connectors/[id]/index.tsx
• src/routes/connectors/[id]/test/[endpoint]/index.tsx
• src/routes/connectors/public/[type]/index.tsx
• src/routes/routines/new/index.tsx
• src/components/actions/InputSchemaBuilder.tsx
• src/components/actions/InputParamsModal.tsx
• src/components/ai/ChatMessages.tsx
• src/components/ai/ChatInput.tsx
• src/components/ai/ChatConversationList.tsx
• src/components/SshShell.tsx
• src/components/SshWebTerminal.tsx
• src/routes/settings/index.tsx
• src/routes/vpn/profiles/index.tsx
• src/routes/connect/index.tsx
• src/routes/actions/[id]/index.tsx
• src/routes/routines/[id]/index.tsx
• src/routes/instances/[id]/index.tsx

Commit

a35aec1 - feat: version mobile responsive complete