windmill-components 1.306.13 → 1.309.3

package/package/components/LogViewer.svelte

@@ -1,9 +1,14 @@
+<script context="module">"use strict";
+const s3LogPrefix = '[windmill] Previous logs have been saved to object storage at logs/';
+</script>
+
 <script>import { ClipboardCopy, Download, Expand, Loader2 } from 'lucide-svelte';
 import { Button, Drawer, DrawerContent } from './common';
 import { copyToClipboard } from '../utils';
 import { workspaceStore } from '../stores';
 import AnsiUp from 'ansi_up';
 import NoWorkerWithTagWarning from './runs/NoWorkerWithTagWarning.svelte';
+import { JobService } from '../gen';
 export let content;
 export let isLoading;
 export let duration = undefined;
@@ -16,27 +21,62 @@ export let small = false;
 const ansi_up = new AnsiUp();
 let scroll = true;
 let div = null;
+// let downloadStartUrl: string | undefined = undefined
 let LOG_INC = 10000;
 let LOG_LIMIT = LOG_INC;
 let lastJobId = jobId;
+let loadedFromObjectStore = '';
 $: if (jobId !== lastJobId) {
     lastJobId = jobId;
+    loadedFromObjectStore = '';
     LOG_LIMIT = LOG_INC;
 }
-$: truncatedContent = content
-    ? (content.length ?? 0) > LOG_LIMIT
-        ? content?.slice(-LOG_LIMIT)
-        : content
-    : '';
+$: downloadStartUrl = truncatedContent.startsWith(s3LogPrefix)
+    ? truncatedContent.substring(s3LogPrefix.length, truncatedContent.indexOf('\n'))
+    : undefined;
+$: truncatedContent = truncateContent(content, loadedFromObjectStore, LOG_LIMIT);
+function truncateContent(jobContent, loadedFromObjectStore, limit) {
+    let content = loadedFromObjectStore + jobContent ?? '';
+    if (content.length > limit) {
+        return content.substring(content.length - limit);
+    }
+    return content;
+}
 $: if (content != undefined && isLoading) {
     isLoading = false;
 }
 $: truncatedContent && scrollToBottom();
-$: html = ansi_up.ansi_to_html(truncatedContent ?? '');
+$: html = ansi_up.ansi_to_html(downloadStartUrl
+    ? truncatedContent.substring(truncatedContent.indexOf('\n') + 2, truncatedContent.length)
+    : truncatedContent);
 export function scrollToBottom() {
     scroll && setTimeout(() => div?.scroll({ top: div?.scrollHeight, behavior: 'smooth' }), 100);
 }
 let logViewer;
+async function getStoreLogs() {
+    if (downloadStartUrl) {
+        scroll = false;
+        let res = (await JobService.getLogFileFromStore({
+            workspace: $workspaceStore ?? '',
+            path: downloadStartUrl
+        }));
+        downloadStartUrl = undefined;
+        LOG_LIMIT += Math.min(LOG_INC, res.length);
+        loadedFromObjectStore = res + loadedFromObjectStore;
+        let newC = truncateContent(content, loadedFromObjectStore, LOG_LIMIT);
+        LOG_LIMIT -= newC.indexOf('\n') + 1;
+    }
+    else {
+        console.error('No file detected to download from');
+    }
+}
+function showMoreTruncate(len) {
+    scroll = false;
+    LOG_LIMIT += LOG_INC;
+    console.log(LOG_INC, len, LOG_LIMIT);
+    let newC = truncateContent(content, loadedFromObjectStore, LOG_LIMIT);
+    LOG_LIMIT -= newC.indexOf('\n') + 1;
+}
 </script>
 
 <Drawer bind:this={logViewer} size="900px">
@@ -68,11 +108,13 @@ let logViewer;
 		<div>
 			<pre
 				class="bg-surface-secondary text-secondary text-xs w-full p-2 whitespace-pre-wrap border rounded-md"
