windmill-components 1.52.0 → 1.55.1

package/script_helpers.d.ts

@@ -8,10 +8,11 @@ export declare const DENO_FAILURE_MODULE_CODE = "\n// connect the error paramete
 export declare const PYTHON_INIT_CODE_CLEAR = "#import wmill\n\ndef main(x: str):\n  return x\n";
 export declare const PYTHON_FAILURE_MODULE_CODE = "import os\n\n# connect the error parameter to 'previous_result.error'\n\ndef main(error: str):\n  job = os.environ.get(\"WM_JOB_ID\")\n  print(\"error\", error)\n  print(\"job\", job)\n  return error, job\n";
 export declare const POSTGRES_INIT_CODE: string;
+export declare const MYSQL_INIT_CODE: string;
 export declare const BASH_INIT_CODE = "\n# arguments of the form X=\"$I\" are parsed as parameters X of type string\nmsg=\"$1\"\n\n# the last line of the stdout is the return value\necho \"Hello $msg\"\n";
 export declare const DENO_INIT_CODE_TRIGGER: string;
 export declare const PYTHON_INIT_CODE_TRIGGER = "import wmill\n\ndef main():\n    # A common trigger script would follow this pattern:\n    # 1. Get the last saved state\n    # const state = wnmill.get_state()\n    # 2. Get the actual state from the external service\n    # const newState = ...\n    # 3. Compare the two states and update the internal state\n    # wmill.setState(newState)\n    # 4. Return the new rows\n    # return range from (state to newState)\n    return [1, 2, 3]\n";
 export declare const GO_INIT_CODE_TRIGGER = "package inner\n\nimport (\n\twmill \"github.com/windmill-labs/windmill-go-client\"\n)\n\nfunc main() (interface{}, error) {\n\n\t// A common trigger script would follow this pattern:\n\t// 1. Get the last saved state\n\tstate, _ := wmill.GetState()\n\t// 2. Get the actual state from the external service\n\t// newState := ...\n\t// 3. Compare the two states and update the internal state\n\twmill.SetState(4)\n\t// 4. Return the new rows\n\n\treturn state, nil\n\n\t// In subsequent scripts, you may refer to each row/value returned by the trigger script using\n\t// 'flow_input.iter.value'\n}\n";
 export declare const DENO_INIT_CODE_APPROVAL = "import * as wmill from \"https://deno.land/x/windmill@v1.41.0/mod.ts\"\n\nexport async function main(approver?: string) {\n  return wmill.getResumeEndpoints(approver)\n}";
 export declare function isInitialCode(content: string): boolean;
-export declare function initialCode(language: 'deno' | 'python3' | 'go' | 'bash', kind: Script.kind, subkind: 'pgsql' | 'flow' | 'script' | undefined): string;
+export declare function initialCode(language: 'deno' | 'python3' | 'go' | 'bash', kind: Script.kind, subkind: 'pgsql' | 'mysql' | 'flow' | 'script' | undefined): string;

package/script_helpers.js

