gestion des providers

backend/web/src/lib/components/Sidebar.svelte

@@ -3,6 +3,7 @@
   import Menu from "$lib/components/Menu.svelte"
   import { logout } from "$lib/state/auth.svelte"
   import logo from "$lib/assets/logo-txt.png"
+  import { space } from '$lib/state/space.svelte'
 
   let {handleMenuDesktop, handleMenuMobile} = $props();
 
@@ -12,7 +13,7 @@
 
 </script>
 
-<div class="flex flex-row italic mb-4">
+<div class="flex flex-row italic mb-2">
     {#if uiState.menuContentVisible}
     <div class="flex-1 p-3 font openonly">
         <img src={logo} class="h-5" alt="logo"/>
@@ -25,24 +26,38 @@
         <i class="icon-menu pointer block p-2"></i>
     </button>
 </div>
+{#if uiState.menuContentVisible}
+<div class="m-2">
+    <div class="formelement">
+        <select  class="textinput">
+            {#each space.spaces as s (s.id)}
+                <option value={s.id}>{s.label}</option>
+            {/each}
+        </select>
+    </div>
+</div>
+{/if}
 <div id="menu" class="flex-1 overflow-y-scroll">
-    <Menu label="Conversation" icon="icon-chat" link="/"/>
-    <Menu label="Tâches" icon="icon-tasks" link="/tasks"/>
+    <Menu label="Nouveau chat" icon="icon-plus" link="/"/>
+    <Menu label="Conversations" icon="icon-chat" link="/history"/>
+    <Menu label="Planification" icon="icon-tasks" link="/tasks"/>
     <Menu label="Connaissances" icon="icon-graduation-cap" link="/kb"/>
-    <Menu label="Historique" icon="icon-history" link="/history"/>
-    <Menu label="Paramétrage" icon="icon-cog" link="/settings"/>
+    <Menu label="Réglages" icon="icon-cog" link="/settings"/>
 </div>
 
-<div id="profile" class="w-full flex flex-row items-center border-t border-stone-200 dark:border-stone-800">
+<div id="profile" class="w-full items-center border-t border-stone-200 dark:border-stone-800">
     {#if uiState.menuContentVisible}
-    <div class="p-4 flex-1 profile">
-        <div>Fabien Masson</div>
-        <div class="flex">
-            <a href="/profile" class="text-xs flex-1">Modifier</a>
+    <div class="flex flex-row gap-2 p-2 ">
+        <div class="py-1 flex-1 flex flex-row text-xs">
+            <div class="w-6 h-6 rounded-full bg-cyan-600 text-white flex items-center justify-center font-medium">
+              FM
+            </div>
+            <div class="flex-1 ml-2 inline-flex items-center">Fabien Masson</div>
         </div>
-    </div>
-    <div class="p-2">
-        <button class="w-full bt" onclick={handleLogout} title="Déconecter">
+        <a href="/profile"  class="bt small inline-flex items-center justify-center" title="Edition profil">
+            <i class="icon-edit"></i>
+        </a>
+        <button class="bt small" onclick={handleLogout} title="Déconnecter">
             <i class="icon-logout"></i>
         </button>
     </div>