90 lines
2.5 KiB
Svelte
90 lines
2.5 KiB
Svelte
<script lang="ts">
|
|
import Switch from '$lib/components/common/Switch.svelte';
|
|
import { config, settings } from '$lib/stores';
|
|
import { createEventDispatcher, onMount, getContext } from 'svelte';
|
|
import ManageModal from './Personalization/ManageModal.svelte';
|
|
import Tooltip from '$lib/components/common/Tooltip.svelte';
|
|
const dispatch = createEventDispatcher();
|
|
|
|
const i18n = getContext('i18n');
|
|
|
|
export let saveSettings: Function;
|
|
|
|
let showManageModal = false;
|
|
|
|
// Addons
|
|
let enableMemory = false;
|
|
|
|
onMount(async () => {
|
|
enableMemory = $settings?.memory ?? $config?.features?.enable_memories ?? false;
|
|
});
|
|
</script>
|
|
|
|
<ManageModal bind:show={showManageModal} />
|
|
|
|
<form
|
|
id="tab-personalization"
|
|
class="flex flex-col h-full justify-between space-y-3 text-sm"
|
|
on:submit|preventDefault={() => {
|
|
dispatch('save');
|
|
}}
|
|
>
|
|
<div class="flex-1 min-h-0 overflow-y-auto scrollbar-hover pr-1.5 py-1">
|
|
<div>
|
|
<div class="flex items-center justify-between mb-1">
|
|
<Tooltip
|
|
content={$i18n.t(
|
|
'This is an experimental feature, it may not function as expected and is subject to change at any time.'
|
|
)}
|
|
>
|
|
<div class="flex items-center gap-2 text-xs text-gray-400 dark:text-gray-600">
|
|
{$i18n.t('Memory')}
|
|
<span
|
|
class="text-[0.65rem] font-normal uppercase px-1.5 py-0.5 rounded-full bg-gray-100 dark:bg-gray-800 text-gray-500 dark:text-gray-400"
|
|
>{$i18n.t('Experimental')}</span
|
|
>
|
|
</div>
|
|
</Tooltip>
|
|
|
|
<div class="">
|
|
<Switch
|
|
bind:state={enableMemory}
|
|
on:change={async () => {
|
|
saveSettings({ memory: enableMemory });
|
|
}}
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="text-xs text-gray-600 dark:text-gray-400">
|
|
<div>
|
|
{$i18n.t(
|
|
"You can personalize your interactions with LLMs by adding memories through the 'Manage' button below, making them more helpful and tailored to you."
|
|
)}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-3 mb-1 ml-1">
|
|
<button
|
|
type="button"
|
|
class="px-3.5 py-1.5 font-normal hover:bg-black/5 dark:hover:bg-white/5 outline outline-1 outline-gray-300 dark:outline-gray-800 rounded-3xl"
|
|
on:click={() => {
|
|
showManageModal = true;
|
|
}}
|
|
>
|
|
{$i18n.t('Manage')}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="shrink-0 flex justify-end text-sm font-normal">
|
|
<button
|
|
class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
|
|
type="submit"
|
|
>
|
|
{$i18n.t('Save')}
|
|
</button>
|
|
</div>
|
|
</form>
|