From 7a0b0b8bd4857a1e1d8a5c9ad1ee57631bbf8823 Mon Sep 17 00:00:00 2001
From: pa <maplenagisa@gmail.com>
Date: Sun, 1 Feb 2026 22:46:15 +0900
Subject: [PATCH] add avatar search input in user dialog

---
 .../dialogs/UserDialog/UserDialog.vue         | 29 +++++++++++++++++--
 src/service/database/tableAlter.js            |  2 --
 .../Settings/components/Tabs/AdvancedTab.vue  | 19 ------------
 .../components/Tabs/AppearanceTab.vue         |  5 ----
 4 files changed, 27 insertions(+), 28 deletions(-)

diff --git a/src/components/dialogs/UserDialog/UserDialog.vue b/src/components/dialogs/UserDialog/UserDialog.vue
index 8c6faef1..aca53ef3 100644
--- a/src/components/dialogs/UserDialog/UserDialog.vue
+++ b/src/components/dialogs/UserDialog/UserDialog.vue
@@ -1105,6 +1105,11 @@
                     </div>
                     <div class="flex items-center">
                         <template v-if="userDialog.ref.id === currentUser.id">
+                            <Input
+                                v-model="avatarSearchQuery"
+                                class="h-8 w-40 mr-2"
+                                placeholder="Search avatars"
+                                @click.stop />
                             <span class="mr-1">{{ t('dialog.user.avatars.sort_by') }}</span>
                             <Select
                                 :model-value="userDialog.avatarSorting"
@@ -1143,9 +1148,9 @@
                     </div>
                 </div>
                 <div class="x-friend-list" style="margin-top: 10px; min-height: 60px; max-height: 50vh">
-                    <template v-if="userDialogAvatars.length">
+                    <template v-if="filteredUserDialogAvatars.length">
                         <div
-                            v-for="avatar in userDialogAvatars"
+                            v-for="avatar in filteredUserDialogAvatars"
                             :key="avatar.id"
                             class="x-friend-item x-friend-item-border"
                             @click="showAvatarDialog(avatar.id)">
@@ -1251,6 +1256,7 @@
     import { Button } from '@/components/ui/button';
     import { Checkbox } from '@/components/ui/checkbox';
     import { DataTableEmpty } from '@/components/ui/data-table';
+    import { Input } from '@/components/ui/input';
     import { Spinner } from '@/components/ui/spinner';
     import { TabsUnderline } from '@/components/ui/tabs';
     import { storeToRefs } from 'pinia';
@@ -1471,6 +1477,25 @@
         }
         return avatars;
     });
+    const avatarSearchQuery = ref('');
+    const filteredUserDialogAvatars = computed(() => {
+        const avatars = userDialogAvatars.value;
+        if (userDialog.value.ref?.id !== currentUser.value.id) {
+            return avatars;
+        }
+        const query = avatarSearchQuery.value.trim().toLowerCase();
+        if (!query) {
+            return avatars;
+        }
+        return avatars.filter((avatar) => (avatar.name || '').toLowerCase().includes(query));
+    });
+
+    watch(
+        () => userDialog.value.id,
+        () => {
+            avatarSearchQuery.value = '';
+        }
+    );
 
     function userFavoriteWorldsStatus(visibility) {
         const style = {};
diff --git a/src/service/database/tableAlter.js b/src/service/database/tableAlter.js
index 47f8a39d..4a10281d 100644
--- a/src/service/database/tableAlter.js
+++ b/src/service/database/tableAlter.js
@@ -1,5 +1,3 @@
-import { dbVars } from '../database';
-
 import sqliteService from '../sqlite.js';
 
 const tableAlter = {
diff --git a/src/views/Settings/components/Tabs/AdvancedTab.vue b/src/views/Settings/components/Tabs/AdvancedTab.vue
index 96d527f9..4f83280d 100644
--- a/src/views/Settings/components/Tabs/AdvancedTab.vue
+++ b/src/views/Settings/components/Tabs/AdvancedTab.vue
@@ -1,24 +1,5 @@
 <template>
     <div>
-        <div class="options-container" style="margin-top: 0">
-            <span class="header">{{ t('view.settings.advanced.advanced.header') }}</span>
-            <div class="options-container-item" style="margin-top: 15px">
-                <ButtonGroup>
-                    <Button variant="outline" size="sm" @click="showVRChatConfig()">
-                        <Settings />
-                        VRChat config.json
-                    </Button>
-                    <Button variant="outline" size="sm" @click="showLaunchOptions()">
-                        <Settings />
-                        {{ t('view.settings.advanced.advanced.launch_options') }}
-                    </Button>
-                    <Button variant="outline" size="sm" @click="showRegistryBackupDialog()">
-                        <Package />
-                        {{ t('view.settings.advanced.advanced.vrc_registry_backup') }}
-                    </Button>
-                </ButtonGroup>
-            </div>
-        </div>
         <div class="options-container">
             <span class="sub-header">{{ t('view.settings.advanced.advanced.primary_password.header') }}</span>
             <simple-switch
diff --git a/src/views/Settings/components/Tabs/AppearanceTab.vue b/src/views/Settings/components/Tabs/AppearanceTab.vue
index 24f59bc4..680bbb32 100644
--- a/src/views/Settings/components/Tabs/AppearanceTab.vue
+++ b/src/views/Settings/components/Tabs/AppearanceTab.vue
@@ -351,11 +351,6 @@
                 :label="t('view.settings.appearance.user_dialog.vrcx_memos')"
                 :value="!hideUserMemos"
                 @change="setHideUserMemos" />
-            <div class="options-container-item">
-                <span class="name">{{
-                    t('view.settings.appearance.user_dialog.export_vrcx_memos_into_vrchat_notes')
-                }}</span>
-            </div>
         </div>
         <div class="options-container">
             <span class="header">{{ t('view.settings.appearance.friend_log.header') }}</span>