Merge pull request #17848 from Classic298/feat/group-permission-warning

Feat/chore: Add warning for conflicting group permissions / Refactored Permissions.svelte
This commit is contained in:
Tim Jaeryang Baek 2025-09-28 23:51:52 -05:00 committed by GitHub
commit d37f108ccd
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 450 additions and 316 deletions

View File

@ -23,11 +23,7 @@
import Pencil from '$lib/components/icons/Pencil.svelte'; import Pencil from '$lib/components/icons/Pencil.svelte';
import GroupItem from './Groups/GroupItem.svelte'; import GroupItem from './Groups/GroupItem.svelte';
import { createNewGroup, getGroups } from '$lib/apis/groups'; import { createNewGroup, getGroups } from '$lib/apis/groups';
import { import { getUserDefaultPermissions, getAllUsers, updateUserDefaultPermissions } from '$lib/apis/users';
getUserDefaultPermissions,
getAllUsers,
updateUserDefaultPermissions
} from '$lib/apis/users';
const i18n = getContext('i18n'); const i18n = getContext('i18n');
@ -50,54 +46,20 @@
}); });
let search = ''; let search = '';
let defaultPermissions = { let defaultPermissions = {};
workspace: {
models: false,
knowledge: false,
prompts: false,
tools: false
},
sharing: {
public_models: false,
public_knowledge: false,
public_prompts: false,
public_tools: false
},
chat: {
controls: true,
valves: true,
system_prompt: true,
params: true,
file_upload: true,
delete: true,
delete_message: true,
continue_response: true,
regenerate_response: true,
rate_response: true,
edit: true,
share: true,
export: true,
stt: true,
tts: true,
call: true,
multiple_models: true,
temporary: true,
temporary_enforced: false
},
features: {
direct_tool_servers: false,
web_search: true,
image_generation: true,
code_interpreter: true,
notes: true
}
};
let showAddGroupModal = false; let showAddGroupModal = false;
let showDefaultPermissionsModal = false; let showDefaultPermissionsModal = false;
const setGroups = async () => { const setGroups = async () => {
groups = await getGroups(localStorage.token); const allGroups = await getGroups(localStorage.token);
const userGroup = allGroups.find((g) => g.name.toLowerCase() === 'user');
if (userGroup) {
defaultPermissions = userGroup.permissions;
}
groups = allGroups.filter((g) => g.name.toLowerCase() !== 'user');
}; };
const addGroupHandler = async (group) => { const addGroupHandler = async (group) => {
@ -145,8 +107,6 @@
} }
await setGroups(); await setGroups();
defaultPermissions = await getUserDefaultPermissions(localStorage.token);
loaded = true; loaded = true;
}); });
</script> </script>
@ -231,7 +191,7 @@
{#each filteredGroups as group} {#each filteredGroups as group}
<div class="my-2"> <div class="my-2">
<GroupItem {group} {users} {setGroups} /> <GroupItem {group} {users} {setGroups} {defaultPermissions} />
</div> </div>
{/each} {/each}
</div> </div>

View File

@ -21,6 +21,7 @@
export let users = []; export let users = [];
export let group = null; export let group = null;
export let defaultPermissions = {};
export let custom = true; export let custom = true;
@ -230,7 +231,7 @@
{#if selectedTab == 'general'} {#if selectedTab == 'general'}
<Display bind:name bind:description /> <Display bind:name bind:description />
{:else if selectedTab == 'permissions'} {:else if selectedTab == 'permissions'}
<Permissions bind:permissions /> <Permissions bind:permissions {defaultPermissions} />
{:else if selectedTab == 'users'} {:else if selectedTab == 'users'}
<Users bind:userIds {users} /> <Users bind:userIds {users} />
{/if} {/if}

View File

@ -17,6 +17,7 @@
name: 'Admins', name: 'Admins',
user_ids: [1, 2, 3] user_ids: [1, 2, 3]
}; };
export let defaultPermissions = {};
export let setGroups = () => {}; export let setGroups = () => {};
@ -59,6 +60,7 @@
edit edit
{users} {users}
{group} {group}
{defaultPermissions}
onSubmit={updateHandler} onSubmit={updateHandler}
onDelete={deleteHandler} onDelete={deleteHandler}
/> />

View File