@@ -40,10 +40,8 @@ def main(no_default: str,
     # the return value is then parsed and can be retrieved by other scripts conveniently
     return {"splitted": name.split(), "user": user, "state": new_state}
 `;
-export const DENO_INIT_CODE = `// reload the smart assistant on the top right if it dies to get autocompletion and syntax highlighting
-// (Ctrl+space to cache dependencies on imports hover, Ctrl+S to autoformat and parse parameters).
+export const DENO_INIT_CODE = `// Ctrl+space to cache dependencies on imports hover, Ctrl+S to format.
 
-// you can use npm imports directly
 // import { toWords } from "npm:number-to-words@1"
 // import * as wmill from "https://deno.land/x/windmill@v${__pkg__.version}/mod.ts"
 
@@ -138,6 +136,22 @@ export async function main(
   )\`INSERT INTO demo VALUES (\${key}, \${value}) RETURNING *\`;
   return query.rows;
 }`;
+export const MYSQL_INIT_CODE = `import {
+  mySql,
+  type Resource
+} from "https://deno.land/x/windmill@v${__pkg__.version}/mod.ts";
+
+// MySQL parameterized statement. No SQL injection is possible.
+export async function main(
+  db: Resource<"mysql">,
+  key: number,
+  value: string,
+) {
+  const query = await mySql(
+    db
+  )\`INSERT INTO demo VALUES (\${key}, \${value})\`;
+  return query.rows;
+}`;
 export const BASH_INIT_CODE = `
 # arguments of the form X="$I" are parsed as parameters X of type string
 msg="$1"
@@ -228,6 +242,9 @@ export function initialCode(language, kind, subkind) {
             else if (subkind === 'pgsql') {
                 return POSTGRES_INIT_CODE;
             }
+            else if (subkind === 'mysql') {
+                return MYSQL_INIT_CODE;
+            }
             else {
                 return DENO_INIT_CODE;
             }

package/scripts.d.ts

@@ -1,2 +1,3 @@
 import type { Schema } from './common';
 export declare function loadSchema(path: string): Promise<Schema>;
+export declare function loadSchemaFlow(path: string): Promise<Schema>;

package/scripts.js

@@ -1,5 +1,5 @@
 import { get } from 'svelte/store';
-import { ScriptService } from './gen';
+import { FlowService, ScriptService } from './gen';
 import { inferArgs } from './infer';
 import { workspaceStore } from './stores';
 import { emptySchema } from './utils';
@@ -23,3 +23,10 @@ export async function loadSchema(path) {
         return script.schema;
     }
 }
+export async function loadSchemaFlow(path) {
+    const flow = await FlowService.getFlowByPath({
+        workspace: get(workspaceStore),
+        path: path ?? ''
+    });
+    return flow.schema;
+}

package/stores.d.ts

@@ -1,19 +1,28 @@
-import type { UserWorkspaceList } from './gen/models/UserWorkspaceList.js';
-import type { TokenResponse } from './gen';
+import { type Readable } from "svelte/store";
+import type { UserWorkspaceList } from "./gen/models/UserWorkspaceList.js";
+import type { TokenResponse } from "./gen";
 export interface UserExt {
     email: string;
     username: string;
     is_admin: boolean;
+    is_super_admin: boolean;
+    operator: boolean;
     created_at: string;
     groups: string[];
     pgroups: string[];
 }
+export declare const usageStore: import("svelte/store").Writable<number>;
 export declare const oauthStore: import("svelte/store").Writable<TokenResponse | undefined>;
 export declare const userStore: import("svelte/store").Writable<UserExt | undefined>;
 export declare const workspaceStore: import("svelte/store").Writable<string | undefined>;
 export declare const starStore: import("svelte/store").Writable<number>;
 export declare const usersWorkspaceStore: import("svelte/store").Writable<UserWorkspaceList | undefined>;
 export declare const superadmin: import("svelte/store").Writable<false | String | undefined>;
+export declare const userWorkspaces: Readable<Array<{
+    id: string;
+    name: string;
+    username: string;
+}>>;
 export declare const hubScripts: import("svelte/store").Writable<{
     path: string;
     summary: string;

package/stores.js

@@ -1,18 +1,36 @@
-import { browser } from '$app/env';
-import { writable } from 'svelte/store';
-import { getUserExt } from './user';
-let persistedWorkspace = browser && localStorage.getItem('workspace');
+import { browser } from "$app/env";
+import { derived, writable } from "svelte/store";
+import { getUserExt } from "./user";
+let persistedWorkspace = browser && localStorage.getItem("workspace");
+export const usageStore = writable(0);
 export const oauthStore = writable(undefined);
 export const userStore = writable(undefined);
 export const workspaceStore = writable(persistedWorkspace ? String(persistedWorkspace) : undefined);
 export const starStore = writable(1);
 export const usersWorkspaceStore = writable(undefined);
 export const superadmin = writable(undefined);
+export const userWorkspaces = derived([usersWorkspaceStore, superadmin], ([store, superadmin]) => {
+    const originalWorkspaces = (store?.workspaces ?? []);
+    if (superadmin) {
+        return [...originalWorkspaces.filter((x) => x.id != 'starter' && x.id != 'admins'), {
+                id: "admins",
+                name: "Admins",
+                username: "superadmin",
+            }, {
+                id: "starter",
+                name: "Starter",
+                username: "superadmin",
+            }];
+    }
+    else {
+        return originalWorkspaces;
+    }
+});
 export const hubScripts = writable(undefined);
 if (browser) {
     workspaceStore.subscribe(async (workspace) => {
         if (workspace) {
-            localStorage.setItem('workspace', String(workspace));
+            localStorage.setItem("workspace", String(workspace));
             userStore.set(await getUserExt(workspace));
         }
         else {
@@ -21,7 +39,7 @@ if (browser) {
     });
 }
 export function clearStores() {
-    localStorage.removeItem('workspace');
+    localStorage.removeItem("workspace");
     userStore.set(undefined);
     workspaceStore.set(undefined);
     usersWorkspaceStore.set(undefined);

package/utils.d.ts

@@ -6,7 +6,7 @@ export declare function isToday(someDate: Date): boolean;
 export declare function daysAgo(someDate: Date): number;
 export declare function secondsAgo(date: Date): number;
 export declare function displayDaysAgo(dateString: string): string;
-export declare function displayDate(dateString: string | undefined): string;
+export declare function displayDate(dateString: string | undefined, displaySecond?: boolean): string;
 export declare function msToSec(ms: number | undefined): string;
 export declare function getToday(): Date;
 export declare function sendUserToast(message: string, error?: boolean): void;
@@ -62,6 +62,7 @@ export declare function decodeArgs(queryArgs: string | undefined): any;
 export declare function setQuery(url: URL, key: string, value: string): Promise<void>;
 export declare function setQueryWithoutLoad(url: URL, key: string, value: string): void;
 export declare function groupBy<T>(scripts: T[], toGroup: (t: T) => string, dflts?: string[]): [string, T[]][];
+export declare function removeMarkdown(text: string): string;
 export declare function truncate(s: string, n: number, suffix?: string): string;
 export declare function truncateRev(s: string, n: number, prefix?: string): string;
 export declare function isString(value: any): boolean;
@@ -93,3 +94,4 @@ export declare function scriptLangToEditorLang(lang: Script.language): 'typescri
 export declare function copyToClipboard(value: string, sendToast?: boolean): Promise<boolean>;
 export declare function pluralize(quantity: number, word: string, customPlural?: string): string;
 export declare function capitalize(word: string): string;
+export declare function isCloudHosted(): boolean;

package/utils.js

@@ -2,8 +2,9 @@
 import { goto } from '$app/navigation';
 import { FlowService, Script, ScriptService } from './gen';
 import { toast } from '@zerodevx/svelte-toast';
-import { get } from 'svelte/store';
 import { hubScripts, workspaceStore } from './stores';
+import { page } from "$app/stores";
+import { get } from "svelte/store";
 export function validateUsername(username) {
     if (username != '' && !/^\w+$/.test(username)) {
         return 'username can only contain letters and numbers';
@@ -50,13 +51,13 @@ export function displayDaysAgo(dateString) {
         }
     }
 }
-export function displayDate(dateString) {
+export function displayDate(dateString, displaySecond = false) {
     const date = new Date(dateString ?? '');
     if (date.toString() === 'Invalid Date') {
         return '';
     }
     else {
-        return `${date.getFullYear()}/${date.getMonth() + 1}/${date.getDate()} at ${date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}`;
+        return `${date.getFullYear()}/${date.getMonth() + 1}/${date.getDate()} at ${date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', second: displaySecond ? '2-digit' : undefined })}`;
     }
 }
 export function msToSec(ms) {
@@ -146,7 +147,7 @@ export function canWrite(path, extra_perms, user) {
     if (!user) {
         return false;
     }
-    if (user.is_admin) {
+    if (user.is_admin || user.is_super_admin) {
         return true;
     }
     let userOwner = `u/${user.username}`;
@@ -242,6 +243,9 @@ export function groupBy(scripts, toGroup, dflts = []) {
         }
     });
 }
