windmill-components 1.448.50 → 1.472.2

package/package/components/ScriptBuilder.svelte

@@ -1,6 +1,7 @@
-<script>import { DraftService, ScriptService, ScheduleService } from '../gen';
+<script>import { DraftService, ScriptService, ScheduleService, PostgresTriggerService } from '../gen';
 import { inferArgs } from '../infer';
 import { initialCode } from '../script_helpers';
+import { page } from '$app/stores';
 import { defaultScripts, enterpriseLicense, userStore, workspaceStore } from '../stores';
 import { cleanValueProperties, emptySchema, emptyString, encodeState, formatCron, orderedJsonStringify, replaceFalseWithUndefined } from '../utils';
 import Path from './Path.svelte';
@@ -49,6 +50,12 @@ export let disableHistoryChange = false;
 export let replaceStateFn = (url) => window.history.replaceState(null, '', url);
 export let customUi = {};
 export let savedPrimarySchedule = undefined;
+export function getInitialAndModifiedValues() {
+    return {
+        savedValue: savedScript,
+        modifiedValue: script
+    };
+}
 let deployedValue = undefined; // Value to diff against
 let deployedBy = undefined; // Author
 let confirmCallback = () => { }; // What happens when user clicks `override` in warning
@@ -109,7 +116,13 @@ export function setCode(code) {
 }
 $: langs = processLangs(script.language, $defaultScripts?.order ?? Object.keys(defaultScriptLanguages))
     .map((l) => [defaultScriptLanguages[l], l])
