{#if !can_write}

You only have read access to this resource and cannot edit it

{/if} Path

{#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 ({variable.value.length}/{MAX_VARIABLE_LENGTH} characters) {#if edit && variable.is_secret}{/if}

{#if editorKind == 'plain'}

{:else if editorKind == 'json'}
						<div class="border rounded mb-4 w-full border-gray-700">
							<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 border-gray-700">
							<SimpleEditor
								bind:this={editor}
								autoHeight
								lang="yaml"
								bind:code={variable.value}
								fixedOverflowWidgets={false}
							/>
						</div>
					{/if}

<ToggleButtonGroup col bind:selected={editorKind}>
						<ToggleButton light position="center" value="plain" size="xs">Plain</ToggleButton>
						<ToggleButton light position="center" value="json" size="xs">Json</ToggleButton>
						<ToggleButton light position="center" value="yaml" size="xs">YAML</ToggleButton>
					</ToggleButtonGroup>
				</div>
			</div>

<div>
				<div class="mb-1 font-semibold text-gray-700">
					Description
					<Required required={false} />
				</div>
				<textarea
					rows="4"
					type="text"
					use:autosize
					bind:value={variable.description}
					placeholder="Used for X"
				/>
			</div>
		</div>
		<svelte:fragment slot="actions">
			<Button
				on:click={() => (edit ? updateVariable() : createVariable())}
				disabled={!can_write || !valid || pathError != ''}
				startIcon={{ icon: faSave }}
			>
				{edit ? 'Update' : 'Save'}
			</Button>
		</svelte:fragment>
	</DrawerContent>
</Drawer>