feat: replace settings with a full page

2026-10-08 08:06:06 -05:00
parent 2b9f8d64d7
commit ff33e9c573
21 changed files with 503 additions and 245 deletions
@@ -0,0 +1,42 @@
+<script setup lang="ts">
+const { open: sidebarOpen, openSidebar } = useSidebar();
+const { providers } = await useModels();
+const route = useRoute();
+
+const TITLES: Record<string, string> = {
+    profile: 'Profile',
+    general: 'General',
+    appearance: 'Appearance',
+    providers: 'AI Providers',
+    assistants: 'System Assistants',
+};
+
+const title = computed(() => {
+    const [section, id] = route.path.split('/').slice(2);
+
+    if (section === 'providers' && id) {
+        const provider = providers.value.find(p => p.id === id);
+        return provider ? provider.name : 'Unknown Provider';
+    }
+
+    return TITLES[section ?? ''] ?? 'Settings';
+});
+</script>
+
+<template>
+    <div class="h-full w-full flex flex-col">
+        <div class="h-14 flex items-center justify-between px-4 shrink-0">
+            <div class="flex items-center gap-2">
+                <button v-if="!sidebarOpen" @click="openSidebar"
+                    class="flex p-2 rounded-lg text-[var(--text-primary)] bg-transparent @hover:bg-[var(--color-hover)] transition-colors">
+                    <span class="i-mynaui-panel-left-open text-5"></span>
+                </button>
+                <h1 class="text-lg font-semibold text-[var(--text-primary)] case-capital">{{ title }}</h1>
+            </div>
+        </div>
+
+        <div class="flex-1 min-h-0 flex flex-col px-4">
+            <NuxtPage />
+        </div>
+    </div>
+</template>