-    .filter((x) => $defaultScripts?.hidden == undefined || !$defaultScripts.hidden.includes(x[1]));
+    .filter((x) => $defaultScripts?.hidden == undefined || !$defaultScripts.hidden.includes(x[1]))
+    .filter((x) => {
+    if (customUi?.settingsPanel?.metadata?.languages === undefined) {
+        return true;
+    }
+    return customUi.settingsPanel.metadata.languages.includes(x[1]);
+});
 const scriptKindOptions = [
     {
         value: 'script',
@@ -161,9 +174,29 @@ $: !disableHistoryChange &&
 if (script.content == '') {
     initContent(script.language, script.kind, template);
 }
-function initContent(language, kind, template) {
+async function isTemplateScript() {
+    let getInitBlockTemplate = $page.url.searchParams.get('id');
+    if (getInitBlockTemplate === null) {
+        return undefined;
+    }
+    try {
+        getInitBlockTemplate = await PostgresTriggerService.getTemplateScript({
+            workspace: $workspaceStore,
+            id: getInitBlockTemplate
+        });
+        return getInitBlockTemplate;
+    }
+    catch (error) {
+        sendUserToast('An error occured when trying to load your template script, please try again later', true);
+    }
+}
+async function initContent(language, kind, template) {
     scriptEditor?.disableCollaboration();
-    script.content = initialCode(language, kind, template);
+    const templateScript = await isTemplateScript();
+    script.content = initialCode(language, kind, template, templateScript != undefined);
+    if (templateScript) {
+        script.content += '\r\n' + templateScript;
+    }
     scriptEditor?.inferSchema(script.content, language, true);
     if (script.content != editor?.getCode()) {
         setCode(script.content);
@@ -515,7 +548,23 @@ function onKeyDown(event) {
 }
 let path = undefined;
 let dirtyPath = false;
-let selectedTab = 'metadata';
+let selectedTab = (() => {
+    if (customUi?.settingsPanel?.disableMetadata !== true) {
+        // first option: either no custom UI or metadata is enabled
+        return 'metadata';
+    }
+    if (customUi?.settingsPanel?.disableRuntime !== true) {
+        return 'runtime';
+    }
+    if (customUi?.settingsPanel?.disableGeneratedUi !== true) {
+        return 'ui';
+    }
+    if (customUi?.settingsPanel?.disableTriggers !== true) {
+        return 'triggers';
+    }
+    return 'metadata';
+})();
+setContext('disableTooltips', customUi?.disableTooltips === true);
 let deploymentMsg = '';
 let msgInput = undefined;
 function langToLanguage(lang) {
@@ -580,23 +629,31 @@ function addPreprocessor() {
 			<!-- svelte-ignore a11y-autofocus -->
 			<div class="flex flex-col h-full">
 				<Tabs bind:selected={selectedTab} wrapperClass="flex-none w-full">
-					<Tab value="metadata">Metadata</Tab>
-					<Tab value="runtime">Runtime</Tab>
-					<Tab value="ui">
-						Generated UI
-						<Tooltip
-							documentationLink="https://www.windmill.dev/docs/core_concepts/json_schema_and_parsing"
-						>
-							The arguments are synced with the main signature but you may refine the parts that
-							cannot be inferred from the type directly.
-						</Tooltip>
-					</Tab>
-					<Tab value="triggers">
-						Triggers
-						<Tooltip documentationLink="https://www.windmill.dev/docs/getting_started/triggers">
-							Configure how this script will be triggered.
-						</Tooltip>
-					</Tab>
+					{#if customUi?.settingsPanel?.disableMetadata !== true}
+						<Tab value="metadata">Metadata</Tab>
+					{/if}
+					{#if customUi?.settingsPanel?.disableRuntime !== true}
+						<Tab value="runtime">Runtime</Tab>
+					{/if}
+					{#if customUi?.settingsPanel?.disableGeneratedUi !== true}
+						<Tab value="ui">
+							Generated UI
+							<Tooltip
+								documentationLink="https://www.windmill.dev/docs/core_concepts/json_schema_and_parsing"
+							>
+								The arguments are synced with the main signature but you may refine the parts that
+								cannot be inferred from the type directly.
+							</Tooltip>
+						</Tab>
+					{/if}
+					{#if customUi?.settingsPanel?.disableTriggers !== true}
+						<Tab value="triggers">
+							Triggers
+							<Tooltip documentationLink="https://www.windmill.dev/docs/getting_started/triggers">
+								Configure how this script will be triggered.
+							</Tooltip>
+						</Tab>
+					{/if}
 
 					<svelte:fragment slot="content">
 						<div class="min-h-0 grow overflow-y-auto">
@@ -604,14 +661,16 @@ function addPreprocessor() {
 								<div class="flex flex-col gap-8 px-4 py-2">
 									<Section label="Metadata">
 										<svelte:fragment slot="action">
-											<div class="flex flex-row items-center gap-2">
-												<ErrorHandlerToggleButton
-													kind="script"
-													scriptOrFlowPath={script.path}
-													bind:errorHandlerMuted={script.ws_error_handler_muted}
-													iconOnly={false}
-												/>
-											</div>
+											{#if customUi?.settingsPanel?.metadata?.disableMute !== true}
+												<div class="flex flex-row items-center gap-2">
+													<ErrorHandlerToggleButton
+														kind="script"
+														scriptOrFlowPath={script.path}
+														bind:errorHandlerMuted={script.ws_error_handler_muted}
+														iconOnly={false}
+													/>
+												</div>
+											{/if}
 										</svelte:fragment>
 										<div class="flex flex-col gap-4">
 											<Label label="Summary">
@@ -745,36 +804,40 @@ function addPreprocessor() {
 										</div>
 									</Section>
 
-									<Section label="Script kind">
-										<svelte:fragment slot="header">
-											<Tooltip
-												documentationLink="https://www.windmill.dev/docs/script_editor/script_kinds"
+									{#if customUi?.settingsPanel?.metadata?.disableScriptKind !== true}
+										<Section label="Script kind">
+											<svelte:fragment slot="header">
+												<Tooltip
+													documentationLink="https://www.windmill.dev/docs/script_editor/script_kinds"
+												>
+													Tag this script's purpose within flows such that it is available as the
+													corresponding action.
+												</Tooltip>
+											</svelte:fragment>
+											<ToggleButtonGroup
+												class="h-10"
+												selected={script.kind}
+												on:selected={({ detail }) => {
+													template = 'script'
+													script.kind = detail
+													initContent(script.language, detail, template)
+												}}
+												let:item
 											>
-												Tag this script's purpose within flows such that it is available as the
-												corresponding action.
-											</Tooltip>
-										</svelte:fragment>
-										<ToggleButtonGroup
-											class="h-10"
-											selected={script.kind}
-											on:selected={({ detail }) => {
-												template = 'script'
-												script.kind = detail
-												initContent(script.language, detail, template)
-											}}
-										>
-											{#each scriptKindOptions as { value, title, desc, documentationLink, Icon }}
-												<ToggleButton
-													label={title}
-													{value}
-													tooltip={desc}
-													{documentationLink}
-													icon={Icon}
-													showTooltipIcon={Boolean(desc)}
-												/>
-											{/each}
-										</ToggleButtonGroup>
-									</Section>
+												{#each scriptKindOptions as { value, title, desc, documentationLink, Icon }}
+													<ToggleButton
+														label={title}
+														{value}
+														tooltip={desc}
+														{documentationLink}
+														icon={Icon}
+														showTooltipIcon={Boolean(desc)}
+														{item}
+													/>
+												{/each}
+											</ToggleButtonGroup>
+										</Section>
+									{/if}
 								</div>
 							</TabContent>
 							<TabContent value="runtime">
@@ -1173,7 +1236,10 @@ function addPreprocessor() {
 								</div>
 							</TabContent>
 							<TabContent value="ui" class="h-full p-4">
-								<ScriptSchema bind:schema={script.schema} />
+								<ScriptSchema
+									bind:schema={script.schema}
+									customUi={customUi?.settingsPanel?.metadata?.editableSchemaForm}
+								/>
 							</TabContent>
 							<TabContent value="triggers">
 								<TriggersEditor
@@ -1248,18 +1314,20 @@ function addPreprocessor() {
 					{#if customUi?.topBar?.path != false}
 						<div class="flex justify-start w-full border rounded-md overflow-hidden">
 							<div>
-								<button
-									on:click={async () => {
-										metadataOpen = true
-									}}
-								>
-									<Badge
-										color="gray"
-										class="center-center !bg-surface-secondary !text-tertiary !h-[28px]  !w-[70px] rounded-none hover:!bg-surface-hover transition-all"
+								{#if customUi?.topBar?.editablePath}
+									<button
+										on:click={async () => {
+											metadataOpen = true
+										}}
 									>
-										<Pen size={12} class="mr-2" /> Path
-									</Badge>
-								</button>
+										<Badge
+											color="gray"
+											class="center-center !bg-surface-secondary !text-tertiary !h-[28px]  !w-[70px] rounded-none hover:!bg-surface-hover transition-all"
+										>
+											<Pen size={12} class="mr-2" /> Path
+										</Badge>
+									</button>
+								{/if}
 							</div>
 							<input
 								type="text"

package/package/components/ScriptBuilder.svelte.d.ts

@@ -3,6 +3,7 @@ import { type NewScript, type NewScriptWithDraft } from '../gen';
 import type DiffDrawer from './DiffDrawer.svelte';
 import type { ScriptBuilderWhitelabelCustomUi } from './custom_ui';
 import type { ScheduleTrigger } from './triggers';
+import type { SavedAndModifiedValue } from './common/confirmationModal/unsavedTypes';
 declare const __propDef: {
     props: {
         script: NewScript;
@@ -20,6 +21,7 @@ declare const __propDef: {
         replaceStateFn?: ((url: string) => void) | undefined;
         customUi?: ScriptBuilderWhitelabelCustomUi | undefined;
         savedPrimarySchedule?: ScheduleTrigger | undefined;
+        getInitialAndModifiedValues?: (() => SavedAndModifiedValue) | undefined;
         setPrimarySchedule?: ((schedule: ScheduleTrigger | undefined | false) => void) | undefined;
         setCode?: ((code: string) => void) | undefined;
     };
@@ -42,6 +44,7 @@ export type ScriptBuilderProps = typeof __propDef.props;
 export type ScriptBuilderEvents = typeof __propDef.events;
 export type ScriptBuilderSlots = typeof __propDef.slots;
 export default class ScriptBuilder extends SvelteComponent<ScriptBuilderProps, ScriptBuilderEvents, ScriptBuilderSlots> {
+    get getInitialAndModifiedValues(): () => SavedAndModifiedValue;
     get setPrimarySchedule(): (schedule: false | ScheduleTrigger | undefined) => void;
     get setCode(): (code: string) => void;
 }

package/package/components/ScriptEditor.svelte

@@ -26,6 +26,7 @@ import Tab from './common/tabs/Tab.svelte';
 import { slide } from 'svelte/transition';
 import CaptureTable from './triggers/CaptureTable.svelte';
 import CaptureButton from './triggers/CaptureButton.svelte';
+import { setContext } from 'svelte';
 // Exported
 export let schema = emptySchema();
 export let code;
@@ -44,7 +45,7 @@ export let edit = true;
 export let noHistory = false;
 export let saveToWorkspace = false;
 export let watchChanges = false;
-export let customUi = {};
+export let customUi = undefined;
 export let args = initialArgs;
 export let selectedTab = 'main';
 export let hasPreprocessor = false;
@@ -204,6 +205,7 @@ export async function updateArgs(newArgs) {
     }
 }
 let setFocusToLogs = () => { };
+setContext('disableTooltips', customUi?.disableTooltips === true);
 </script>
 
 <TestJobLoader
@@ -353,7 +355,7 @@ let setFocusToLogs = () => { };
 							/>
 							Cancel
 						</Button>
-					{:else}
+					{:else if customUi?.previewPanel?.disableTriggerButton !== true}
 						<div class="flex flex-row divide-x divide-gray-800 dark:divide-gray-300 items-stretch">
 							<Button
 								color="dark"
@@ -376,6 +378,28 @@ let setFocusToLogs = () => { };
 							</Button>
 							<CaptureButton on:openTriggers />
 						</div>
+					{:else}
+						<div class="flex flex-row divide-x divide-gray-800 dark:divide-gray-300 items-stretch">
+							<Button
+								color="dark"
+								on:click={() => {
+									runTest()
+								}}
+								btnClasses="w-full"
+								size="xs"
+								startIcon={{
+									icon: Play,
+									classes: 'animate-none'
+								}}
+								shortCut={{ Icon: CornerDownLeft, hide: testIsLoading }}
+							>
+								{#if testIsLoading}
+									Running
+								{:else}
+									Test
+								{/if}
+							</Button>
+						</div>
 					{/if}
 				</div>
 				<Splitpanes horizontal class="!max-h-[calc(100%-43px)]">
@@ -394,6 +418,7 @@ let setFocusToLogs = () => { };
 										{schema}
 										bind:args
 										bind:isValid
+										noVariablePicker={customUi?.previewPanel?.disableVariablePicker === true}
 										showSchemaExplorer
 									/>
 								{/key}
@@ -411,6 +436,7 @@ let setFocusToLogs = () => { };
 							{diffEditor}
 							{args}
 							showCaptures={true}
+							customUi={customUi?.previewPanel}
 						>
 							{#if scriptProgress}
 								<!-- Put to the slot in logpanel -->

package/package/components/ScriptEditor.svelte.d.ts

@@ -12,7 +12,7 @@ declare const __propDef: {
         path: string | undefined;
         lang: Preview['language'];
         kind?: string | undefined;
-        template?: "powershell" | "mysql" | "script" | "bunnative" | "docker" | "pgsql" | undefined;
+        template?: "script" | "powershell" | "mysql" | "bunnative" | "docker" | "pgsql" | undefined;
         tag: string | undefined;
         initialArgs?: Record<string, any> | undefined;
         fixedOverflowWidgets?: boolean | undefined;
@@ -63,7 +63,7 @@ export type ScriptEditorProps = typeof __propDef.props;
 export type ScriptEditorEvents = typeof __propDef.events;
 export type ScriptEditorSlots = typeof __propDef.slots;
 export default class ScriptEditor extends SvelteComponent<ScriptEditorProps, ScriptEditorEvents, ScriptEditorSlots> {
-    get inferSchema(): (code: string, nlang?: "python3" | "deno" | "go" | "bash" | "powershell" | "postgresql" | "mysql" | "bigquery" | "snowflake" | "mssql" | "oracledb" | "graphql" | "nativets" | "bun" | "php" | "rust" | "ansible" | "csharp" | undefined, resetArgs?: boolean) => Promise<void>;
+    get inferSchema(): (code: string, nlang?: import("../gen").ScriptLang | undefined, resetArgs?: boolean) => Promise<void>;
     get setCollaborationMode(): () => Promise<void>;
     get disableCollaboration(): () => void;
     get updateArgs(): (newArgs: Record<string, any>) => Promise<void>;

package/package/components/ScriptPicker.svelte

@@ -39,7 +39,10 @@ async function loadItems() {
         }));
     }
     else if (itemKind == 'script') {
-        items = (await ScriptService.listScripts({ workspace: $workspaceStore, kinds: kinds.join(',') })).map((script) => ({
+        items = (await ScriptService.listScripts({
+            workspace: $workspaceStore,
+            kinds: kinds.join(',')
+        })).map((script) => ({
             value: script.path,
             label: `${script.path}${script.summary ? ` | ${truncate(script.summary, 20)}` : ''}`
         }));
@@ -72,9 +75,9 @@ let darkMode = false;
 <div class="flex flex-row items-center gap-4 w-full mt-2">
 	{#if options.length > 1}
 		<div>
-			<ToggleButtonGroup bind:selected={itemKind}>
+			<ToggleButtonGroup bind:selected={itemKind} let:item>
 				{#each options as [label, value, icon, selectedColor]}
-					<ToggleButton {icon} {disabled} {value} {label} {selectedColor} />
+					<ToggleButton {icon} {disabled} {value} {label} {selectedColor} {item} />
 				{/each}
 			</ToggleButtonGroup>
 		</div>

package/package/components/ScriptSchema.svelte

@@ -1,8 +1,9 @@
 <script>import EditableSchemaForm from './EditableSchemaForm.svelte';
 export let schema;
+export let customUi = undefined;
 export function setSchema(newSchema) {
     schema = newSchema;
 }
 </script>
 
-<EditableSchemaForm bind:schema uiOnly editTab="inputEditor" />
+<EditableSchemaForm bind:schema uiOnly {customUi} editTab="inputEditor" />

package/package/components/ScriptSchema.svelte.d.ts

@@ -1,8 +1,10 @@
 import { SvelteComponent } from "svelte";
 import type { Schema } from '../common';
+import type { EditableSchemaFormUi } from './custom_ui';
 declare const __propDef: {
     props: {
         schema: Schema | any;
+        customUi?: EditableSchemaFormUi | undefined;
         setSchema?: ((newSchema: Schema) => void) | undefined;
     };
     events: {

package/package/components/ScriptVersionHistory.svelte

@@ -179,9 +179,15 @@ let previousHash = undefined;
 						{#if selectedVersionIndex !== undefined && versions?.slice(selectedVersionIndex + 1).length}
 							<div class="p-2 flex flex-row items-center gap-2 h-8">
 								<div class="w-min">
-									<ToggleButtonGroup bind:selected={showDiff}>
-										<ToggleButton light small value={false} label="Code" icon={Code} />
-										<ToggleButton light small value={true} label="Diff" icon={Diff} />
+									<ToggleButtonGroup
+										selected={showDiff ? 'diff' : 'code'}
+										let:item
+										on:selected={({ detail }) => {
+											showDiff = detail === 'diff'
+										}}
+									>
+										<ToggleButton light small value="code" label="Code" icon={Code} {item} />
+										<ToggleButton light small value="diff" label="Diff" icon={Diff} {item} />
 									</ToggleButtonGroup>
 								</div>
 

package/package/components/Section.svelte

@@ -1,17 +1,21 @@
 <script>import { enterpriseLicense } from '../stores';
-import { AlertTriangle, ChevronDown, ChevronRight } from 'lucide-svelte';
+import { AlertTriangle, ChevronRight } from 'lucide-svelte';
 import Tooltip from './Tooltip.svelte';
 import { twMerge } from 'tailwind-merge';
+import { slide } from 'svelte/transition';
 export let label = undefined;
 export let tooltip = undefined;
+export let documentationLink = undefined;
 export let eeOnly = false;
 export let small = false;
+export let wrapperClass = '';
 export let collapsable = false;
 export let collapsed = true;
 export let headless = false;
+export let animate = false;
 </script>
 
-<div class="w-full flex flex-col">
+<div class={twMerge('w-full flex flex-col', wrapperClass)}>
 	{#if !headless}
 		<div class="flex flex-row justify-between items-center mb-2">
 			<h2
@@ -22,11 +26,14 @@ export let headless = false;
 			>
 				{#if collapsable}
 					<button class="flex items-center gap-1" on:click={() => (collapsed = !collapsed)}>
-						{#if collapsed}
-							<ChevronRight size={16} />
-						{:else}
-							<ChevronDown size={16} />
-						{/if}
+						<ChevronRight
+							size={16}
+							class={twMerge(
+								'transition',
+								collapsed ? '' : 'rotate-90',
+								animate ? 'duration-200' : 'duration-0'
+							)}
+						/>
 						{label}
 					</button>
 				{:else}
@@ -35,7 +42,9 @@ export let headless = false;
 
 				<slot name="header" />
 				{#if tooltip}
-					<Tooltip>{tooltip}</Tooltip>
+					<Tooltip {documentationLink}>{tooltip}</Tooltip>
+				{:else if $$slots.tooltip}
+					<slot name="tooltip" />
 				{/if}
 				{#if eeOnly}
 					{#if !$enterpriseLicense}
@@ -53,7 +62,10 @@ export let headless = false;
 		</div>
 	{/if}
 	{#if !collapsable || !collapsed}
-		<div class={twMerge('grow min-h-0', $$props.class)}>
+		<div
+			class={twMerge('grow min-h-0', $$props.class)}
+			transition:slide={animate ? { duration: 200 } : { duration: 0 }}
+		>
 			<slot />
 		</div>
 	{/if}

package/package/components/Section.svelte.d.ts

@@ -4,17 +4,21 @@ declare const __propDef: {
         [x: string]: any;
         label?: string | undefined;
         tooltip?: string | undefined;
+        documentationLink?: string | undefined;
         eeOnly?: boolean | undefined;
         small?: boolean | undefined;
+        wrapperClass?: string | undefined;
         collapsable?: boolean | undefined;
         collapsed?: boolean | undefined;
         headless?: boolean | undefined;
+        animate?: boolean | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {
         header: {};
+        tooltip: {};
         action: {};
         badge: {};
         default: {};

package/package/components/ShareModal.svelte

@@ -91,9 +91,13 @@ async function addAcl(owner, write) {
 				{#if own}
 					<div class="flex flex-row flex-wrap gap-2 items-center">
 						<div>
-							<ToggleButtonGroup bind:selected={ownerKind} on:selected={() => (owner = '')}>
-								<ToggleButton value="user" size="xs" label="User" />
-								<ToggleButton value="group" size="xs" label="Group" />
+							<ToggleButtonGroup
+								bind:selected={ownerKind}
+								on:selected={() => (owner = '')}
+								let:item
+							>
+								<ToggleButton value="user" size="xs" label="User" {item} />
+								<ToggleButton value="group" size="xs" label="Group" {item} />
 							</ToggleButtonGroup>
 						</div>
 						{#key ownerKind}
@@ -131,9 +135,10 @@ async function addAcl(owner, write) {
 													}
 													loadAcls()
 												}}
+												let:item
 											>
-												<ToggleButton value="viewer" size="xs" label="Viewer" />
-												<ToggleButton value="writer" size="xs" label="Writer" />
+												<ToggleButton value="viewer" size="xs" label="Viewer" {item} />
+												<ToggleButton value="writer" size="xs" label="Writer" {item} />
 											</ToggleButtonGroup>
 										</div>
 									{:else}{write}{/if}</td

package/package/components/ShareModal.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        openDrawer?: ((newPath: string, kind_l: "script" | "flow" | "resource" | "schedule" | "app" | "variable" | "group_" | "raw_app" | "http_trigger" | "websocket_trigger" | "kafka_trigger" | "nats_trigger") => Promise<void>) | undefined;
+        openDrawer?: ((newPath: string, kind_l: "script" | "flow" | "resource" | "schedule" | "app" | "variable" | "group_" | "raw_app" | "http_trigger" | "websocket_trigger" | "kafka_trigger" | "nats_trigger" | "postgres_trigger" | "sqs_trigger") => Promise<void>) | undefined;
     };
     events: {
         change: CustomEvent<any>;
@@ -14,6 +14,6 @@ export type ShareModalProps = typeof __propDef.props;
 export type ShareModalEvents = typeof __propDef.events;
 export type ShareModalSlots = typeof __propDef.slots;
 export default class ShareModal extends SvelteComponent<ShareModalProps, ShareModalEvents, ShareModalSlots> {
-    get openDrawer(): (newPath: string, kind_l: "script" | "flow" | "resource" | "schedule" | "app" | "variable" | "group_" | "raw_app" | "http_trigger" | "websocket_trigger" | "kafka_trigger" | "nats_trigger") => Promise<void>;
+    get openDrawer(): (newPath: string, kind_l: "script" | "flow" | "resource" | "schedule" | "app" | "variable" | "group_" | "raw_app" | "http_trigger" | "websocket_trigger" | "kafka_trigger" | "nats_trigger" | "postgres_trigger" | "sqs_trigger") => Promise<void>;
 }
 export {};

package/package/components/SharedBadge.svelte

@@ -14,9 +14,9 @@ $: {
         let username = $userStore?.username ?? '';
         let pgroups = $userStore?.pgroups ?? [];
         let pusername = `u/${username}`;
-        let extraPermsKeys = Object.keys(extraPerms);
+        let extraPermsKeys = Object.keys(extraPerms ?? {});
         if (pusername in extraPermsKeys) {
-            if (extraPerms[pusername]) {
+            if (extraPerms?.[pusername]) {
                 kind = 'write';
             }
             else {
@@ -25,7 +25,7 @@ $: {
             reason = 'This item was shared to you personally';
         }
         else {
-            let writeGroup = pgroups.find((x) => extraPermsKeys.includes(x) && extraPerms[x]);
+            let writeGroup = pgroups.find((x) => extraPermsKeys.includes(x) && extraPerms?.[x]);
             if (writeGroup) {
                 kind = 'write';
                 reason = `This item was write shared to the group ${writeGroup} which you are a member of`;

package/package/components/StringTypeNarrowing.svelte

@@ -103,6 +103,8 @@ function onEnumKeyChange(oldKey, newKey) {
 				}
 				if (e.detail == 'date-time') {
 					format = 'date-time'
+				} else if (format) {
+					format = undefined
 				}
 				if (e.detail == 'none') {
 					pattern = undefined
@@ -114,9 +116,16 @@ function onEnumKeyChange(oldKey, newKey) {
 					disableVariablePicker = undefined
 				}
 			}}
+			let:item
 		>
 			{#each FIELD_SETTINGS as x}
-				<ToggleButton value={x[1]} label={x[0]} tooltip={x[2]} showTooltipIcon={Boolean(x[2])} />
+				<ToggleButton
+					value={x[1]}
+					label={x[0]}
+					tooltip={x[2]}
+					showTooltipIcon={Boolean(x[2])}
+					{item}
+				/>
 			{/each}
 		</ToggleButtonGroup>
 	{/if}