@ -6,7 +6,7 @@
import Tooltip from '$lib/components/common/Tooltip.svelte'; import Tooltip from '$lib/components/common/Tooltip.svelte';
// Default values for permissions // Default values for permissions
const defaultPermissions = { const DEFAULT_PERMISSIONS = {
workspace: { workspace: {
models: false, models: false,
knowledge: false, knowledge: false,
@ -51,10 +51,11 @@
}; };
export let permissions = {}; export let permissions = {};
export let defaultPermissions = {};
// Reactive statement to ensure all fields are present in `permissions` // Reactive statement to ensure all fields are present in `permissions`
$: { $: {
permissions = fillMissingProperties(permissions, defaultPermissions); permissions = fillMissingProperties(permissions, DEFAULT_PERMISSIONS);
} }
function fillMissingProperties(obj: any, defaults: any) { function fillMissingProperties(obj: any, defaults: any) {
@ -69,140 +70,65 @@
} }
onMount(() => { onMount(() => {
permissions = fillMissingProperties(permissions, defaultPermissions); permissions = fillMissingProperties(permissions, DEFAULT_PERMISSIONS);
}); });
</script> </script>
<div> <div class="space-y-2">
<!-- <div>
<div class=" mb-2 text-sm font-medium">{$i18n.t('Model Permissions')}</div>
<div class="mb-2">
<div class="flex justify-between items-center text-xs pr-2">
<div class=" text-xs font-medium">{$i18n.t('Model Filtering')}</div>
<Switch bind:state={permissions.model.filter} />
</div>
</div>
{#if permissions.model.filter}
<div class="mb-2">
<div class=" space-y-1.5">
<div class="flex flex-col w-full">
<div class="mb-1 flex justify-between">
<div class="text-xs text-gray-500">{$i18n.t('Model IDs')}</div>
</div>
{#if model_ids.length > 0}
<div class="flex flex-col">
{#each model_ids as modelId, modelIdx}
<div class=" flex gap-2 w-full justify-between items-center">
<div class=" text-sm flex-1 rounded-lg">
{modelId}
</div>
<div class="shrink-0">
<button
type="button"
on:click={() => {
model_ids = model_ids.filter((_, idx) => idx !== modelIdx);
}}
>
<Minus strokeWidth="2" className="size-3.5" />
</button>
</div>
</div>
{/each}
</div>
{:else}
<div class="text-gray-500 text-xs text-center py-2 px-10">
{$i18n.t('No model IDs')}
</div>
{/if}
</div>
</div>
<hr class=" border-gray-100 dark:border-gray-700/10 mt-2.5 mb-1 w-full" />
<div class="flex items-center">
<select
class="w-full py-1 text-sm rounded-lg bg-transparent {selectedModelId
? ''
: 'text-gray-500'} placeholder:text-gray-300 dark:placeholder:text-gray-700 outline-hidden"
bind:value={selectedModelId}
>
<option value="">{$i18n.t('Select a model')}</option>
{#each $models.filter((m) => m?.owned_by !== 'arena') as model}
<option value={model.id} class="bg-gray-50 dark:bg-gray-700">{model.name}</option>
{/each}
</select>
<div>
<button
type="button"
on:click={() => {
if (selectedModelId && !permissions.model.model_ids.includes(selectedModelId)) {
permissions.model.model_ids = [...permissions.model.model_ids, selectedModelId];
selectedModelId = '';
}
}}
>
<Plus className="size-3.5" strokeWidth="2" />
</button>
</div>
</div>
</div>
{/if}
<div class=" space-y-1 mb-3">
<div class="">
<div class="flex justify-between items-center text-xs">
<div class=" text-xs font-medium">{$i18n.t('Default Model')}</div>
</div>
</div>
<div class="flex-1 mr-2">
<select
class="w-full bg-transparent outline-hidden py-0.5 text-sm"
bind:value={permissions.model.default_id}
placeholder={$i18n.t('Select a model')}
>
<option value="" disabled selected>{$i18n.t('Select a model')}</option>
{#each permissions.model.filter ? $models.filter( (model) => filterModelIds.includes(model.id) ) : $models.filter((model) => model.id) as model}
<option value={model.id} class="bg-gray-100 dark:bg-gray-700">{model.name}</option>
{/each}
</select>
</div>
</div>
</div>
<hr class=" border-gray-100 dark:border-gray-850 my-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 w-full justify-between my-2 pr-2"> <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"> <div class=" self-center text-xs font-medium">
{$i18n.t('Models Access')} {$i18n.t('Models Access')}
</div> </div>
<Switch bind:state={permissions.workspace.models} /> <Switch bind:state={permissions.workspace.models} />
</div> </div>
{#if defaultPermissions?.workspace?.models && !permissions.workspace.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 w-full justify-between my-2 pr-2"> <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"> <div class=" self-center text-xs font-medium">
{$i18n.t('Knowledge Access')} {$i18n.t('Knowledge Access')}
</div> </div>
<Switch bind:state={permissions.workspace.knowledge} /> <Switch bind:state={permissions.workspace.knowledge} />
</div> </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 w-full justify-between my-2 pr-2"> <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"> <div class=" self-center text-xs font-medium">
{$i18n.t('Prompts Access')} {$i18n.t('Prompts Access')}
</div> </div>
<Switch bind:state={permissions.workspace.prompts} /> <Switch bind:state={permissions.workspace.prompts} />
</div> </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=" "> <div class="flex flex-col w-full">
<Tooltip <Tooltip
className=" flex w-full justify-between my-2 pr-2" className="flex w-full justify-between my-2 pr-2"
content={$i18n.t( 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.'
)} )}
@ -213,254 +139,499 @@
</div> </div>
<Switch bind:state={permissions.workspace.tools} /> <Switch bind:state={permissions.workspace.tools} />
</Tooltip> </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>
<hr class=" border-gray-100 dark:border-gray-850 my-2" /> <hr class=" border-gray-100 dark:border-gray-850" />
<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 w-full justify-between my-2 pr-2"> <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"> <div class=" self-center text-xs font-medium">
{$i18n.t('Models Public Sharing')} {$i18n.t('Models Public Sharing')}
</div> </div>
<Switch bind:state={permissions.sharing.public_models} /> <Switch bind:state={permissions.sharing.public_models} />
</div> </div>
{#if defaultPermissions?.sharing?.public_models && !permissions.sharing.public_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 w-full justify-between my-2 pr-2"> <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"> <div class=" self-center text-xs font-medium">
{$i18n.t('Knowledge Public Sharing')} {$i18n.t('Knowledge Public Sharing')}
</div> </div>
<Switch bind:state={permissions.sharing.public_knowledge} /> <Switch bind:state={permissions.sharing.public_knowledge} />
</div> </div>
{#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 w-full justify-between my-2 pr-2"> <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"> <div class=" self-center text-xs font-medium">
{$i18n.t('Prompts Public Sharing')} {$i18n.t('Prompts Public Sharing')}
</div> </div>
<Switch bind:state={permissions.sharing.public_prompts} /> <Switch bind:state={permissions.sharing.public_prompts} />
</div> </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 w-full justify-between my-2 pr-2"> <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"> <div class=" self-center text-xs font-medium">
{$i18n.t('Tools Public Sharing')} {$i18n.t('Tools Public Sharing')}
</div> </div>
<Switch bind:state={permissions.sharing.public_tools} /> <Switch bind:state={permissions.sharing.public_tools} />
</div> </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 w-full justify-between my-2 pr-2"> <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"> <div class=" self-center text-xs font-medium">
{$i18n.t('Notes Public Sharing')} {$i18n.t('Notes Public Sharing')}
</div> </div>
<Switch bind:state={permissions.sharing.public_notes} /> <Switch bind:state={permissions.sharing.public_notes} />
</div> </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>
<hr class=" border-gray-100 dark:border-gray-850 my-2" /> <hr class=" border-gray-100 dark:border-gray-850" />
<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 w-full justify-between my-2 pr-2"> <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"> <div class=" self-center text-xs font-medium">
{$i18n.t('Allow File Upload')} {$i18n.t('Allow File Upload')}
</div> </div>
<Switch bind:state={permissions.chat.file_upload} /> <Switch bind:state={permissions.chat.file_upload} />
</div> </div>
{#if defaultPermissions?.chat?.file_upload && !permissions.chat.file_upload}
<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 w-full justify-between my-2 pr-2"> <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"> <div class=" self-center text-xs font-medium">
{$i18n.t('Allow Chat Controls')} {$i18n.t('Allow Chat Controls')}
</div> </div>
<Switch bind:state={permissions.chat.controls} /> <Switch bind:state={permissions.chat.controls} />
</div> </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 w-full justify-between my-2 pr-2"> <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"> <div class=" self-center text-xs font-medium">
{$i18n.t('Allow Chat Valves')} {$i18n.t('Allow Chat Valves')}
</div> </div>
<Switch bind:state={permissions.chat.valves} /> <Switch bind:state={permissions.chat.valves} />
</div> </div>
{#if defaultPermissions?.chat?.valves && !permissions.chat.valves}
<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 w-full justify-between my-2 pr-2"> <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"> <div class=" self-center text-xs font-medium">
{$i18n.t('Allow Chat System Prompt')} {$i18n.t('Allow Chat System Prompt')}
</div> </div>
<Switch bind:state={permissions.chat.system_prompt} /> <Switch bind:state={permissions.chat.system_prompt} />
</div> </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 w-full justify-between my-2 pr-2"> <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"> <div class=" self-center text-xs font-medium">
{$i18n.t('Allow Chat Params')} {$i18n.t('Allow Chat Params')}
</div> </div>
<Switch bind:state={permissions.chat.params} /> <Switch bind:state={permissions.chat.params} />
</div> </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>
{/if} {/if}
<div class=" flex w-full justify-between my-2 pr-2"> <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"> <div class=" self-center text-xs font-medium">
{$i18n.t('Allow Chat Edit')} {$i18n.t('Allow Chat Edit')}
</div> </div>
<Switch bind:state={permissions.chat.edit} /> <Switch bind:state={permissions.chat.edit} />
</div> </div>
{#if defaultPermissions?.chat?.edit && !permissions.chat.edit}
<div class=" flex w-full justify-between my-2 pr-2"> <div class="pb-1 pl-1 pr-2 pt-1">
<div class=" self-center text-xs font-medium"> <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('Allow Chat Delete')} ⚠️ {$i18n.t('This permission is enabled for the default "user" role and will remain active.')}
</div> </div>
<Switch bind:state={permissions.chat.delete} />
</div>
<div class=" flex w-full justify-between my-2 pr-2">
<div class=" self-center text-xs font-medium">
{$i18n.t('Allow Delete Messages')}
</div>
<Switch bind:state={permissions.chat.delete_message} />
</div>
<div class=" flex w-full justify-between my-2 pr-2">
<div class=" self-center text-xs font-medium">
{$i18n.t('Allow Continue Response')}
</div>
<Switch bind:state={permissions.chat.continue_response} />
</div>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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 permissions.chat.temporary}
<div class=" flex w-full justify-between my-2 pr-2">
<div class=" self-center text-xs font-medium">
{$i18n.t('Enforce Temporary Chat')}
</div>
<Switch bind:state={permissions.chat.temporary_enforced} />
</div> </div>
{/if} {/if}
</div> </div>
<hr class=" border-gray-100 dark:border-gray-850 my-2" /> <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 Delete')}
</div>
<Switch bind:state={permissions.chat.delete} />
</div>
{#if defaultPermissions?.chat?.delete && !permissions.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">
⚠️ {$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 Delete Messages')}
</div>
<Switch bind:state={permissions.chat.delete_message} />
</div>
{#if defaultPermissions?.chat?.delete_message && !permissions.chat.delete_message}
<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 Continue Response')}
</div>
<Switch bind:state={permissions.chat.continue_response} />
</div>
{#if defaultPermissions?.chat?.continue_response && !permissions.chat.continue_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 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}
<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('Enforce Temporary Chat')}
</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>
{/if}
</div>
{/if}
</div>
<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 w-full justify-between my-2 pr-2"> <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"> <div class=" self-center text-xs font-medium">
{$i18n.t('Direct Tool Servers')} {$i18n.t('Direct Tool Servers')}
</div> </div>
<Switch bind:state={permissions.features.direct_tool_servers} /> <Switch bind:state={permissions.features.direct_tool_servers} />
</div> </div>
{#if defaultPermissions?.features?.direct_tool_servers && !permissions.features.direct_tool_servers}
<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 w-full justify-between my-2 pr-2"> <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"> <div class=" self-center text-xs font-medium">
{$i18n.t('Web Search')} {$i18n.t('Web Search')}
</div> </div>
<Switch bind:state={permissions.features.web_search} /> <Switch bind:state={permissions.features.web_search} />
</div> </div>
{#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 w-full justify-between my-2 pr-2"> <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"> <div class=" self-center text-xs font-medium">
{$i18n.t('Image Generation')} {$i18n.t('Image Generation')}
</div> </div>
<Switch bind:state={permissions.features.image_generation} /> <Switch bind:state={permissions.features.image_generation} />
</div> </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 w-full justify-between my-2 pr-2"> <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"> <div class=" self-center text-xs font-medium">
{$i18n.t('Code Interpreter')} {$i18n.t('Code Interpreter')}
</div> </div>
<Switch bind:state={permissions.features.code_interpreter} /> <Switch bind:state={permissions.features.code_interpreter} />
</div> </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 w-full justify-between my-2 pr-2"> <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"> <div class=" self-center text-xs font-medium">
{$i18n.t('Notes')} {$i18n.t('Notes')}
</div> </div>
<Switch bind:state={permissions.features.notes} /> <Switch bind:state={permissions.features.notes} />
</div> </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>