Add Content Settings

Author: dansup

app/Http/Controllers/Api/AccountController.php

@@ -958,6 +958,41 @@ public function disablePushNotifications(Request $request)
         return $this->success();
     }
 
+    public function getContentSettings(Request $request)
+    {
+        $user = $request->user();
+
+        $res = [
+            'hide_ai' => $user->hide_ai,
+            'hide_sensitive' => $user->hide_sensitive,
+        ];
+
+        return $this->data($res);
+    }
+
+    public function updateContentSettings(Request $request)
+    {
+        $validated = $request->validate([
+            'hide_ai' => 'sometimes|boolean',
+            'hide_sensitive' => 'sometimes|boolean',
+        ]);
+
+        $user = $request->user();
+
+        $changes = [
+            'old' => $user->only(['hide_ai', 'hide_sensitive']),
+            'new' => $validated,
+        ];
+
+        app(UserAuditLogService::class)->logAccountContentSettingsUpdate($user, $changes);
+
+        $user->update($validated);
+        $user->profile->update($validated);
+
+        return $this->success();
+
+    }
+
     public function profileLinkStore(Request $request)
     {
         $user = $request->user();

app/Models/Profile.php

@@ -58,6 +58,8 @@
  * @property int $can_create_starter_kits
  * @property int $can_use_starter_kits
  * @property int $can_report
+ * @property int $hide_ai
+ * @property int $hide_sensitive
  * @property int $manuallyApprovesFollowers
  * @property-read \App\Models\User|null $user
  * @property-read \Illuminate\Database\Eloquent\Collection<int, \App\Models\Video> $videos
@@ -190,11 +192,15 @@ class Profile extends Model
         'can_create_starter_kits',
         'can_use_starter_kits',
         'can_report',
+        'hide_ai',
+        'hide_sensitive',
     ];
 
     protected $guarded = [];
 
     protected $casts = [
+        'hide_ai' => 'boolean',
+        'hide_sensitive' => 'boolean',
         'status' => 'integer',
         'links' => 'array',
         'local' => 'boolean',

app/Models/User.php

@@ -34,6 +34,8 @@
  * @property int $can_create_starter_kits
  * @property int $can_use_starter_kits
  * @property int $can_report
+ * @property int $hide_ai
+ * @property int $hide_sensitive
  * @property string|null $remember_token
  * @property \Illuminate\Support\Carbon|null $created_at
  * @property \Illuminate\Support\Carbon|null $updated_at
@@ -173,6 +175,8 @@ class User extends Authenticatable implements OAuthenticatable
         'apple_id',
         'register_source',
         'has_atom',
+        'hide_ai',
+        'hide_sensitive',
     ];
 
     protected $hidden = [
@@ -217,6 +221,8 @@ protected function casts(): array
     {
         return [
             'has_2fa' => 'boolean',
+            'hide_ai' => 'boolean',
+            'hide_sensitive' => 'boolean',
             'email_verified_at' => 'datetime',
             'last_active_at' => 'datetime',
             'password' => 'hashed',

app/Services/UserAuditLogService.php

@@ -144,6 +144,16 @@ public function logAccountDisabledPushNotifications(
         ]);
     }
 
+    public function logAccountContentSettingsUpdate(
+        User|int $user,
+        array $changedFields = [],
+    ): UserAuditLog {
+        return $this->log($user, 'content_settings', [
+            'old' => $changedFields['old'],
+            'new' => $changedFields['new'],
+        ]);
+    }
+
     public function logAccountStarterKitSettings(
         User|int $user,
         array $changedFields = [],

database/migrations/2026_04_21_113931_add_hide_ai_to_users_table.php

@@ -0,0 +1,40 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('users', function (Blueprint $table) {
+            $table->boolean('hide_ai')->default(false);
+            $table->boolean('hide_sensitive')->default(false);
+        });
+
+        Schema::table('profiles', function (Blueprint $table) {
+            $table->boolean('hide_ai')->default(false);
+            $table->boolean('hide_sensitive')->default(false);
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('users', function (Blueprint $table) {
+            $table->dropColumn('hide_ai');
+            $table->dropColumn('hide_sensitive');
+        });
+
+        Schema::table('profiles', function (Blueprint $table) {
+            $table->dropColumn('hide_ai');
+            $table->dropColumn('hide_sensitive');
+        });
+    }
+};

resources/js/components/Settings/SettingsSidebar.vue

@@ -41,7 +41,8 @@ import {
     MoonIcon,
     LockClosedIcon,
     ShareIcon,
-    CheckBadgeIcon
+    CheckBadgeIcon,
+    VideoCameraIcon
 } from '@heroicons/vue/24/outline'
 
 const { t } = useI18n()
@@ -58,6 +59,11 @@ const menuItems = ref([
         icon: MoonIcon,
         path: '/dashboard/appearance'
     },
+    {
+        name: 'Content',
+        icon: VideoCameraIcon,
+        path: '/dashboard/content'
+    },
     {
         name: t('settings.privacy'),
         icon: EyeSlashIcon,

resources/js/pages/admin/ProfileShow.vue

@@ -1027,7 +1027,8 @@ import {
     UserIcon,
     UserPlusIcon,
     UsersIcon,
-    VideoCameraIcon
+    VideoCameraIcon,
+    Cog6ToothIcon
 } from '@heroicons/vue/24/outline'
 import DropdownDivider from '@/components/DropdownDivider.vue'
 import AdminSendEmailModal from '@/components/Admin/AdminSendEmailModal.vue'
@@ -1179,7 +1180,8 @@ const userAuditTypeLabels = {
     profile_links_add: 'New Profile Link',
     profile_links_delete: 'Profile Link Deleted',
     push_notifications_enabled: 'Push Notifications enabled',
-    push_notifications_disabled: 'Push Notifications disabled'
+    push_notifications_disabled: 'Push Notifications disabled',
+    content_settings: 'Content settings updated'
 }
 
 const userAuditTypeIcons = {
@@ -1198,13 +1200,15 @@ const userAuditTypeIcons = {
     profile_links_add: LinkIcon,
     profile_links_delete: LinkIcon,
     push_notifications_enabled: BellAlertIcon,
-    push_notifications_disabled: BellSlashIcon
+    push_notifications_disabled: BellSlashIcon,
+    content_settings: Cog6ToothIcon
 }
 
 const userAuditTypeStyles = {
     atom_enabled: 'bg-blue-50 text-blue-700 dark:bg-blue-900/30 dark:text-blue-300',
     atom_disabled: 'bg-blue-50 text-blue-700 dark:bg-blue-900/30 dark:text-blue-300',
     avatar_updated: 'bg-blue-50 text-blue-700 dark:bg-blue-900/30 dark:text-blue-300',
+    content_settings: 'bg-blue-50 text-blue-700 dark:bg-blue-900/30 dark:text-blue-300',
     avatar_deleted: 'bg-amber-50 text-amber-700 dark:bg-amber-900/30 dark:text-amber-300',
     profile_links_delete: 'bg-amber-50 text-amber-700 dark:bg-amber-900/30 dark:text-amber-300',
     password_changed: 'bg-red-50 text-red-700 dark:bg-red-900/30 dark:text-red-300',
@@ -1666,6 +1670,30 @@ const UserAuditDiff = {
                 )
             }
 
+            if (e.type === 'content_settings') {
+                const contentSettingsType = Object.hasOwn(e.value.new, 'hide_sensitive')
+                    ? 'nsfw'
+                    : 'ai'
+                if (contentSettingsType === 'nsfw') {
+                    return rowWrap(
+                        inlineRow([
+                            monoLabel('Hide Sensitive:'),
+                            badge(false, e.value.old.hide_sensitive),
+                            arrow(),
+                            badge(true, e.value.new.hide_sensitive)
+                        ])
+                    )
+                }
+                return rowWrap(
+                    inlineRow([
+                        monoLabel('Hide AI:'),
+                        badge(false, e.value.old.hide_ai),
+                        arrow(),
+                        badge(true, e.value.new.hide_ai)
+                    ])
+                )
+            }
+
             if (e.type === 'starter_kit_state') {
                 return rowWrap(
                     inlineRow([

resources/js/pages/dashboard/account/AccountContent.vue

@@ -0,0 +1,106 @@
+<template>
+    <SettingsLayout>
+        <div class="p-6">
+            <h1 class="text-2xl font-semibold tracking-tight mb-6 dark:text-gray-300">
+                Content preferences
+            </h1>
+            <hr class="border-gray-300 dark:border-gray-700" />
+
+            <section v-if="!loaded" class="my-8">
+                <Spinner />
+            </section>
+
+            <section v-else class="my-8">
+                <div class="flex flex-col gap-3">
+                    <div class="bg-white rounded-lg shadow-sm dark:bg-gray-800">
+                        <div class="px-4 py-6 flex items-center justify-between">
+                            <div class="flex flex-col max-w-[60%]">
+                                <h3 class="font-medium mb-2 dark:text-gray-300">
+                                    Hide AI content in feeds
+                                </h3>
+                                <p class="text-xs text-gray-500 font-light">
+                                    Control your exposure to content partially or fully authored by
+                                    AI.
+                                </p>
+                            </div>
+                            <ToggleSwitch v-model="hideAI" />
+                        </div>
+                    </div>
+                    <div class="bg-white rounded-lg shadow-sm dark:bg-gray-800">
+                        <div class="px-4 py-6 flex items-center justify-between">
+                            <div class="flex flex-col max-w-[60%]">
+                                <h3 class="font-medium mb-2 dark:text-gray-300">
+                                    Hide Sensitive Content in feeds
+                                </h3>
+                                <p class="text-xs text-gray-500 font-light">
+                                    Allow sensitive content to be included in feeds, behind a
+                                    content warning.
+                                </p>
+                            </div>
+                            <ToggleSwitch v-model="hideSensitive" />
+                        </div>
+                    </div>
+                </div>
+            </section>
+        </div>
+    </SettingsLayout>
+</template>
+
+<script setup>
+import { onMounted, ref, watch } from 'vue'
+import SettingsLayout from '~/layouts/SettingsLayout.vue'
+import ToggleSwitch from '@/components/Form/ToggleSwitch.vue'
+
+const apiClient = useApiClient()
+const hideAI = ref(false)
+const hideSensitive = ref(false)
+const loaded = ref(false)
+
+watch(
+    () => hideAI.value,
+    async (newVal, oldVal) => {
+        if (!loaded.value) {
+            return
+        }
+        if (oldVal === null) return
+        try {
+            await apiClient.post('/api/v1/account/settings/content', {
+                hide_ai: newVal
+            })
+        } catch {}
+    }
+)
+
+watch(
+    () => hideSensitive.value,
+    async (newVal, oldVal) => {
+        if (!loaded.value) {
+            return
+        }
+        if (oldVal === null) return
+        try {
+            await apiClient.post('/api/v1/account/settings/content', {
+                hide_sensitive: newVal
+            })
+        } catch {}
+    }
+)
+
+const fetchContentSettings = async () => {
+    try {
+        await apiClient.get('/api/v1/account/settings/content').then((res) => {
+            hideAI.value = res.data.data.hide_ai
+            hideSensitive.value = res.data.data.hide_sensitive
+        })
+    } catch {
+    } finally {
+        await nextTick()
+        loaded.value = true
+    }
+}
+
+onMounted(async () => {
+    await fetchContentSettings()
+    await nextTick()
+})
+</script>

resources/js/routes/index.js

@@ -435,12 +435,12 @@ const router = createRouter({
         //     component: () => import('~/pages/dashboard/screen-time.vue'),
         //     meta: { requiresAuth: true }
         // },
-        // {
-        //     path: "/dashboard/preferences",
-        //     name: "dashboardPref",
-        //     component: () => import("~/pages/dashboard/preferences.vue"),
-        //     meta: { requiresAuth: true },
-        // },
+        {
+            path: '/dashboard/content',
+            name: 'dashboardAccountContentPref',
+            component: () => import('~/pages/dashboard/account/AccountContent.vue'),
+            meta: { requiresAuth: true }
+        },
         {
             path: '/admin',
             component: () => import('~/layouts/AdminLayout.vue'),

routes/api.php

@@ -213,6 +213,8 @@
     Route::post('/v1/account/settings/email/resend', [EmailChangeController::class, 'resendEmailChange'])->middleware(['auth:web,api']);
     Route::post('/v1/account/settings/account/disable', [SettingsController::class, 'confirmDisableAccount'])->middleware(['auth:web,api']);
     Route::post('/v1/account/settings/account/delete', [SettingsController::class, 'confirmDeleteAccount'])->middleware(['auth:web,api']);
+    Route::get('/v1/account/settings/content', [AccountController::class, 'getContentSettings'])->middleware(['auth:web,api']);
+    Route::post('/v1/account/settings/content', [AccountController::class, 'updateContentSettings'])->middleware(['auth:web,api']);
     Route::get('/v1/account/settings/links', [AccountController::class, 'getProfileLinks'])->middleware(['auth:web,api']);
     Route::post('/v1/account/settings/links/add', [AccountController::class, 'profileLinkStore'])->middleware(['auth:web,api']);
     Route::post('/v1/account/settings/links/delete/{id}', [AccountController::class, 'removeProfileLink'])->middleware(['auth:web,api']);