From 188e2dd05dc3f5a1fbe0ca8506469bbd0045bc83 Mon Sep 17 00:00:00 2001
From: kwaroran <amasio1234@proton.me>
Date: Mon, 10 Mar 2025 13:38:12 +0900
Subject: [PATCH] Add show folder name option

---
 src/lang/en.ts                               | 1 +
 src/lib/Setting/Pages/DisplaySettings.svelte | 4 ++++
 src/lib/SideBars/Sidebar.svelte              | 6 +++++-
 src/lib/SideBars/Toggles.svelte              | 6 +++---
 src/ts/storage/database.svelte.ts            | 1 +
 5 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/lang/en.ts b/src/lang/en.ts
index b4cf26f2..34ecfa64 100644
--- a/src/lang/en.ts
+++ b/src/lang/en.ts
@@ -1064,4 +1064,5 @@ export const languageEnglish = {
     localActivationInGlobalLorebook: "Local Activation in Global Lorebook",
     cachePoint: "Cache Point",
     all: "All",
+    showFolderNameInIcon: "Show Folder Name in Icon",
 }
diff --git a/src/lib/Setting/Pages/DisplaySettings.svelte b/src/lib/Setting/Pages/DisplaySettings.svelte
index c782357c..b1a43c01 100644
--- a/src/lib/Setting/Pages/DisplaySettings.svelte
+++ b/src/lib/Setting/Pages/DisplaySettings.svelte
@@ -246,6 +246,10 @@
         <Check bind:check={DBState.db.hideRealm} name={language.hideRealm}/>
     </div>
 
+    <div class="flex items-center mt-2">
+        <Check bind:check={DBState.db.showFolderName} name={language.showFolderNameInIcon}/>
+    </div>
+
     <div class="flex items-center mt-2">
         <Check check={DBState.db.customBackground !== ''} onChange={async (check) => {
             if(check){
diff --git a/src/lib/SideBars/Sidebar.svelte b/src/lib/SideBars/Sidebar.svelte
index 7a16b77d..da5e6d83 100644
--- a/src/lib/SideBars/Sidebar.svelte
+++ b/src/lib/SideBars/Sidebar.svelte
@@ -549,7 +549,11 @@
                 }
                 openFolders = openFolders
               }}>
-                {#if openFolders.includes(char.id)}
+                {#if DBState.db.showFolderName}
+                  <div class="h-full w-full flex justify-center items-center">
+                    <span class="hyphens-auto truncate font-bold">{char.name}</span>
+                  </div>
+                {:else if openFolders.includes(char.id)}
                   <FolderOpenIcon />
                 {:else}
                   <FolderIcon />
diff --git a/src/lib/SideBars/Toggles.svelte b/src/lib/SideBars/Toggles.svelte
index 49c4c613..c980a6af 100644
--- a/src/lib/SideBars/Toggles.svelte
+++ b/src/lib/SideBars/Toggles.svelte
@@ -5,9 +5,9 @@
     import CheckInput from "../UI/GUI/CheckInput.svelte";
     import { language } from "src/lang";
     import type { character, groupChat } from "src/ts/storage/database.svelte";
-  import SelectInput from "../UI/GUI/SelectInput.svelte";
-  import OptionInput from "../UI/GUI/OptionInput.svelte";
-  import TextInput from "../UI/GUI/TextInput.svelte";
+    import SelectInput from "../UI/GUI/SelectInput.svelte";
+    import OptionInput from "../UI/GUI/OptionInput.svelte";
+    import TextInput from "../UI/GUI/TextInput.svelte";
 
     interface Props {
         chara?: character|groupChat
diff --git a/src/ts/storage/database.svelte.ts b/src/ts/storage/database.svelte.ts
index 91a2384a..ae03ee56 100644
--- a/src/ts/storage/database.svelte.ts
+++ b/src/ts/storage/database.svelte.ts
@@ -924,6 +924,7 @@ export interface Database{
         model: string,       
     },
     localActivationInGlobalLorebook: boolean
+    showFolderName: boolean
 }
 
 interface SeparateParameters{