gestion des espaces dans l'url

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

@@ -38,11 +38,11 @@
 </div>
 {/if}
 <div id="menu" class="flex-1 overflow-y-scroll">
-    <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="Réglages" icon="icon-cog" link="/settings"/>
+    <Menu label="Nouveau chat" icon="icon-plus" link={`/${space.id}`}/>
+    <Menu label="Conversations" icon="icon-chat" link={`/${space.id}/history`}/>
+    <Menu label="Planification" icon="icon-tasks" link={`/${space.id}/tasks`}/>
+    <Menu label="Connaissances" icon="icon-graduation-cap" link={`/${space.id}/kb`}/>
+    <Menu label="Réglages" icon="icon-cog" link={`/${space.id}/settings`}/>
 </div>
 
 <div id="profile" class="w-full items-center border-t border-stone-200 dark:border-stone-800">

backend/web/src/routes/(authenticated)/+page.svelte

@@ -0,0 +1,9 @@
+<script lang="ts">
+	import type { PageProps } from './$types';
+	import { goto } from '$app/navigation';
+
+	let { data }: PageProps = $props();
+
+	goto(`/${data.me.teams[0].id}/`, { replaceState: true });
+
+</script>

backend/web/src/routes/(authenticated)/+page.ts

@@ -0,0 +1,6 @@
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async ({ parent }) => {
+	const { me } = await parent();
+	return { me };
+};

backend/web/src/routes/(authenticated)/[space]/settings/+page.svelte

@@ -1,15 +1,24 @@
+<script lang="ts">
+    import { space } from '$lib/state/space.svelte'
+</script>
+
 <div class="container grid grid-cols-[repeat(auto-fit,minmax(250px,1fr))] gap-4">
 
     <a class="bt p-5 text-center"
         title="Modèles"
-        href="/settings/models">
+        href="settings/models">
         Modèles
-        <span class="ml-2 opacity-50 text-xs">mistral-medium-latest</span>
+    </a>
+
+    <a class="bt p-5 text-center"
+        title="Agents"
+        href="settings/agents">
+            Agents
     </a>
 
     <a class="bt p-5 text-center"
        title="Outils"
-       href="/settings/tools"
+       href="settings/tools"
     >
         Outils
         <span class="ml-2 text-xs bg-red-900 text-red-300 rounded-lg p-1">12</span>
@@ -17,41 +26,39 @@
 
     <a class="bt p-5 text-center"
         title="Skills"
-        href="/settings/skills">
-            Skills
+        href="settings/skills">
+            Compétences
             <span class="ml-2 text-xs bg-red-900 text-red-300 rounded-lg p-1">3</span>
     </a>
 
-    <a class="bt p-5 text-center"
-       title="Canaux de communication"
-       href="/settings/channels"
-    >
-        Canaux de communication
-        <span class="ml-2 text-xs bg-red-900 text-red-300 rounded-lg p-1">12</span>
-    </a>
 
     <a class="bt p-5 text-center"
         title="Bases de connaissance"
-        href="/settings/kb">
+        href="settings/kb">
             Bases de connaissance
     </a>
 
-    <a class="bt p-5 text-center"
-        title="Agents"
-        href="/settings/agents">
-            Agents
-    </a>
+
 
     <a class="bt p-5 text-center"
         title="Mémoire"
-        href="/settings/memory">
+        href="settings/memory">
             Mémoire
         <span class="ml-2 opacity-50 text-xs">standard</span>
     </a>
 
+    <a class="bt p-5 text-center"
+       title="Canaux de communication"
+       href="settings/channels"
+    >
+        Canaux de communication
+        <span class="ml-2 text-xs bg-red-900 text-red-300 rounded-lg p-1">12</span>
+    </a>
+
+
     <a class="bt p-5 text-center"
         title="Utilisateurs"
-        href="/settings/users">
+        href="settings/users">
             Utilisateurs
             <span class="ml-2 text-xs bg-red-900 text-red-300 rounded-lg p-1">1</span>
     </a>

backend/web/src/routes/(authenticated)/profile/+page.svelte

@@ -118,7 +118,7 @@
 
             <div class="formelement">
                 <label for="timezone" class="block my-1 flex-1">Timezone</label>
-                <Select items={timezones} bind:value={form.timezone}/>
+                <Select items={timezones} bind:value={form.timezone} valueMode="id" itemId="id" label="text"/>
                 <FormError key="timezone" errors={errors} />
             </div>
         </div>