windmill-components 1.448.50 → 1.472.2

package/package/components/meltComponents/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Menu } from './Menu.svelte';
+export { default as Menubar } from './Menubar.svelte';
+export { default as MenuSingleItem } from './MenuSingleItem.svelte';
+export { default as MenuItem } from './MenuItem.svelte';
+export { default as MeltButton } from './MeltButton.svelte';

package/package/components/meltComponents/index.js

@@ -0,0 +1,5 @@
+export { default as Menu } from './Menu.svelte';
+export { default as Menubar } from './Menubar.svelte';
+export { default as MenuSingleItem } from './MenuSingleItem.svelte';
+export { default as MenuItem } from './MenuItem.svelte';
+export { default as MeltButton } from './MeltButton.svelte';

package/package/components/preview/FlowPreviewStatus.svelte

@@ -2,6 +2,7 @@
 import JobStatus from '../JobStatus.svelte';
 import { ExternalLinkIcon } from 'lucide-svelte';
 import { getContext } from 'svelte';
+import { truncateRev } from '../../utils';
 export let job;
 let { hideJobId } = getContext('FlowStatusViewer');
 </script>
@@ -17,7 +18,7 @@ let { hideJobId } = getContext('FlowStatusViewer');
 					target="_blank"
 					href="{base}/run/{job?.id}?workspace={job?.workspace_id}"
 				>
-					{job?.id}
+					{truncateRev(job?.id, 8)}
 					<ExternalLinkIcon size={14} class="inline mb-1 ml-1" />
 				</a>
 			</div>

package/package/components/propertyPicker/ObjectViewer.svelte

@@ -4,10 +4,11 @@ import { computeKey } from './utils';
 import { NEVER_TESTED_THIS_FAR } from '../flows/models';
 import Portal from '../Portal.svelte';
 import { Button } from '../common';
-import { Download, PanelRightOpen } from 'lucide-svelte';
+import { Download, PanelRightOpen, TriangleAlertIcon } from 'lucide-svelte';
 import S3FilePicker from '../S3FilePicker.svelte';
 import { workspaceStore } from '../../stores';
 import AnimatedButton from '../common/button/AnimatedButton.svelte';
+import Popover from '../Popover.svelte';
 export let json;
 export let level = 0;
 export let currentPath = '';
@@ -82,7 +83,7 @@ $: fullyCollapsed = keys.length > 1 && collapsed;
 					size="xs2"
 					variant="border"
 					on:click={collapse}
-					wrapperClasses="inline-flex w-fit"
+					wrapperClasses="!inline-flex w-fit"
 					btnClasses="font-mono h-4 text-2xs px-1 font-thin text-primary rounded-[0.275rem]"
 					>-</Button
 				>
@@ -155,6 +156,17 @@ $: fullyCollapsed = keys.length > 1 && collapsed;
 									<span class="text-2xs">null</span>
 								{:else if typeof json[key] == 'string'}
 									<span class="text-2xs">"{truncate(json[key], 200)}"</span>
+								{:else if typeof json[key] == 'number' && Number.isInteger(json[key]) && !Number.isSafeInteger(json[key])}
+									<span class="inline-flex flex-row gap-1 items-center text-2xs">
+										{truncate(JSON.stringify(json[key]), 200)}
+										<Popover>
+											<TriangleAlertIcon size={14} class="text-yellow-500 mb-0.5" />
+											<svelte:fragment slot="text">
+												This number is too large for the frontend to handle correctly and may be
+												rounded.
+											</svelte:fragment>
+										</Popover>
+									</span>
 								{:else}
 									<span class="text-2xs">
 										{truncate(JSON.stringify(json[key]), 200)}
@@ -207,7 +219,7 @@ $: fullyCollapsed = keys.length > 1 && collapsed;
 				size="xs2"
 				variant="border"
 				on:click={collapse}
-				wrapperClasses="inline-flex w-fit"
+				wrapperClasses="!inline-flex w-fit"
 				btnClasses="h-4 text-[9px] px-1  text-primary rounded-[0.275rem]"
 			>
 				{openBracket}{collapsedSymbol}{closeBracket}

package/package/components/propertyPicker/PropPicker.svelte

@@ -299,7 +299,6 @@ $: search, $inputMatches, $propPickerConfig, pickableProperties, updateState();
 							wrapperClasses="inline-flex whitespace-nowrap w-fit"
 							btnClasses="font-mono h-4 text-2xs font-thin px-1 rounded-[0.275rem]">-</Button
 						>
-
 						<ObjectViewer
 							{allowCopy}
 							pureViewer={!$propPickerConfig}

package/package/components/runs/JobLoader.svelte

@@ -16,7 +16,7 @@ export let showFutureJobs = true;
 export let argFilter;
 export let resultFilter = undefined;
 export let schedulePath = undefined;
-export let jobKindsCat;
+export let jobKindsCat = undefined;
 export let minTs = undefined;
 export let maxTs = undefined;
 export let jobKinds = '';
