windmill-components 1.623.1 → 1.642.0

package/package/components/assets/JobAssetsViewer.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">import { ResourceService } from '../../gen';
 import { inferAssets } from '../../infer';
-import { workspaceStore } from '../../stores';
+import { globalDbManagerDrawer, workspaceStore } from '../../stores';
 import { usePromise } from '../../svelte5Utils.svelte';
 import { pruneNullishArray, uniqueBy } from '../../utils';
-import DbManagerDrawer from '../DBManagerDrawer.svelte';
 import ResourceEditorDrawer from '../ResourceEditorDrawer.svelte';
 import S3FilePicker from '../S3FilePicker.svelte';
 import AssetButtons from './AssetButtons.svelte';
@@ -37,7 +36,7 @@ let resourceDataCache = $state({});
 $effect(() => {
     for (const asset of assets.value ?? []) {
         if (asset.kind == 'resource') {
-            let truncatedPath = asset.path.split('/').slice(0, 3).join('/');
+            let truncatedPath = asset.path.split('?table=')[0];
             if (truncatedPath in resourceDataCache)
                 continue;
             resourceDataCache[truncatedPath] = undefined; // avoid fetching multiple times because of async
@@ -48,7 +47,7 @@ $effect(() => {
     }
 });
 let s3FilePicker = $state();
-let dbManagerDrawer = $state();
+let dbManagerDrawer = $derived(globalDbManagerDrawer.val);
 let resourceEditorDrawer = $state();
 </script>
 
@@ -62,7 +61,7 @@ let resourceEditorDrawer = $state();
 						{formatAssetKind({
 							...asset,
 							...(asset.kind === 'resource'
-								? { metadata: { resource_type: resourceDataCache[asset.path] } }
+								? { metadata: { resource_type: resourceDataCache[asset.path.split('?table=')[0]] } }
 								: {})
 						})}
 					</span>
@@ -82,5 +81,4 @@ let resourceEditorDrawer = $state();
 {/if}
 
 <S3FilePicker bind:this={s3FilePicker} readOnlyMode />
-<DbManagerDrawer bind:this={dbManagerDrawer} />
 <ResourceEditorDrawer bind:this={resourceEditorDrawer} />

package/package/components/assets/assetsFilter.d.ts

@@ -0,0 +1,50 @@
+import { FileCode, FolderIcon, Box, Braces } from 'lucide-svelte';
+export declare function buildAssetsFilterSchema({ paths, assetKinds }: {
+    paths: string[];
+    assetKinds: string[];
+}): {
+    asset_path: {
+        type: "string";
+        label: string;
+        icon: typeof FolderIcon;
+        description: string;
+    };
+    asset_kinds: {
+        type: "oneof";
+        options: {
+            label: string;
+            value: string;
+        }[];
+        allowCustomValue: false;
+        allowNegative: false;
+        allowMultiple: true;
+        label: string;
+        icon: typeof Box;
+        description: string;
+    };
+    usage_path: {
+        type: "string";
+        label: string;
+        icon: typeof FileCode;
+        description: string;
+    };
+    path: {
+        type: "oneof";
+        options: {
+            label: string;
+            value: string;
+        }[];
+        allowCustomValue: true;
+        allowNegative: false;
+        allowMultiple: false;
+        label: string;
+        icon: typeof FileCode;
+        description: string;
+    };
+    columns: {
+        type: "string";
+        label: string;
+        icon: typeof Braces;
+        description: string;
+    };
+};

package/package/components/assets/assetsFilter.js

@@ -0,0 +1,43 @@
+import { FileCode, FolderIcon, Box, Braces } from 'lucide-svelte';
+export function buildAssetsFilterSchema({ paths, assetKinds }) {
+    return {
+        asset_path: {
+            type: 'string',
+            label: 'Asset path pattern',
+            icon: FolderIcon,
+            description: 'Filter by asset path pattern (case-insensitive)'
+        },
+        asset_kinds: {
+            type: 'oneof',
+            options: assetKinds.map((s) => ({ label: s, value: s })),
+            allowCustomValue: false,
+            allowNegative: false,
+            allowMultiple: true,
+            label: 'Asset kind',
+            icon: Box,
+            description: 'Filter by asset kind (s3object, resource, variable, etc.)'
+        },
+        usage_path: {
+            type: 'string',
+            label: 'Usage path pattern',
+            icon: FileCode,
+            description: 'Filter by usage path pattern (case-insensitive)'
+        },
+        path: {
+            type: 'oneof',
+            options: paths.map((s) => ({ label: s, value: s })),
+            allowCustomValue: true,
+            allowNegative: false,
+            allowMultiple: false,
+            label: 'Asset path',
+            icon: FileCode,
+            description: 'Filter by exact asset path'
+        },
+        columns: {
+            type: 'string',
+            label: 'Columns',
+            icon: Braces,
+            description: 'Filter by comma-separated column names (e.g., col1,col2,col3)'
+        }
+    };
+}

package/package/components/assets/lib.d.ts

@@ -2,14 +2,16 @@ import type { AssetKind as _AssetKind, Asset as _Asset, ListAssetsResponse, Asse
 export type Asset = _Asset;
 export type AssetKind = _AssetKind;
 export type AssetWithAccessType = Asset & {
-    access_type?: AssetUsageAccessType;
+    access_type?: AssetUsageAccessType | null;
 };
 export type AssetWithAltAccessType = AssetWithAccessType & {
-    alt_access_type?: AssetUsageAccessType;
+    alt_access_type?: AssetUsageAccessType | null;
+    columns?: Record<string, AssetUsageAccessType>;
 };
+export type AssetUsage = ListAssetsResponse['assets'][number]['usages'][number];
 export declare function formatAsset(asset: Asset): string;
 export declare function formatShortAssetPath(asset: Asset): string;
-export declare function getAssetUsagePageUri(usage: ListAssetsResponse[number]['usages'][number]): string | undefined;
+export declare function getAssetUsagePageUri(usage: AssetUsage): string | undefined;
 export declare function assetEq(a: Asset | undefined, b: Asset | undefined): boolean;
 export declare function assetsEq(a: Asset[], b: Asset[]): boolean;
 export declare function parseAssetFromString(s: string): Asset | undefined;
@@ -19,7 +21,7 @@ export declare function formatAssetKind(asset: {
         resource_type?: string;
     };
 }): string;
-export declare function formatAssetAccessType(accessType: AssetUsageAccessType | undefined): "Read" | "Write" | "R/W" | "?";
+export declare function formatAssetAccessType(accessType: AssetUsageAccessType | undefined): "Read" | "Write" | "R/W" | undefined;
 export declare function getAccessType(asset: AssetWithAltAccessType): AssetUsageAccessType | undefined;
 export declare function getFlowModuleAssets(flowModuleValue: FlowModule, additionalAssetsMap?: Record<string, AssetWithAccessType[]>): AssetWithAccessType[] | undefined;
 export declare function parseInputArgsAssets(args: ScriptArgs): AssetWithAccessType[];

package/package/components/assets/lib.js

@@ -13,7 +13,14 @@ export function formatAsset(asset) {
     return 'unknown';
 }
 export function formatShortAssetPath(asset) {
-    return asset.path.split('/').pop() || asset.path;
+    if (asset.kind === 'datatable' && asset.path === 'main')
+        return 'Main data table';
+    if (asset.kind === 'ducklake' && asset.path === 'main')
+        return 'Main ducklake';
+    const s = asset.path.split('/').pop() || asset.path;
+    if (s.includes('?table='))
+        return s.split('?table=')[1];
+    return s;
 }
 export function getAssetUsagePageUri(usage) {
     if (usage.kind === 'script') {
@@ -22,6 +29,9 @@ export function getAssetUsagePageUri(usage) {
     else if (usage.kind === 'flow') {
         return `/flows/get/${usage.path}`;
     }
+    else if (usage.kind === 'job') {
+        return `/run/${usage.path}`;
+    }
 }
 export function assetEq(a, b) {
     if (!a || !b)
@@ -77,7 +87,6 @@ export function formatAssetAccessType(accessType) {
         case 'rw':
             return 'R/W';
     }
-    return '?';
 }
 export function getAccessType(asset) {
     if (asset.access_type)

package/package/components/auditLogs/AuditLogsFilters.svelte

@@ -18,7 +18,7 @@ import Button from '../common/button/Button.svelte';
 import CalendarPicker from '../common/calendarPicker/CalendarPicker.svelte';
 import { AuditService, ResourceService, UserService, ScriptService, FlowService, AppService, CancelError } from '../../gen';
 import { userStore, workspaceStore } from '../../stores';
-import { ChevronDown, Loader2, RefreshCcw } from 'lucide-svelte';
+import { ChevronDown, Download, Loader2, RefreshCcw } from 'lucide-svelte';
 import { onDestroy, untrack } from 'svelte';
 import ToggleButtonGroup from '../common/toggleButton-v2/ToggleButtonGroup.svelte';
 import ToggleButton from '../common/toggleButton-v2/ToggleButton.svelte';
@@ -218,6 +218,24 @@ const operations = {
 };
 let refresh = $state(0);
 let lastRefresh = $state(-1);
+function downloadAuditLogsAsJson() {
+    if (!logs || logs.length === 0) {
+        sendUserToast('No audit logs to download', true);
+        return;
+    }
+    const jsonContent = JSON.stringify(logs, null, 2);
+    const blob = new Blob([jsonContent], { type: 'application/json' });
+    const url = URL.createObjectURL(blob);
+    const timestamp = new Date().toISOString().replace(/[:.]/g, '-');
+    const filename = `audit_logs_${$workspaceStore}_${timestamp}.json`;
+    const link = document.createElement('a');
+    link.href = url;
+    link.download = filename;
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    URL.revokeObjectURL(url);
+}
 // observe all the variables that should trigger an update
 $effect(() => {
     ;
@@ -235,9 +253,9 @@ $effect(() => {
 });
 </script>
 
-<div class="flex flex-col items-center gap-10 2xl:gap-1 2xl:flex-row mt-4 xl:mt-0">
+<div class="flex flex-col items-center gap-2 2xl:flex-row mt-4 xl:mt-0 pr-2">
 	{#if $workspaceStore == 'admins'}
-		<div class="flex gap-1 relative w-full">
+		<div class="flex gap-1 relative">
 			<span class="text-xs absolute font-semibold text-emphasis -top-4">Scope</span>
 			<ToggleButtonGroup
 				selected={scope ?? 'admins'}
@@ -268,7 +286,7 @@ $effect(() => {
 			</ToggleButtonGroup>
 		</div>
 	{/if}
-	<div class="flex gap-1 relative w-full">
+	<div class="flex relative">
 		<span class="text-xs absolute font-semibold text-emphasis -top-4">From</span>
 		<input type="text" value={after ?? 'From'} disabled />
 		<CalendarPicker
@@ -284,7 +302,7 @@ $effect(() => {
 			}}
 		/>
 	</div>
-	<div class="flex gap-1 relative w-full">
+	<div class="flex relative">
 		<span class="text-xs absolute font-semibold text-emphasis -top-4">To</span>
 		<input type="text" value={before ?? 'To'} disabled />
 		<CalendarPicker
@@ -301,12 +319,10 @@ $effect(() => {
 		/>
 	</div>
 
-	<div class="flex gap-1 relative w-full">
+	<div class="flex relative">
 		<span class="text-xs absolute font-semibold text-emphasis -top-4">Username</span>
 		<Select
 			bind:value={username}
-			class="w-full"
-			disablePortal
 			RightIcon={ChevronDown}
 			items={usernames
 				? [
@@ -322,41 +338,35 @@ $effect(() => {
 				: []}
 		/>
 	</div>
-	<div class="flex gap-1 relative w-full">
+	<div class="flex relative">
 		<span class="text-xs absolute font-semibold text-emphasis -top-4">Resource</span>
 
 		<Select
-			disablePortal
 			onCreateItem={(r) => (resources.value?.push(r), (resource = r))}
 			createText="Press enter to use this value"
 			bind:value={resource}
 			items={safeSelectItems(['all', ...(resources.value ?? [])])}
 			inputClass="dark:!bg-gray-700"
 			RightIcon={ChevronDown}
-			class="w-full"
 		/>
 	</div>
 
-	<div class="flex gap-1 relative w-full">
+	<div class="flex relative">
 		<span class="text-xs absolute font-semibold text-emphasis -top-4">Operation</span>
 
 		<Select
-			disablePortal
 			bind:value={operation}
 			items={['all', ...Object.values(operations)].map((r) => ({ value: r, label: r }))}
 			inputClass="dark:!bg-gray-700"
 			RightIcon={ChevronDown}
-			class="w-full"
 		/>
 	</div>
 
-	<div class="flex gap-1 relative w-full">
+	<div class="flex relative">
 		<span class="text-xs absolute font-semibold text-emphasis -top-4">Action</span>
 
 		<Select
-			class="w-full"
 			bind:value={actionKind}
-			disablePortal
 			RightIcon={ChevronDown}
 			items={[
 				{ value: 'all', label: 'all' },
@@ -368,7 +378,7 @@ $effect(() => {
 		/>
 	</div>
 
-	<div class="flex flex-row gap-1">
+	<div class="flex flex-row">
 		<Button
 			variant="subtle"
 			on:click={() => {
@@ -386,6 +396,17 @@ $effect(() => {
 		>
 			Clear filters
 		</Button>
+		<Button
+			variant="subtle"
+			on:click={downloadAuditLogsAsJson}
+			unifiedSize="md"
+			title="Downloads currently displayed logs only (up to {perPage} entries)"
+		>
+			<div class="flex flex-row gap-1 items-center">
+				<Download size={14} />
+				Download JSON
+			</div>
+		</Button>
 		<Button
 			variant="accent"
 			on:click={() => {

package/package/components/auditLogs/AuditLogsFilters.svelte.d.ts

@@ -14,6 +14,6 @@ interface Props {
     scope?: undefined | 'all_workspaces' | 'instance';
     loading?: boolean;
 }
-declare const AuditLogsFilters: import("svelte").Component<Props, {}, "resource" | "username" | "operation" | "logs" | "before" | "after" | "loading" | "perPage" | "hasMore" | "pageIndex" | "actionKind" | "scope">;
+declare const AuditLogsFilters: import("svelte").Component<Props, {}, "resource" | "username" | "operation" | "logs" | "before" | "after" | "loading" | "perPage" | "hasMore" | "scope" | "pageIndex" | "actionKind">;
 type AuditLogsFilters = ReturnType<typeof AuditLogsFilters>;
 export default AuditLogsFilters;

package/package/components/common/CloseButton.svelte

@@ -2,13 +2,14 @@
 import Button from './button/Button.svelte';
 import { X } from 'lucide-svelte';
 import { twMerge } from 'tailwind-merge';
-let { noBg = false, small = false, Icon, class: className, onClick } = $props();
+let { noBg = false, small = false, Icon, class: className, id, onClick } = $props();
 const dispatch = createEventDispatcher();
 </script>
 
 <Button
 	on:click={() => (dispatch('close'), onClick?.())}
 	on:pointerdown={(e) => e.stopPropagation()}
+	{id}
 	startIcon={{ icon: Icon ?? X }}
 	iconOnly
 	unifiedSize="sm"

package/package/components/common/CloseButton.svelte.d.ts

@@ -3,6 +3,7 @@ interface Props {
     small?: boolean;
     Icon?: any | undefined;
     class?: string;
+    id?: string | undefined;
     onClick?: () => void | undefined | any;
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {