likes

src/views/IdeaDetailView.vue

@@ -27,7 +27,9 @@ import ConfirmDialog from 'primevue/confirmdialog'
 import InputText from 'primevue/inputtext'
 import DatePicker from 'primevue/datepicker'
 import Tag from 'primevue/tag'
+import InputSwitch from 'primevue/inputswitch'
 import GenerationPreviewModal from '../components/GenerationPreviewModal.vue'
+import GenerationImage from '../components/GenerationImage.vue'
 
 const route = useRoute()
 const router = useRouter()
@@ -98,6 +100,13 @@ const previousPrompt = ref('')
 let _savedCharacterId = null
 let _savedEnvironmentId = null
 
+// NSFW Toggle
+const showNsfwGlobal = ref(localStorage.getItem('show_nsfw_global') === 'true')
+
+watch(showNsfwGlobal, (val) => {
+    localStorage.setItem('show_nsfw_global', val)
+})
+
 const loadEnvironments = async (charId) => {
     if (!charId) {
         environments.value = []
@@ -1364,7 +1373,7 @@ watch(viewMode, (v) => {
                                                             class="flex-shrink-0 flex items-center gap-2 px-2 py-1.5 rounded-lg border-2 transition-all cursor-pointer group bg-slate-800/40"
                                                             :class="[
                                                                 (selectedEnvironment?.id === (env.id || env._id) || selectedEnvironment?._id === (env.id || env._id))
-                                                                ? 'border-violet-500 bg-violet-500/10 shadow-[0_0_15px_rgba(124,58,237,0.1)]' 
+                                                                ? 'border-violet-500 bg-violet-500/10 shadow-[0_0_15px_rgba(124,58,237,0.15)]' 
                                                                 : 'border-white/5 hover:border-white/20'
                                                             ]"
                                                         >
@@ -1435,6 +1444,14 @@ watch(viewMode, (v) => {
                             </div>
                         </div>
 
+                        <!-- NSFW Toggle -->
+                        <div class="flex flex-col gap-1 bg-slate-800/50 p-2 rounded-lg border border-white/5">
+                            <div class="flex items-center justify-between">
+                                <label class="text-xs text-slate-300 cursor-pointer">Show NSFW</label>
+                                <InputSwitch v-model="showNsfwGlobal" />
+                            </div>
+                        </div>
+
                         <div class="mt-auto">
                             <Button :label="isSubmitting ? 'Starting...' : 'Generate'"
                                 :icon="isSubmitting ? 'pi pi-spin pi-spinner' : 'pi pi-sparkles'"