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,53 @@
+<script setup lang="ts">
+import type { ModelWithProvider } from '~/composables/useModels';
+
+const { providers, allModels } = await useModels();
+const { settings, updateSettings } = await useUserSettings();
+
+const toggle = async () => {
+    const current = settings.value.systemAssistants.rename;
+    await updateSettings({
+        systemAssistants: {
+            rename: {
+                ...current,
+                enabled: !current.enabled
+            }
+        }
+    });
+};
+
+const updateModel = async (model: ModelWithProvider | undefined | null) => {
+    const current = settings.value.systemAssistants.rename;
+    await updateSettings({
+        systemAssistants: {
+            rename: {
+                ...current,
+                modelId: model?.id ?? null
+            }
+        }
+    });
+};
+
+const getModel = (id: string | null | undefined) => {
+    if (!id) return null;
+
+    return allModels.value.find(m => m.id === id);
+}
+</script>
+
+<template>
+    <div
+        class="flex flex-col gap-4 py-4 flex-grow overflow-auto [scrollbar-width:thin] [scrollbar-color:#888_transparent] [scrollbar-gutter:stable]">
+        <div class="flex flex-col">
+            <label for="slider-rename" class="flex justify-between gap-4 items-center">
+                <h4 class="case-capital">Rename</h4>
+                <Slider id="slider-rename" :checked="settings.systemAssistants.rename?.enabled ?? false"
+                    @click="toggle" />
+            </label>
+            <div class="flex-1 justify-between gap-4 items-center">
+                <ModelSelector :providers="providers" :model-value="getModel(settings.systemAssistants.rename?.modelId)"
+                    @update:model-value="updateModel" />
+            </div>
+        </div>
+    </div>
+</template>