@@ -70,21 +70,11 @@ $: if (intervalId && !autoRefresh) {
     intervalId = undefined;
 }
 function computeJobKinds(jobKindsCat) {
+    if (jobKindsCat == undefined && jobKinds != undefined) {
+        return jobKinds;
+    }
     if (jobKindsCat == 'all') {
-        let kinds = [
-            'script',
-            'flow',
-            'dependencies',
-            'flowdependencies',
-            'appdependencies',
-            'preview',
-            'flowpreview',
-            'script_hub',
-            'flowscript',
-            'flownode',
-            'appscript',
-        ];
-        return kinds.join(',');
+        return '';
     }
     else if (jobKindsCat == 'dependencies') {
         let kinds = [
@@ -102,8 +92,18 @@ function computeJobKinds(jobKindsCat) {
         let kinds = ['deploymentcallback'];
         return kinds.join(',');
     }
+    else if (jobKindsCat == 'runs') {
+        let kinds = ['script', 'flow', 'singlescriptflow'];
+        return kinds.join(',');
+    }
     else {
-        let kinds = ['script', 'flow', 'flowscript', 'flownode', 'appscript'];
+        let kinds = [
+            'script',
+            'flow',
+            'flowscript',
+            'flownode',
+            'appscript'
+        ];
         return kinds.join(',');
     }
 }
@@ -135,7 +135,7 @@ async function fetchJobs(startedBefore, startedAfter, startedAfterCompletedJobs,
             createdBefore,
             createdBy: user === null || user === '' ? undefined : user,
             scriptPathStart: scriptPathStart,
-            jobKinds,
+            jobKinds: jobKindsCat == 'all' || jobKinds == '' ? undefined : jobKinds,
             success: success == 'success' ? true : success == 'failure' ? false : undefined,
             running: success == 'running' || success == 'suspended'
                 ? true
@@ -185,7 +185,7 @@ async function fetchExtendedJobs(concurrencyKey, startedBefore, startedAfter, st
             scriptPathExact: path === null || path === '' ? undefined : path,
             createdBy: user === null || user === '' ? undefined : user,
             scriptPathStart: folder === null || folder === '' ? undefined : `f/${folder}/`,
-            jobKinds,
+            jobKinds: jobKindsCat == 'all' || jobKinds == '' ? undefined : jobKinds,
             success: success == 'success' ? true : success == 'failure' ? false : undefined,
             running: success == 'running' ? true : undefined,
             isSkipped: isSkipped ? undefined : false,

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

@@ -15,7 +15,7 @@ declare const __propDef: {
         argFilter: string | undefined;
         resultFilter?: string | undefined;
         schedulePath?: string | undefined;
-        jobKindsCat: string;
+        jobKindsCat?: string | undefined;
         minTs?: string | undefined;
         maxTs?: string | undefined;
         jobKinds?: string | undefined;

package/package/components/runs/MobileFilters.svelte

@@ -1,17 +1,18 @@
-<script>import { Filter } from 'lucide-svelte';
-import { Popup, Button } from '../common';
+<script>// UNUSED FOR NOW
+import { Filter } from 'lucide-svelte';
+import { Button } from '../common';
+import Popover from '../meltComponents/Popover.svelte';
 </script>
 
-<Popup
-	floatingConfig={{ strategy: 'absolute', placement: 'bottom-end' }}
-	containerClasses="border rounded-lg shadow-lg p-4 bg-surface"
->
-	<svelte:fragment slot="button">
+<Popover floatingConfig={{ strategy: 'absolute', placement: 'bottom-end' }}>
+	<svelte:fragment slot="trigger">
 		<Button color="dark" size="xs" nonCaptureEvent={true} startIcon={{ icon: Filter }}>
 			Filters
 		</Button>
 	</svelte:fragment>
-	<div class="flex flex-col w-80">
-		<slot name="filters" />
-	</div>
-</Popup>
+	<svelte:fragment slot="content">
+		<div class="flex flex-col w-80 p-4">
+			<slot name="filters" />
+		</div>
+	</svelte:fragment>
+</Popover>

package/package/components/runs/PreprocessedArgsDisplay.svelte

@@ -7,13 +7,12 @@
 // import { json } from 'svelte-highlight/languages'
 // import { copyToClipboard } from '../../utils'
 // import { deepEqual } from 'fast-equals'
-export let flowStatus;
+export let preprocessed;
 // $: args =
 // 	'_metadata' in flowStatus && 'original_args' in flowStatus['_metadata']
 // 		? flowStatus['_metadata']['original_args']
 // 		: undefined
-$: hasPreprocessedArgs =
-    '_metadata' in flowStatus && !!flowStatus['_metadata']['preprocessed_args'];
+$: hasPreprocessedArgs = preprocessed === true;
 // $: argsStr = args !== undefined ? JSON.stringify(args, null, 4) : undefined
 // let jsonViewer: Drawer | undefined = undefined
 </script>

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

@@ -1,7 +1,7 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        flowStatus: any;
+        preprocessed: boolean | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;