Merge pull request #2256 from marcusschiesser/main

feat: add setting to hide built-in masks

app/components/settings.tsx

@@ -542,10 +542,12 @@ export function Settings() {
               }
             ></input>
           </ListItem>
+        </List>
 
+        <List>
           <ListItem
-            title={Locale.Settings.Mask.Title}
+            title={Locale.Settings.Mask.Splash.Title}
-            subTitle={Locale.Settings.Mask.SubTitle}
+            subTitle={Locale.Settings.Mask.Splash.SubTitle}
           >
             <input
               type="checkbox"
@@ -559,6 +561,22 @@ export function Settings() {
               }
             ></input>
           </ListItem>
+
+          <ListItem
+            title={Locale.Settings.Mask.Builtin.Title}
+            subTitle={Locale.Settings.Mask.Builtin.SubTitle}
+          >
+            <input
+              type="checkbox"
+              checked={!config.dontAddBuiltinMasks}
+              onChange={(e) =>
+                updateConfig(
+                  (config) =>
+                    (config.dontAddBuiltinMasks = !e.currentTarget.checked),
+                )
+              }
+            ></input>
+          </ListItem>
         </List>
 
         <List>

app/locales/ar.ts

@@ -130,9 +130,15 @@ const ar: PartialLocaleType = {
       SubTitle: "معاينة Markdown في فقاعة",
     },
     Mask: {
+      Splash: {
         Title: "شاشة تظهر الأقنعة",
         SubTitle: "عرض شاشة تظهر الأقنعة قبل بدء الدردشة الجديدة",
       },
+      Builtin: {
+        Title: "Show Builtin Masks",
+        SubTitle: "Show builtin masks in mask list",
+      },
+    },
     Prompt: {
       Disable: {
         Title: "تعطيل الاكتمال التلقائي",

app/locales/cn.ts

@@ -156,9 +156,15 @@ const cn = {
       SubTitle: "在预览气泡中预览 Markdown 内容",
     },
     Mask: {
+      Splash: {
         Title: "面具启动页",
         SubTitle: "新建聊天时，展示面具启动页",
       },
+      Builtin: {
+        Title: "Show Builtin Masks",
+        SubTitle: "Show builtin masks in mask list",
+      },
+    },
     Prompt: {
       Disable: {
         Title: "禁用提示词自动补全",

app/locales/cs.ts

@@ -87,9 +87,15 @@ const cs: PartialLocaleType = {
       SubTitle: "Zobrazit v náhledu bubliny",
     },
     Mask: {
+      Splash: {
         Title: "Úvodní obrazovka Masek",
         SubTitle: "Před zahájením nového chatu zobrazte úvodní obrazovku Masek",
       },
+      Builtin: {
+        Title: "Show Builtin Masks",
+        SubTitle: "Show builtin masks in mask list",
+      },
+    },
     Prompt: {
       Disable: {
         Title: "Deaktivovat automatické dokončování",

app/locales/de.ts

@@ -87,9 +87,15 @@ const de: PartialLocaleType = {
       SubTitle: "Preview markdown in bubble",
     },
     Mask: {
+      Splash: {
         Title: "Mask Splash Screen",
         SubTitle: "Show a mask splash screen before starting new chat",
       },
+      Builtin: {
+        Title: "Show Builtin Masks",
+        SubTitle: "Show builtin masks in mask list",
+      },
+    },
     Prompt: {
       Disable: {
         Title: "Autovervollständigung deaktivieren",

app/locales/en.ts

@@ -157,9 +157,15 @@ const en: LocaleType = {
       SubTitle: "Preview markdown in bubble",
     },
     Mask: {
+      Splash: {
         Title: "Mask Splash Screen",
         SubTitle: "Show a mask splash screen before starting new chat",
       },
+      Builtin: {
+        Title: "Show Builtin Masks",
+        SubTitle: "Show builtin masks in mask list",
+      },
+    },
     Prompt: {
       Disable: {
         Title: "Disable auto-completion",

app/locales/es.ts

@@ -87,9 +87,15 @@ const es: PartialLocaleType = {
       SubTitle: "Preview markdown in bubble",
     },
     Mask: {
+      Splash: {
         Title: "Mask Splash Screen",
         SubTitle: "Show a mask splash screen before starting new chat",
       },
+      Builtin: {
+        Title: "Show Builtin Masks",
+        SubTitle: "Show builtin masks in mask list",
+      },
+    },
     Prompt: {
       Disable: {
         Title: "Desactivar autocompletado",

app/locales/fr.ts

@@ -88,10 +88,16 @@ const fr: PartialLocaleType = {
       SubTitle: "Aperçu du Markdown dans une bulle",
     },
     Mask: {
+      Splash: {
         Title: "Écran de masque",
         SubTitle:
           "Afficher un écran de masque avant de démarrer une nouvelle discussion",
       },
+      Builtin: {
+        Title: "Show Builtin Masks",
+        SubTitle: "Show builtin masks in mask list",
+      },
+    },
     Prompt: {
       Disable: {
         Title: "Désactiver la saisie semi-automatique",

app/locales/it.ts

@@ -87,9 +87,15 @@ const it: PartialLocaleType = {
       SubTitle: "Preview markdown in bubble",
     },
     Mask: {
+      Splash: {
         Title: "Mask Splash Screen",
         SubTitle: "Show a mask splash screen before starting new chat",
       },
+      Builtin: {
+        Title: "Show Builtin Masks",
+        SubTitle: "Show builtin masks in mask list",
+      },
+    },
     Prompt: {
       Disable: {
         Title: "Disabilita l'auto completamento",

app/locales/jp.ts

@@ -104,9 +104,15 @@ const jp: PartialLocaleType = {
       SubTitle: "プレビューバブルでマークダウンコンテンツをプレビュー",
     },
     Mask: {
+      Splash: {
         Title: "キャラクターページ",
         SubTitle: "新規チャット作成時にキャラクターページを表示する",
       },
+      Builtin: {
+        Title: "Show Builtin Masks",
+        SubTitle: "Show builtin masks in mask list",
+      },
+    },
     Prompt: {
       Disable: {
         Title: "プロンプトの自動補完を無効にする",

app/locales/ko.ts

@@ -87,9 +87,15 @@ const ko: PartialLocaleType = {
       SubTitle: "버블에서 마크다운 미리 보기",
     },
     Mask: {
+      Splash: {
         Title: "마스크 시작 화면",
         SubTitle: "새로운 채팅 시작 전에 마스크 시작 화면 표시",
       },
+      Builtin: {
+        Title: "Show Builtin Masks",
+        SubTitle: "Show builtin masks in mask list",
+      },
+    },
     Prompt: {
       Disable: {
         Title: "자동 완성 비활성화",

app/locales/ru.ts

@@ -87,9 +87,15 @@ const ru: PartialLocaleType = {
       SubTitle: "Предварительный просмотр markdown в пузыре",
     },
     Mask: {
+      Splash: {
         Title: "Экран заставки маски",
         SubTitle: "Показывать экран заставки маски перед началом нового чата",
       },
+      Builtin: {
+        Title: "Show Builtin Masks",
+        SubTitle: "Show builtin masks in mask list",
+      },
+    },
     Prompt: {
       Disable: {
         Title: "Отключить автозаполнение",

app/locales/tr.ts

@@ -87,9 +87,15 @@ const tr: PartialLocaleType = {
       SubTitle: "Preview markdown in bubble",
     },
     Mask: {
+      Splash: {
         Title: "Mask Splash Screen",
         SubTitle: "Show a mask splash screen before starting new chat",
       },
+      Builtin: {
+        Title: "Show Builtin Masks",
+        SubTitle: "Show builtin masks in mask list",
+      },
+    },
     Prompt: {
       Disable: {
         Title: "Otomatik tamamlamayı devre dışı bırak",

app/locales/tw.ts

@@ -85,9 +85,15 @@ const tw: PartialLocaleType = {
       SubTitle: "在预览气泡中预览 Markdown 内容",
     },
     Mask: {
+      Splash: {
         Title: "面具启动页",
         SubTitle: "新建聊天时，展示面具启动页",
       },
+      Builtin: {
+        Title: "Show Builtin Masks",
+        SubTitle: "Show builtin masks in mask list",
+      },
+    },
     Prompt: {
       Disable: {
         Title: "停用提示詞自動補齊",

app/locales/vi.ts

@@ -87,9 +87,15 @@ const vi: PartialLocaleType = {
       SubTitle: "Xem trước nội dung markdown bằng bong bóng",
     },
     Mask: {
+      Splash: {
         Title: "Mask Splash Screen",
         SubTitle: "Chớp màn hình khi bắt đầu cuộc trò chuyện mới",
       },
+      Builtin: {
+        Title: "Show Builtin Masks",
+        SubTitle: "Show builtin masks in mask list",
+      },
+    },
     Prompt: {
       Disable: {
         Title: "Vô hiệu hóa chức năng tự động hoàn thành",

app/store/config.ts

@@ -32,6 +32,7 @@ export const DEFAULT_CONFIG = {
   disablePromptHint: false,
 
   dontShowMaskSplashScreen: false, // dont show splash screen when create chat
+  dontAddBuiltinMasks: false, // dont add builtin masks
 
   models: DEFAULT_MODELS as any as LLMModel[],
 

app/store/mask.ts

@@ -90,6 +90,7 @@ export const useMaskStore = create<MaskStore>()(
           (a, b) => b.id - a.id,
         );
         const config = useAppConfig.getState();
+        if (config.dontAddBuiltinMasks) return userMasks;
         const buildinMasks = BUILTIN_MASKS.map(
           (m) =>
             ({