windmill-components 1.383.8 → 1.389.1

package/package/components/flows/content/ScriptEditorDrawer.svelte

@@ -147,6 +147,9 @@ async function checkForUnsavedChanges() {
 		{#if script}
 			{#key script.hash}
 				<ScriptEditor
+					on:saveDraft={() => {
+						saveScript()
+					}}
 					noSyncFromGithub
 					lang={script.language}
 					path={script.path}

package/package/components/flows/header/FlowYamlEditor.svelte

@@ -0,0 +1,55 @@
+<script>import Drawer from '../../common/drawer/Drawer.svelte';
+import DrawerContent from '../../common/drawer/DrawerContent.svelte';
+import { getContext } from 'svelte';
+import { filteredContentForExport } from '../utils';
+import YAML from 'yaml';
+import SimpleEditor from '../../SimpleEditor.svelte';
+import { Button } from '../../common';
+import { sendUserToast } from '../../../toast';
+const { flowStore } = getContext('FlowEditorContext');
+export let drawer;
+let code = '';
+function reload() {
+    code = YAML.stringify(filteredContentForExport($flowStore));
+}
+function apply() {
+    try {
+        const parsed = YAML.parse(code);
+        if (parsed.summary && typeof parsed.summary === 'string') {
+            $flowStore.summary = parsed.summary;
+        }
+        if (parsed.description && typeof parsed.description === 'string') {
+            $flowStore.description = parsed.description;
+        }
+        if (parsed['ws_error_handler_muted'] !== undefined) {
+            $flowStore.ws_error_handler_muted = parsed['ws_error_handler_muted'];
+        }
+        if (parsed['dedicated_worker'] !== undefined) {
+            $flowStore.dedicated_worker = parsed['dedicated_worker'];
+        }
+        if (parsed['visible_to_runner_only'] !== undefined) {
+            $flowStore.visible_to_runner_only = parsed['visible_to_runner_only'];
+        }
+        $flowStore.value = parsed.value;
+        $flowStore.schema = parsed.schema;
+        $flowStore.tag = parsed.tag;
+        $flowStore = $flowStore;
+    }
+    catch (e) {
+        sendUserToast('Error parsing yaml: ' + e), true;
+    }
+}
+</script>
+
+<Drawer on:open={reload} bind:this={drawer} size="800px">
+	<DrawerContent title="OpenFlow" on:close={() => drawer?.toggleDrawer()}>
+		<svelte:fragment slot="actions">
+			<Button color="dark" size="sm" on:click={reload}>Reset code</Button>
+			<Button color="dark" size="sm" on:click={apply}>Apply changes</Button>
+		</svelte:fragment>
+
+		{#if $flowStore}
+			<SimpleEditor autoHeight bind:code lang="yaml" />
+		{/if}
+	</DrawerContent>
+</Drawer>

package/package/components/flows/header/FlowYamlEditor.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import Drawer from '../../common/drawer/Drawer.svelte';
+declare const __propDef: {
+    props: {
+        drawer: Drawer | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type FlowYamlEditorProps = typeof __propDef.props;
+export type FlowYamlEditorEvents = typeof __propDef.events;
+export type FlowYamlEditorSlots = typeof __propDef.slots;
+export default class FlowYamlEditor extends SvelteComponent<FlowYamlEditorProps, FlowYamlEditorEvents, FlowYamlEditorSlots> {
+}
+export {};

package/package/components/flows/map/InsertTriggerButton.svelte

@@ -28,7 +28,7 @@ $: !open && (funcDesc = '');
 		<Zap size={14} />
 	</button>
 	{#if !disableAi}
-		<StepGen {index} bind:funcDesc bind:open {close} {modules} trigger />
+		<StepGen {index} bind:funcDesc bind:open {close} {modules} trigger on:insert />
 	{/if}
 	{#if funcDesc.length === 0}
 		<div class="font-mono divide-y text-xs w-full text-secondary whitespace-nowrap">

package/package/components/flows/map/InsertTriggerButton.svelte.d.ts

@@ -9,6 +9,7 @@ declare const __propDef: {
         disableAi?: boolean | undefined;
     };
     events: {
+        insert: CustomEvent<any>;
         new: CustomEvent<any>;
     } & {
         [evt: string]: CustomEvent<any>;

package/package/components/flows/map/VirtualItem.svelte

@@ -33,7 +33,7 @@ const { currentStepStore: copilotCurrentStepStore } = getContext('FlowCopilotCon
 			}
 		}
 	}}
-	id={`flow-editor-virtual-${label}`}
+	id={`flow-editor-virtual-${encodeURIComponent(label)}`}
 >
 	<div
 		style={borderColor ? `border-color: ${borderColor};` : ''}

package/package/components/flows/pickers/PickHubScript.svelte

@@ -62,6 +62,7 @@ async function applyFilter(filter, filterKind, appFilter) {
             path: `hub/${x.version_id}/${x.app}/${x.summary.toLowerCase().replaceAll(/\s+/g, '_')}`,
             summary: `${x.summary} (${x.app})`
         }));
+        hubNotAvailable = false;
     }
     catch (err) {
         hubNotAvailable = true;

package/package/components/flows/types.d.ts

@@ -12,6 +12,12 @@ export type FlowInput = Record<string, {
         type: 'error' | 'warning';
     }>;
 }>;
+export type ExtendedOpenFlow = OpenFlow & {
+    tag?: string;
+    ws_error_handler_muted?: boolean;
+    dedicated_worker?: boolean;
+    visible_to_runner_only?: boolean;
+};
 export type FlowEditorContext = {
     selectedId: Writable<string>;
     moving: Writable<{
@@ -23,12 +29,7 @@ export type FlowEditorContext = {
     scriptEditorDrawer: Writable<ScriptEditorDrawer | undefined>;
     history: History<OpenFlow>;
     pathStore: Writable<string>;
-    flowStore: Writable<OpenFlow & {
-        tag?: string;
-        ws_error_handler_muted?: boolean;
-        dedicated_worker?: boolean;
-        visible_to_runner_only?: boolean;
-    }>;
+    flowStore: Writable<ExtendedOpenFlow>;
     flowStateStore: Writable<FlowState>;
     testStepStore: Writable<Record<string, any>>;
     saveDraft: () => void;

package/package/components/flows/utils.d.ts

@@ -2,7 +2,16 @@ import { type FlowModule, type InputTransform, type Job, type RestartedFrom, typ
 import type { FlowModuleState } from './flowState';
 import type { PickableProperties } from './previousResults';
 import type { Schema } from '../../common';
+import type { ExtendedOpenFlow } from './types';
 export declare function evalValue(k: string, mod: FlowModule, testStepStore: Record<string, any>, pickableProperties: PickableProperties | undefined, showError: boolean): any;
+export declare function filteredContentForExport(flow: ExtendedOpenFlow): {
+    summary: string;
+    description: string | undefined;
+    value: import("../../gen").FlowValue;
+    schema: {
+        [key: string]: unknown;
+    } | undefined;
+};
 export declare function cleanInputs(flow: OpenFlow | any): OpenFlow & {
     tag?: string;
     ws_error_handler_muted?: boolean;

package/package/components/flows/utils.js

@@ -49,6 +49,27 @@ export function evalValue(k, mod, testStepStore, pickableProperties, showError)
     }
     return v;
 }
+export function filteredContentForExport(flow) {
+    let o = {
+        summary: flow.summary,
+        description: flow.description,
+        value: flow.value,
+        schema: flow.schema
+    };
+    if (flow.dedicated_worker) {
+        o['dedicated_worker'] = flow.dedicated_worker;
+    }
+    if (flow.visible_to_runner_only) {
+        o['visible_to_runner_only'] = flow.visible_to_runner_only;
+    }
+    if (flow.ws_error_handler_muted) {
+        o['ws_error_handler_muted'] = flow.ws_error_handler_muted;
+    }
+    if (flow.tag) {
+        o['tag'] = flow.tag;
+    }
+    return o;
+}
 export function cleanInputs(flow) {
     const newFlow = JSON.parse(JSON.stringify(flow));
     newFlow.value.modules.forEach((mod) => {

package/package/components/graph/graphBuilder.js

@@ -243,6 +243,7 @@ export default function graphBuilder(modules, extra, failureModule, eventHandler
                             branchIndex: -1,
                             modules: module.value.default,
                             eventHandlers: eventHandlers,
+                            branchOne: true,
                             ...extra
                         },
                         position: { x: -1, y: -1 },

package/package/components/graph/model.d.ts

@@ -37,6 +37,7 @@ export type FlowStatusViewerContext = {
     hideDownloadInGraph?: boolean;
     hideTimeline?: boolean;
     hideNodeDefinition?: boolean;
+    hideJobId?: boolean;
 };
 export type GraphModuleState = {
     type: FlowStatusModule['type'];

package/package/components/graph/renderers/edges/BaseEdge.svelte

@@ -44,6 +44,14 @@ let menuOpen = false;
 				on:new={(e) => {
 					data?.eventHandlers.insert({ modules: data.modules, index: data.index, detail: e.detail })
 				}}
+				on:insert={(e) => {
+					data?.eventHandlers.insert({
+						modules: data.modules,
+						index: data.index,
+						script: e.detail,
+						detail: 'script'
+					})
+				}}
 				bind:open={menuOpen}
 			/>
 		</div>
@@ -61,6 +69,14 @@ let menuOpen = false;
 							detail: e.detail
 						})
 					}}
+					on:insert={(e) => {
+						data?.eventHandlers.insert({
+							modules: data.modules,
+							index: data.index,
+							script: e.detail,
+							detail: 'script'
+						})
+					}}
 					index={data?.index ?? 0}
 					modules={data?.modules ?? []}
 				/>

package/package/components/graph/renderers/nodes/BranchOneStart.svelte

@@ -4,7 +4,7 @@ import { X } from 'lucide-svelte';
 import { getStateColor } from '../../util';
 import { computeBorderStatus } from '../utils';
 export let data;
-$: borderStatus = computeBorderStatus(data.branchIndex, 'branchone', data.flowModuleStates?.[data.id]);
+$: borderStatus = computeBorderStatus(data.branchIndex + 1, 'branchone', data.flowModuleStates?.[data.id]);
 </script>
 
 <NodeWrapper let:darkMode offset={data.offset}>

package/package/components/graph/renderers/nodes/NoBranchNode.svelte

@@ -1,7 +1,11 @@
 <script>import VirtualItem from '../../../flows/map/VirtualItem.svelte';
 import NodeWrapper from './NodeWrapper.svelte';
 import { getStateColor } from '../../util';
+import { computeBorderStatus } from '../utils';
 export let data;
+$: borderStatus = data.branchOne
+    ? computeBorderStatus(0, 'branchone', data.flowModuleStates?.[data.id])
+    : undefined;
 </script>
 
 <NodeWrapper offset={data.offset} let:darkMode enableSourceHandle enableTargetHandle>
@@ -12,7 +16,7 @@ export let data;
 		selectable={true}
 		selected={false}
 		bgColor={getStateColor(undefined, darkMode)}
-		borderColor={getStateColor(data?.flowModuleStates?.[data?.id]?.type, darkMode)}
+		borderColor={getStateColor(borderStatus, darkMode)}
 		on:select={(e) => {
 			data?.eventHandlers?.select(e.detail)
 		}}

package/package/components/graph/renderers/nodes/NoBranchNode.svelte.d.ts

@@ -12,6 +12,7 @@ declare const __propDef: {
             flowModuleStates: Record<string, GraphModuleState> | undefined;
             offset: number;
             label: string | undefined;
+            branchOne: boolean;
         };
     };
     events: {

package/package/components/home/Item.svelte

@@ -9,9 +9,6 @@ import MoveDrawer from '../MoveDrawer.svelte';
 import ShareModal from '../ShareModal.svelte';
 import { createEventDispatcher } from 'svelte';
 import { ArrowBigUp } from 'lucide-svelte';
-import { enterpriseLicense, workspaceStore } from '../../stores';
-import { WorkspaceService } from '../../gen';
-import { ALL_DEPLOYABLE } from '../../utils_deployable';
 export let item;
 export let depth = 0;
 const dispatch = createEventDispatcher();
@@ -21,16 +18,6 @@ let moveDrawer;
 let deploymentDrawer;
 let menuOpen = false;
 export let showCode;
-let deployUiSettings = undefined;
-async function getDeployUiSettings() {
-    if (!$enterpriseLicense) {
-        deployUiSettings = ALL_DEPLOYABLE;
-        return;
-    }
-    let settings = await WorkspaceService.getSettings({ workspace: $workspaceStore });
-    deployUiSettings = settings.deploy_ui ?? ALL_DEPLOYABLE;
-}
-getDeployUiSettings();
 </script>
 
 {#if item.type == 'script'}
@@ -50,7 +37,6 @@ getDeployUiSettings();
 		{depth}
 		bind:menuOpen
 		{showCode}
-		{deployUiSettings}
 	/>
 {:else if item.type == 'flow'}
 	<FlowRow
@@ -68,7 +54,6 @@ getDeployUiSettings();
 		{deploymentDrawer}
 		{depth}
 		bind:menuOpen
-		{deployUiSettings}
 	/>
 {:else if item.type == 'app'}
 	<AppRow
@@ -82,7 +67,6 @@ getDeployUiSettings();
 		{deploymentDrawer}
 		{depth}
 		bind:menuOpen
-		{deployUiSettings}
 	/>
 {:else if item.type == 'raw_app'}
 	<RawAppRow
@@ -96,7 +80,6 @@ getDeployUiSettings();
 		{deploymentDrawer}
 		{depth}
 		bind:menuOpen
-		{deployUiSettings}
 	/>
 {/if}
 

package/package/components/home/deploy_ui.d.ts

@@ -0,0 +1,2 @@
+import { type WorkspaceDeployUISettings } from '../../gen';
+export declare function getDeployUiSettings(): Promise<WorkspaceDeployUISettings>;

package/package/components/home/deploy_ui.js

@@ -0,0 +1,21 @@
+import { enterpriseLicense, workspaceStore } from '../../stores';
+import { WorkspaceService } from '../../gen';
+import { ALL_DEPLOYABLE } from '../../utils_deployable';
+import { get, writable } from 'svelte/store';
+const deployUiStore = writable({});
+export async function getDeployUiSettings() {
+    let deployUiSettings = get(deployUiStore);
+    let workspace = get(workspaceStore);
+    if (!deployUiSettings[workspace]) {
+        deployUiSettings[workspace] = await getDeployUiSettingsInner();
+        deployUiStore.set(deployUiSettings);
+    }
+    return deployUiSettings[workspace];
+}
+async function getDeployUiSettingsInner() {
+    if (!get(enterpriseLicense)) {
+        return ALL_DEPLOYABLE;
+    }
+    let settings = await WorkspaceService.getSettings({ workspace: get(workspaceStore) });
+    return settings.deploy_ui ?? ALL_DEPLOYABLE;
+}

package/package/components/icons/RustIcon.svelte

@@ -0,0 +1,70 @@
+<script>
+	export let height = '24px'
+	export let width = '24px'
+</script>
+
+<svg
+	{height}
+	{width}
+	id="svg3430"
+	version="1.1"
+	viewBox="0 0 106 106"
+	xmlns="http://www.w3.org/2000/svg"
+>
+
+<g id="logo" transform="translate(53, 53)">
+  <path id="r" transform="translate(0.5, 0.5)" stroke="black" stroke-width="1" stroke-linejoin="round" d="     M -9,-15 H 4 C 12,-15 12,-7 4,-7 H -9 Z     M -40,22 H 0 V 11 H -9 V 3 H 1 C 12,3 6,22 15,22 H 40     V 3 H 34 V 5 C 34,13 25,12 24,7 C 23,2 19,-2 18,-2 C 33,-10 24,-26 12,-26 H -35     V -15 H -25 V 11 H -40 Z"/>
+  <g id="gear" mask="url(#holes)">
+    <circle r="43" fill="none" stroke="black" stroke-width="9"/>
+    <g id="cogs">
+      <polygon id="cog" stroke="black" stroke-width="3" stroke-linejoin="round" points="46,3 51,0 46,-3"/>
+      <use xlink:href="#cog" transform="rotate(11.25)"/>
+      <use xlink:href="#cog" transform="rotate(22.50)"/>
+      <use xlink:href="#cog" transform="rotate(33.75)"/>
+      <use xlink:href="#cog" transform="rotate(45.00)"/>
+      <use xlink:href="#cog" transform="rotate(56.25)"/>
+      <use xlink:href="#cog" transform="rotate(67.50)"/>
+      <use xlink:href="#cog" transform="rotate(78.75)"/>
+      <use xlink:href="#cog" transform="rotate(90.00)"/>
+      <use xlink:href="#cog" transform="rotate(101.25)"/>
+      <use xlink:href="#cog" transform="rotate(112.50)"/>
+      <use xlink:href="#cog" transform="rotate(123.75)"/>
+      <use xlink:href="#cog" transform="rotate(135.00)"/>
+      <use xlink:href="#cog" transform="rotate(146.25)"/>
+      <use xlink:href="#cog" transform="rotate(157.50)"/>
+      <use xlink:href="#cog" transform="rotate(168.75)"/>
+      <use xlink:href="#cog" transform="rotate(180.00)"/>
+      <use xlink:href="#cog" transform="rotate(191.25)"/>
+      <use xlink:href="#cog" transform="rotate(202.50)"/>
+      <use xlink:href="#cog" transform="rotate(213.75)"/>
+      <use xlink:href="#cog" transform="rotate(225.00)"/>
+      <use xlink:href="#cog" transform="rotate(236.25)"/>
+      <use xlink:href="#cog" transform="rotate(247.50)"/>
+      <use xlink:href="#cog" transform="rotate(258.75)"/>
+      <use xlink:href="#cog" transform="rotate(270.00)"/>
+      <use xlink:href="#cog" transform="rotate(281.25)"/>
+      <use xlink:href="#cog" transform="rotate(292.50)"/>
+      <use xlink:href="#cog" transform="rotate(303.75)"/>
+      <use xlink:href="#cog" transform="rotate(315.00)"/>
+      <use xlink:href="#cog" transform="rotate(326.25)"/>
+      <use xlink:href="#cog" transform="rotate(337.50)"/>
+      <use xlink:href="#cog" transform="rotate(348.75)"/>
+    </g>
+    <g id="mounts">
+      <polygon id="mount" stroke="black" stroke-width="6" stroke-linejoin="round" points="-7,-42 0,-35 7,-42"/>
+      <use xlink:href="#mount" transform="rotate(72)"/>
+      <use xlink:href="#mount" transform="rotate(144)"/>
+      <use xlink:href="#mount" transform="rotate(216)"/>
+      <use xlink:href="#mount" transform="rotate(288)"/>
+    </g>
+  </g>
+  <mask id="holes">
+    <rect x="-60" y="-60" width="120" height="120" fill="white"/>
+    <circle id="hole" cy="-40" r="3"/>
+    <use xlink:href="#hole" transform="rotate(72)"/>
+    <use xlink:href="#hole" transform="rotate(144)"/>
+    <use xlink:href="#hole" transform="rotate(216)"/>
+    <use xlink:href="#hole" transform="rotate(288)"/>
+  </mask>
+</g>
+</svg>

package/package/components/icons/RustIcon.svelte.d.ts

@@ -0,0 +1,25 @@
+/** @typedef {typeof __propDef.props}  RustIconProps */
+/** @typedef {typeof __propDef.events}  RustIconEvents */
+/** @typedef {typeof __propDef.slots}  RustIconSlots */
+export default class RustIcon extends SvelteComponent<{
+    height?: string | undefined;
+    width?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type RustIconProps = typeof __propDef.props;
+export type RustIconEvents = typeof __propDef.events;
+export type RustIconSlots = typeof __propDef.slots;
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        height?: string | undefined;
+        width?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/package/components/icons/rust-logo.svg

@@ -0,0 +1 @@
+<svg height="144" width="144" xmlns="http://www.w3.org/2000/svg"><path d="m71.05 23.68c-26.06 0-47.27 21.22-47.27 47.27s21.22 47.27 47.27 47.27 47.27-21.22 47.27-47.27-21.22-47.27-47.27-47.27zm-.07 4.2a3.1 3.11 0 0 1 3.02 3.11 3.11 3.11 0 0 1 -6.22 0 3.11 3.11 0 0 1 3.2-3.11zm7.12 5.12a38.27 38.27 0 0 1 26.2 18.66l-3.67 8.28c-.63 1.43.02 3.11 1.44 3.75l7.06 3.13a38.27 38.27 0 0 1 .08 6.64h-3.93c-.39 0-.55.26-.55.64v1.8c0 4.24-2.39 5.17-4.49 5.4-2 .23-4.21-.84-4.49-2.06-1.18-6.63-3.14-8.04-6.24-10.49 3.85-2.44 7.85-6.05 7.85-10.87 0-5.21-3.57-8.49-6-10.1-3.42-2.25-7.2-2.7-8.22-2.7h-40.6a38.27 38.27 0 0 1 21.41-12.08l4.79 5.02c1.08 1.13 2.87 1.18 4 .09zm-44.2 23.02a3.11 3.11 0 0 1 3.02 3.11 3.11 3.11 0 0 1 -6.22 0 3.11 3.11 0 0 1 3.2-3.11zm74.15.14a3.11 3.11 0 0 1 3.02 3.11 3.11 3.11 0 0 1 -6.22 0 3.11 3.11 0 0 1 3.2-3.11zm-68.29.5h5.42v24.44h-10.94a38.27 38.27 0 0 1 -1.24-14.61l6.7-2.98c1.43-.64 2.08-2.31 1.44-3.74zm22.62.26h12.91c.67 0 4.71.77 4.71 3.8 0 2.51-3.1 3.41-5.65 3.41h-11.98zm0 17.56h9.89c.9 0 4.83.26 6.08 5.28.39 1.54 1.26 6.56 1.85 8.17.59 1.8 2.98 5.4 5.53 5.4h16.14a38.27 38.27 0 0 1 -3.54 4.1l-6.57-1.41c-1.53-.33-3.04.65-3.37 2.18l-1.56 7.28a38.27 38.27 0 0 1 -31.91-.15l-1.56-7.28c-.33-1.53-1.83-2.51-3.36-2.18l-6.43 1.38a38.27 38.27 0 0 1 -3.32-3.92h31.27c.35 0 .59-.06.59-.39v-11.06c0-.32-.24-.39-.59-.39h-9.15zm-14.43 25.33a3.11 3.11 0 0 1 3.02 3.11 3.11 3.11 0 0 1 -6.22 0 3.11 3.11 0 0 1 3.2-3.11zm46.05.14a3.11 3.11 0 0 1 3.02 3.11 3.11 3.11 0 0 1 -6.22 0 3.11 3.11 0 0 1 3.2-3.11z"/><path d="m115.68 70.95a44.63 44.63 0 0 1 -44.63 44.63 44.63 44.63 0 0 1 -44.63-44.63 44.63 44.63 0 0 1 44.63-44.63 44.63 44.63 0 0 1 44.63 44.63zm-.84-4.31 6.96 4.31-6.96 4.31 5.98 5.59-7.66 2.87 4.78 6.65-8.09 1.32 3.4 7.46-8.19-.29 1.88 7.98-7.98-1.88.29 8.19-7.46-3.4-1.32 8.09-6.65-4.78-2.87 7.66-5.59-5.98-4.31 6.96-4.31-6.96-5.59 5.98-2.87-7.66-6.65 4.78-1.32-8.09-7.46 3.4.29-8.19-7.98 1.88 1.88-7.98-8.19.29 3.4-7.46-8.09-1.32 4.78-6.65-7.66-2.87 5.98-5.59-6.96-4.31 6.96-4.31-5.98-5.59 7.66-2.87-4.78-6.65 8.09-1.32-3.4-7.46 8.19.29-1.88-7.98 7.98 1.88-.29-8.19 7.46 3.4 1.32-8.09 6.65 4.78 2.87-7.66 5.59 5.98 4.31-6.96 4.31 6.96 5.59-5.98 2.87 7.66 6.65-4.78 1.32 8.09 7.46-3.4-.29 8.19 7.98-1.88-1.88 7.98 8.19-.29-3.4 7.46 8.09 1.32-4.78 6.65 7.66 2.87z" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/></svg>

package/package/components/instanceSettings.js

@@ -91,8 +91,8 @@ export const settings = {
             ee_only: ''
         },
         {
-            label: 'Critical Error Channels',
-            description: 'Channels to send critical errors to. SMTP must be configured for the email channel.',
+            label: 'Critical Alert Channels',
+            description: 'Channels to send critical alerts to. SMTP must be configured for the email channel.',
             key: 'critical_error_channels',
             fieldType: 'critical_error_channels',
             storage: 'setting',

package/package/components/monaco_keybindings.d.ts

@@ -0,0 +1,3 @@
+import type { IDisposable } from 'monaco-editor';
+import * as monaco from 'monaco-editor';
+export declare function initVim(editor: monaco.editor.ICodeEditor, statusBarElement: Element, save: () => void): IDisposable;

package/package/components/monaco_keybindings.js

@@ -0,0 +1,9 @@
+import * as monaco from 'monaco-editor';
+// @ts-ignore
+import * as MonacoVim from 'monaco-vim';
+export function initVim(editor, statusBarElement, save) {
+    MonacoVim.VimMode.Vim.defineEx('write', 'w', function () {
+        save();
+    });
+    return MonacoVim.initVimMode(editor, statusBarElement);
+}

package/package/components/preview/FlowPreviewStatus.svelte

@@ -1,20 +1,24 @@
 <script>import { base } from '../../base';
 import JobStatus from '../JobStatus.svelte';
+import { ExternalLinkIcon } from 'lucide-svelte';
+import { getContext } from 'svelte';
 export let job;
+let { hideJobId } = getContext('FlowStatusViewer');
 </script>
 
 <div class="grid grid-cols-2 gap-4 mb-1 text-tertiary dark:text-gray-400">
 	<JobStatus {job} />
-	{#if job}
+	{#if job && !hideJobId}
 		<div>
 			<div class="text-primary whitespace-nowrap truncate text-sm">
-				<span class="font-semibold mr-1">Flow's job Id:</span>
+				<span class="font-semibold mr-1">Flow:</span>
 				<a
 					rel="noreferrer"
 					target="_blank"
 					href="{base}/run/{job?.id}?workspace={job?.workspace_id}"
 				>
 					{job?.id}
+					<ExternalLinkIcon size={14} class="inline mb-1 ml-1" />
 				</a>
 			</div>
 		</div>

package/package/components/runs/JobLoader.svelte

@@ -121,7 +121,11 @@ async function fetchJobs(startedBefore, startedAfter, startedAfterCompletedJobs)
             scriptPathStart: scriptPathStart,
             jobKinds,
             success: success == 'success' ? true : success == 'failure' ? false : undefined,
-            running: (success == 'running' || success == 'suspended') ? true : (success == 'waiting') ? false : undefined,
+            running: success == 'running' || success == 'suspended'
+                ? true
+                : success == 'waiting'
+                    ? false
+                    : undefined,
             isSkipped: isSkipped ? undefined : false,
             // isFlowStep: jobKindsCat != 'all' ? false : undefined,
             hasNullParent: scriptPathExact != undefined || scriptPathStart != undefined || jobKindsCat != 'all'
@@ -131,7 +135,9 @@ async function fetchJobs(startedBefore, startedAfter, startedAfterCompletedJobs)
             tag: tag === null || tag === '' ? undefined : tag,
             isNotSchedule: showSchedules == false ? true : undefined,
             suspended: success == 'waiting' ? false : success == 'suspended' ? true : undefined,
-            scheduledForBeforeNow: showFutureJobs == false || (success == 'waiting' || success == 'suspended') ? true : undefined,
+            scheduledForBeforeNow: showFutureJobs == false || success == 'waiting' || success == 'suspended'
+                ? true
+                : undefined,
             args: argFilter && argFilter != '{}' && argFilter != '' && argError == ''
                 ? argFilter
                 : undefined,
@@ -259,7 +265,10 @@ async function loadJobsIntern(shouldGetCount) {
     loading = false;
 }
 async function getCount() {
-    const { database_length, suspended } = (await JobService.getQueueCount({ workspace: $workspaceStore, allWorkspaces }));
+    const { database_length, suspended } = await JobService.getQueueCount({
+        workspace: $workspaceStore,
+        allWorkspaces
+    });
     if (queue_count) {
         queue_count.set(database_length);
     }

package/package/components/runs/JobLoader.svelte.d.ts

@@ -35,7 +35,7 @@ declare const __propDef: {
         allWorkspaces?: boolean | undefined;
         computeMinAndMax: (() => {
             minTs: string;
-            maxTs: string;
+            maxTs: string | undefined;
         } | undefined) | undefined;
         lookback?: number | undefined;
         perPage?: number | undefined;