From a550c870f34556008bfcf9c452a403acd3799130 Mon Sep 17 00:00:00 2001
From: gdosu <bangonicdd@gmail.com>
Date: Wed, 24 Jan 2024 13:34:19 +0900
Subject: [PATCH] Add memory limit border thickness

---
 src/lang/en.ts                               | 1 +
 src/lang/ko.ts                               | 1 +
 src/lib/ChatScreens/Chat.svelte              | 5 +++++
 src/lib/Setting/Pages/DisplaySettings.svelte | 6 ++++++
 src/styles.css                               | 2 +-
 src/ts/storage/database.ts                   | 2 ++
 6 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/lang/en.ts b/src/lang/en.ts
index bf005d77..a327e405 100644
--- a/src/lang/en.ts
+++ b/src/lang/en.ts
@@ -506,4 +506,5 @@ export const languageEnglish = {
     openrouterMiddleOut: "Openrouter Middle Out",
     geminiApiKey: "Gemini API Key",
     removePunctuationHypa: "Memory Punctuation Removal",
+    memoryLimitThickness: "Memory Limit Thickness",
 }
\ No newline at end of file
diff --git a/src/lang/ko.ts b/src/lang/ko.ts
index 0e0f2b69..cd71656e 100644
--- a/src/lang/ko.ts
+++ b/src/lang/ko.ts
@@ -428,4 +428,5 @@ export const languageKorean = {
     genTimes: "생성 횟수",
     template: "템플릿",
     editTranslationDisplay: "번역문 수정",
+    memoryLimitThickness: "기억 한계선 두께",
 }
\ No newline at end of file
diff --git a/src/lib/ChatScreens/Chat.svelte b/src/lib/ChatScreens/Chat.svelte
index 547294f7..cca729de 100644
--- a/src/lib/ChatScreens/Chat.svelte
+++ b/src/lib/ChatScreens/Chat.svelte
@@ -116,6 +116,11 @@
     }
 
     $: displaya(message)
+
+    $: {
+        document.documentElement.style.setProperty('--memory-limit-thickness', $DataBase.memoryLimitThickness + 'px');
+        console.log($DataBase.memoryLimitThickness)
+    }
 </script>
 <div class="flex max-w-full justify-center risu-chat" class:bgc={isLastMemory}>
     <div class="text-textcolor mt-1 ml-4 mr-4 mb-1 p-2 bg-transparent flex-grow border-t-gray-900 border-opacity-30 border-transparent flexium items-start max-w-full" >
diff --git a/src/lib/Setting/Pages/DisplaySettings.svelte b/src/lib/Setting/Pages/DisplaySettings.svelte
index 8bc24df7..0ea8e91c 100644
--- a/src/lib/Setting/Pages/DisplaySettings.svelte
+++ b/src/lib/Setting/Pages/DisplaySettings.svelte
@@ -88,6 +88,12 @@
 <SliderInput min={0} max={1} step={0.05} bind:value={$DataBase.animationSpeed} on:change={updateAnimationSpeed} />
 <span class="text-textcolor2 mb-6 text-sm">{(`${($DataBase.animationSpeed).toFixed(2)}s`)}</span>
 
+{#if $DataBase.showMemoryLimit}
+    <span class="text-textcolor">{language.memoryLimitThickness}</span>
+    <SliderInput min={1} max={100} step={1} bind:value={$DataBase.memoryLimitThickness} />
+    <span class="text-textcolor2 mb-6 text-sm">{($DataBase.memoryLimitThickness)}px</span>
+{/if}
+
 <div class="flex items-center mt-2">
     <Check bind:check={$DataBase.fullScreen} onChange={changeFullscreen} name={language.fullscreen}/>
 </div>
diff --git a/src/styles.css b/src/styles.css
index 6219fd08..f7ad7742 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -157,7 +157,7 @@ html, body{
 }
 
 .bgc{
-  border-top: 1px solid rgba(98, 114, 164, 0.7);
+  border-top: var(--memory-limit-thickness) solid rgba(98, 114, 164, 0.7);
 }
 
 .text-bordered{
diff --git a/src/ts/storage/database.ts b/src/ts/storage/database.ts
index 360f5111..dd9e7e60 100644
--- a/src/ts/storage/database.ts
+++ b/src/ts/storage/database.ts
@@ -365,6 +365,7 @@ export function setDatabase(data:Database){
     data.openrouterFallback ??= true
     data.openrouterMiddleOut ??= false
     data.removePunctuationHypa ??= true
+    data.memoryLimitThickness ??= 1
 
     changeLanguage(data.language)
     DataBase.set(data)
@@ -583,6 +584,7 @@ export interface Database{
     claudeAws:boolean
     lastPatchNoteCheckVersion?:string,
     removePunctuationHypa?:boolean
+    memoryLimitThickness?:number
 }
 
 export interface customscript{