feat: adding global setting to control file upload ability

Author: lancewilhelm

app/components/Chat/ChatInput.vue

@@ -48,6 +48,7 @@ const { width } = useWindowSize();
 
 // Handle file uploads
 const uploadedFiles = ref<MessageFile[]>([]);
+const globalSettingsStore = useGlobalSettingsStore();
 </script>
 
 <template>
@@ -113,6 +114,7 @@ const uploadedFiles = ref<MessageFile[]>([]);
           <ChatInputModel />
           <ChatInputSystemPrompt />
           <ChatInputFileUpload
+            v-if="globalSettingsStore.settings.allowFileUpload"
             @file-uploaded="
               (file) => {
                 if (uploadedFiles.map((f) => f.name).includes(file.name)) {

app/components/Settings/SettingsAdmin.vue

@@ -25,11 +25,11 @@ const tabs: Record<string, Tab> = {
     icon: "lucide:bot",
     path: "/settings/admin/models",
   },
-  rag: {
-    name: "rag",
-    component: resolveComponent("SettingsAdminRAG"),
+  files: {
+    name: "files",
+    component: resolveComponent("SettingsAdminFiles"),
     icon: "lucide:library",
-    path: "/settings/admin/rag",
+    path: "/settings/admin/files",
   },
   users: {
     name: "users",

app/components/Settings/SettingsAdminFiles.vue

@@ -0,0 +1,20 @@
+<script setup lang="ts">
+const globalSettingsStore = useGlobalSettingsStore();
+</script>
+
+<template>
+  <SettingsGroup title="upload" icon="lucide:file-up">
+    <SettingsToggleItem
+      title="allow file upload to chat"
+      description="the whole text from uploaded files will be appeneded to their respective messages"
+      :value="globalSettingsStore.settings.allowFileUpload"
+      @toggle="
+        () => {
+          globalSettingsStore.updateSettings({
+            allowFileUpload: !globalSettingsStore.settings.allowFileUpload,
+          });
+        }
+      "
+    />
+  </SettingsGroup>
+</template>

app/components/Settings/SettingsAdminRAG.vue

@@ -254,9 +254,8 @@ const globalSettingsStore = useGlobalSettingsStore();
     </SettingsGroup>
     <SettingsGroup title="allow registration" icon="lucide:lock">
       <SettingsToggleItem
+        description="allow users to register themselves at /register"
         :value="globalSettingsStore.settings.allowRegistration"
-        true-label="registration allowed"
-        false-label="registration not allowed"
         @toggle="
           globalSettingsStore.updateSettings({
             allowRegistration: !globalSettingsStore.settings.allowRegistration,

app/components/Settings/SettingsAdminUsers.vue

@@ -12,7 +12,7 @@ const emit = defineEmits(["toggle"]);
 
 <template>
   <div
-    class="grid grid-cols-[auto_min-content_auto] grid-rows-2 items-center gap-2"
+    class="w-full grid grid-cols-[1fr_min-content] grid-rows-2 items-center gap-2"
   >
     <div v-if="title" class="row-start-1 col-start-1">{{ title }}</div>
     <div v-if="description" class="row-start-2 col-start-1 italic">
@@ -34,7 +34,7 @@ const emit = defineEmits(["toggle"]);
         ]"
       />
     </button>
-    <div class="row-span-2 italic">
+    <div class="row-span-2 italic justify-self-end">
       <div v-if="value" class="text-sm">
         {{ trueLabel }}
       </div>

app/components/Settings/SettingsToggleItem.vue

@@ -5,13 +5,15 @@ import { triggerDebouncedSync } from "~/utils/sync/debounce";
 export interface GlobalSettings {
   availableModels: Model[];
   allowRegistration: boolean;
+  allowFileUpload: boolean;
   ollamaUrls: string[];
 }
 
 function getDefaultSettings(): GlobalSettings {
   return {
     availableModels: [],
     allowRegistration: false,
+    allowFileUpload: false,
     ollamaUrls: [],
   };
 }