+export function removeMarkdown(text) {
+    return text.replace(/[[\*|\-|#\_]/g, '');
+}
 export function truncate(s, n, suffix = '...') {
     if (!s) {
         return '';
@@ -488,3 +492,6 @@ export function pluralize(quantity, word, customPlural) {
 export function capitalize(word) {
     return word ? word.charAt(0).toUpperCase() + word.slice(1) : '';
 }
+export function isCloudHosted() {
+    return get(page).url.hostname == 'app.windmill.dev';
+}

package/components/ButtonAndDropdown.svelte

@@ -1,25 +0,0 @@
-<script>import { faSortDown } from '@fortawesome/free-solid-svg-icons';
-import { createEventDispatcher } from 'svelte';
-import Icon from 'svelte-awesome';
-import Dropdown from './Dropdown.svelte';
-export let dropdownItems = [];
-const dispatch = createEventDispatcher();
-</script>
-
-<div class="bg-blue-500 rounded-sm {$$props.class} inline-block py-0 my-0 ">
-	<button
-		class="inline pl-2 text-white text-sm py-0 my-0"
-		on:click={() => {
-			dispatch('clickMain')
-		}}><slot name="name">Add script</slot></button
-	>
-	<Dropdown
-		{dropdownItems}
-		class="border-l border-gray-300 px-2 inline-block py-0 my-0"
-		on:click={() => dispatch('clickDropdown')}
-	>
-		<div class="py-0 my-0">
-			<Icon class="text-white align-top py-0 my-0" data={faSortDown} />
-		</div>
-	</Dropdown>
-</div>

package/components/ButtonAndDropdown.svelte.d.ts

@@ -1,23 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { DropdownItem } from '../utils';
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        dropdownItems?: DropdownItem[] | undefined;
-    };
-    events: {
-        clickMain: CustomEvent<any>;
-        clickDropdown: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        name: {};
-    };
-};
-export type ButtonAndDropdownProps = typeof __propDef.props;
-export type ButtonAndDropdownEvents = typeof __propDef.events;
-export type ButtonAndDropdownSlots = typeof __propDef.slots;
-export default class ButtonAndDropdown extends SvelteComponentTyped<ButtonAndDropdownProps, ButtonAndDropdownEvents, ButtonAndDropdownSlots> {
-}
-export {};

package/components/apps/components/index.d.ts

@@ -1,22 +0,0 @@
-import { default as AppButton } from './buttons/AppButton.svelte';
-export { default as AppButton } from './buttons/AppButton.svelte';
-import { default as AppBarChart } from './dataDisplay/AppBarChart.svelte';
-export { default as AppBarChart } from './dataDisplay/AppBarChart.svelte';
-export { default as AppPieChart } from './dataDisplay/AppPieChart.svelte';
-export { default as AppTable } from './dataDisplay/AppTable.svelte';
-import { default as AppText } from './dataDisplay/AppText.svelte';
-export { default as AppText } from './dataDisplay/AppText.svelte';
-import { default as AppCheckbox } from './selectInputs/AppCheckbox.svelte';
-export { default as AppCheckbox } from './selectInputs/AppCheckbox.svelte';
-export { default as AlignWrapper } from './helpers/AlignWrapper.svelte';
-export { default as DebouncedInput } from './helpers/DebouncedInput.svelte';
-export { default as InputValue } from './helpers/InputValue.svelte';
-export { default as RunnableComponent } from './helpers/RunnableComponent.svelte';
-declare const textInputs: never[];
-declare const numberInputs: never[];
-declare const buttons: (typeof AppButton)[];
-declare const selectInputs: (typeof AppCheckbox)[];
-declare const dateTimeInputs: never[];
-declare const dataDisplay: (typeof AppBarChart | typeof AppText)[];
-declare const APP_COMPONENTS: (typeof AppBarChart | typeof AppText)[][];
-export { APP_COMPONENTS, textInputs, numberInputs, buttons, selectInputs, dateTimeInputs, dataDisplay };

package/components/apps/components/index.js

@@ -1,42 +0,0 @@
-import { default as AppButton } from './buttons/AppButton.svelte';
-export { default as AppButton } from './buttons/AppButton.svelte';
-import { default as AppBarChart } from './dataDisplay/AppBarChart.svelte';
-export { default as AppBarChart } from './dataDisplay/AppBarChart.svelte';
-import { default as AppPieChart } from './dataDisplay/AppPieChart.svelte';
-export { default as AppPieChart } from './dataDisplay/AppPieChart.svelte';
-import { default as AppTable } from './dataDisplay/AppTable.svelte';
-export { default as AppTable } from './dataDisplay/AppTable.svelte';
-import { default as AppText } from './dataDisplay/AppText.svelte';
-export { default as AppText } from './dataDisplay/AppText.svelte';
-import { default as AppCheckbox } from './selectInputs/AppCheckbox.svelte';
-export { default as AppCheckbox } from './selectInputs/AppCheckbox.svelte';
-export { default as AlignWrapper } from './helpers/AlignWrapper.svelte';
-export { default as DebouncedInput } from './helpers/DebouncedInput.svelte';
-export { default as InputValue } from './helpers/InputValue.svelte';
-export { default as RunnableComponent } from './helpers/RunnableComponent.svelte';
-// Component groups
-const textInputs = [];
-const numberInputs = [];
-const buttons = [
-    AppButton
-];
-const selectInputs = [
-    AppCheckbox
-];
-const dateTimeInputs = [];
-const dataDisplay = [
-    AppBarChart,
-    AppPieChart,
-    AppTable,
-    AppText
-];
-// Aggregated component groups for ease of import
-const APP_COMPONENTS = [
-    textInputs,
-    numberInputs,
-    buttons,
-    selectInputs,
-    dateTimeInputs,
-    dataDisplay
-];
-export { APP_COMPONENTS, textInputs, numberInputs, buttons, selectInputs, dateTimeInputs, dataDisplay };

package/components/apps/editor/settingsPanel/DynamicInputEditor.svelte

@@ -1,64 +0,0 @@
-<script>import { Badge, Button } from '../../../common';
-import { faLink } from '@fortawesome/free-solid-svg-icons';
-import { getContext } from 'svelte';
-export let input;
-const { connectingInput, selectedComponent } = getContext('AppEditorContext');
-function applyConnection() {
-    if (!$connectingInput.opened && $connectingInput.input !== undefined) {
-        input.id = $connectingInput.input.id;
-        input.name = $connectingInput.input.name;
-        // TODO: CHeck whether types are ok
-        // TODO: Check whether this is needed
-        $selectedComponent = $selectedComponent;
-        $connectingInput = {
-            opened: false,
-            input: undefined
-        };
-    }
-}
-$: $connectingInput && applyConnection();
-</script>
-
-{#if input.id && input.name}
-	<div class="flex justify-between w-full">
-		<span class="text-xs font-bold">Status</span>
-		<Badge color="green">Connected</Badge>
-	</div>
-	<div class="flex justify-between w-full">
-		<span class="text-xs font-bold">Component</span>
-		<Badge color="indigo">{input.id}</Badge>
-	</div>
-	<div class="flex justify-between w-full">
-		<span class="text-xs font-bold">Field name</span>
-		<Badge color="indigo">{input.name}</Badge>
-	</div>
-	<Button
-		size="xs"
-		startIcon={{ icon: faLink }}
-		color="red"
-		on:click={() => {
-			input.id = undefined
-			input.name = undefined
-		}}
-	>
-		Clear connection
-	</Button>
-{:else}
-	<div class="flex justify-between w-full">
-		<span class="text-xs font-bold">Status</span>
-		<Badge color="dark-yellow">Not connected</Badge>
-	</div>
-	<Button
-		size="xs"
-		startIcon={{ icon: faLink }}
-		color="dark"
-		on:click={() => {
-			$connectingInput = {
-				opened: true,
-				input: undefined
-			}
-		}}
-	>
-		Connect this input to an output
-	</Button>
-{/if}

package/components/apps/editor/settingsPanel/DynamicInputEditor.svelte.d.ts

@@ -1,17 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { DynamicInput, InputType } from '../../types';
-declare const __propDef: {
-    props: {
-        input: DynamicInput<InputType, any>;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type DynamicInputEditorProps = typeof __propDef.props;
-export type DynamicInputEditorEvents = typeof __propDef.events;
-export type DynamicInputEditorSlots = typeof __propDef.slots;
-export default class DynamicInputEditor extends SvelteComponentTyped<DynamicInputEditorProps, DynamicInputEditorEvents, DynamicInputEditorSlots> {
-}
-export {};

package/components/flows/content/FlowBranchesWrapper.svelte

@@ -1,140 +0,0 @@
-<script>import { Alert, Badge, Button, Tab } from '../../common';
-import TabContent from '../../common/tabs/TabContent.svelte';
-import Tabs from '../../common/tabs/Tabs.svelte';
-import HighlightCode from '../../HighlightCode.svelte';
-import Toggle from '../../Toggle.svelte';
-import { language } from '../../../sql';
-import { getContext } from 'svelte';
-import FlowCard from '../common/FlowCard.svelte';
-import FlowModuleEarlyStop from './FlowModuleEarlyStop.svelte';
-import FlowModuleSuspend from './FlowModuleSuspend.svelte';
-// import FlowRetries from './FlowRetries.svelte'
-const { selectedId } = getContext('FlowEditorContext');
-export let flowModule;
-export let parentModule;
-export let previousModule;
-let selected = 'early-stop';
-let branches = [];
-$: if (flowModule.value.type === 'branchone') {
-    branches = flowModule.value.branches.map((branch, i) => ({
-        id: `${flowModule.id}-branch-${i}`,
-        summary: branch.summary,
-        expr: branch.expr
-    }));
-}
-else if (flowModule.value.type === 'branchall') {
-    branches = flowModule.value.branches.map((branch, i) => ({
-        id: `${flowModule.id}-branch-${i}`,
-        summary: branch.summary,
-        expr: undefined
-    }));
-}
-</script>
-
-<div class="h-full flex flex-col">
-	<FlowCard title={flowModule.value.type == 'branchall' ? 'Run all branches' : 'Run one branch'}>
-		<div class="flex flex-col h-full">
-			<div class="border">
-				{#if flowModule.value.type == 'branchall'}
-					<Alert type="info" title="All branches will be run">
-						Configure branches to skip errors and to not result in that step itself failing.
-						<br />
-						<br />
-						The result of this step is the list of the result of each branch.
-					</Alert>
-				{:else}
-					<Alert type="info" title="Only one branch will be run">
-						Only one branch is ran, the first one that match its predicate, if none do, the default
-						branch is chosen.
-						<br />
-						<br />
-						The result of this step is the result of the branch.
-					</Alert>
-				{/if}
-
-				<div class="p-2">
-					<h3
-						>{branches.length + (flowModule.value.type === 'branchone' ? 1 : 0)} branch{branches.length +
-							(flowModule.value.type === 'branchone' ? 1 : 0) >
-						1
-							? 'es'
-							: ''}</h3
-					>
-					<div class="flex flex-col gap-y-4 py-2">
-						{#if flowModule.value.type === 'branchone'}
-							<div class="flex flex-row">
-								<Badge large={true} color="blue">Default branch</Badge>
-							</div>
-						{/if}
-						{#each branches as branch, i}
-							{#if flowModule.value.type === 'branchone'}
-								<div class="flex flex-row gap-x-2 items-center">
-									<div class="max-w-sm w-full text-sm text-gray-600">
-										{branch.summary && branch.summary != '' ? branch.summary : 'No summary'}</div
-									>
-									<div>
-										<Button color="dark" size="sm" on:click={() => ($selectedId = branch.id)}>
-											Set branch {i} predicate</Button
-										>
-									</div>
-									<div class="w-full text-2xs">
-										<HighlightCode language="deno" code={branch.expr} />
-									</div>
-								</div>
-							{:else}
-								<div class="flex flex-row gap-x-2">
-									<div class="max-w-sm w-full text-sm text-gray-600">
-										{branch.summary && branch.summary != '' ? branch.summary : 'No summary'}
-									</div>
-									<div>
-										<Button color="dark" size="sm" on:click={() => ($selectedId = branch.id)}>
-											Set branch {i} summary</Button
-										>
-									</div>
-								</div>
-							{/if}
-						{/each}
-					</div>
-					{#if flowModule.value.type == 'branchall'}
-						<div class="mt-6 mb-2 text-sm font-bold">Run in parallel</div>
-						<Toggle
-							bind:checked={flowModule.value.parallel}
-							options={{
-								right: 'All branches run in parallel'
-							}}
-						/>
-					{/if}
-				</div>
-			</div>
-			{#if flowModule}
-				<Tabs bind:selected>
-					<!-- <Tab value="retries">Retries</Tab> -->
-					<Tab value="early-stop">Early Stop</Tab>
-					<Tab value="suspend">Sleep/Suspend</Tab>
-
-					<svelte:fragment slot="content">
-						<div class="overflow-hidden bg-white">
-							<!-- <TabContent value="retries" class="flex flex-col flex-1 h-full">
-								<div class="p-4 overflow-y-auto">
-									<FlowRetries bind:flowModule />
-								</div>
-							</TabContent> -->
-
-							<TabContent value="early-stop" class="flex flex-col flex-1 h-full">
-								<div class="p-4 overflow-y-auto">
-									<FlowModuleEarlyStop bind:flowModule />
-								</div>
-							</TabContent>
-
-							<TabContent value="suspend" class="flex flex-col flex-1 h-full">
-								<div class="p-4 overflow-y-auto">
-									<FlowModuleSuspend previousModuleId={previousModule?.id} bind:flowModule />
-								</div>
-							</TabContent>
-						</div>
-					</svelte:fragment>
-				</Tabs>
-			{/if}
-		</div>
-	</FlowCard>
-</div>

package/components/flows/content/FlowBranchesWrapper.svelte.d.ts

@@ -1,19 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { FlowModule } from '../../../gen';
-declare const __propDef: {
-    props: {
-        flowModule: FlowModule;
-        parentModule: FlowModule | undefined;
-        previousModule: FlowModule | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type FlowBranchesWrapperProps = typeof __propDef.props;
-export type FlowBranchesWrapperEvents = typeof __propDef.events;
-export type FlowBranchesWrapperSlots = typeof __propDef.slots;
-export default class FlowBranchesWrapper extends SvelteComponentTyped<FlowBranchesWrapperProps, FlowBranchesWrapperEvents, FlowBranchesWrapperSlots> {
-}
-export {};