feat: add localization for HypaV3 settings and modal
This commit is contained in:
Bo26fhmC5M
@@ -28,6 +28,7 @@
|
||||
import { summarize } from "../../ts/process/memory/hypav3";
|
||||
import { type Message } from "../../ts/storage/database.svelte";
|
||||
import { translateHTML } from "../../ts/translator/translator";
|
||||
import { language } from "../../lang";
|
||||
|
||||
interface SummaryUI {
|
||||
originalRef: HTMLTextAreaElement;
|
||||
@@ -759,7 +760,7 @@
|
||||
<div class="flex justify-between items-center mb-2 sm:mb-4">
|
||||
<!-- Modal Title -->
|
||||
<h1 class="text-lg sm:text-2xl font-semibold text-zinc-300">
|
||||
HypaV3 Data
|
||||
{language.hypaV3Modal.titleLabel}
|
||||
</h1>
|
||||
<!-- Buttons Container -->
|
||||
<div class="flex items-center gap-2">
|
||||
@@ -793,8 +794,8 @@
|
||||
onclick={async () => {
|
||||
if (
|
||||
await alertConfirmTwice(
|
||||
"This action cannot be undone. Do you want to reset HypaV3 data?",
|
||||
"This action is irreversible. Do you really, really want to reset HypaV3 data?"
|
||||
language.hypaV3Modal.resetConfirmMessage,
|
||||
language.hypaV3Modal.resetConfirmSecondMessage
|
||||
)
|
||||
) {
|
||||
DBState.db.characters[$selectedCharID].chats[
|
||||
@@ -836,7 +837,7 @@
|
||||
>
|
||||
<div class="flex flex-col items-center">
|
||||
<div class="my-1 sm:my-2 text-center text-zinc-300">
|
||||
No summaries yet, but you may convert HypaV2 data to V3.
|
||||
{language.hypaV3Modal.convertLabel}
|
||||
</div>
|
||||
<button
|
||||
class="my-1 sm:my-2 px-4 py-2 rounded-md text-zinc-300 font-semibold bg-zinc-700 hover:bg-zinc-500 transition-colors"
|
||||
@@ -845,24 +846,27 @@
|
||||
|
||||
if (conversionResult.success) {
|
||||
await alertNormalWait(
|
||||
"Successfully converted HypaV2 data to V3"
|
||||
language.hypaV3Modal.convertSuccessMessage
|
||||
);
|
||||
} else {
|
||||
await alertNormalWait(
|
||||
`Failed to convert HypaV2 data to V3: ${conversionResult.error}`
|
||||
language.hypaV3Modal.convertErrorMessage.replace(
|
||||
"{0}",
|
||||
conversionResult.error
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
showHypaV3Alert();
|
||||
}}
|
||||
>
|
||||
Convert to V3
|
||||
{language.hypaV3Modal.convertButton}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
{:else}
|
||||
<div class="p-4 sm:p-3 md:p-4 text-center text-zinc-400">
|
||||
No summaries yet
|
||||
{language.hypaV3Modal.noSummariesLabel}
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
@@ -880,7 +884,7 @@
|
||||
>
|
||||
<input
|
||||
class="w-full px-2 sm:px-4 py-2 sm:py-3 rounded border border-zinc-700 focus:outline-none focus:ring-2 focus:ring-zinc-500 text-zinc-200 bg-zinc-900"
|
||||
placeholder="Enter #N, ID, or search query"
|
||||
placeholder={language.hypaV3Modal.searchPlaceholder}
|
||||
bind:this={searchUIState.ref}
|
||||
bind:value={searchUIState.query}
|
||||
oninput={() => {
|
||||
@@ -921,7 +925,12 @@
|
||||
>
|
||||
<!-- Original Summary Header -->
|
||||
<div class="flex justify-between items-center">
|
||||
<span class="text-sm text-zinc-400">Summary #{i + 1}</span>
|
||||
<span class="text-sm text-zinc-400"
|
||||
>{language.hypaV3Modal.summaryNumberLabel.replace(
|
||||
"{0}",
|
||||
(i + 1).toString()
|
||||
)}</span
|
||||
>
|
||||
|
||||
<div class="flex items-center gap-2">
|
||||
<!-- Translate Button -->
|
||||
@@ -962,8 +971,8 @@
|
||||
onclick={async () => {
|
||||
if (
|
||||
await alertConfirmTwice(
|
||||
"Delete all summaries after this one?",
|
||||
"This action cannot be undone. Are you really sure?"
|
||||
language.hypaV3Modal.deleteAfterConfirmMessage,
|
||||
language.hypaV3Modal.deleteAfterConfirmSecondMessage
|
||||
)
|
||||
) {
|
||||
hypaV3DataState.summaries.splice(i + 1);
|
||||
@@ -991,7 +1000,7 @@
|
||||
{#if summaryUIStates[i].translation}
|
||||
<div class="mt-2 sm:mt-4">
|
||||
<div class="mb-2 sm:mb-4 text-sm text-zinc-400">
|
||||
Translation
|
||||
{language.hypaV3Modal.translationLabel}
|
||||
</div>
|
||||
|
||||
<textarea
|
||||
@@ -1008,7 +1017,9 @@
|
||||
<!-- Rerolled Summary Header -->
|
||||
<div class="mt-2 sm:mt-4">
|
||||
<div class="flex justify-between items-center">
|
||||
<span class="text-sm text-zinc-400">Rerolled Summary</span>
|
||||
<span class="text-sm text-zinc-400"
|
||||
>{language.hypaV3Modal.rerolledSummaryLabel}</span
|
||||
>
|
||||
<div class="flex items-center gap-2">
|
||||
<!-- Translate Rerolled Button -->
|
||||
<button
|
||||
@@ -1062,7 +1073,7 @@
|
||||
{#if summaryUIStates[i].rerolledTranslation}
|
||||
<div class="mt-2 sm:mt-4">
|
||||
<div class="mb-2 sm:mb-4 text-sm text-zinc-400">
|
||||
Rerolled Translation
|
||||
{language.hypaV3Modal.rerolledTranslationLabel}
|
||||
</div>
|
||||
|
||||
<textarea
|
||||
@@ -1080,7 +1091,10 @@
|
||||
<div class="mt-2 sm:mt-4">
|
||||
<div class="flex justify-between items-center">
|
||||
<span class="text-sm text-zinc-400"
|
||||
>Connected Messages ({summary.chatMemos.length})</span
|
||||
>{language.hypaV3Modal.connectedMessageCountLabel.replace(
|
||||
"{0}",
|
||||
summary.chatMemos.length.toString()
|
||||
)}</span
|
||||
>
|
||||
|
||||
<div class="flex items-center gap-2">
|
||||
@@ -1113,7 +1127,9 @@
|
||||
bind:this={summaryUIStates[i].chatMemoRefs[memoIndex]}
|
||||
onclick={() => toggleExpandMessage(i, chatMemo)}
|
||||
>
|
||||
{chatMemo == null ? "First Message" : chatMemo}
|
||||
{chatMemo == null
|
||||
? language.hypaV3Modal.connectedFirstMessageLabel
|
||||
: chatMemo}
|
||||
</button>
|
||||
{/each}
|
||||
</div>
|
||||
@@ -1126,7 +1142,10 @@
|
||||
{#if expandedMessage}
|
||||
<!-- Role -->
|
||||
<div class="mb-2 sm:mb-4 text-sm text-zinc-400">
|
||||
{expandedMessage.role}'s Message
|
||||
{language.hypaV3Modal.connectedMessageRoleLabel.replace(
|
||||
"{0}",
|
||||
expandedMessage.role
|
||||
)}
|
||||
</div>
|
||||
|
||||
<!-- Content -->
|
||||
@@ -1136,12 +1155,17 @@
|
||||
value={expandedMessage.data}
|
||||
></textarea>
|
||||
{:else}
|
||||
<span class="text-sm text-red-400">Message not found</span
|
||||
<span class="text-sm text-red-400"
|
||||
>{language.hypaV3Modal
|
||||
.connectedMessageNotFoundLabel}</span
|
||||
>
|
||||
{/if}
|
||||
{:catch error}
|
||||
<span class="text-sm text-red-400"
|
||||
>Error loading expanded message: {error.message}</span
|
||||
>{language.hypaV3Modal.connectedMessageLoadingError.replace(
|
||||
"{0}",
|
||||
error.message
|
||||
)}</span
|
||||
>
|
||||
{/await}
|
||||
</div>
|
||||
@@ -1150,7 +1174,7 @@
|
||||
{#if expandedMessageUIState.translation}
|
||||
<div class="mt-2 sm:mt-4">
|
||||
<div class="mb-2 sm:mb-4 text-sm text-zinc-400">
|
||||
Translation
|
||||
{language.hypaV3Modal.connectedMessageTranslationLabel}
|
||||
</div>
|
||||
|
||||
<textarea
|
||||
@@ -1173,12 +1197,15 @@
|
||||
{#if nextMessage}
|
||||
{@const chatId =
|
||||
nextMessage.chatId === "first"
|
||||
? "First Message"
|
||||
? language.hypaV3Modal.nextSummarizationFirstMessageLabel
|
||||
: nextMessage.chatId == null
|
||||
? "No Message ID"
|
||||
? language.hypaV3Modal.nextSummarizationNoMessageIdLabel
|
||||
: nextMessage.chatId}
|
||||
<div class="mb-2 sm:mb-4 text-sm text-zinc-400">
|
||||
HypaV3 will summarize [{chatId}]
|
||||
{language.hypaV3Modal.nextSummarizationLabel.replace(
|
||||
"{0}",
|
||||
chatId
|
||||
)}
|
||||
</div>
|
||||
|
||||
<textarea
|
||||
@@ -1187,11 +1214,17 @@
|
||||
value={nextMessage.data}
|
||||
></textarea>
|
||||
{:else}
|
||||
<span class="text-sm text-red-400">WARN: No messages found</span>
|
||||
<span class="text-sm text-red-400"
|
||||
>{language.hypaV3Modal
|
||||
.nextSummarizationNoMessagesFoundLabel}</span
|
||||
>
|
||||
{/if}
|
||||
{:catch error}
|
||||
<span class="text-sm text-red-400"
|
||||
>Error loading next message: {error.message}</span
|
||||
>{language.hypaV3Modal.nextSummarizationLoadingError.replace(
|
||||
"{0}",
|
||||
error.message
|
||||
)}</span
|
||||
>
|
||||
{/await}
|
||||
</div>
|
||||
@@ -1200,7 +1233,7 @@
|
||||
{#if !getFirstMessage()}
|
||||
<div class="mt-2 sm:mt-4">
|
||||
<span class="text-sm text-red-400"
|
||||
>WARN: Selected first message is empty</span
|
||||
>{language.hypaV3Modal.emptySelectedFirstMessageLabel}</span
|
||||
>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
@@ -475,7 +475,7 @@
|
||||
DBState.db.hypaV3Settings.enableSimilarityCorrection = false
|
||||
DBState.db.hypaV3Settings.preserveOrphanedMemory = false
|
||||
DBState.db.hypaV3Settings.processRegexScript = false
|
||||
DBState.db.hypaV3Settings.doNotSummarizeUserChat = false
|
||||
DBState.db.hypaV3Settings.doNotSummarizeUserMessage = false
|
||||
} else {
|
||||
DBState.db.supaModelType = 'none'
|
||||
DBState.db.memoryAlgorithmType = 'none'
|
||||
@@ -517,7 +517,7 @@
|
||||
<span class="text-textcolor">{language.hypaAllocatedTokens}</span>
|
||||
<NumberInput size="sm" marginBottom bind:value={DBState.db.hypaAllocatedTokens} min={100} />
|
||||
{:else if DBState.db.hypaV3}
|
||||
<span class="mb-2 text-textcolor2 text-sm text-wrap break-words max-w-full">{language.hypaV3Desc}</span>
|
||||
<span class="mb-2 text-textcolor2 text-sm text-wrap break-words max-w-full">{language.hypaV3Settings.descriptionLabel}</span>
|
||||
<span class="text-textcolor mt-4">{language.SuperMemory} {language.model}</span>
|
||||
<SelectInput className="mt-2 mb-2" bind:value={DBState.db.supaModelType}>
|
||||
<OptionInput value="distilbart">distilbart-cnn-6-6 (Free/Local)</OptionInput>
|
||||
@@ -525,37 +525,37 @@
|
||||
</SelectInput>
|
||||
<span class="text-textcolor">{language.summarizationPrompt} <Help key="summarizationPrompt"/></span>
|
||||
<div class="mb-2">
|
||||
<TextAreaInput size="sm" placeholder="Leave it blank to use default" bind:value={DBState.db.supaMemoryPrompt} />
|
||||
<TextAreaInput size="sm" placeholder={language.hypaV3Settings.supaMemoryPromptPlaceHolder} bind:value={DBState.db.supaMemoryPrompt} />
|
||||
</div>
|
||||
{#await getMaxMemoryRatio() then maxMemoryRatio}
|
||||
<span class="text-textcolor">Max Memory Tokens Ratio (Estimated)</span>
|
||||
<span class="text-textcolor">{language.hypaV3Settings.maxMemoryTokensRatioLabel}</span>
|
||||
<NumberInput marginBottom disabled size="sm" value={maxMemoryRatio} />
|
||||
{:catch error}
|
||||
<span class="text-red-400">Unable to calculate Max Memory Tokens Ratio</span>
|
||||
<span class="text-red-400">{language.hypaV3Settings.maxMemoryTokensRatioError}</span>
|
||||
{/await}
|
||||
<span class="text-textcolor">Memory Tokens Ratio</span>
|
||||
<span class="text-textcolor">{language.hypaV3Settings.memoryTokensRatioLabel}</span>
|
||||
<SliderInput marginBottom min={0} max={1} step={0.01} fixed={2} bind:value={DBState.db.hypaV3Settings.memoryTokensRatio} />
|
||||
<span class="text-textcolor">Extra Summarization Ratio</span>
|
||||
<span class="text-textcolor">{language.hypaV3Settings.extraSummarizationRatioLabel}</span>
|
||||
<SliderInput marginBottom min={0} max={1 - DBState.db.hypaV3Settings.memoryTokensRatio} step={0.01} fixed={2} bind:value={DBState.db.hypaV3Settings.extraSummarizationRatio} />
|
||||
<span class="text-textcolor">Max Chats Per Summary</span>
|
||||
<span class="text-textcolor">{language.hypaV3Settings.maxChatsPerSummaryLabel}</span>
|
||||
<NumberInput marginBottom size="sm" min={1} bind:value={DBState.db.hypaV3Settings.maxChatsPerSummary} />
|
||||
<span class="text-textcolor">Recent Memory Ratio</span>
|
||||
<span class="text-textcolor">{language.hypaV3Settings.recentMemoryRatioLabel}</span>
|
||||
<SliderInput marginBottom min={0} max={1} step={0.01} fixed={2} bind:value={DBState.db.hypaV3Settings.recentMemoryRatio} />
|
||||
<span class="text-textcolor">Similar Memory Ratio</span>
|
||||
<span class="text-textcolor">{language.hypaV3Settings.similarMemoryRatioLabel}</span>
|
||||
<SliderInput marginBottom min={0} max={1} step={0.01} fixed={2} bind:value={DBState.db.hypaV3Settings.similarMemoryRatio} />
|
||||
<span class="text-textcolor">Random Memory Ratio</span>
|
||||
<span class="text-textcolor">{language.hypaV3Settings.randomMemoryRatioLabel}</span>
|
||||
<NumberInput marginBottom disabled size="sm" value={parseFloat((1 - DBState.db.hypaV3Settings.recentMemoryRatio - DBState.db.hypaV3Settings.similarMemoryRatio).toFixed(2))} />
|
||||
<div class="flex mb-2">
|
||||
<Check name="Enable Similarity Correction" bind:check={DBState.db.hypaV3Settings.enableSimilarityCorrection} />
|
||||
<Check name={language.hypaV3Settings.enableSimilarityCorrectionLabel} bind:check={DBState.db.hypaV3Settings.enableSimilarityCorrection} />
|
||||
</div>
|
||||
<div class="flex mb-2">
|
||||
<Check name="Preserve Orphaned Memory" bind:check={DBState.db.hypaV3Settings.preserveOrphanedMemory} />
|
||||
<Check name={language.hypaV3Settings.preserveOrphanedMemoryLabel} bind:check={DBState.db.hypaV3Settings.preserveOrphanedMemory} />
|
||||
</div>
|
||||
<div class="flex mb-2">
|
||||
<Check name="Apply Regex Script When Rerolling" bind:check={DBState.db.hypaV3Settings.processRegexScript} />
|
||||
<Check name={language.hypaV3Settings.applyRegexScriptWhenRerollingLabel} bind:check={DBState.db.hypaV3Settings.processRegexScript} />
|
||||
</div>
|
||||
<div class="flex mb-2">
|
||||
<Check name="Do Not Summarize User Chat" bind:check={DBState.db.hypaV3Settings.doNotSummarizeUserChat} />
|
||||
<Check name={language.hypaV3Settings.doNotSummarizeUserMessageLabel} bind:check={DBState.db.hypaV3Settings.doNotSummarizeUserMessage} />
|
||||
</div>
|
||||
{:else if (DBState.db.supaModelType !== 'none' && DBState.db.hypav2 === false && DBState.db.hypaV3 === false)}
|
||||
<span class="mb-2 text-textcolor2 text-sm text-wrap break-words max-w-full">{language.supaDesc}</span>
|
||||
|
||||
Reference in New Issue
Block a user