windmill-components 1.504.6 → 1.510.1

package/package/components/PullGitRepoPopover.svelte

@@ -0,0 +1,355 @@
+<script lang="ts">import { Button } from './common';
+import Popover from './meltComponents/Popover.svelte';
+import { Loader2, Eye, Save, CheckCircle2, XCircle, DownloadCloud, AlertTriangle, Terminal, ChevronDown, ChevronUp } from 'lucide-svelte';
+import { workspaceStore } from '../stores';
+import hubPaths from '../hubPaths.json';
+import { JobService } from '../gen';
+import { tryEvery } from '../utils';
+import { sendUserToast } from '../toast';
+import GitDiffPreview from './GitDiffPreview.svelte';
+import { page } from '$app/stores';
+let { gitRepoResourcePath, uiState, onFilterUpdate } = $props();
+let previewResult = $state(undefined);
+let isPreviewLoading = $state(false);
+let isPulling = $state(false);
+let pullGitRepoPopover = $state(null);
+let jobStatus = $state({
+    id: null,
+    status: undefined,
+    type: 'preview'
+});
+let isCliInfoExpanded = $state(false);
+async function handleJobCompletion(jobId, workspace) {
+    let success = false;
+    await tryEvery({
+        tryCode: async () => {
+            const result = await JobService.getCompletedJob({
+                workspace,
+                id: jobId
+            });
+            success = !!result.success;
+        },
+        timeoutCode: async () => {
+            try {
+                await JobService.cancelQueuedJob({
+                    workspace,
+                    id: jobId,
+                    requestBody: {
+                        reason: 'Job timed out after 5s'
+                    }
+                });
+            }
+            catch (err) {
+                console.error(err);
+            }
+        },
+        interval: 500,
+        timeout: 10000
+    });
+    return success;
+}
+async function previewChanges() {
+    const workspace = $workspaceStore;
+    if (!workspace)
+        return;
+    console.log('Previewing changes for repo:', gitRepoResourcePath);
+    isPreviewLoading = true;
+    jobStatus = { id: null, status: undefined, type: 'preview' };
+    try {
+        // Always use the simplified JSON approach
+        const jobId = await JobService.runScriptByPath({
+            workspace,
+            path: hubPaths.gitInitRepo,
+            requestBody: {
+                workspace_id: workspace,
+                repo_url_resource_path: gitRepoResourcePath,
+                dry_run: true,
+                pull: true,
+                only_wmill_yaml: false,
+                settings_json: JSON.stringify(uiState)
+            },
+            skipPreprocessor: true
+        });
+        jobStatus = { id: jobId, status: 'running', type: 'preview' };
+        const success = await handleJobCompletion(jobId, workspace);
+        if (success) {
+            const rawResult = await JobService.getCompletedJobResult({ workspace, id: jobId });
+            console.log('Preview result:', rawResult);
+            // Convert new CLI format to expected format
+            const added = [];
+            const deleted = [];
+            const modified = [];
+            if (rawResult &&
+                rawResult.changes &&
+                Array.isArray(rawResult.changes)) {
+                for (const change of rawResult.changes) {
+                    if (change.type === 'added') {
+                        added.push(change.path);
+                    }
+                    else if (change.type === 'deleted') {
+                        deleted.push(change.path);
+                    }
+                    else if (change.type === 'modified') {
+                        modified.push(change.path);
+                    }
+                }
+            }
+            // For full sync mode, just use the CLI results directly
+            // The CLI already handles wmill.yaml changes with --include-wmill-yaml flag
+            previewResult = { added, deleted, modified };
+            jobStatus.status = 'success';
+        }
+        else {
+            previewResult = undefined;
+            jobStatus.status = 'failure';
+        }
+    }
+    catch (error) {
+        console.error('Failed to preview changes:', error);
+        previewResult = undefined;
+        jobStatus = {
+            ...jobStatus,
+            status: 'failure',
+            error: error instanceof Error ? error.message : String(error)
+        };
+    }
+    finally {
+        isPreviewLoading = false;
+    }
+}
+async function pullFromRepo() {
+    const workspace = $workspaceStore;
+    if (!workspace)
+        return;
+    console.log('Pulling from repo:', gitRepoResourcePath);
+    isPulling = true;
+    jobStatus = { id: null, status: undefined, type: 'pull' };
+    try {
+        // Use init git repo script with dry_run: false (actual pull operation)
+        // The script will read wmill.yaml directly from the cloned repo, no need to pass settings
+        const jobId = await JobService.runScriptByPath({
+            workspace,
+            path: hubPaths.gitInitRepo,
+            requestBody: {
+                workspace_id: workspace,
+                repo_url_resource_path: gitRepoResourcePath,
+                dry_run: false,
+                branch_to_push: '',
+                only_wmill_yaml: false,
+                pull: true,
+                settings_json: undefined // Let script use wmill.yaml from repo
+            },
+            skipPreprocessor: true
+        });
+        jobStatus = { id: jobId, status: 'running', type: 'pull' };
+        const success = await handleJobCompletion(jobId, workspace);
+        jobStatus.status = success ? 'success' : 'failure';
+        if (success) {
+            // Get the result which should contain the local git repo settings as JSON
+            const result = (await JobService.getCompletedJobResult({ workspace, id: jobId }));
+            console.log('Pull result:', result);
+            // Apply the settings from the sync operation result to the UI
+            if (result?.settings_json) {
+                // Directly update the UI state with the JSON result - no YAML conversion needed!
+                const settingsJson = result.settings_json;
+                onFilterUpdate({
+                    include_path: settingsJson.include_path || ['f/**'],
+                    exclude_path: settingsJson.exclude_path || [],
+                    extra_include_path: settingsJson.extra_include_path || [],
+                    include_type: settingsJson.include_type || ['script', 'flow', 'app', 'folder']
+                });
+                sendUserToast('Successfully pulled workspace content from repository');
+                // Reset popover state after successful pull
+                previewResult = undefined;
+                jobStatus = { id: null, status: undefined, type: 'preview' };
+                pullGitRepoPopover?.close();
+            }
+            else {
+                console.warn('No settings_json returned from pull operation');
+                sendUserToast('Pull completed but could not update filter settings', true);
+            }
+        }
+    }
+    catch (error) {
+        console.error('Failed to pull from repo:', error);
+        jobStatus = {
+            ...jobStatus,
+            status: 'failure',
+            error: error instanceof Error ? error.message : String(error)
+        };
+    }
+    finally {
+        isPulling = false;
+    }
+}
+</script>
+
+<Popover
+	bind:this={pullGitRepoPopover}
+	floatingConfig={{
+		placement: 'top-start',
+		strategy: 'fixed',
+		flip: false,
+		shift: true
+	}}
+	contentClasses="p-4 w-1/3"
+>
+	<svelte:fragment slot="trigger">
+		<Button
+			color="dark"
+			size="sm"
+			nonCaptureEvent
+			onclick={pullGitRepoPopover?.open}
+			startIcon={{ icon: DownloadCloud }}
+		>
+			Pull workspace from Git repo
+		</Button>
+	</svelte:fragment>
+
+	<svelte:fragment slot="content" let:close>
+		<div class="flex flex-col gap-4">
+			<div class="flex flex-col gap-2">
+				<h3 class="text-lg font-semibold">Pull workspace from Git repository</h3>
+				<div class="prose max-w-none text-2xs text-tertiary">
+					This action will pull all workspace objects from your Git repository according to the
+					filters set in the Git repository wmill.yaml file and apply those filter settings to the
+					workspace.
+					<span class="text-orange-600 flex items-center gap-1">
+						<AlertTriangle size={14} /> This will overwrite your current workspace content and Git sync
+						filter settings with the content from the Git repository.
+					</span>
+
+					<!-- Collapsible CLI Info Section -->
+					<div class="mt-2 border rounded-md">
+						<button
+							class="w-full flex items-center justify-between p-1.5 bg-surface-secondary hover:bg-surface-hover"
+							onclick={() => (isCliInfoExpanded = !isCliInfoExpanded)}
+						>
+							<span class="font-medium flex items-center gap-2">
+								<Terminal size={14} />
+								Windmill CLI to push local files to Windmill
+							</span>
+							{#if isCliInfoExpanded}
+								<ChevronUp size={16} />
+							{:else}
+								<ChevronDown size={16} />
+							{/if}
+						</button>
+
+						{#if isCliInfoExpanded}
+							<div class="p-1 bg-surface-tertiary">
+								<div class="text-2xs mb-2">
+									Not familiar with Windmill CLI? <a
+										href="https://www.windmill.dev/docs/advanced/cli/sync"
+										class="text-blue-500 hover:text-blue-600 underline"
+										target="_blank"
+										rel="noopener noreferrer">Check out the docs</a
+									>
+								</div>
+								<div class="font-mono text-2xs">
+									<pre class="overflow-auto max-h-60"
+										><code
+											>npm install -g windmill-cli
+# Clone your git repository
+git clone $REPO_URL
+cd $REPO_NAME
+# Configure Windmill CLI
+wmill workspace add {$workspaceStore} {$workspaceStore} {`${$page.url.protocol}//${$page.url.hostname}/`}
+# Push the content to Windmill
+wmill sync push --yes
+# Optional: add --skip-secrets --skip-variables --skip-resources flags as needed</code
+										></pre
+									>
+								</div>
+							</div>
+						{/if}
+					</div>
+				</div>
+			</div>
+
+			{#if previewResult}
+				<GitDiffPreview {previewResult} />
+			{/if}
+
+			{#if jobStatus.id}
+				<div class="flex items-center gap-2 text-xs text-tertiary">
+					{#if jobStatus.status === 'running'}
+						<Loader2 class="animate-spin" size={14} />
+					{:else if jobStatus.status === 'success'}
+						<CheckCircle2 size={14} class="text-green-600" />
+					{:else if jobStatus.status === 'failure'}
+						<XCircle size={14} class="text-red-700" />
+					{/if}
+					{jobStatus.type === 'preview' ? 'Preview' : 'Pull'} job:
+					<a
+						target="_blank"
+						class="underline"
+						href={`/run/${jobStatus.id}?workspace=${$workspaceStore}`}
+					>
+						{jobStatus.id}
+					</a>
+				</div>
+				{#if jobStatus.error}
+					<div class="text-xs text-red-600">{jobStatus.error}</div>
+				{/if}
+			{/if}
+
+			<div class="flex justify-between items-center mt-4">
+				<Button
+					color="light"
+					size="xs"
+					on:click={() => {
+						previewResult = undefined
+						jobStatus = { id: null, status: undefined, type: 'preview' }
+						close()
+					}}
+					disabled={isPreviewLoading || isPulling}
+				>
+					Cancel
+				</Button>
+				<div class="flex gap-2">
+					{#if !previewResult}
+						<Button
+							size="xs"
+							on:click={previewChanges}
+							disabled={isPreviewLoading || isPulling}
+							startIcon={{
+								icon: isPreviewLoading ? Loader2 : Eye,
+								classes: isPreviewLoading ? 'animate-spin' : ''
+							}}
+						>
+							Preview
+						</Button>
+					{:else}
+						<Button
+							size="xs"
+							on:click={previewChanges}
+							disabled={isPreviewLoading || isPulling}
+							startIcon={{
+								icon: isPreviewLoading ? Loader2 : Eye,
+								classes: isPreviewLoading ? 'animate-spin' : ''
+							}}
+							title="Preview changes again"
+						>
+							Preview
+						</Button>
+						{#if previewResult.added?.length || previewResult.deleted?.length || previewResult.modified?.length}
+							<Button
+								color="red"
+								size="xs"
+								on:click={pullFromRepo}
+								disabled={isPreviewLoading || isPulling}
+								startIcon={{
+									icon: isPulling ? Loader2 : Save,
+									classes: isPulling ? 'animate-spin' : ''
+								}}
+							>
+								{isPulling ? 'Pulling...' : 'Pull'}
+							</Button>
+						{/if}
+					{/if}
+				</div>
+			</div>
+		</div>
+	</svelte:fragment>
+</Popover>

package/package/components/PullGitRepoPopover.svelte.d.ts

@@ -0,0 +1,18 @@
+type $$ComponentProps = {
+    gitRepoResourcePath: string;
+    uiState: {
+        include_path: string[];
+        exclude_path: string[];
+        extra_include_path: string[];
+        include_type: string[];
+    };
+    onFilterUpdate: (filters: {
+        include_path: string[];
+        exclude_path: string[];
+        extra_include_path: string[];
+        include_type: string[];
+    }) => void;
+};
+declare const PullGitRepoPopover: import("svelte").Component<$$ComponentProps, {}, "">;
+type PullGitRepoPopover = ReturnType<typeof PullGitRepoPopover>;
+export default PullGitRepoPopover;

package/package/components/S3FilePicker.svelte

@@ -1,4 +1,4 @@
-<script lang="ts">import { run, createBubbler, stopPropagation } from 'svelte/legacy';
+<script lang="ts">import { createBubbler, stopPropagation } from 'svelte/legacy';
 const bubble = createBubbler();
 import { File as FileIcon, FolderClosed, FolderOpen, RotateCw, Loader2, Download, Trash, FileUp, MoveRight } from 'lucide-svelte';
 import { workspaceStore } from '../stores';
@@ -47,8 +47,9 @@ let filter = $state('');
 let timeout = undefined;
 let firstLoad = true;
 let secondaryStorageNames = usePromise(() => SettingService.getSecondaryStorageNames({ workspace: $workspaceStore }), { loadInit: false });
+let wasOpen = $state(false);
 $effect(() => {
-    $workspaceStore && untrack(() => secondaryStorageNames.refresh());
+    wasOpen && $workspaceStore && untrack(() => secondaryStorageNames.refresh());
 });
 function onFilterChange() {
     if (!firstLoad) {
@@ -294,6 +295,7 @@ async function moveS3File(srcFileKey, destFileKey) {
 }
 let storage = $state(undefined);
 export async function open(_preSelectedFileKey = undefined) {
+    wasOpen = true;
     const preSelectedFileKey = _preSelectedFileKey && parseS3Object(_preSelectedFileKey);
     storage = preSelectedFileKey?.storage;
     if (preSelectedFileKey !== undefined) {
@@ -394,7 +396,7 @@ function selectItem(index, toggleCollapsed = true) {
         loadFileMetadataPlusPreviewAsync(selectedFileKey.s3);
     }
 }
-run(() => {
+$effect.pre(() => {
     filter != undefined && untrack(() => onFilterChange());
 });
 </script>

package/package/components/SavedInputs.svelte

@@ -10,7 +10,7 @@ import { ArrowLeftIcon, Edit, ExternalLink, X } from 'lucide-svelte';
 import Toggle from './Toggle.svelte';
 import Tooltip from './Tooltip.svelte';
 import TimeAgo from './TimeAgo.svelte';
-import JobLoader from './runs/JobLoader.svelte';
+import JobsLoader from './runs/JobsLoader.svelte';
 import Skeleton from './common/skeleton/Skeleton.svelte';
 import SaveInputsButton from './SaveInputsButton.svelte';
 export let scriptHash = null;
@@ -118,7 +118,7 @@ async function loadLargeArgs(id, input, allowLarge) {
 </script>
 
 {#if runnableId}
-	<JobLoader
+	<JobsLoader
 		bind:jobs
 		path={runnableId}
 		isSkipped={false}

package/package/components/ScriptBuilder.svelte

@@ -361,7 +361,7 @@ async function editScript(stay, parentHash, deploymentMsg, triggersToDeploy) {
                 has_preprocessor: script.has_preprocessor,
                 deployment_message: deploymentMsg || undefined,
                 on_behalf_of_email: script.on_behalf_of_email,
-                fallback_access_types: script.fallback_access_types
+                assets: script.assets
             }
         });
         if (!initialPath) {
@@ -488,7 +488,8 @@ async function saveDraft(forceSave = false) {
                     visible_to_runner_only: script.visible_to_runner_only,
                     no_main_func: script.no_main_func,
                     has_preprocessor: script.has_preprocessor,
-                    on_behalf_of_email: script.on_behalf_of_email
+                    on_behalf_of_email: script.on_behalf_of_email,
+                    assets: script.assets
                 }
             });
         }
@@ -1557,12 +1558,12 @@ async function loadWorkerTags() {
 			kind={script.kind}
 			{template}
 			tag={script.tag}
-			bind:fallbackAccessTypes={script.fallback_access_types}
 			lastSavedCode={savedScript?.draft?.content}
 			lastDeployedCode={savedScript?.draft_only ? undefined : savedScript?.content}
 			bind:args
 			bind:hasPreprocessor
 			bind:captureTable
+			bind:assets={script.assets}
 		/>
 	</div>
 {:else}

package/package/components/ScriptEditor.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">import { BROWSER } from 'esm-env';
-import { AssetService, JobService } from '../gen';
+import { JobService } from '../gen';
 import { copilotInfo, enterpriseLicense, userStore, workspaceStore } from '../stores';
 import { copyToClipboard, emptySchema, sendUserToast } from '../utils';
 import Editor from './Editor.svelte';
@@ -8,7 +8,7 @@ import { Pane, Splitpanes } from 'svelte-splitpanes';
 import SchemaForm from './SchemaForm.svelte';
 import LogPanel from './scriptEditor/LogPanel.svelte';
 import EditorBar, { EDITOR_BAR_WIDTH_THRESHOLD } from './EditorBar.svelte';
-import TestJobLoader from './TestJobLoader.svelte';
+import JobLoader from './JobLoader.svelte';
 import JobProgressBar from './jobs/JobProgressBar.svelte';
 import { createEventDispatcher, onDestroy, onMount, untrack } from 'svelte';
 import { Button } from './common';
@@ -34,9 +34,8 @@ import { getStringError } from './copilot/chat/utils';
 import { aiChatManager, AIMode } from './copilot/chat/AIChatManager.svelte';
 import { triggerableByAI } from '../actions/triggerableByAI.svelte';
 import AssetsDropdownButton from './assets/AssetsDropdownButton.svelte';
-import { usePromise } from '../svelte5Utils.svelte';
 import { assetEq } from './assets/lib';
-let { schema = $bindable(), code = $bindable(), path, lang, kind = undefined, template = 'script', tag, fixedOverflowWidgets = true, noSyncFromGithub = false, editor = $bindable(undefined), diffEditor = $bindable(undefined), collabMode = false, edit = true, noHistory = false, saveToWorkspace = false, watchChanges = false, customUi = undefined, args = $bindable(), selectedTab = $bindable('main'), hasPreprocessor = $bindable(false), captureTable = $bindable(undefined), showCaptures = true, stablePathForCaptures = '', lastSavedCode = undefined, lastDeployedCode = undefined, disableAi = false, editor_bar_right, fallbackAccessTypes = $bindable() } = $props();
+let { schema = $bindable(), code = $bindable(), path, lang, kind = undefined, template = 'script', tag, fixedOverflowWidgets = true, noSyncFromGithub = false, editor = $bindable(undefined), diffEditor = $bindable(undefined), collabMode = false, edit = true, noHistory = false, saveToWorkspace = false, watchChanges = false, customUi = undefined, args = $bindable(), selectedTab = $bindable('main'), hasPreprocessor = $bindable(false), captureTable = $bindable(undefined), showCaptures = true, stablePathForCaptures = '', lastSavedCode = undefined, lastDeployedCode = undefined, disableAi = false, assets = $bindable(), editor_bar_right } = $props();
 $effect.pre(() => {
     if (schema == undefined) {
         schema = emptySchema();
@@ -58,29 +57,22 @@ $effect(() => {
         (code != undefined || schema != undefined) &&
         dispatch('change', { code, schema });
 });
-let parsedAssets = usePromise(() => inferAssets(lang, code), { clearValueOnRefresh: false });
 $effect(() => {
-    untrack(() => parsedAssets.refresh()), [lang, code];
-});
-// Load initial fallbackAccessTypes
-if (edit && path) {
-    AssetService.listAssetsByUsage({
-        workspace: $workspaceStore,
-        requestBody: { usages: [{ path, kind: 'script' }] }
-    }).then((arr) => {
-        const v = arr[0];
-        setTimeout(() => {
-            for (const a of parsedAssets.value ?? []) {
-                const fallback = v.find((a2) => assetEq(a2, a))?.access_type;
-                if (!a.access_type && fallback) {
-                    fallbackAccessTypes = [...(fallbackAccessTypes ?? []), { ...a, access_type: fallback }];
-                }
+    ;
+    [lang, code];
+    untrack(() => {
+        inferAssets(lang, code).then((newAssets) => {
+            for (const asset of newAssets) {
+                const old = assets?.find((a) => assetEq(a, asset));
+                if (old?.alt_access_type)
+                    asset.alt_access_type = old.alt_access_type;
             }
-        }, 200);
+            assets = newAssets;
+        });
     });
-}
+});
 let width = $state(1200);
-let testJobLoader = $state(undefined);
+let jobLoader = $state(undefined);
 let isValid = $state(true);
 let scriptProgress = $state(undefined);
 let logPanel = $state(undefined);
@@ -119,9 +111,17 @@ export async function runTest() {
     if (jobProgressReset)
         jobProgressReset();
     //@ts-ignore
-    let job = await testJobLoader.runPreview(path, code, lang, selectedTab === 'preprocessor' || kind === 'preprocessor'
+    let job = await jobLoader.runPreview(path, code, lang, selectedTab === 'preprocessor' || kind === 'preprocessor'
         ? { _ENTRYPOINT_OVERRIDE: 'preprocessor', ...(args ?? {}) }
-        : (args ?? {}), tag);
+        : (args ?? {}), tag, undefined, undefined, {
+        done(_x) {
+            loadPastTests();
+        },
+        doneError({ error }) {
+            console.error(error);
+            // sendUserToast('Error running test', true)
+        }
+    });
     logPanel?.setFocusToLogs();
     return job;
 }
@@ -304,10 +304,10 @@ $effect(() => {
 });
 </script>
 
-<TestJobLoader
-	on:done={loadPastTests}
+<JobLoader
+	noCode={true}
 	bind:scriptProgress
-	bind:this={testJobLoader}
+	bind:this={jobLoader}
 	bind:isLoading={testIsLoading}
 	bind:job={testJob}
 />
@@ -401,8 +401,8 @@ $effect(() => {
 		<Pane bind:size={codePanelSize} minSize={10} class="!overflow-visible">
 			<div class="h-full !overflow-visible bg-gray-50 dark:bg-[#272D38] relative">
 				<div class="absolute top-2 right-4 z-10 flex flex-row gap-2">
-					{#if parsedAssets.value?.length}
-						<AssetsDropdownButton assets={parsedAssets.value} bind:fallbackAccessTypes />
+					{#if assets?.length}
+						<AssetsDropdownButton {assets} />
 					{/if}
 					{#if testPanelSize === 0}
 						<HideButton
@@ -435,6 +435,9 @@ $effect(() => {
 								}}
 								btnClasses="!text-violet-800 dark:!text-violet-400 border border-gray-200 dark:border-gray-600 bg-surface"
 								on:click={() => {
+									if (!aiChatManager.open) {
+										aiChatManager.changeMode(AIMode.SCRIPT)
+									}
 									aiChatManager.toggleOpen()
 								}}
 							>
@@ -532,7 +535,7 @@ $effect(() => {
 						/>
 					</div>
 					{#if testIsLoading}
-						<Button on:click={testJobLoader?.cancelJob} btnClasses="w-full" color="red" size="xs">
+						<Button on:click={jobLoader?.cancelJob} btnClasses="w-full" color="red" size="xs">
 							<WindmillIcon
 								white={true}
 								class="mr-2 text-white"

package/package/components/ScriptEditor.svelte.d.ts

@@ -4,7 +4,7 @@ import Editor from './Editor.svelte';
 import DiffEditor from './DiffEditor.svelte';
 import type { ScriptEditorWhitelabelCustomUi } from './custom_ui';
 import CaptureTable from './triggers/CaptureTable.svelte';
-import { type AssetWithAccessType } from './assets/lib';
+import { type AssetWithAltAccessType } from './assets/lib';
 interface Props {
     schema?: Schema | any;
     code: string;
@@ -33,8 +33,8 @@ interface Props {
     lastSavedCode?: string | undefined;
     lastDeployedCode?: string | undefined;
     disableAi?: boolean;
+    assets?: AssetWithAltAccessType[];
     editor_bar_right?: import('svelte').Snippet;
-    fallbackAccessTypes?: AssetWithAccessType[];
 }
 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> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
@@ -74,6 +74,6 @@ declare const ScriptEditor: $$__sveltets_2_IsomorphicComponent<Props, {
     setCollaborationMode: () => Promise<void>;
     disableCollaboration: () => void;
     updateArgs: (newArgs: Record<string, any>) => Promise<void>;
-}, "args" | "code" | "schema" | "editor" | "selectedTab" | "diffEditor" | "hasPreprocessor" | "fallbackAccessTypes" | "captureTable">;
+}, "args" | "code" | "assets" | "schema" | "editor" | "selectedTab" | "diffEditor" | "hasPreprocessor" | "captureTable">;
 type ScriptEditor = InstanceType<typeof ScriptEditor>;
 export default ScriptEditor;

package/package/components/ServiceLogsInner.svelte

@@ -17,7 +17,7 @@ import SplitPanesOrColumnOnMobile from './splitPanes/SplitPanesOrColumnOnMobile.
 import Select from './select/Select.svelte';
 import { goto } from '../navigation';
 import { page } from '$app/stores';
-let { searchTerm, queryParseErrors = $bindable() } = $props();
+let { searchTerm, queryParseErrors = $bindable(), tagLabel } = $props();
 let minTs = $state(undefined);
 let maxTs = $state(undefined);
 let minTsManual = $state($page.url.searchParams.get('minTs') ?? undefined);
@@ -688,6 +688,7 @@ $effect(() => {
 												noMaxH
 												isLoading={false}
 												tag={undefined}
+												{tagLabel}
 												content={processLogWithJsonFmt(
 													logsContent[file.file_path].content,
 													file.json_fmt

package/package/components/ServiceLogsInner.svelte.d.ts

@@ -1,6 +1,7 @@
 interface Props {
     searchTerm: string;
     queryParseErrors?: string[];
+    tagLabel?: string;
 }
 declare const ServiceLogsInner: import("svelte").Component<Props, {
     getLogFile: (hostname: string, path: string) => Promise<void>;

package/package/components/UserSettings.svelte

@@ -27,7 +27,7 @@ function handleTokenCreated(event) {
 }
 </script>
 
-<Drawer bind:this={drawer} size="800px" on:close={removeHash}>
+<Drawer bind:this={drawer} size="900px" on:close={removeHash}>
 	<DrawerContent title="User Settings" on:close={closeDrawer}>
 		<div class="flex flex-col h-full">
 			{#if scopes == undefined}