-				>{#if content}{#if content?.length > LOG_LIMIT}(truncated to the last {LOG_LIMIT} characters)... <button
-							on:click={() => {
-								scroll = false
-								LOG_LIMIT = LOG_LIMIT + Math.min(LOG_INC, content?.length ?? 0 - LOG_LIMIT)
-							}}>Show more</button
+				>{#if content}{@const len =
+						(content?.length ?? 0) +
+						(loadedFromObjectStore?.length ?? 0)}{#if downloadStartUrl}<button
+							on:click={getStoreLogs}>Show more...</button
+						><br
+						/>{:else if len > LOG_LIMIT}(truncated to the last {LOG_LIMIT} characters)... <button
+							on:click={() => showMoreTruncate(len)}>Show more</button
 						>
 					{/if}{@html html}{:else if isLoading}Waiting for job to start...{:else}No logs are available yet{/if}</pre
 			>
@@ -81,7 +123,10 @@ let logViewer;
 </Drawer>
 
 <div class="relative w-full h-full {wrapperClass}">
-	<div bind:this={div} class="w-full h-full overflow-auto relative bg-surface-secondary">
+	<div
+		bind:this={div}
+		class="w-full h-full overflow-auto relative bg-surface-secondary max-h-screen"
+	>
 		<div class="sticky z-10 top-0 right-0 w-full flex flex-row-reverse justify-between text-sm">
 			<div class="flex gap-2 pl-0.5 bg-surface-secondary">
 				<div class="flex items-center">
@@ -129,14 +174,14 @@ let logViewer;
 			>
 		{/if}
 		<pre class="whitespace-pre-wrap break-words {small ? '!text-2xs' : '!text-xs'} w-full p-2"
-			>{#if content}{#if content?.length > LOG_LIMIT}(truncated to the last {LOG_LIMIT} characters)... <button
-						on:click={() => {
-							scroll = false
-							LOG_LIMIT = LOG_LIMIT + Math.min(LOG_INC, content?.length ?? 0 - LOG_LIMIT)
-						}}>Show more</button
-					>
-				{/if}<span>{@html html}</span>{:else if !isLoading}<span>No logs are available yet</span
-				>{/if}</pre
+			>{#if content}{@const len =
+					(content?.length ?? 0) +
+					(loadedFromObjectStore?.length ?? 0)}{#if downloadStartUrl}<button on:click={getStoreLogs}
+						>Show more...</button
+					><br />{:else if len > LOG_LIMIT}(truncated to the last {LOG_LIMIT} characters)<br
+					/><button on:click={() => showMoreTruncate(len)}>Show more..</button><br />{/if}<span
+					>{@html html}</span
+				>{:else if !isLoading}<span>No logs are available yet</span>{/if}</pre
 		>
 	</div>
 </div>

package/package/components/ModulePreview.svelte

@@ -1,4 +1,4 @@
-<script>import { ScriptService, Script, JobService } from '../gen';
+<script>import { ScriptService, JobService } from '../gen';
 import { workspaceStore } from '../stores';
 import { getScriptByPath } from '../scripts';
 import { CornerDownLeft, Loader2 } from 'lucide-svelte';
@@ -120,7 +120,7 @@ function jobDone() {
 							result={testJob.result}
 						>
 							<svelte:fragment slot="copilot-fix">
-								{#if lang && editor && diffEditor && stepArgs && testJob?.result?.error}
+								{#if lang && editor && diffEditor && stepArgs && typeof testJob?.result == 'object' && `error` in testJob?.result && testJob?.result.error}
 									<ScriptFix
 										error={JSON.stringify(testJob.result.error)}
 										{lang}

package/package/components/ModulePreview.svelte.d.ts

@@ -1,6 +1,6 @@
 import { SvelteComponent } from "svelte";
 import type { Schema } from '../common';
-import { type FlowModule, Script } from '../gen';
+import { type FlowModule, type Script } from '../gen';
 import type { PickableProperties } from './flows/previousResults';
 import type DiffEditor from './DiffEditor.svelte';
 import type Editor from './Editor.svelte';
@@ -9,7 +9,7 @@ declare const __propDef: {
         mod: FlowModule;
         schema: Schema;
         pickableProperties: PickableProperties | undefined;
-        lang: Script.language;
+        lang: Script['language'];
         editor: Editor | undefined;
         diffEditor: DiffEditor | undefined;
         noEditor?: boolean | undefined;

package/package/components/ModuleStatus.svelte

@@ -1,5 +1,4 @@
-<script>import { FlowStatusModule } from '../gen';
-import { Badge } from './common';
+<script>import { Badge } from './common';
 import { forLater } from '../forLater';
 import { displayDate } from '../utils';
 import { Hourglass } from 'lucide-svelte';
@@ -7,17 +6,17 @@ export let type;
 export let scheduled_for;
 </script>
 
-{#if type == FlowStatusModule.type.WAITING_FOR_EVENTS}
+{#if type == 'WaitingForEvents'}
 	<span class="italic text-waiting">
 		<Hourglass />
 		Waiting to be resumed by resume events such as approvals
 	</span>
-{:else if type == FlowStatusModule.type.WAITING_FOR_PRIOR_STEPS}
+{:else if type == 'WaitingForPriorSteps'}
 	<span class="italic text-tertiary">
 		<Hourglass />
 		Waiting for prior steps to complete
 	</span>
-{:else if type == FlowStatusModule.type.WAITING_FOR_EXECUTOR}
+{:else if type == 'WaitingForExecutor'}
 	<span class="italic text-tertiary">
 		<Hourglass />
 		{#if scheduled_for && forLater(scheduled_for.toString())}
@@ -26,9 +25,9 @@ export let scheduled_for;
 			Job is waiting for an executor
 		{/if}
 	</span>
-{:else if type == FlowStatusModule.type.SUCCESS}
+{:else if type == 'Success'}
 	<Badge color="green">Success</Badge>
-{:else if type == FlowStatusModule.type.FAILURE}
+{:else if type == 'Failure'}
 	<Badge color="red">Failure</Badge>
 {/if}
 

package/package/components/ModuleStatus.svelte.d.ts

@@ -1,8 +1,8 @@
 import { SvelteComponent } from "svelte";
-import { FlowStatusModule } from '../gen';
+import type { FlowStatusModule } from '../gen';
 declare const __propDef: {
     props: {
-        type: FlowStatusModule.type;
+        type: FlowStatusModule['type'];
         scheduled_for: Date | undefined;
     };
     events: {

package/package/components/MoveDrawer.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        openDrawer?: ((initialPath_l: string, summary_l: string | undefined, kind_l: "flow" | "script" | "app" | "resource" | "variable" | "schedule" | "raw_app") => Promise<void>) | undefined;
+        openDrawer?: ((initialPath_l: string, summary_l: string | undefined, kind_l: "script" | "flow" | "resource" | "schedule" | "app" | "variable" | "raw_app") => Promise<void>) | undefined;
     };
     events: {
         update: CustomEvent<any>;
@@ -14,6 +14,6 @@ export type MoveDrawerProps = typeof __propDef.props;
 export type MoveDrawerEvents = typeof __propDef.events;
 export type MoveDrawerSlots = typeof __propDef.slots;
 export default class MoveDrawer extends SvelteComponent<MoveDrawerProps, MoveDrawerEvents, MoveDrawerSlots> {
-    get openDrawer(): (initialPath_l: string, summary_l: string | undefined, kind_l: "flow" | "script" | "app" | "resource" | "variable" | "schedule" | "raw_app") => Promise<void>;
+    get openDrawer(): (initialPath_l: string, summary_l: string | undefined, kind_l: "script" | "flow" | "resource" | "schedule" | "app" | "variable" | "raw_app") => Promise<void>;
 }
 export {};

package/package/components/ParqetTableRenderer.svelte

@@ -13,7 +13,7 @@ let datasource = {
     getRows: async function (params) {
         try {
             const searchCol = params.filterModel ? Object.keys(params.filterModel)?.[0] : undefined;
-            const res = await HelpersService.loadParquetPreview({
+            const res = (await HelpersService.loadParquetPreview({
                 workspace: $workspaceStore,
                 path: s3resource,
                 offset: params.startRow,
@@ -22,9 +22,9 @@ let datasource = {
                 sortDesc: params.sortModel?.[0]?.sort == 'desc',
                 searchCol: searchCol,
                 searchTerm: searchCol ? params.filterModel?.[searchCol]?.filter : undefined
-            });
+            }));
             const data = [];
-            res.columns.forEach((c) => {
+            res?.columns?.forEach((c) => {
                 c.values.forEach((v, i) => {
                     if (data[i] == undefined) {
                         data.push({ __index: params.startRow + i });

package/package/components/Path.svelte.d.ts

@@ -10,7 +10,7 @@ declare const __propDef: {
         checkInitialPathExistence?: boolean | undefined;
         autofocus?: boolean | undefined;
         dirty?: boolean | undefined;
-        kind: "flow" | "script" | "app" | "resource" | "variable" | "schedule" | "raw_app";
+        kind: "script" | "flow" | "resource" | "schedule" | "app" | "variable" | "raw_app";
         focus?: (() => void) | undefined;
         setName?: ((x: string) => void) | undefined;
         reset?: (() => Promise<void>) | undefined;

package/package/components/ResultJobLoader.svelte.d.ts

@@ -51,7 +51,7 @@ export default class ResultJobLoader extends SvelteComponent<ResultJobLoaderProp
     } | undefined) => Promise<string>;
     get runScriptByPath(): (path: string | undefined, args: Record<string, any>) => Promise<string>;
     get runFlowByPath(): (path: string | undefined, args: Record<string, any>) => Promise<string>;
-    get runPreview(): (path: string | undefined, code: string, lang: import("../gen").Script.language, args: Record<string, any>, tag: string | undefined) => Promise<string>;
+    get runPreview(): (path: string | undefined, code: string, lang: "python3" | "deno" | "go" | "bash" | "powershell" | "postgresql" | "mysql" | "bigquery" | "snowflake" | "mssql" | "graphql" | "nativets" | "bun", args: Record<string, any>, tag: string | undefined) => Promise<string>;
     get cancelJob(): () => Promise<void>;
     get clearCurrentJob(): () => Promise<void>;
     get watchJob(): (testId: string, callbacks?: {

package/package/components/SavedInputs.svelte

@@ -1,5 +1,5 @@
 <script>import { Button } from './common';
-import { InputService, RunnableType, Job } from '../gen/index.js';
+import { InputService } from '../gen/index.js';
 import { userStore, workspaceStore } from '../stores.js';
 import { classNames, displayDate, sendUserToast } from '../utils.js';
 import { createEventDispatcher } from 'svelte';
@@ -25,12 +25,13 @@ let loading = false;
 let savingInputs = false;
 const dispatch = createEventDispatcher();
 $: runnableId = scriptHash || scriptPath || flowPath || undefined;
+let runnableType = undefined;
 $: runnableType = scriptHash
-    ? RunnableType.SCRIPT_HASH
+    ? 'ScriptHash'
     : scriptPath
-        ? RunnableType.SCRIPT_PATH
+        ? 'ScriptPath'
         : flowPath
-            ? RunnableType.FLOW_PATH
+            ? 'FlowPath'
             : undefined;
 async function loadInputHistory() {
     previousInputs = await InputService.getInputHistory({
@@ -52,7 +53,7 @@ async function saveInput(args) {
     savingInputs = true;
     const requestBody = {
         name: 'Saved ' + displayDate(new Date()),
-        args
+        args: args
     };
     try {
         let id = await InputService.createInput({

package/package/components/ScheduleEditorInner.svelte

@@ -10,7 +10,7 @@ import ErrorOrRecoveryHandler from './ErrorOrRecoveryHandler.svelte';
 import Toggle from './Toggle.svelte';
 import Tooltip from './Tooltip.svelte';
 import Dropdown from './DropdownV2.svelte';
-import { FlowService, ScheduleService, Script, ScriptService, SettingService } from '../gen';
+import { FlowService, ScheduleService, ScriptService, SettingService } from '../gen';
 import { enterpriseLicense, userStore, workspaceStore } from '../stores';
 import { canWrite, emptyString, formatCron, sendUserToast } from '../utils';
 import { createEventDispatcher } from 'svelte';
@@ -64,12 +64,12 @@ export async function openNew(nis_flow, initial_script_path) {
     let defaultErrorHandlerMaybe = undefined;
     let defaultRecoveryHandlerMaybe = undefined;
     if ($workspaceStore) {
-        defaultErrorHandlerMaybe = await SettingService.getGlobal({
+        defaultErrorHandlerMaybe = (await SettingService.getGlobal({
             key: 'default_error_handler_' + $workspaceStore
-        });
-        defaultRecoveryHandlerMaybe = await SettingService.getGlobal({
+        }));
+        defaultRecoveryHandlerMaybe = (await SettingService.getGlobal({
             key: 'default_recovery_handler_' + $workspaceStore
-        });
+        }));
     }
     edit = false;
     itemKind = nis_flow ? 'flow' : 'script';
@@ -469,7 +469,7 @@ let dirtyPath = false;
 					<ScriptPicker
 						disabled={initialScriptPath != '' || !can_write}
 						initialPath={initialScriptPath}
-						kinds={[Script.kind.SCRIPT]}
+						kinds={['script']}
 						allowFlow={true}
 						bind:itemKind
 						bind:scriptPath={script_path}

package/package/components/ScriptBuilder.svelte

@@ -1,4 +1,4 @@
-<script>import { DraftService, NewScript, Script, ScriptService, ScheduleService } from '../gen';
+<script>import { DraftService, ScriptService, ScheduleService } from '../gen';
 import { goto } from '$app/navigation';
 import { page } from '$app/stores';
 import { inferArgs } from '../infer';
@@ -73,26 +73,26 @@ $: langs = ($defaultScripts?.order ?? Object.keys(defaultScriptLanguages))
     .filter((x) => $defaultScripts?.hidden == undefined || !$defaultScripts.hidden.includes(x[1]));
 const scriptKindOptions = [
     {
-        value: Script.kind.SCRIPT,
+        value: 'script',
         title: 'Action',
         Icon: Code
     },
     {
-        value: Script.kind.TRIGGER,
+        value: 'trigger',
         title: 'Trigger',
         desc: 'First module of flows to trigger them based on external changes. These kind of scripts are usually running on a schedule to periodically look for changes.',
         documentationLink: 'https://www.windmill.dev/docs/flows/flow_trigger',
         Icon: Rocket
     },
     {
-        value: Script.kind.APPROVAL,
+        value: 'approval',
         title: 'Approval',
         desc: 'Send notifications externally to ask for approval to continue a flow.',
         documentationLink: 'https://www.windmill.dev/docs/flows/flow_approval',
         Icon: CheckCircle
     },
     {
-        value: Script.kind.FAILURE,
+        value: 'failure',
         title: 'Error Handler',
         desc: 'Handle errors in flows after all retry attempts have been exhausted.',
         documentationLink: 'https://www.windmill.dev/docs/flows/flow_error_handler',
@@ -510,7 +510,7 @@ let selectedTab = 'metadata';
 														} else {
 															template = 'script'
 														}
-														let language = lang == 'docker' ? Script.language.BASH : lang
+														let language = lang == 'docker' ? 'bash' : lang
 														//
 														initContent(language, script.kind, template)
 														script.language = language
@@ -689,9 +689,9 @@ let selectedTab = 'metadata';
 									<Toggle
 										disabled={!$enterpriseLicense ||
 											isCloudHosted() ||
-											(script.language != Script.language.BUN &&
-												script.language != Script.language.PYTHON3 &&
-												script.language != Script.language.DENO)}
+											(script.language != 'bun' &&
+												script.language != 'python3' &&
+												script.language != 'deno')}
 										size="sm"
 										checked={Boolean(script.dedicated_worker)}
 										on:change={() => {

package/package/components/ScriptBuilder.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import { NewScript, type NewScriptWithDraft } from '../gen';
+import { type NewScript, type NewScriptWithDraft } from '../gen';
 import type DiffDrawer from './DiffDrawer.svelte';
 declare const __propDef: {
     props: {

package/package/components/ScriptEditor.svelte

@@ -1,5 +1,5 @@
 <script>import { BROWSER } from 'esm-env';
-import { CompletedJob, Job, JobService } from '../gen';
+import { JobService } from '../gen';
 import { enterpriseLicense, userStore, workspaceStore } from '../stores';
 import { copyToClipboard, emptySchema, sendUserToast } from '../utils';
 import Editor from './Editor.svelte';

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

@@ -1,16 +1,16 @@
 import { SvelteComponent } from "svelte";
 import type { Schema, SupportedLanguage } from '../common';
+import { type Preview } from '../gen';
 import Editor from './Editor.svelte';
-import type { Preview } from '../gen/models/Preview';
 import DiffEditor from './DiffEditor.svelte';
 declare const __propDef: {
     props: {
         schema?: Schema | any;
         code: string;
         path: string | undefined;
-        lang: Preview.language;
+        lang: Preview['language'];
         kind?: string | undefined;
-        template?: "script" | "powershell" | "mysql" | "pgsql" | "docker" | undefined;
+        template?: "powershell" | "mysql" | "script" | "pgsql" | "docker" | undefined;
         tag: string | undefined;
         initialArgs?: Record<string, any> | undefined;
         fixedOverflowWidgets?: boolean | undefined;
@@ -37,7 +37,7 @@ export type ScriptEditorProps = typeof __propDef.props;
 export type ScriptEditorEvents = typeof __propDef.events;
 export type ScriptEditorSlots = typeof __propDef.slots;
 export default class ScriptEditor extends SvelteComponent<ScriptEditorProps, ScriptEditorEvents, ScriptEditorSlots> {
-    get inferSchema(): (code: string, nlang?: import("../gen").Script.language | undefined) => Promise<void>;
+    get inferSchema(): (code: string, nlang?: "python3" | "deno" | "go" | "bash" | "powershell" | "postgresql" | "mysql" | "bigquery" | "snowflake" | "mssql" | "graphql" | "nativets" | "bun" | undefined) => Promise<void>;
     get setCollaborationMode(): () => Promise<void>;
     get disableCollaboration(): () => void;
 }

package/package/components/ScriptPicker.svelte

@@ -1,4 +1,4 @@
-<script>import { ScriptService, FlowService, Script, AppService } from '../gen';
+<script>import { ScriptService, FlowService, AppService } from '../gen';
 import { workspaceStore } from '../stores';
 import { createEventDispatcher } from 'svelte';
 import Select from './apps/svelte-select/lib/index';
@@ -17,7 +17,7 @@ export let initialPath = undefined;
 export let scriptPath = undefined;
 export let allowFlow = false;
 export let itemKind = 'script';
-export let kinds = [Script.kind.SCRIPT];
+export let kinds = ['script'];
 export let disabled = false;
 export let allowRefresh = false;
 let items = [];

package/package/components/ScriptPicker.svelte.d.ts

@@ -1,12 +1,11 @@
 import { SvelteComponent } from "svelte";
-import { Script } from '../gen';
 declare const __propDef: {
     props: {
         initialPath?: string | undefined;
         scriptPath?: string | undefined;
         allowFlow?: boolean | undefined;
-        itemKind?: "flow" | "script" | "app" | undefined;
-        kinds?: Script.kind[] | undefined;
+        itemKind?: "script" | "flow" | "app" | undefined;
+        kinds?: ("script" | "failure" | "trigger" | "command" | "approval")[] | undefined;
         disabled?: boolean | undefined;
         allowRefresh?: boolean | undefined;
     };

package/package/components/ShareModal.svelte

@@ -1,6 +1,5 @@
 <script>import TableCustom from './TableCustom.svelte';
-import { GranularAclService } from '../gen/services/GranularAclService';
-import { GroupService, UserService } from '../gen';
+import { GroupService, UserService, GranularAclService } from '../gen';
 import { createEventDispatcher } from 'svelte';
 import AutoComplete from 'simple-svelte-autocomplete';
 import { userStore, workspaceStore } from '../stores';

package/package/components/ShareModal.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        openDrawer?: ((newPath: string, kind_l: "flow" | "script" | "app" | "resource" | "variable" | "schedule" | "raw_app" | "group_") => Promise<void>) | undefined;
+        openDrawer?: ((newPath: string, kind_l: "script" | "flow" | "resource" | "schedule" | "app" | "variable" | "group_" | "raw_app") => Promise<void>) | undefined;
     };
     events: {
         change: CustomEvent<any>;
@@ -14,6 +14,6 @@ export type ShareModalProps = typeof __propDef.props;
 export type ShareModalEvents = typeof __propDef.events;
 export type ShareModalSlots = typeof __propDef.slots;
 export default class ShareModal extends SvelteComponent<ShareModalProps, ShareModalEvents, ShareModalSlots> {
-    get openDrawer(): (newPath: string, kind_l: "flow" | "script" | "app" | "resource" | "variable" | "schedule" | "raw_app" | "group_") => Promise<void>;
+    get openDrawer(): (newPath: string, kind_l: "script" | "flow" | "resource" | "schedule" | "app" | "variable" | "group_" | "raw_app") => Promise<void>;
 }
 export {};

package/package/components/SuperadminSettings.svelte

@@ -1,4 +1,4 @@
-<script>import { UserService, GlobalUserInfo, SettingService } from '../gen';
+<script>import { UserService, SettingService } from '../gen';
 import TableCustom from './TableCustom.svelte';
 import InviteGlobalUser from './InviteGlobalUser.svelte';
 import { Button, Drawer, DrawerContent, Tab, Tabs } from './common';

package/package/components/TestConnection.svelte

@@ -1,4 +1,4 @@
-<script>import { CompletedJob, JobService, Preview } from '../gen';
+<script>import { JobService } from '../gen';
 import { Database, Loader2 } from 'lucide-svelte';
 import Button from './common/button/Button.svelte';
 import { sendUserToast } from '../toast';
@@ -56,7 +56,7 @@ export async function main(s3: S3) {
         argName: 'api',
         additionalCheck: (testResult) => {
             if (testResult.success &&
-                (typeof testResult.result !== 'object' || !('__typename' in testResult.result))) {
+                (typeof testResult.result !== 'object' || !('__typename' in (testResult.result ?? {})))) {
                 return {
                     ...testResult,
                     result: {

package/package/components/TestJobLoader.svelte

@@ -1,4 +1,4 @@
-<script>import { Job, JobService } from '../gen';
+<script>import { JobService } from '../gen';
 import { workspaceStore } from '../stores';
 import { onDestroy, tick } from 'svelte';
 import { createEventDispatcher } from 'svelte';

package/package/components/TestJobLoader.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import { Job } from '../gen';
+import { type Job } from '../gen';
 import type { SupportedLanguage } from '../common';
 declare const __propDef: {
     props: {
@@ -14,7 +14,7 @@ declare const __propDef: {
         runScriptByPath?: ((path: string | undefined, args: Record<string, any>) => Promise<string>) | undefined;
         runFlowByPath?: ((path: string | undefined, args: Record<string, any>) => Promise<string>) | undefined;
         getLogs?: (() => Promise<void>) | undefined;
-        runPreview?: ((path: string | undefined, code: string, lang: SupportedLanguage, args: Record<string, any>, tag: string | undefined, lock?: string) => Promise<string>) | undefined;
+        runPreview?: ((path: string | undefined, code: string, lang: SupportedLanguage | undefined, args: Record<string, any>, tag: string | undefined, lock?: string) => Promise<string>) | undefined;
         cancelJob?: (() => Promise<void>) | undefined;
         clearCurrentJob?: (() => Promise<void>) | undefined;
         watchJob?: ((testId: string) => Promise<void>) | undefined;
@@ -34,7 +34,7 @@ declare const __propDef: {
             abstractRun: (fn: () => Promise<string>) => Promise<string>;
             runScriptByPath: (path: string | undefined, args: Record<string, any>) => Promise<string>;
             runFlowByPath: (path: string | undefined, args: Record<string, any>) => Promise<string>;
-            runPreview: (path: string | undefined, code: string, lang: SupportedLanguage, args: Record<string, any>, tag: string | undefined, lock?: string) => Promise<string>;
+            runPreview: (path: string | undefined, code: string, lang: SupportedLanguage | undefined, args: Record<string, any>, tag: string | undefined, lock?: string) => Promise<string>;
             cancelJob: () => Promise<void>;
             clearCurrentJob: () => Promise<void>;
             watchJob: (testId: string) => Promise<void>;
@@ -51,7 +51,7 @@ export default class TestJobLoader extends SvelteComponent<TestJobLoaderProps, T
     get runScriptByPath(): (path: string | undefined, args: Record<string, any>) => Promise<string>;
     get runFlowByPath(): (path: string | undefined, args: Record<string, any>) => Promise<string>;
     get getLogs(): () => Promise<void>;
-    get runPreview(): (path: string | undefined, code: string, lang: import("../gen").Script.language, args: Record<string, any>, tag: string | undefined, lock?: string | undefined) => Promise<string>;
+    get runPreview(): (path: string | undefined, code: string, lang: "python3" | "deno" | "go" | "bash" | "powershell" | "postgresql" | "mysql" | "bigquery" | "snowflake" | "mssql" | "graphql" | "nativets" | "bun" | undefined, args: Record<string, any>, tag: string | undefined, lock?: string | undefined) => Promise<string>;
     get cancelJob(): () => Promise<void>;
     get clearCurrentJob(): () => Promise<void>;
     get watchJob(): (testId: string) => Promise<void>;

package/package/components/WorkspaceGroup.svelte

@@ -3,7 +3,7 @@ import { Alert, Button, Drawer } from './common';
 import Multiselect from 'svelte-multiselect';
 import ToggleButton from './common/toggleButton-v2/ToggleButton.svelte';
 import ToggleButtonGroup from './common/toggleButton-v2/ToggleButtonGroup.svelte';
-import { ConfigService, Preview } from '../gen';
+import { ConfigService } from '../gen';
 import ConfirmationModal from './common/confirmationModal/ConfirmationModal.svelte';
 import { createEventDispatcher } from 'svelte';
 import { sendUserToast } from '../toast';
@@ -654,7 +654,7 @@ let createdTags = [];
 						class="flex flex-1 grow h-full w-full"
 						automaticLayout
 						lang="shell"
-						scriptLang={Preview.language.BASH}
+						scriptLang={'bash'}
 						useWebsockets={false}
 						fixedOverflowWidgets={false}
 						listenEmptyChanges

package/package/components/apps/components/display/AppText.svelte

@@ -178,7 +178,7 @@ function autosize() {
 				{:else}
 					<!-- svelte-ignore a11y-click-events-have-key-events -->
 					<div
-						class="flex flex-wrap gap-2 pb-0.5 {$mode === 'dnd' &&
+						class="flex flex-wrap gap-2 pb-0.5 w-full {$mode === 'dnd' &&
 						(componentInput?.type == 'template' || componentInput?.type == 'templatev2')
 							? 'cursor-text'
 							: ''}"
@@ -186,7 +186,7 @@ function autosize() {
 						<svelte:element
 							this={component}
 							class={twMerge(
-								'whitespace-pre-wrap',
+								'whitespace-pre-wrap w-full',
 
 								css?.text?.class,
 								classes,