windmill-components 1.13.25 → 1.22.0

package/components/ItemPicker.svelte

@@ -1,28 +1,25 @@
-<script>"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.openModal = exports.closeOnClick = exports.itemName = exports.extraField = exports.loadItems = exports.pickCallback = void 0;
-const fuse_js_1 = __importDefault(require("fuse.js"));
-const Modal_svelte_1 = __importDefault(require("./Modal.svelte"));
-exports.closeOnClick = true;
+<script>import Fuse from 'fuse.js';
+import Modal from './Modal.svelte';
+export let pickCallback;
+export let loadItems;
+export let extraField;
+export let itemName;
+export let closeOnClick = true;
 let items = [];
 let filteredItems = [];
 let itemsFilter = '';
 const fuseOptions = {
     includeScore: false,
-    keys: ['path', exports.extraField]
+    keys: ['path', extraField]
 };
-const fuse = new fuse_js_1.default(items, fuseOptions);
-function openModal() {
-    (0, exports.loadItems)().then((v) => {
+const fuse = new Fuse(items, fuseOptions);
+export function openModal() {
+    loadItems().then((v) => {
         items = v;
         fuse.setCollection(items);
     });
     modal.openModal();
 }
-exports.openModal = openModal;
 $: filteredItems =
     itemsFilter.length > 0 ? fuse.search(itemsFilter).map((value) => value.item) : items;
 let modal;

package/components/JobStatus.svelte

@@ -1,19 +1,14 @@
-<script>"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.job = void 0;
-const free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
-const utils_1 = require("$lib/utils");
-const svelte_awesome_1 = __importDefault(require("svelte-awesome"));
-const icons_1 = require("svelte-awesome/icons");
+<script>import { faCalendar, faCircle, faClock, faHourglassHalf, faTimes } from '@fortawesome/free-solid-svg-icons';
+import { displayDate, forLater } from '../utils';
+import Icon from 'svelte-awesome';
+import { check } from 'svelte-awesome/icons';
 const SMALL_ICON_SCALE = 0.7;
+export let job;
 </script>
 
 {#if job && 'success' in job && job.success}
 	<Icon class="text-green-600" data={check} scale={SMALL_ICON_SCALE} />
-	<span class="mx-2">Succeeded</span>
+	<span class="mx-2">Succeeded {job.is_skipped ? '(Skipped)' : ''}</span>
 	<div>
 		<Icon class="text-gray-700" data={faHourglassHalf} scale={SMALL_ICON_SCALE} /><span class="mx-2"
 			>Job ran in {job.duration}

package/components/Modal.svelte

@@ -1,24 +1,21 @@
-<script>"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.openModal = exports.closeModal = exports.z = exports.open = void 0;
-const svelte_1 = require("svelte");
-exports.open = false;
-exports.z = 'z-30';
-const dispatch = (0, svelte_1.createEventDispatcher)();
-function closeModal() {
-    exports.open = false;
+<script>import { createEventDispatcher } from 'svelte';
+export let open = false;
+export let z = 'z-30';
+const dispatch = createEventDispatcher();
+export function closeModal() {
+    document.body.style.overflow = 'auto';
+    open = false;
     dispatch('close');
 }
-exports.closeModal = closeModal;
-function openModal() {
-    exports.open = true;
+export function openModal() {
+    document.body.style.overflow = 'hidden';
+    open = true;
     dispatch('open');
 }
-exports.openModal = openModal;
 function handleKeyUp(event) {
     const key = event.key || event.keyCode;
     if (key === 27 || key === 'Escape' || key === 'Esc') {
-        if (exports.open) {
+        if (open) {
             event.preventDefault();
             closeModal();
         }
@@ -28,9 +25,9 @@ function handleKeyUp(event) {
 
 <svelte:window on:keyup={handleKeyUp} />
 
-<div class="blurred-background z-0  {open ? '' : 'hidden'}" />
+<div class="blurred-background  {open ? '' : 'hidden'}" />
 
-<div class="fixed top-0 w-screen h-screen  {open ? '' : 'hidden'} {z}">
+<div class="fixed top-0 w-screen h-screen {open ? '' : 'hidden'} {z}">
 	<div
 		class="fixed right-0 flex flex-col w-3/4 sm:w-2/3 lg:w-1/2 h-screen border border-gray-300 shadow-xl"
 	>
@@ -95,5 +92,5 @@ function handleKeyUp(event) {
 <style>
 	.blurred-background {
 		/* @apply absolute sm:top-6 lg:top-8 left-28 sm:left-40 md:left-48; */ /* If we wanted to make the navbars visible */ position: fixed; top: 0px; left: 0px; --tw-bg-opacity: 1; background-color: rgb(156 163 175 / var(--tw-bg-opacity)); opacity: 0.75; width: 100vw; height: 100vh;
-		z-index: 1;
+		z-index: 10;
 	}</style>

package/components/ModuleStep.svelte

@@ -1,69 +1,130 @@
-<script>"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadSchema = exports.schemaForms = exports.schemas = exports.args = exports.mod = exports.i = exports.flow = void 0;
-const SchemaForm_svelte_1 = __importDefault(require("./SchemaForm.svelte"));
-const ScriptPicker_svelte_1 = __importDefault(require("./ScriptPicker.svelte"));
-const utils_1 = require("$lib/utils");
-const scripts_1 = require("$lib/scripts");
-const FlowPreview_svelte_1 = __importDefault(require("./FlowPreview.svelte"));
-exports.args = {};
-exports.schemas = [];
-exports.schemaForms = [];
-async function loadSchema() {
-    if (exports.mod.value.path) {
-        let schema = await (0, scripts_1.loadSchema)(exports.mod.value.path);
-        if (JSON.stringify(Object.keys(schema?.properties ?? {}).sort()) !=
-            JSON.stringify(Object.keys(exports.mod.input_transform).sort())) {
-            let it = {};
-            Object.keys(schema?.properties ?? {}).map((x) => (it[x] = {
-                type: 'static',
-                value: ''
-            }));
-            exports.schemaForms[exports.i]?.setArgs(it);
-        }
-        exports.schemas[exports.i] = schema ?? (0, utils_1.emptySchema)();
-    }
-    else {
-        exports.schemaForms[exports.i]?.setArgs({});
-        exports.schemas[exports.i] = (0, utils_1.emptySchema)();
-    }
-    exports.schemas = exports.schemas;
-}
-exports.loadSchema = loadSchema;
+<script>import { FlowModuleValue } from '../gen';
+import { addPreviewResult, previewResults } from '../stores';
+import { buildExtraLib, objectToTsType, schemaToObject, schemaToTsType } from '../utils';
+import { faRobot } from '@fortawesome/free-solid-svg-icons';
+import Icon from 'svelte-awesome';
+import Editor from './Editor.svelte';
+import FlowPreview from './FlowPreview.svelte';
+import FlowInputs from './flows/FlowInputs.svelte';
+import FlowModuleHeader from './flows/FlowModuleHeader.svelte';
+import { createInlineScriptModule, flowStore, loadSchema, pickScript, schemasStore } from './flows/flowStore';
+import SchemaForm from './SchemaForm.svelte';
+import Tooltip from './Tooltip.svelte';
+export let open;
+export let mode;
+export let i;
+export let mod;
+export let args = {};
+$: schema = $schemasStore[i];
+$: shouldPick = mod.value.path === '' && mod.value.language === undefined;
+$: previousSchema = i === 0 ? schemaToObject($flowStore?.schema) : $previewResults[i];
+$: extraLib = buildExtraLib(i === 0 ? schemaToTsType($flowStore?.schema) : objectToTsType($previewResults[i]));
 </script>
 
-<li class="flex flex-row flex-shrink max-w-full  mx-auto mt-20">
-	<div class="bg-white border border-gray xl-rounded shadow-lg w-full max-w-3xl mx-4 md:mx-auto">
-		<div
-			class="flex items-center justify-between flex-wra px-4 py-5 border-b border-gray-200 sm:px-6"
-		>
-			<h3 class="text-lg leading-6 font-medium text-gray-900">Step {i + 1}</h3>
-			<button
-				class="text-xs default-button-secondary max-h-6 place-self-end"
-				on:click={() => {
-					flow.value.modules.splice(i, 1)
-					schemas.splice(i, 1)
-					schemaForms.splice(i, 1)
-					flow = flow
-				}}
-				>Remove this step
-			</button>
-		</div>
-		<div class="p-10">
-			<h2 class="mb-4">Step script</h2>
-			<ScriptPicker allowHub={true} bind:scriptPath={mod.value.path} on:select={loadSchema} />
-			<div class="my-4" />
-			<h2 class="mb-4">Step inputs</h2>
-			<SchemaForm
-				bind:this={schemaForms[i]}
-				inputTransform={true}
-				schema={schemas[i]}
-				bind:args={mod.input_transform}
-			/>
-			<FlowPreview {flow} {i} bind:args {schemas} />
+<li class="flex flex-row flex-shrink max-w-full mx-auto mt-16">
+	<div
+		class="bg-white border border-gray xl-rounded shadow-lg w-full max-w-4xl mx-4 md:mx-auto"
+		id="module-{i}"
+	>
+		<div class="flex items-center justify-between flex-wra p-4 sm:px-6 z-10">
+			<FlowModuleHeader bind:open {mod} {i} {shouldPick}>
+				<div>
+					<h3 class="text-lg font-bold text-gray-900">Step {i + 1}</h3>
+					{#if i == 0 && mode == 'pull'}
+						<h3 class="font-bold">
+							Trigger Script <Tooltip
+								>When a flow is 'Pull', the first step is a trigger script. Trigger scripts are
+								scripts that must return a list which are the new items to be treated one by one by
+								the rest of the flow, usually the list of new items since last time the flow was
+								run. One can retrieve the item in the next step using `previous_result._value`. To
+								easily compute the diff, windmill provides some helpers under the form of
+								`getInternalState` and `setInternalState`.</Tooltip
+							>
+						</h3>{/if}
+					<p>
+						{#if mod.value.path}
+							{mod.value.path}
+						{/if}
+						{#if mod.value.language}
+							Inline {mod.value.language}
+						{/if}
+						{#if !mod.value.path && !mod.value.language}
+							Select a script
+						{/if}
+					</p>
+				</div>
+			</FlowModuleHeader>
 		</div>
+		<div class="border-b border-gray-200" />
+		{#if open == i}
+			<div class="p-6">
+				{#if shouldPick}
+					<FlowInputs
+						isTrigger={mode == 'pull' && i == 0}
+						on:pick={(e) => pickScript(e.detail.path, i)}
+						on:new={(e) => createInlineScriptModule(e.detail.language, i, mode)}
+					/>
+				{/if}
+				{#if mod.value.type === FlowModuleValue.type.RAWSCRIPT}
+					<Editor
+						class="h-80 border p-2 rounded"
+						bind:code={mod.value.content}
+						deno={mod.value.language === FlowModuleValue.language.DENO}
+					/>
+					<div class="mt-2 mb-8">
+						<button class="default-primary-button-v2" on:click={() => loadSchema(i)}>
+							<Icon data={faRobot} class="w-4 h-4 mr-2 -ml-2" />
+
+							Infer step inputs from code
+						</button>
+					</div>
+				{/if}
+				{#if !shouldPick}
+					<p class="text-lg font-bold text-gray-900 mb-2">Step inputs</p>
+					<SchemaForm
+						inputTransform={true}
+						{schema}
+						{extraLib}
+						{i}
+						{previousSchema}
+						bind:args={mod.input_transform}
+					/>
+				{/if}
+			</div>
+
+			{#if !shouldPick}
+				<div class="border-b border-gray-200" />
+				<div class="p-3">
+					<FlowPreview
+						bind:args
+						flow={$flowStore}
+						{i}
+						{mode}
+						schemas={$schemasStore}
+						on:change={(e) => {
+							addPreviewResult(e.detail.result, i + 1)
+						}}
+					/>
+				</div>
+				<div>
+					<button class="w-full h-full" on:click={() => (open = -1)}>(-)</button>
+				</div>
+			{:else}
+				<div>
+					<button class="w-full h-full" on:click={() => (open = i)}>(+)</button>
+				</div>
+			{/if}
+		{/if}
 	</div>
 </li>
+{#if i == 0 && mode == 'pull'}
+	<li class="relative m-20 ">
+		<div class="relative flex justify-center bg-white shadow p-2">
+			Starting from here, the flow for loop over items from step 1's result above &nbsp;<Tooltip
+				>This flow being in 'Pull' mode, the rest of the flow will for loop over the list of items
+				returned by the trigger script right above. Retrieve the item value using
+				`previous_result._value`</Tooltip
+			>
+		</div>
+	</li>
+{/if}

package/components/ModuleStep.svelte.d.ts

@@ -1,16 +1,13 @@
 import { SvelteComponentTyped } from "svelte";
-import type { Schema } from '../common';
-import type { Flow, FlowModule } from '../gen';
-import SchemaForm from './SchemaForm.svelte';
+import { type FlowModule } from '../gen';
+import { type FlowMode } from './flows/flowStore';
 declare const __propDef: {
     props: {
-        flow: Flow;
+        open: number;
+        mode: FlowMode;
         i: number;
         mod: FlowModule;
         args?: Record<string, any> | undefined;
-        schemas?: Schema[] | undefined;
-        schemaForms?: (SchemaForm | undefined)[] | undefined;
-        loadSchema?: (() => Promise<void>) | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -21,6 +18,5 @@ export declare type ModuleStepProps = typeof __propDef.props;
 export declare type ModuleStepEvents = typeof __propDef.events;
 export declare type ModuleStepSlots = typeof __propDef.slots;
 export default class ModuleStep extends SvelteComponentTyped<ModuleStepProps, ModuleStepEvents, ModuleStepSlots> {
-    get loadSchema(): () => Promise<void>;
 }
 export {};

package/components/ObjectResourceInput.svelte

@@ -1,40 +1,35 @@
-<script>"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.value = exports.format = void 0;
-const gen_1 = require("$lib/gen");
-const ResourcePicker_svelte_1 = __importDefault(require("./ResourcePicker.svelte"));
-const stores_1 = require("$lib/stores");
-const SchemaForm_svelte_1 = __importDefault(require("./SchemaForm.svelte"));
-const RadioButton_svelte_1 = __importDefault(require("./RadioButton.svelte"));
+<script>import { ResourceService } from '../gen';
+import ResourcePicker from './ResourcePicker.svelte';
+import { workspaceStore } from '../stores';
+import SchemaForm from './SchemaForm.svelte';
+import RadioButton from './RadioButton.svelte';
+export let format;
+export let value;
 function isString(value) {
     return typeof value === 'string' || value instanceof String;
 }
-let path = isString(exports.value) && exports.value.length >= '$res:'.length ? exports.value.substr('$res:'.length) : undefined;
+let path = isString(value) && value.length >= '$res:'.length ? value.substr('$res:'.length) : undefined;
 let args = {};
-if (!isString(exports.value) && exports.value) {
-    console.log(exports.value);
-    args = exports.value;
+if (!isString(value) && value) {
+    args = value;
 }
 let schema = undefined;
 let isValid = true;
 let resourceTypeName = '';
 async function loadSchema(format) {
     resourceTypeName = format.substring('resource-'.length);
-    schema = (await gen_1.ResourceService.getResourceType({ workspace: $workspaceStore, path: resourceTypeName })).schema;
+    schema = (await ResourceService.getResourceType({ workspace: $workspaceStore, path: resourceTypeName })).schema;
 }
-let option = isString(exports.value) || exports.value == undefined ? 'resource' : 'raw';
+let option = isString(value) || value == undefined ? 'resource' : 'raw';
 $: {
     if (option == 'resource') {
-        exports.value = `$res:${path}`;
+        value = `$res:${path}`;
     }
     else {
-        exports.value = args;
+        value = args;
     }
 }
-$: exports.format.startsWith('resource-') && loadSchema(exports.format);
+$: format.startsWith('resource-') && loadSchema(format);
 </script>
 
 <div class="max-w-lg">

package/components/ObjectTypeNarrowing.svelte

@@ -1,16 +1,11 @@
-<script>"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.format = void 0;
-const RadioButton_svelte_1 = __importDefault(require("./RadioButton.svelte"));
-const ResourceTypePicker_svelte_1 = __importDefault(require("./ResourceTypePicker.svelte"));
-let kind = exports.format?.startsWith('resource') ? 'resource' : 'none';
-let resource = exports.format?.startsWith('resource-')
-    ? exports.format.substring('resource-'.length)
+<script>import RadioButton from './RadioButton.svelte';
+import ResourceTypePicker from './ResourceTypePicker.svelte';
+export let format;
+let kind = format?.startsWith('resource') ? 'resource' : 'none';
+let resource = format?.startsWith('resource-')
+    ? format.substring('resource-'.length)
     : undefined;
-$: exports.format =
+$: format =
     kind == 'resource' ? (resource != undefined ? `resource-${resource}` : 'resource') : undefined;
 </script>
 

package/components/PageHeader.svelte

@@ -1,12 +1,7 @@
-<script>"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.primary = exports.tooltip = exports.title = void 0;
-const Tooltip_svelte_1 = __importDefault(require("./Tooltip.svelte"));
-exports.tooltip = '';
-exports.primary = true;
+<script>import Tooltip from './Tooltip.svelte';
+export let title;
+export let tooltip = '';
+export let primary = true;
 </script>
 
 <div class="flex flex-col sm:flex-row justify-between mt-4 mb-2">

package/components/Password.svelte

@@ -1,11 +1,9 @@
-<script>"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.placeholder = exports.label = exports.password = void 0;
-// @ts-nocheck
-const svelte_1 = require("svelte");
-exports.label = 'password';
-exports.placeholder = '******';
-(0, svelte_1.onMount)(() => {
+<script>// @ts-nocheck
+import { onMount } from 'svelte';
+export let password;
+export let label = 'password';
+export let placeholder = '******';
+onMount(() => {
     const passwordToggle = document.querySelector('.js-password-toggle');
     if (passwordToggle) {
         passwordToggle.addEventListener('change', function () {

package/components/Path.svelte

@@ -1,59 +1,99 @@
-<script>"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.reset = exports.getPath = exports.path = exports.initialPath = exports.namePlaceholder = exports.meta = void 0;
-const common_1 = require("$lib/common");
-const gen_1 = require("$lib/gen");
-const Tooltip_svelte_1 = __importDefault(require("./Tooltip.svelte"));
-const stores_1 = require("$lib/stores");
-const utils_1 = require("$lib/utils");
-exports.meta = {
+<script>import { pathToMeta } from '../common';
+import { FlowService, ResourceService, ScheduleService, ScriptService, VariableService } from '../gen';
+import { GroupService } from '../gen';
+import Tooltip from './Tooltip.svelte';
+import { userStore, workspaceStore } from '../stores';
+import { sleep } from '../utils';
+import { workspace } from 'vscode';
+export let meta = {
     ownerKind: 'user',
     owner: '',
     name: ''
 };
-exports.namePlaceholder = '';
-exports.path = '';
+export let namePlaceholder = '';
+export let initialPath;
+export let path = '';
+export let error = '';
+export let kind;
 let groups = [];
-let error = '';
 $: {
-    exports.path = [exports.meta.ownerKind === 'group' ? 'g' : 'u', exports.meta.owner, exports.meta.name].join('/');
+    path = [meta.ownerKind === 'group' ? 'g' : 'u', meta.owner, meta.name].join('/');
 }
-function getPath() {
-    return exports.path;
+export function getPath() {
+    return path;
 }
-exports.getPath = getPath;
-async function reset() {
-    if (exports.path == '' || exports.path == 'u//') {
-        exports.meta.ownerKind = 'user';
+export async function reset() {
+    if (path == '' || path == 'u//') {
+        meta.ownerKind = 'user';
         while ($userStore == undefined) {
-            await (0, utils_1.sleep)(500);
+            await sleep(500);
         }
-        exports.meta.owner = $userStore.username;
-        exports.meta.name = '';
+        meta.owner = $userStore.username;
+        meta.name = '';
     }
     else {
-        exports.meta = (0, common_1.pathToMeta)(exports.path);
+        meta = pathToMeta(path);
     }
 }
-exports.reset = reset;
-$: validateName(exports.meta);
+$: validate(meta, path, kind);
 async function loadGroups() {
-    groups = await gen_1.GroupService.listGroups({ workspace: $workspaceStore });
+    groups = await GroupService.listGroups({ workspace: $workspaceStore });
+    meta.owner = meta.owner;
+}
+async function validate(meta, path, kind) {
+    validateName(meta) && (await validatePath(path, kind));
+}
+let validateTimeout = undefined;
+async function validatePath(path, kind) {
+    if (initialPath != '' && initialPath != path) {
+        if (validateTimeout) {
+            clearTimeout(validateTimeout);
+        }
+        validateTimeout = setTimeout(async () => {
+            if (initialPath != '' &&
+                initialPath != path &&
+                ((kind == 'flow' &&
+                    (await FlowService.existsFlowByPath({ workspace: $workspaceStore, path: path }))) ||
+                    (kind == 'script' &&
+                        (await ScriptService.existsScriptByPath({
+                            workspace: $workspaceStore,
+                            path: path
+                        }))) ||
+                    (kind == 'resource' &&
+                        (await ResourceService.existsResource({
+                            workspace: $workspaceStore,
+                            path: path
+                        }))) ||
+                    (kind == 'variable' &&
+                        (await VariableService.existsVariable({
+                            workspace: $workspaceStore,
+                            path: path
+                        }))) ||
+                    (kind == 'schedule' &&
+                        (await ScheduleService.existsSchedule({ workspace: $workspaceStore, path: path }))))) {
+                error = 'path already used';
+            }
+            else if (validateName(meta)) {
+                error = '';
+            }
+            validateTimeout = undefined;
+        }, 500);
+    }
+    else {
+        error = '';
+    }
 }
 function validateName(meta) {
     if (meta.name == undefined || meta.name == '') {
         error = 'choose a name';
-        return;
+        return false;
     }
-    const regex = new RegExp(/^[\w-]+(\/[\w-]+)*$/);
-    if (regex.test(meta.name)) {
-        error = '';
+    else if (!/^[\w-]+(\/[\w-]+)*$/.test(meta.name)) {
+        error = 'This name is not valid.';
+        return false;
     }
     else {
-        error = 'This name is not valid. ';
+        return true;
     }
 }
 $: {
@@ -62,11 +102,11 @@ $: {
     }
 }
 $: {
-    if (exports.initialPath == undefined || exports.initialPath == '') {
+    if (initialPath == undefined || initialPath == '') {
         reset();
     }
     else {
-        exports.meta = (0, common_1.pathToMeta)(exports.initialPath);
+        meta = pathToMeta(initialPath);
     }
 }
 </script>
@@ -74,8 +114,8 @@ $: {
 <div>
 	<div class="flex flex-col sm:grid sm:grid-cols-4 sm:gap-4 pb-0 mb-1">
 		<label class="block">
-			<span class="text-gray-700 text-sm">
-				Owner Kind<Tooltip class="mx-1">
+			<span class="text-gray-700 text-sm whitespace-nowrap">
+				Owner Kind <Tooltip>
 					<slot name="ownerToolkit" />
 				</Tooltip>
 			</span>

package/components/Path.svelte.d.ts

@@ -6,6 +6,8 @@ declare const __propDef: {
         namePlaceholder?: string | undefined;
         initialPath: string;
         path?: string | undefined;
+        error?: string | undefined;
+        kind: "resource" | "script" | "schedule" | "variable" | "flow";
         getPath?: (() => string) | undefined;
         reset?: (() => Promise<void>) | undefined;
     };