{#if !can_write} You only have read access to this resource and cannot edit it {/if}

edit && loadVariable(initialPath)} bind:checked={variable.is_secret} disabled={edit && $userStore?.operator} options={{ right: 'Secret' }} /> {#if variable.is_secret} Every secret is encrypted at rest and in transit with a key specific to this workspace. In addition, any read of a secret variable generates an audit log whose operation name is: variables.decrypt_secret {/if}

({variable.value.length}/{MAX_VARIABLE_LENGTH} characters)

{#if edit && variable.is_secret}{#if $userStore?.operator}

Operators cannot load secret value

{:else} {/if}{/if}

{#if editorKind == 'plain'}

{:else if editorKind == 'json'}
							<div class="border rounded mb-4 w-full">
								<SimpleEditor
									bind:this={editor}
									autoHeight
									lang="json"
									bind:code={variable.value}
									fixedOverflowWidgets={false}
								/>
							</div>
						{:else if editorKind == 'yaml'}
							<div class="border rounded mb-4 w-full">
								<SimpleEditor
									bind:this={editor}
									autoHeight
									lang="yaml"
									bind:code={variable.value}
									fixedOverflowWidgets={false}
								/>
							</div>
						{/if}
					</div>
				</div>
			</Section>
			<Section label="Description">
				<textarea
					rows="4"
					use:autosize
					bind:value={variable.description}
					placeholder="Used for X"
				/>
			</Section>
		</div>
		<svelte:fragment slot="actions">
			<Button
				on:click={() => (edit ? updateVariable() : createVariable())}
				disabled={!can_write || !valid || pathError != ''}
				startIcon={{ icon: Save }}
				color="dark"
				size="sm"
			>
				{edit ? 'Update' : 'Save'}
			</Button>
		</svelte:fragment>
	</DrawerContent>
</Drawer>