Update Permissions.svelte

This commit is contained in:
Classic298 2025-09-28 21:33:40 +02:00 committed by GitHub
parent 67b3929954
commit cf20f04bdc
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -2,8 +2,8 @@
import { getContext, onMount } from 'svelte'; import { getContext, onMount } from 'svelte';
const i18n = getContext('i18n'); const i18n = getContext('i18n');
import Switch from '$lib/components/common/Switch.svelte';
import Tooltip from '$lib/components/common/Tooltip.svelte'; import Tooltip from '$lib/components/common/Tooltip.svelte';
import PermissionSwitch from './PermissionSwitch.svelte';
// Default values for permissions // Default values for permissions
const DEFAULT_PERMISSIONS = { const DEFAULT_PERMISSIONS = {
@ -77,30 +77,75 @@
<div class="space-y-2"> <div class="space-y-2">
<div> <div>
<div class=" mb-2 text-sm font-medium">{$i18n.t('Workspace Permissions')}</div> <div class=" mb-2 text-sm font-medium">{$i18n.t('Workspace Permissions')}</div>
<div class="flex flex-col space-y-2">
<PermissionSwitch <div class="flex flex-col w-full">
label={$i18n.t('Models Access')} <div class="flex w-full justify-between my-2 pr-2">
bind:state={permissions.workspace.models} <div class=" self-center text-xs font-medium">
defaultState={defaultPermissions?.workspace?.models} {$i18n.t('Models Access')}
/> </div>
<PermissionSwitch <Switch bind:state={permissions.workspace.models} />
label={$i18n.t('Knowledge Access')} </div>
bind:state={permissions.workspace.knowledge} {#if defaultPermissions?.workspace?.models && !permissions.workspace.models}
defaultState={defaultPermissions?.workspace?.knowledge} <div class="pb-1 pl-1 pr-2 pt-1">
/> <div class="text-xs text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded px-2 py-1">
<PermissionSwitch ⚠️ {$i18n.t('This permission is enabled for the default "user" role and will remain active.')}
label={$i18n.t('Prompts Access')} </div>
bind:state={permissions.workspace.prompts} </div>
defaultState={defaultPermissions?.workspace?.prompts} {/if}
/> </div>
<PermissionSwitch
label={$i18n.t('Tools Access')} <div class="flex flex-col w-full">
bind:state={permissions.workspace.tools} <div class="flex w-full justify-between my-2 pr-2">
defaultState={defaultPermissions?.workspace?.tools} <div class=" self-center text-xs font-medium">
tooltip={$i18n.t( {$i18n.t('Knowledge Access')}
</div>
<Switch bind:state={permissions.workspace.knowledge} />
</div>
{#if defaultPermissions?.workspace?.knowledge && !permissions.workspace.knowledge}
<div class="pb-1 pl-1 pr-2 pt-1">
<div class="text-xs text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded px-2 py-1">
⚠️ {$i18n.t('This permission is enabled for the default "user" role and will remain active.')}
</div>
</div>
{/if}
</div>
<div class="flex flex-col w-full">
<div class="flex w-full justify-between my-2 pr-2">
<div class=" self-center text-xs font-medium">
{$i18n.t('Prompts Access')}
</div>
<Switch bind:state={permissions.workspace.prompts} />
</div>
{#if defaultPermissions?.workspace?.prompts && !permissions.workspace.prompts}
<div class="pb-1 pl-1 pr-2 pt-1">
<div class="text-xs text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded px-2 py-1">
⚠️ {$i18n.t('This permission is enabled for the default "user" role and will remain active.')}
</div>
</div>
{/if}
</div>
<div class="flex flex-col w-full">
<Tooltip
className="flex w-full justify-between my-2 pr-2"
content={$i18n.t(
'Warning: Enabling this will allow users to upload arbitrary code on the server.' 'Warning: Enabling this will allow users to upload arbitrary code on the server.'
)} )}
/> placement="top-start"
>
<div class=" self-center text-xs font-medium">
{$i18n.t('Tools Access')}
</div>
<Switch bind:state={permissions.workspace.tools} />
</Tooltip>
{#if defaultPermissions?.workspace?.tools && !permissions.workspace.tools}
<div class="pb-1 pl-1 pr-2 pt-1">
<div class="text-xs text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded px-2 py-1">
⚠️ {$i18n.t('This permission is enabled for the default "user" role and will remain active.')}
</div>
</div>
{/if}
</div> </div>
</div> </div>
@ -108,32 +153,85 @@
<div> <div>
<div class=" mb-2 text-sm font-medium">{$i18n.t('Sharing Permissions')}</div> <div class=" mb-2 text-sm font-medium">{$i18n.t('Sharing Permissions')}</div>
<div class="flex flex-col space-y-2">
<PermissionSwitch <div class="flex flex-col w-full">
label={$i18n.t('Models Public Sharing')} <div class="flex w-full justify-between my-2 pr-2">
bind:state={permissions.sharing.public_models} <div class=" self-center text-xs font-medium">
defaultState={defaultPermissions?.sharing?.public_models} {$i18n.t('Models Public Sharing')}
/> </div>
<PermissionSwitch <Switch bind:state={permissions.sharing.public_models} />
label={$i18n.t('Knowledge Public Sharing')} </div>
bind:state={permissions.sharing.public_knowledge} {#if defaultPermissions?.sharing?.public_models && !permissions.sharing.public_models}
defaultState={defaultPermissions?.sharing?.public_knowledge} <div class="pb-1 pl-1 pr-2 pt-1">
/> <div class="text-xs text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded px-2 py-1">
<PermissionSwitch ⚠️ {$i18n.t('This permission is enabled for the default "user" role and will remain active.')}
label={$i18n.t('Prompts Public Sharing')} </div>
bind:state={permissions.sharing.public_prompts} </div>
defaultState={defaultPermissions?.sharing?.public_prompts} {/if}
/> </div>
<PermissionSwitch
label={$i18n.t('Tools Public Sharing')} <div class="flex flex-col w-full">
bind:state={permissions.sharing.public_tools} <div class="flex w-full justify-between my-2 pr-2">
defaultState={defaultPermissions?.sharing?.public_tools} <div class=" self-center text-xs font-medium">
/> {$i18n.t('Knowledge Public Sharing')}
<PermissionSwitch </div>
label={$i18n.t('Notes Public Sharing')} <Switch bind:state={permissions.sharing.public_knowledge} />
bind:state={permissions.sharing.public_notes} </div>
defaultState={defaultPermissions?.sharing?.public_notes} {#if defaultPermissions?.sharing?.public_knowledge && !permissions.sharing.public_knowledge}
/> <div class="pb-1 pl-1 pr-2 pt-1">
<div class="text-xs text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded px-2 py-1">
⚠️ {$i18n.t('This permission is enabled for the default "user" role and will remain active.')}
</div>
</div>
{/if}
</div>
<div class="flex flex-col w-full">
<div class="flex w-full justify-between my-2 pr-2">
<div class=" self-center text-xs font-medium">
{$i18n.t('Prompts Public Sharing')}
</div>
<Switch bind:state={permissions.sharing.public_prompts} />
</div>
{#if defaultPermissions?.sharing?.public_prompts && !permissions.sharing.public_prompts}
<div class="pb-1 pl-1 pr-2 pt-1">
<div class="text-xs text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded px-2 py-1">
⚠️ {$i18n.t('This permission is enabled for the default "user" role and will remain active.')}
</div>
</div>
{/if}
</div>
<div class="flex flex-col w-full">
<div class="flex w-full justify-between my-2 pr-2">
<div class=" self-center text-xs font-medium">
{$i18n.t('Tools Public Sharing')}
</div>
<Switch bind:state={permissions.sharing.public_tools} />
</div>
{#if defaultPermissions?.sharing?.public_tools && !permissions.sharing.public_tools}
<div class="pb-1 pl-1 pr-2 pt-1">
<div class="text-xs text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded px-2 py-1">
⚠️ {$i18n.t('This permission is enabled for the default "user" role and will remain active.')}
</div>
</div>
{/if}
</div>
<div class="flex flex-col w-full">
<div class="flex w-full justify-between my-2 pr-2">
<div class=" self-center text-xs font-medium">
{$i18n.t('Notes Public Sharing')}
</div>
<Switch bind:state={permissions.sharing.public_notes} />
</div>
{#if defaultPermissions?.sharing?.public_notes && !permissions.sharing.public_notes}
<div class="pb-1 pl-1 pr-2 pt-1">
<div class="text-xs text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded px-2 py-1">
⚠️ {$i18n.t('This permission is enabled for the default "user" role and will remain active.')}
</div>
</div>
{/if}
</div> </div>
</div> </div>
@ -141,146 +239,399 @@
<div> <div>
<div class=" mb-2 text-sm font-medium">{$i18n.t('Chat Permissions')}</div> <div class=" mb-2 text-sm font-medium">{$i18n.t('Chat Permissions')}</div>
<div class="flex flex-col space-y-2">
<PermissionSwitch <div class="flex flex-col w-full">
label={$i18n.t('Allow File Upload')} <div class="flex w-full justify-between my-2 pr-2">
bind:state={permissions.chat.file_upload} <div class=" self-center text-xs font-medium">
defaultState={defaultPermissions?.chat?.file_upload} {$i18n.t('Allow File Upload')}
/> </div>
<PermissionSwitch <Switch bind:state={permissions.chat.file_upload} />
label={$i18n.t('Allow Chat Controls')} </div>
bind:state={permissions.chat.controls} {#if defaultPermissions?.chat?.file_upload && !permissions.chat.file_upload}
defaultState={defaultPermissions?.chat?.controls} <div class="pb-1 pl-1 pr-2 pt-1">
/> <div class="text-xs text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded px-2 py-1">
⚠️ {$i18n.t('This permission is enabled for the default "user" role and will remain active.')}
</div>
</div>
{/if}
</div>
<div class="flex flex-col w-full">
<div class="flex w-full justify-between my-2 pr-2">
<div class=" self-center text-xs font-medium">
{$i18n.t('Allow Chat Controls')}
</div>
<Switch bind:state={permissions.chat.controls} />
</div>
{#if defaultPermissions?.chat?.controls && !permissions.chat.controls}
<div class="pb-1 pl-1 pr-2 pt-1">
<div class="text-xs text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded px-2 py-1">
⚠️ {$i18n.t('This permission is enabled for the default "user" role and will remain active.')}
</div>
</div>
{/if}
</div>
{#if permissions.chat.controls} {#if permissions.chat.controls}
<div class="flex flex-col space-y-2 pl-4"> <div class="flex flex-col w-full pl-4">
<PermissionSwitch <div class="flex w-full justify-between my-2 pr-2">
label={$i18n.t('Allow Chat Valves')} <div class=" self-center text-xs font-medium">
bind:state={permissions.chat.valves} {$i18n.t('Allow Chat Valves')}
defaultState={defaultPermissions?.chat?.valves} </div>
/> <Switch bind:state={permissions.chat.valves} />
<PermissionSwitch </div>
label={$i18n.t('Allow Chat System Prompt')} {#if defaultPermissions?.chat?.valves && !permissions.chat.valves}
bind:state={permissions.chat.system_prompt} <div class="pb-1 pl-1 pr-2 pt-1">
defaultState={defaultPermissions?.chat?.system_prompt} <div class="text-xs text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded px-2 py-1">
/> ⚠️ {$i18n.t('This permission is enabled for the default "user" role and will remain active.')}
<PermissionSwitch </div>
label={$i18n.t('Allow Chat Params')} </div>
bind:state={permissions.chat.params} {/if}
defaultState={defaultPermissions?.chat?.params} </div>
/>
<div class="flex flex-col w-full pl-4">
<div class="flex w-full justify-between my-2 pr-2">
<div class=" self-center text-xs font-medium">
{$i18n.t('Allow Chat System Prompt')}
</div>
<Switch bind:state={permissions.chat.system_prompt} />
</div>
{#if defaultPermissions?.chat?.system_prompt && !permissions.chat.system_prompt}
<div class="pb-1 pl-1 pr-2 pt-1">
<div class="text-xs text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded px-2 py-1">
⚠️ {$i18n.t('This permission is enabled for the default "user" role and will remain active.')}
</div>
</div>
{/if}
</div>
<div class="flex flex-col w-full pl-4">
<div class="flex w-full justify-between my-2 pr-2">
<div class=" self-center text-xs font-medium">
{$i18n.t('Allow Chat Params')}
</div>
<Switch bind:state={permissions.chat.params} />
</div>
{#if defaultPermissions?.chat?.params && !permissions.chat.params}
<div class="pb-1 pl-1 pr-2 pt-1">
<div class="text-xs text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded px-2 py-1">
⚠️ {$i18n.t('This permission is enabled for the default "user" role and will remain active.')}
</div>
</div>
{/if}
</div> </div>
{/if} {/if}
<PermissionSwitch <div class="flex flex-col w-full">
label={$i18n.t('Allow Chat Edit')} <div class="flex w-full justify-between my-2 pr-2">
bind:state={permissions.chat.edit} <div class=" self-center text-xs font-medium">
defaultState={defaultPermissions?.chat?.edit} {$i18n.t('Allow Chat Edit')}
/> </div>
<PermissionSwitch <Switch bind:state={permissions.chat.edit} />
label={$i18n.t('Allow Chat Delete')} </div>
bind:state={permissions.chat.delete} {#if defaultPermissions?.chat?.edit && !permissions.chat.edit}
defaultState={defaultPermissions?.chat?.delete} <div class="pb-1 pl-1 pr-2 pt-1">
/> <div class="text-xs text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded px-2 py-1">
<PermissionSwitch ⚠️ {$i18n.t('This permission is enabled for the default "user" role and will remain active.')}
label={$i18n.t('Allow Delete Messages')} </div>
bind:state={permissions.chat.delete_message} </div>
defaultState={defaultPermissions?.chat?.delete_message} {/if}
/> </div>
<PermissionSwitch
label={$i18n.t('Allow Continue Response')} <div class="flex flex-col w-full">
bind:state={permissions.chat.continue_response} <div class="flex w-full justify-between my-2 pr-2">
defaultState={defaultPermissions?.chat?.continue_response} <div class=" self-center text-xs font-medium">
/> {$i18n.t('Allow Chat Delete')}
<PermissionSwitch </div>
label={$i18n.t('Allow Regenerate Response')} <Switch bind:state={permissions.chat.delete} />
bind:state={permissions.chat.regenerate_response} </div>
defaultState={defaultPermissions?.chat?.regenerate_response} {#if defaultPermissions?.chat?.delete && !permissions.chat.delete}
/> <div class="pb-1 pl-1 pr-2 pt-1">
<PermissionSwitch <div class="text-xs text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded px-2 py-1">
label={$i18n.t('Allow Rate Response')} ⚠️ {$i18n.t('This permission is enabled for the default "user" role and will remain active.')}
bind:state={permissions.chat.rate_response} </div>
defaultState={defaultPermissions?.chat?.rate_response} </div>
/> {/if}
<PermissionSwitch </div>
label={$i18n.t('Allow Chat Share')}
bind:state={permissions.chat.share} <div class="flex flex-col w-full">
defaultState={defaultPermissions?.chat?.share} <div class="flex w-full justify-between my-2 pr-2">
/> <div class=" self-center text-xs font-medium">
<PermissionSwitch {$i18n.t('Allow Delete Messages')}
label={$i18n.t('Allow Chat Export')} </div>
bind:state={permissions.chat.export} <Switch bind:state={permissions.chat.delete_message} />
defaultState={defaultPermissions?.chat?.export} </div>
/> {#if defaultPermissions?.chat?.delete_message && !permissions.chat.delete_message}
<PermissionSwitch <div class="pb-1 pl-1 pr-2 pt-1">
label={$i18n.t('Allow Speech to Text')} <div class="text-xs text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded px-2 py-1">
bind:state={permissions.chat.stt} ⚠️ {$i18n.t('This permission is enabled for the default "user" role and will remain active.')}
defaultState={defaultPermissions?.chat?.stt} </div>
/> </div>
<PermissionSwitch {/if}
label={$i18n.t('Allow Text to Speech')} </div>
bind:state={permissions.chat.tts}
defaultState={defaultPermissions?.chat?.tts} <div class="flex flex-col w-full">
/> <div class="flex w-full justify-between my-2 pr-2">
<PermissionSwitch <div class=" self-center text-xs font-medium">
label={$i18n.t('Allow Call')} {$i18n.t('Allow Continue Response')}
bind:state={permissions.chat.call} </div>
defaultState={defaultPermissions?.chat?.call} <Switch bind:state={permissions.chat.continue_response} />
/> </div>
<PermissionSwitch {#if defaultPermissions?.chat?.continue_response && !permissions.chat.continue_response}
label={$i18n.t('Allow Multiple Models in Chat')} <div class="pb-1 pl-1 pr-2 pt-1">
bind:state={permissions.chat.multiple_models} <div class="text-xs text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded px-2 py-1">
defaultState={defaultPermissions?.chat?.multiple_models} ⚠️ {$i18n.t('This permission is enabled for the default "user" role and will remain active.')}
/> </div>
<PermissionSwitch </div>
label={$i18n.t('Allow Temporary Chat')} {/if}
bind:state={permissions.chat.temporary} </div>
defaultState={defaultPermissions?.chat?.temporary}
/> <div class="flex flex-col w-full">
<div class="flex w-full justify-between my-2 pr-2">
<div class=" self-center text-xs font-medium">
{$i18n.t('Allow Regenerate Response')}
</div>
<Switch bind:state={permissions.chat.regenerate_response} />
</div>
{#if defaultPermissions?.chat?.regenerate_response && !permissions.chat.regenerate_response}
<div class="pb-1 pl-1 pr-2 pt-1">
<div class="text-xs text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded px-2 py-1">
⚠️ {$i18n.t('This permission is enabled for the default "user" role and will remain active.')}
</div>
</div>
{/if}
</div>
<div class="flex flex-col w-full">
<div class="flex w-full justify-between my-2 pr-2">
<div class=" self-center text-xs font-medium">
{$i18n.t('Allow Rate Response')}
</div>
<Switch bind:state={permissions.chat.rate_response} />
</div>
{#if defaultPermissions?.chat?.rate_response && !permissions.chat.rate_response}
<div class="pb-1 pl-1 pr-2 pt-1">
<div class="text-xs text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded px-2 py-1">
⚠️ {$i18n.t('This permission is enabled for the default "user" role and will remain active.')}
</div>
</div>
{/if}
</div>
<div class="flex flex-col w-full">
<div class="flex w-full justify-between my-2 pr-2">
<div class=" self-center text-xs font-medium">
{$i18n.t('Allow Chat Share')}
</div>
<Switch bind:state={permissions.chat.share} />
</div>
{#if defaultPermissions?.chat?.share && !permissions.chat.share}
<div class="pb-1 pl-1 pr-2 pt-1">
<div class="text-xs text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded px-2 py-1">
⚠️ {$i18n.t('This permission is enabled for the default "user" role and will remain active.')}
</div>
</div>
{/if}
</div>
<div class="flex flex-col w-full">
<div class="flex w-full justify-between my-2 pr-2">
<div class=" self-center text-xs font-medium">
{$i18n.t('Allow Chat Export')}
</div>
<Switch bind:state={permissions.chat.export} />
</div>
{#if defaultPermissions?.chat?.export && !permissions.chat.export}
<div class="pb-1 pl-1 pr-2 pt-1">
<div class="text-xs text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded px-2 py-1">
⚠️ {$i18n.t('This permission is enabled for the default "user" role and will remain active.')}
</div>
</div>
{/if}
</div>
<div class="flex flex-col w-full">
<div class="flex w-full justify-between my-2 pr-2">
<div class=" self-center text-xs font-medium">
{$i18n.t('Allow Speech to Text')}
</div>
<Switch bind:state={permissions.chat.stt} />
</div>
{#if defaultPermissions?.chat?.stt && !permissions.chat.stt}
<div class="pb-1 pl-1 pr-2 pt-1">
<div class="text-xs text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded px-2 py-1">
⚠️ {$i18n.t('This permission is enabled for the default "user" role and will remain active.')}
</div>
</div>
{/if}
</div>
<div class="flex flex-col w-full">
<div class="flex w-full justify-between my-2 pr-2">
<div class=" self-center text-xs font-medium">
{$i18n.t('Allow Text to Speech')}
</div>
<Switch bind:state={permissions.chat.tts} />
</div>
{#if defaultPermissions?.chat?.tts && !permissions.chat.tts}
<div class="pb-1 pl-1 pr-2 pt-1">
<div class="text-xs text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded px-2 py-1">
⚠️ {$i18n.t('This permission is enabled for the default "user" role and will remain active.')}
</div>
</div>
{/if}
</div>
<div class="flex flex-col w-full">
<div class="flex w-full justify-between my-2 pr-2">
<div class=" self-center text-xs font-medium">
{$i18n.t('Allow Call')}
</div>
<Switch bind:state={permissions.chat.call} />
</div>
{#if defaultPermissions?.chat?.call && !permissions.chat.call}
<div class="pb-1 pl-1 pr-2 pt-1">
<div class="text-xs text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded px-2 py-1">
⚠️ {$i18n.t('This permission is enabled for the default "user" role and will remain active.')}
</div>
</div>
{/if}
</div>
<div class="flex flex-col w-full">
<div class="flex w-full justify-between my-2 pr-2">
<div class=" self-center text-xs font-medium">
{$i18n.t('Allow Multiple Models in Chat')}
</div>
<Switch bind:state={permissions.chat.multiple_models} />
</div>
{#if defaultPermissions?.chat?.multiple_models && !permissions.chat.multiple_models}
<div class="pb-1 pl-1 pr-2 pt-1">
<div class="text-xs text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded px-2 py-1">
⚠️ {$i18n.t('This permission is enabled for the default "user" role and will remain active.')}
</div>
</div>
{/if}
</div>
<div class="flex flex-col w-full">
<div class="flex w-full justify-between my-2 pr-2">
<div class=" self-center text-xs font-medium">
{$i18n.t('Allow Temporary Chat')}
</div>
<Switch bind:state={permissions.chat.temporary} />
</div>
{#if defaultPermissions?.chat?.temporary && !permissions.chat.temporary}
<div class="pb-1 pl-1 pr-2 pt-1">
<div class="text-xs text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded px-2 py-1">
⚠️ {$i18n.t('This permission is enabled for the default "user" role and will remain active.')}
</div>
</div>
{/if}
</div>
{#if permissions.chat.temporary} {#if permissions.chat.temporary}
<div class="pl-4"> <div class="flex flex-col w-full pl-4">
<PermissionSwitch <div class="flex w-full justify-between my-2 pr-2">
label={$i18n.t('Enforce Temporary Chat')} <div class=" self-center text-xs font-medium">
bind:state={permissions.chat.temporary_enforced} {$i18n.t('Enforce Temporary Chat')}
defaultState={defaultPermissions?.chat?.temporary_enforced} </div>
/> <Switch bind:state={permissions.chat.temporary_enforced} />
</div>
{#if defaultPermissions?.chat?.temporary_enforced && !permissions.chat.temporary_enforced}
<div class="pb-1 pl-1 pr-2 pt-1">
<div class="text-xs text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded px-2 py-1">
⚠️ {$i18n.t('This permission is enabled for the default "user" role and will remain active.')}
</div>
</div> </div>
{/if} {/if}
</div> </div>
{/if}
</div> </div>
<hr class=" border-gray-100 dark:border-gray-850" /> <hr class=" border-gray-100 dark:border-gray-850" />
<div> <div>
<div class=" mb-2 text-sm font-medium">{$i18n.t('Features Permissions')}</div> <div class=" mb-2 text-sm font-medium">{$i18n.t('Features Permissions')}</div>
<div class="flex flex-col space-y-2">
<PermissionSwitch <div class="flex flex-col w-full">
label={$i18n.t('Direct Tool Servers')} <div class="flex w-full justify-between my-2 pr-2">
bind:state={permissions.features.direct_tool_servers} <div class=" self-center text-xs font-medium">
defaultState={defaultPermissions?.features?.direct_tool_servers} {$i18n.t('Direct Tool Servers')}
/> </div>
<PermissionSwitch <Switch bind:state={permissions.features.direct_tool_servers} />
label={$i18n.t('Web Search')} </div>
bind:state={permissions.features.web_search} {#if defaultPermissions?.features?.direct_tool_servers && !permissions.features.direct_tool_servers}
defaultState={defaultPermissions?.features?.web_search} <div class="pb-1 pl-1 pr-2 pt-1">
/> <div class="text-xs text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded px-2 py-1">
<PermissionSwitch ⚠️ {$i18n.t('This permission is enabled for the default "user" role and will remain active.')}
label={$i18n.t('Image Generation')} </div>
bind:state={permissions.features.image_generation} </div>
defaultState={defaultPermissions?.features?.image_generation} {/if}
/> </div>
<PermissionSwitch
label={$i18n.t('Code Interpreter')} <div class="flex flex-col w-full">
bind:state={permissions.features.code_interpreter} <div class="flex w-full justify-between my-2 pr-2">
defaultState={defaultPermissions?.features?.code_interpreter} <div class=" self-center text-xs font-medium">
/> {$i18n.t('Web Search')}
<PermissionSwitch </div>
label={$i18n.t('Notes')} <Switch bind:state={permissions.features.web_search} />
bind:state={permissions.features.notes} </div>
defaultState={defaultPermissions?.features?.notes} {#if defaultPermissions?.features?.web_search && !permissions.features.web_search}
/> <div class="pb-1 pl-1 pr-2 pt-1">
<div class="text-xs text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded px-2 py-1">
⚠️ {$i18n.t('This permission is enabled for the default "user" role and will remain active.')}
</div>
</div>
{/if}
</div>
<div class="flex flex-col w-full">
<div class="flex w-full justify-between my-2 pr-2">
<div class=" self-center text-xs font-medium">
{$i18n.t('Image Generation')}
</div>
<Switch bind:state={permissions.features.image_generation} />
</div>
{#if defaultPermissions?.features?.image_generation && !permissions.features.image_generation}
<div class="pb-1 pl-1 pr-2 pt-1">
<div class="text-xs text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded px-2 py-1">
⚠️ {$i18n.t('This permission is enabled for the default "user" role and will remain active.')}
</div>
</div>
{/if}
</div>
<div class="flex flex-col w-full">
<div class="flex w-full justify-between my-2 pr-2">
<div class=" self-center text-xs font-medium">
{$i18n.t('Code Interpreter')}
</div>
<Switch bind:state={permissions.features.code_interpreter} />
</div>
{#if defaultPermissions?.features?.code_interpreter && !permissions.features.code_interpreter}
<div class="pb-1 pl-1 pr-2 pt-1">
<div class="text-xs text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded px-2 py-1">
⚠️ {$i18n.t('This permission is enabled for the default "user" role and will remain active.')}
</div>
</div>
{/if}
</div>
<div class="flex flex-col w-full">
<div class="flex w-full justify-between my-2 pr-2">
<div class=" self-center text-xs font-medium">
{$i18n.t('Notes')}
</div>
<Switch bind:state={permissions.features.notes} />
</div>
{#if defaultPermissions?.features?.notes && !permissions.features.notes}
<div class="pb-1 pl-1 pr-2 pt-1">
<div class="text-xs text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded px-2 py-1">
⚠️ {$i18n.t('This permission is enabled for the default "user" role and will remain active.')}
</div>
</div>
{/if}
</div> </div>
</div> </div>
</div> </div>