windmill-components 1.473.1 → 1.493.3

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

@@ -1,53 +1,70 @@
-import { SvelteComponent } from "svelte";
-import { type NewScript, type NewScriptWithDraft } from '../gen';
+import { type NewScript } from '../gen';
 import type DiffDrawer from './DiffDrawer.svelte';
 import type { ScriptBuilderWhitelabelCustomUi } from './custom_ui';
 import type { ScheduleTrigger } from './triggers';
 import type { SavedAndModifiedValue } from './common/confirmationModal/unsavedTypes';
 import type { ScriptBuilderFunctionExports } from './scriptBuilder';
-declare const __propDef: {
-    props: {
-        script: NewScript;
-        fullyLoaded?: boolean | undefined;
-        initialPath?: string | undefined;
-        template?: "script" | "bunnative" | "docker" | undefined;
-        initialArgs?: Record<string, any> | undefined;
-        lockedLanguage?: boolean | undefined;
-        showMeta?: boolean | undefined;
-        neverShowMeta?: boolean | undefined;
-        diffDrawer?: DiffDrawer | undefined;
-        savedScript?: NewScriptWithDraft | undefined;
-        searchParams?: URLSearchParams | undefined;
-        disableHistoryChange?: boolean | undefined;
-        replaceStateFn?: ((url: string) => void) | undefined;
-        customUi?: ScriptBuilderWhitelabelCustomUi | undefined;
-        savedPrimarySchedule?: ScheduleTrigger | undefined;
-        functionExports?: ((exports: ScriptBuilderFunctionExports) => void) | undefined;
-        getInitialAndModifiedValues?: (() => SavedAndModifiedValue) | undefined;
-        setPrimarySchedule?: ((schedule: ScheduleTrigger | undefined | false) => void) | undefined;
-        setCode?: ((code: string) => void) | undefined;
+import { type NewScriptWithDraftAndDraftTriggers, type Trigger } from './triggers/utils';
+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> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        focus: FocusEvent;
-        deploy: CustomEvent<any>;
-        deployError: CustomEvent<any>;
-        saveInitial: CustomEvent<any>;
-        saveDraft: CustomEvent<any>;
-        saveDraftError: CustomEvent<any>;
-        seeDetails: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type ScriptBuilderProps = typeof __propDef.props;
-export type ScriptBuilderEvents = typeof __propDef.events;
-export type ScriptBuilderSlots = typeof __propDef.slots;
-export default class ScriptBuilder extends SvelteComponent<ScriptBuilderProps, ScriptBuilderEvents, ScriptBuilderSlots> {
-    get getInitialAndModifiedValues(): () => SavedAndModifiedValue;
-    get setPrimarySchedule(): (schedule: false | ScheduleTrigger | undefined) => void;
-    get setCode(): (code: string) => void;
+    z_$$bindings?: Bindings;
 }
-export {};
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const ScriptBuilder: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    script: NewScript & {
+        draft_triggers?: Trigger[];
+    };
+    fullyLoaded?: boolean;
+    initialPath?: string;
+    template?: "docker" | "bunnative" | "script";
+    initialArgs?: Record<string, any>;
+    lockedLanguage?: boolean;
+    showMeta?: boolean;
+    neverShowMeta?: boolean;
+    diffDrawer?: DiffDrawer | undefined;
+    savedScript?: NewScriptWithDraftAndDraftTriggers | undefined;
+    searchParams?: URLSearchParams;
+    disableHistoryChange?: boolean;
+    replaceStateFn?: (url: string) => void;
+    customUi?: ScriptBuilderWhitelabelCustomUi;
+    savedPrimarySchedule?: ScheduleTrigger | undefined;
+    functionExports?: ((exports: ScriptBuilderFunctionExports) => void) | undefined;
+    getInitialAndModifiedValues?: () => SavedAndModifiedValue;
+    setPrimarySchedule?: (schedule: ScheduleTrigger | undefined | false) => void;
+    setDraftTriggers?: (triggers: Trigger[] | undefined) => void;
+    setCode?: (code: string) => void;
+}, {
+    default: {};
+}>, {
+    focus: FocusEvent;
+    deploy: CustomEvent<any>;
+    deployError: CustomEvent<any>;
+    saveInitial: CustomEvent<any>;
+    saveDraft: CustomEvent<any>;
+    saveDraftError: CustomEvent<any>;
+    seeDetails: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {
+    getInitialAndModifiedValues: () => SavedAndModifiedValue;
+    setPrimarySchedule: (schedule: ScheduleTrigger | undefined | false) => void;
+    setDraftTriggers: (triggers: Trigger[] | undefined) => void;
+    setCode: (code: string) => void;
+}, string>;
+type ScriptBuilder = InstanceType<typeof ScriptBuilder>;
+export default ScriptBuilder;

package/package/components/ScriptEditor.svelte

@@ -1,6 +1,6 @@
-<script>import { BROWSER } from 'esm-env';
+<script lang="ts">import { BROWSER } from 'esm-env';
 import { JobService } from '../gen';
-import { enterpriseLicense, userStore, workspaceStore } from '../stores';
+import { copilotInfo, enterpriseLicense, userStore, workspaceStore } from '../stores';
 import { copyToClipboard, emptySchema, sendUserToast } from '../utils';
 import Editor from './Editor.svelte';
 import { inferArgs } from '../infer';
@@ -19,14 +19,19 @@ import { scriptLangToEditorLang } from '../scripts';
 import { WebsocketProvider } from 'y-websocket';
 import Modal from './common/modal/Modal.svelte';
 import DiffEditor from './DiffEditor.svelte';
-import { Clipboard, CornerDownLeft, Github, Play } from 'lucide-svelte';
+import { Clipboard, CornerDownLeft, ExternalLink, Github, Play, PlayIcon, WandSparkles } from 'lucide-svelte';
 import { setLicense } from '../enterpriseUtils';
 import Tabs from './common/tabs/Tabs.svelte';
 import Tab from './common/tabs/Tab.svelte';
 import { slide } from 'svelte/transition';
 import CaptureTable from './triggers/CaptureTable.svelte';
 import CaptureButton from './triggers/CaptureButton.svelte';
+import AIChat from './copilot/chat/AIChat.svelte';
 import { setContext } from 'svelte';
+import HideButton from './apps/editor/settingsPanel/HideButton.svelte';
+import { base } from '../base';
+import { SUPPORTED_CHAT_SCRIPT_LANGUAGES } from './copilot/chat/core';
+import { createDispatcherIfMounted } from '../createDispatcherIfMounted';
 // Exported
 export let schema = emptySchema();
 export let code;
@@ -50,7 +55,13 @@ export let args = initialArgs;
 export let selectedTab = 'main';
 export let hasPreprocessor = false;
 export let captureTable = undefined;
+export let showCaptures = true;
+export let stablePathForCaptures = '';
+export let lastSavedCode = undefined;
+export let lastDeployedCode = undefined;
+let showHistoryDrawer = false;
 let jobProgressReset;
+let diffMode = false;
 let websocketAlive = {
     pyright: false,
     deno: false,
@@ -59,9 +70,10 @@ let websocketAlive = {
     shellcheck: false
 };
 const dispatch = createEventDispatcher();
+const dispatchIfMounted = createDispatcherIfMounted(dispatch);
 $: watchChanges &&
     (code != undefined || schema != undefined) &&
-    dispatch('change', { code, schema });
+    dispatchIfMounted('change', { code, schema });
 let width = 1200;
 let testJobLoader;
 let isValid = true;
@@ -88,6 +100,14 @@ function onKeyDown(event) {
         event.preventDefault();
         runTest();
     }
+    else if ((event.ctrlKey || event.metaKey) && event.key == 'l') {
+        event.preventDefault();
+        toggleAiPanel();
+    }
+    else if ((event.ctrlKey || event.metaKey) && event.key == 'u') {
+        event.preventDefault();
+        toggleTestPanel();
+    }
 }
 export function setArgs(nargs) {
     args = nargs;
@@ -97,7 +117,9 @@ export async function runTest() {
     if (jobProgressReset)
         jobProgressReset();
     //@ts-ignore
-    let job = await testJobLoader.runPreview(path, code, lang, selectedTab === 'preprocessor' ? { _ENTRYPOINT_OVERRIDE: 'preprocessor', ...args } : args, tag);
+    let job = await testJobLoader.runPreview(path, code, lang, selectedTab === 'preprocessor' || kind === 'preprocessor'
+        ? { _ENTRYPOINT_OVERRIDE: 'preprocessor', ...args }
+        : args, tag);
     setFocusToLogs();
     return job;
 }
@@ -112,12 +134,19 @@ async function loadPastTests() {
 export async function inferSchema(code, nlang, resetArgs = false) {
     let nschema = schema ?? emptySchema();
     try {
-        const result = await inferArgs(nlang ?? lang, code, nschema, selectedTab === 'preprocessor' ? 'preprocessor' : undefined);
-        hasPreprocessor =
-            (selectedTab === 'preprocessor' ? !result?.no_main_func : result?.has_preprocessor) ?? false;
-        if (!hasPreprocessor && selectedTab === 'preprocessor') {
+        const result = await inferArgs(nlang ?? lang, code, nschema, selectedTab === 'preprocessor' || kind === 'preprocessor' ? 'preprocessor' : undefined);
+        if (kind === 'preprocessor') {
+            hasPreprocessor = false;
             selectedTab = 'main';
         }
+        else {
+            hasPreprocessor =
+                (selectedTab === 'preprocessor' ? !result?.no_main_func : result?.has_preprocessor) ??
+                    false;
+            if (!hasPreprocessor && selectedTab === 'preprocessor') {
+                selectedTab = 'main';
+            }
+        }
         validCode = true;
         if (resetArgs) {
             args = {};
@@ -210,6 +239,73 @@ export async function updateArgs(newArgs) {
 }
 let setFocusToLogs = () => { };
 setContext('disableTooltips', customUi?.disableTooltips === true);
+let aiPanelSize = !$copilotInfo.enabled ||
+    !SUPPORTED_CHAT_SCRIPT_LANGUAGES.includes(lang ?? '') ||
+    localStorage.getItem('aiPanelOpen') === 'false'
+    ? 0
+    : 30;
+let codePanelSize = 40 + (30 - aiPanelSize);
+let storedAiPanelSize = aiPanelSize > 0 ? aiPanelSize : 30;
+let testPanelSize = 30;
+let storedTestPanelSize = testPanelSize;
+function toggleAiPanel() {
+    if (!$copilotInfo.enabled)
+        return;
+    if (aiPanelSize > 0) {
+        storedAiPanelSize = aiPanelSize;
+        codePanelSize += aiPanelSize;
+        aiPanelSize = 0;
+        localStorage.setItem('aiPanelOpen', 'false');
+    }
+    else {
+        codePanelSize -= storedAiPanelSize;
+        aiPanelSize = storedAiPanelSize;
+        localStorage.setItem('aiPanelOpen', 'true');
+    }
+}
+function addSelectedLinesToAiChat(e) {
+    if (aiChat) {
+        aiChat.addSelectedLinesToContext(e.detail.lines, e.detail.startLine, e.detail.endLine);
+        aiChat.focusTextArea();
+    }
+}
+$: !SUPPORTED_CHAT_SCRIPT_LANGUAGES.includes(lang ?? '') && aiPanelSize > 0 && toggleAiPanel();
+function toggleTestPanel() {
+    if (testPanelSize > 0) {
+        storedTestPanelSize = testPanelSize;
+        codePanelSize += testPanelSize;
+        testPanelSize = 0;
+    }
+    else {
+        codePanelSize -= storedTestPanelSize;
+        testPanelSize = storedTestPanelSize;
+    }
+}
+let aiChat = undefined;
+function getStringError(job) {
+    if (job != undefined &&
+        job.type === 'CompletedJob' &&
+        typeof job.result == 'object' &&
+        job.result != null &&
+        `error` in job.result &&
+        job.result.error) {
+        return JSON.stringify(job.result.error, null, 2);
+    }
+    return undefined;
+}
+function showDiffMode() {
+    diffMode = true;
+    diffEditor?.setOriginal(lastDeployedCode ?? '');
+    diffEditor?.setModified(editor?.getCode() ?? '');
+    diffEditor?.show();
+    editor?.hide();
+}
+function hideDiffMode() {
+    diffMode = false;
+    diffEditor?.hide();
+    editor?.show();
+}
+$: error = getStringError(testJob);
 </script>
 
 <TestJobLoader
@@ -246,7 +342,9 @@ setContext('disableTooltips', customUi?.disableTooltips === true);
 					setCollaborationMode()
 				}
 			}}
-			customUi={customUi?.editorBar}
+			on:showDiffMode={showDiffMode}
+			on:hideDiffMode={hideDiffMode}
+			customUi={{ ...customUi?.editorBar, aiGen: false }}
 			collabLive={wsProvider?.shouldConnect}
 			{collabMode}
 			{validCode}
@@ -263,6 +361,11 @@ setContext('disableTooltips', customUi?.disableTooltips === true);
 			{args}
 			{noHistory}
 			{saveToWorkspace}
+			lastDeployedCode={lastDeployedCode && lastDeployedCode !== code
+				? lastDeployedCode
+				: undefined}
+			{diffMode}
+			bind:showHistoryDrawer
 		>
 			<slot name="editor-bar-right" slot="right" />
 		</EditorBar>
@@ -286,8 +389,54 @@ setContext('disableTooltips', customUi?.disableTooltips === true);
 </div>
 <SplitPanesWrapper>
 	<Splitpanes class="!overflow-visible">
-		<Pane size={60} minSize={10} class="!overflow-visible">
-			<div class="h-full !overflow-visible bg-gray-50 dark:bg-[#272D38]">
+		<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 aiPanelSize === 0}
+						{#if customUi?.editorBar?.aiGen != false && SUPPORTED_CHAT_SCRIPT_LANGUAGES.includes(lang ?? '')}
+							<HideButton
+								hidden={true}
+								direction="right"
+								panelName="AI"
+								shortcut="L"
+								size="md"
+								usePopoverOverride={!$copilotInfo.enabled}
+								customHiddenIcon={WandSparkles}
+								btnClasses="!text-violet-800 dark:!text-violet-400 border border-gray-200 dark:border-gray-600 bg-surface"
+								on:click={() => {
+									toggleAiPanel()
+								}}
+							>
+								<svelte:fragment slot="popoverOverride">
+									<div class="text-sm">
+										Enable Windmill AI in the <a
+											href="{base}/workspace_settings?tab=ai"
+											target="_blank"
+											class="inline-flex flex-row items-center gap-1"
+										>
+											workspace settings <ExternalLink size={16} />
+										</a>
+									</div>
+								</svelte:fragment>
+							</HideButton>
+						{/if}
+						{#if testPanelSize === 0}
+							<HideButton
+								hidden={true}
+								direction="right"
+								size="md"
+								panelName="Test"
+								shortcut="U"
+								customHiddenIcon={PlayIcon}
+								on:click={() => {
+									toggleTestPanel()
+								}}
+								btnClasses="bg-marine-400 hover:bg-marine-200 !text-primary-inverse hover:!text-primary-inverse hover:dark:!text-primary-inverse dark:bg-marine-50 dark:hover:bg-marine-50/70"
+								color="marine"
+							/>
+						{/if}
+					{/if}
+				</div>
 				{#key lang}
 					<Editor
 						lineNumbersMinChars={4}
@@ -302,6 +451,10 @@ setContext('disableTooltips', customUi?.disableTooltips === true);
 							inferSchema(e.detail)
 						}}
 						on:saveDraft
+						on:toggleAiPanel={toggleAiPanel}
+						on:addSelectedLinesToAiChat={addSelectedLinesToAiChat}
+						on:toggleTestPanel={toggleTestPanel}
+						isAiPanelOpen={aiPanelSize > 0}
 						cmdEnterAction={async () => {
 							await inferSchema(code)
 							runTest()
@@ -316,7 +469,6 @@ setContext('disableTooltips', customUi?.disableTooltips === true);
 							dispatch('format')
 						}}
 						class="flex flex-1 h-full !overflow-visible"
-						lang={scriptLangToEditorLang(lang)}
 						scriptLang={lang}
 						automaticLayout={true}
 						{fixedOverflowWidgets}
@@ -328,11 +480,67 @@ setContext('disableTooltips', customUi?.disableTooltips === true);
 						automaticLayout
 						defaultLang={scriptLangToEditorLang(lang)}
 						{fixedOverflowWidgets}
+						showButtons={diffMode}
+						on:hideDiffMode={hideDiffMode}
+						on:seeHistory={() => {
+							showHistoryDrawer = true
+						}}
 					/>
 				{/key}
 			</div>
 		</Pane>
-		<Pane size={40} minSize={10}>
+		{#if lang && $copilotInfo.enabled}
+			<Pane bind:size={aiPanelSize} minSize={0}>
+				<AIChat
+					bind:this={aiChat}
+					{code}
+					{lang}
+					{error}
+					{args}
+					{path}
+					on:applyCode={(e) => {
+						hideDiffMode()
+						editor?.reviewAndApplyCode(e.detail.code)
+					}}
+					on:showDiffMode={showDiffMode}
+					{lastSavedCode}
+					{lastDeployedCode}
+					{diffMode}
+				>
+					<svelte:fragment slot="header-left">
+						<HideButton
+							hidden={false}
+							direction="right"
+							panelName="AI"
+							shortcut="L"
+							size="md"
+							on:click={() => {
+								toggleAiPanel()
+							}}
+						/>
+					</svelte:fragment>
+					<svelte:fragment slot="header-right">
+						{#if testPanelSize === 0}
+							<div class="bg-gray-200 h-6 w-[1px] rounded-full dark:bg-gray-600"></div>
+							<HideButton
+								hidden={true}
+								direction="right"
+								panelName="Test"
+								shortcut="U"
+								size="md"
+								customHiddenIcon={PlayIcon}
+								on:click={() => {
+									toggleTestPanel()
+								}}
+								btnClasses="bg-marine-400 hover:bg-marine-200 !text-primary-inverse hover:!text-primary-inverse hover:dark:!text-primary-inverse dark:bg-marine-50 dark:hover:bg-marine-50/70"
+								color="marine"
+							/>
+						{/if}
+					</svelte:fragment>
+				</AIChat>
+			</Pane>
+		{/if}
+		<Pane bind:size={testPanelSize} minSize={0}>
 			<div class="flex flex-col h-full">
 				{#if showTabs}
 					<div transition:slide={{ duration: 200 }}>
@@ -347,7 +555,19 @@ setContext('disableTooltips', customUi?.disableTooltips === true);
 					</div>
 				{/if}
 
-				<div class="flex justify-center pt-1">
+				<div class="flex justify-center pt-1 relative">
+					<div class="absolute top-2 left-2">
+						<HideButton
+							hidden={false}
+							direction="right"
+							panelName="Test"
+							shortcut="U"
+							size="md"
+							on:click={() => {
+								toggleTestPanel()
+							}}
+						/>
+					</div>
 					{#if testIsLoading}
 						<Button on:click={testJobLoader?.cancelJob} btnClasses="w-full" color="red" size="xs">
 							<WindmillIcon
@@ -432,6 +652,10 @@ setContext('disableTooltips', customUi?.disableTooltips === true);
 					<Pane size={67} class="relative">
 						<LogPanel
 							bind:setFocusToLogs
+							on:fix={() => {
+								aiChat?.fix()
+							}}
+							fixChatMode
 							{lang}
 							previewJob={testJob}
 							{pastPreviews}
@@ -439,7 +663,7 @@ setContext('disableTooltips', customUi?.disableTooltips === true);
 							{editor}
 							{diffEditor}
 							{args}
-							showCaptures={true}
+							{showCaptures}
 							customUi={customUi?.previewPanel}
 						>
 							{#if scriptProgress}
@@ -458,7 +682,7 @@ setContext('disableTooltips', customUi?.disableTooltips === true);
 										{hasPreprocessor}
 										canHavePreprocessor={lang === 'bun' || lang === 'deno' || lang === 'python3'}
 										isFlow={false}
-										path={path ?? ''}
+										path={stablePathForCaptures}
 										canEdit={true}
 										on:applyArgs
 										on:updateSchema

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

@@ -1,75 +1,83 @@
-import { SvelteComponent } from "svelte";
 import type { Schema, SupportedLanguage } from '../common';
 import { type Preview } from '../gen';
 import Editor from './Editor.svelte';
 import DiffEditor from './DiffEditor.svelte';
 import type { ScriptEditorWhitelabelCustomUi } from './custom_ui';
 import CaptureTable from './triggers/CaptureTable.svelte';
-declare const __propDef: {
-    props: {
-        schema?: Schema | any;
-        code: string;
-        path: string | undefined;
-        lang: Preview['language'];
-        kind?: string | undefined;
-        template?: "script" | "powershell" | "mysql" | "bunnative" | "docker" | "pgsql" | undefined;
-        tag: string | undefined;
-        initialArgs?: Record<string, any> | undefined;
-        fixedOverflowWidgets?: boolean | undefined;
-        noSyncFromGithub?: boolean | undefined;
-        editor?: Editor | undefined;
-        diffEditor?: DiffEditor | undefined;
-        collabMode?: boolean | undefined;
-        edit?: boolean | undefined;
-        noHistory?: boolean | undefined;
-        saveToWorkspace?: boolean | undefined;
-        watchChanges?: boolean | undefined;
-        customUi?: ScriptEditorWhitelabelCustomUi | undefined;
-        args?: Record<string, any> | undefined;
-        selectedTab?: "preprocessor" | "main" | undefined;
-        hasPreprocessor?: boolean | undefined;
-        captureTable?: CaptureTable | undefined;
-        setArgs?: ((nargs: Record<string, any>) => void) | undefined;
-        runTest?: (() => Promise<string>) | undefined;
-        inferSchema?: ((code: string, nlang?: SupportedLanguage, resetArgs?: boolean) => Promise<void>) | undefined;
-        setCollaborationMode?: (() => Promise<void>) | undefined;
-        disableCollaboration?: (() => void) | undefined;
-        updateArgs?: ((newArgs: Record<string, any>) => Promise<void>) | undefined;
+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> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        createScriptFromInlineScript: CustomEvent<any>;
-        saveDraft: CustomEvent<any>;
-        openTriggers: CustomEvent<any>;
-        applyArgs: CustomEvent<{
-            kind: "preprocessor" | "main";
-            args: Record<string, any> | undefined;
-        }>;
-        updateSchema: CustomEvent<{
-            payloadData: any;
-            redirect: boolean;
-            args?: boolean | undefined;
-        }>;
-        addPreprocessor: CustomEvent<null>;
-        format: CustomEvent<any>;
-        change: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        'editor-bar-right': {
-            slot: string;
-        };
-    };
-};
-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 setArgs(): (nargs: Record<string, any>) => void;
-    get runTest(): () => Promise<string>;
-    get inferSchema(): (code: string, nlang?: import("../gen").ScriptLang | undefined, resetArgs?: boolean) => Promise<void>;
-    get setCollaborationMode(): () => Promise<void>;
-    get disableCollaboration(): () => void;
-    get updateArgs(): (newArgs: Record<string, any>) => Promise<void>;
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const ScriptEditor: $$__sveltets_2_IsomorphicComponent<{
+    schema?: Schema | any;
+    code: string;
+    path: string | undefined;
+    lang: Preview["language"];
+    kind?: string | undefined;
+    template?: "pgsql" | "mysql" | "script" | "docker" | "powershell" | "bunnative";
+    tag: string | undefined;
+    initialArgs?: Record<string, any>;
+    fixedOverflowWidgets?: boolean;
+    noSyncFromGithub?: boolean;
+    editor?: Editor | undefined;
+    diffEditor?: DiffEditor | undefined;
+    collabMode?: boolean;
+    edit?: boolean;
+    noHistory?: boolean;
+    saveToWorkspace?: boolean;
+    watchChanges?: boolean;
+    customUi?: ScriptEditorWhitelabelCustomUi | undefined;
+    args?: Record<string, any>;
+    selectedTab?: "main" | "preprocessor";
+    hasPreprocessor?: boolean;
+    captureTable?: CaptureTable | undefined;
+    showCaptures?: boolean;
+    stablePathForCaptures?: string;
+    lastSavedCode?: string | undefined;
+    lastDeployedCode?: string | undefined;
+    setArgs?: (nargs: Record<string, any>) => void;
+    runTest?: () => Promise<string>;
+    inferSchema?: (code: string, nlang?: SupportedLanguage, resetArgs?: boolean) => Promise<void>;
+    setCollaborationMode?: () => Promise<void>;
+    disableCollaboration?: () => void;
+    updateArgs?: (newArgs: Record<string, any>) => Promise<void>;
+}, {
+    createScriptFromInlineScript: CustomEvent<any>;
+    saveDraft: CustomEvent<any>;
+    openTriggers: CustomEvent<any>;
+    applyArgs: CustomEvent<{
+        kind: "main" | "preprocessor";
+        args: Record<string, any> | undefined;
+    }>;
+    updateSchema: CustomEvent<{
+        payloadData: any;
+        redirect: boolean;
+        args?: boolean;
+    }>;
+    addPreprocessor: CustomEvent<null>;
+    format: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    'editor-bar-right': {
+        slot: string;
+    };
+}, {
+    setArgs: (nargs: Record<string, any>) => void;
+    runTest: () => Promise<string>;
+    inferSchema: (code: string, nlang?: SupportedLanguage, resetArgs?: boolean) => Promise<void>;
+    setCollaborationMode: () => Promise<void>;
+    disableCollaboration: () => void;
+    updateArgs: (newArgs: Record<string, any>) => Promise<void>;
+}, string>;
+type ScriptEditor = InstanceType<typeof ScriptEditor>;
+export default ScriptEditor;

package/package/components/ScriptPicker.svelte

@@ -1,4 +1,4 @@
-<script>import { ScriptService, FlowService, AppService } from '../gen';
+<script lang="ts">import { ScriptService, FlowService, AppService } from '../gen';
 import { workspaceStore } from '../stores';
 import { base } from '../base';
 import { createEventDispatcher } from 'svelte';
@@ -84,7 +84,7 @@ let darkMode = false;
 	{/if}
 
 	{#if disabled}
-		<input type="text" value={scriptPath ?? ''} disabled />
+		<input type="text" value={scriptPath ?? initialPath ?? ''} disabled />
 	{:else}
 		<Select
 			value={items?.find((x) => x.value == initialPath)}