windmill-components 1.596.0 → 1.596.1

package/package/components/flows/CreateActionsApp.svelte

@@ -3,17 +3,37 @@ import { base } from '../../base';
 import { Button } from '../common';
 import Drawer from '../common/drawer/Drawer.svelte';
 import DrawerContent from '../common/drawer/DrawerContent.svelte';
-import { LayoutDashboard, Loader2, Plus } from 'lucide-svelte';
+import Modal from '../common/modal/Modal.svelte';
+import { LayoutDashboard, Loader2, Plus, Code2, FlaskConical } from 'lucide-svelte';
 import { importStore } from '../apps/store';
+import Badge from '../common/badge/Badge.svelte';
 import YAML from 'yaml';
 let drawer = undefined;
-let pendingRaw = '';
-let importType = 'yaml';
+let pendingRaw = $state('');
+let importType = $state('yaml');
+// Modal states
+let appTypeModalOpen = $state(false);
+let featurePreviewModalOpen = $state(false);
 async function importRaw() {
     $importStore = importType === 'yaml' ? YAML.parse(pendingRaw) : JSON.parse(pendingRaw);
     await goto('/apps/add?nodraft=true');
     drawer?.closeDrawer?.();
 }
+function openAppTypeModal() {
+    appTypeModalOpen = true;
+}
+function selectLowCode() {
+    appTypeModalOpen = false;
+    goto(`${base}/apps/add?nodraft=true`);
+}
+function selectFullCode() {
+    appTypeModalOpen = false;
+    featurePreviewModalOpen = true;
+}
+function confirmFullCode() {
+    featurePreviewModalOpen = false;
+    goto(`${base}/apps_raw/add?nodraft=true`);
+}
 </script>
 
 <!-- Buttons -->
@@ -21,11 +41,11 @@ async function importRaw() {
 	<Button
 		id="create-app-button"
 		aiId="apps-create-actions-app"
-		aiDescription="Create a new low-code app"
+		aiDescription="Create a new app"
 		unifiedSize="lg"
 		startIcon={{ icon: Plus }}
 		endIcon={{ icon: LayoutDashboard }}
-		href="{base}/apps/add?nodraft=true"
+		on:click={openAppTypeModal}
 		variant="accent"
 		dropdownItems={[
 			{
@@ -42,16 +62,101 @@ async function importRaw() {
 					importType = 'json'
 				}
 			}
-			// {
-			// 	label: 'Build app in React/Vue/Svelte (alpha)',
-			// 	onClick: () => goto('/apps_raw/add?nodraft=true')
-			// }
 		]}
 	>
 		<div class="flex flex-row items-center"> App </div>
 	</Button>
 </div>
 
+<!-- App Type Selection Modal -->
+<Modal bind:open={appTypeModalOpen} title="Choose your app builder">
+	<div class="flex flex-col gap-4 pr-4">
+		<div class="grid grid-cols-2 gap-8">
+			<!-- Low-code option -->
+			<button
+				class="flex flex-col items-center gap-3 p-6 rounded-lg border-2 border-gray-200 dark:border-gray-700 hover:border-orange-500 dark:hover:border-orange-400 hover:bg-orange-50 dark:hover:bg-orange-900/20 transition-all cursor-pointer group"
+				onclick={selectLowCode}
+			>
+				<div
+					class="w-32 h-32 rounded-xl bg-orange-100 dark:bg-orange-900/40 flex items-center justify-center group-hover:bg-orange-200 dark:group-hover:bg-orange-800/50 transition-colors"
+				>
+					<LayoutDashboard size={32} class="text-orange-600 dark:text-orange-400" />
+				</div>
+				<div class="text-center">
+					<h3 class="font-semibold text-primary">Low-code App</h3>
+					<p class="text-xs text-tertiary mt-1">
+						Drag-and-drop UI builder with 60+ powerful components.
+
+						<br /><br />
+						Better for simple apps or apps that require minimal customization.
+					</p>
+				</div>
+			</button>
+
+			<button
+				class="relative flex flex-col items-center gap-3 p-6 rounded-lg border-2 border-gray-200 dark:border-gray-700 hover:border-purple-500 dark:hover:border-purple-400 hover:bg-purple-50 dark:hover:bg-purple-900/20 transition-all cursor-pointer group"
+				onclick={selectFullCode}
+			>
+				<div
+					class="w-32 h-32 rounded-xl bg-purple-100 dark:bg-purple-900/40 flex items-center justify-center group-hover:bg-purple-200 dark:group-hover:bg-purple-800/50 transition-colors"
+				>
+					<Code2 size={32} class="text-purple-600 dark:text-purple-400" />
+				</div>
+				<div class="text-center">
+					<h3 class="font-semibold text-primary">Full-code App</h3>
+					<p class="text-xs text-tertiary mt-1">
+						Build with React or Svelte with full control and a powerful AI agent.
+					</p>
+				</div>
+				<br /><br />
+				<div class="flex flex-row items-center gap-2">
+					<Badge color="yellow">
+						<FlaskConical size={12} class="mr-1" />
+						Preview (unstable)
+					</Badge>
+				</div>
+			</button>
+		</div>
+	</div>
+</Modal>
+
+<!-- Feature Preview Warning Modal -->
+<Modal kind="X" bind:open={featurePreviewModalOpen} title="Feature Preview Notice">
+	<div class="flex flex-col gap-4">
+		<div
+			class="flex items-start gap-3 p-4 rounded-lg bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800"
+		>
+			<FlaskConical size={24} class="text-yellow-600 dark:text-yellow-400 shrink-0 mt-0.5" />
+			<div class="text-sm text-yellow-800 dark:text-yellow-200">
+				<p class="font-semibold mb-2">Full-code Apps are in Feature Preview</p>
+				<p>
+					This feature is not yet stable and may change significantly before it reaches General
+					Availability (GA), which is expected in <strong>January 2026</strong>.
+				</p>
+				<ul class="list-disc list-inside mt-2 space-y-1 text-yellow-700 dark:text-yellow-300">
+					<li>APIs and interfaces may change without notice</li>
+					<li>Some functionality may be incomplete or buggy</li>
+					<li>Not recommended for production use yet</li>
+				</ul>
+			</div>
+		</div>
+
+		<div class="flex justify-end gap-3 pt-2">
+			<Button
+				color="light"
+				size="sm"
+				on:click={() => {
+					featurePreviewModalOpen = false
+					appTypeModalOpen = true
+				}}
+			>
+				Go back
+			</Button>
+			<Button color="blue" size="sm" on:click={confirmFullCode}>I understand, continue</Button>
+		</div>
+	</div>
+</Modal>
+
 <!-- Raw JSON -->
 <Drawer bind:this={drawer} size="800px">
 	<DrawerContent

package/package/components/flows/CreateActionsApp.svelte.d.ts

@@ -1,18 +1,3 @@
-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: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const CreateActionsApp: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type CreateActionsApp = InstanceType<typeof CreateActionsApp>;
+declare const CreateActionsApp: import("svelte").Component<Record<string, never>, {}, "">;
+type CreateActionsApp = ReturnType<typeof CreateActionsApp>;
 export default CreateActionsApp;

package/package/components/flows/DebounceLimit.svelte

@@ -3,7 +3,32 @@ import Tooltip from '../Tooltip.svelte';
 import { SecondsInput } from '../common';
 import { enterpriseLicense } from '../../stores';
 import Label from '../Label.svelte';
-let { debounce_delay_s = $bindable(), debounce_key = $bindable(), placeholder, size = 'xs', color = undefined, fontClass = 'font-normal' } = $props();
+let { debounce_delay_s = $bindable(), debounce_key = $bindable(), debounce_args_to_accumulate = $bindable(), max_total_debouncing_time = $bindable(), max_total_debounces_amount = $bindable(), schema = undefined, placeholder, size = 'xs', color = undefined, fontClass = 'font-normal' } = $props();
+// Get list of array-type arguments from schema
+let arrayArgs = $derived(schema?.properties
+    ? Object.entries(schema.properties)
+        .filter(([_, prop]) => prop.type === 'array')
+        .map(([key, _]) => key)
+    : []);
+// Single selected arg for UI (convert between single selection and array)
+let selectedArg = $state(debounce_args_to_accumulate?.[0] ?? '');
+$effect(() => {
+    if (selectedArg && selectedArg !== '') {
+        debounce_args_to_accumulate = [selectedArg];
+    }
+    else {
+        debounce_args_to_accumulate = undefined;
+    }
+});
+// Convert 0 to undefined for max values
+$effect(() => {
+    if (max_total_debouncing_time === 0) {
+        max_total_debouncing_time = undefined;
+    }
+    if (max_total_debounces_amount === 0) {
+        max_total_debounces_amount = undefined;
+    }
+});
 </script>
 
 <div>
@@ -53,6 +78,44 @@ let { debounce_delay_s = $bindable(), debounce_key = $bindable(), placeholder, s
 					{placeholder}
 				/>
 			</Label>
+			<Label label="Argument to accumulate (optional)">
+				{#snippet header()}
+					<Tooltip>
+						Select a list-type argument to accumulate across debounced executions. Values from
+						each debounced execution will be appended together.</Tooltip
+					>
+				{/snippet}
+				<select disabled={!$enterpriseLicense} bind:value={selectedArg}>
+					<option value="">None</option>
+					{#each arrayArgs as arg}
+						<option value={arg}>{arg}</option>
+					{/each}
+				</select>
+				{#if arrayArgs.length === 0}
+					<div class="text-xs text-gray-500 mt-1">
+						No list-type arguments found in schema. Define arguments with type "array" to enable
+						accumulation.
+					</div>
+				{/if}
+			</Label>
+			<Label label="Max total debouncing time (optional)">
+				{#snippet header()}
+					<Tooltip>
+						Maximum total time (in seconds) that a job can be debounced before it must execute.
+						Once this time is reached, the job will run regardless of ongoing debouncing.</Tooltip
+					>
+				{/snippet}
+				<SecondsInput disabled={!$enterpriseLicense} bind:seconds={max_total_debouncing_time} />
+			</Label>
+			<Label label="Max total debounces amount (optional)">
+				{#snippet header()}
+					<Tooltip>
+						Maximum number of times a job can be debounced before it must execute. Once this
+						count is reached, the job will run regardless of ongoing debouncing.</Tooltip
+					>
+				{/snippet}
+				<input type="number" disabled={!$enterpriseLicense} bind:value={max_total_debounces_amount} min="0" />
+			</Label>
 		</div>
 	{/if}
 </div>

package/package/components/flows/DebounceLimit.svelte.d.ts

@@ -1,11 +1,16 @@
+import type { Schema } from '../../common';
 type $$ComponentProps = {
     debounce_delay_s: number | undefined;
     debounce_key: string | undefined;
+    debounce_args_to_accumulate: string[] | undefined;
+    max_total_debouncing_time: number | undefined;
+    max_total_debounces_amount: number | undefined;
+    schema?: Schema;
     placeholder: string;
     size: 'xs' | 'sm';
     color?: 'nord' | undefined;
     fontClass?: string;
 };
-declare const DebounceLimit: import("svelte").Component<$$ComponentProps, {}, "debounce_delay_s" | "debounce_key">;
+declare const DebounceLimit: import("svelte").Component<$$ComponentProps, {}, "debounce_delay_s" | "debounce_key" | "debounce_args_to_accumulate" | "max_total_debouncing_time" | "max_total_debounces_amount">;
 type DebounceLimit = ReturnType<typeof DebounceLimit>;
 export default DebounceLimit;

package/package/components/flows/content/FlowModuleComponent.svelte

@@ -520,6 +520,7 @@ let preparedSqlQueries = usePreparedAssetSqlQueries(() => flowGraphAssetsCtx?.va
 														{enableAi}
 														{isAgentTool}
 														helperScript={retrieveDynCodeAndLang(flowModule.value)}
+														chatInputEnabled={flowStore.val.value?.chat_input_enabled ?? false}
 													/>
 												</PropPickerWrapper>
 											</div>

package/package/components/flows/content/FlowSettings.svelte

@@ -458,6 +458,10 @@ let numberOfAdvancedOptionsOn = $derived(activeAdvancedOptionNames.length);
 						fontClass="font-medium"
 						bind:debounce_delay_s={flowStore.val.value.debounce_delay_s}
 						bind:debounce_key={flowStore.val.value.debounce_key}
+						bind:debounce_args_to_accumulate={flowStore.val.value.debounce_args_to_accumulate}
+						bind:max_total_debouncing_time={flowStore.val.value.max_total_debouncing_time}
+						bind:max_total_debounces_amount={flowStore.val.value.max_total_debounces_amount}
+						schema={asSchema(flowStore.val.schema)}
 						placeholder={`$workspace/flow/${$pathStore}-$args[foo]`}
 					/>
 				{/if}

package/package/components/flows/conversations/FlowChatManager.svelte.js

@@ -65,7 +65,6 @@ export class FlowChatManager {
         this.inputMessage = message;
     }
     focusInput() {
-        console.log('focusInput', this.inputElement);
         this.inputElement?.focus();
     }
     clearMessages() {

package/package/components/flows/flowInfers.js

@@ -32,6 +32,17 @@ export const AI_AGENT_SCHEMA = {
             type: 'object',
             description: 'Configure how conversation memory is managed. Choose "auto" to let Windmill automatically store and load messages (up to N last messages), or "manual" to provide an explicit array of conversation messages. The system_prompt and user_message are added to the messages if provided.',
             oneOf: [
+                {
+                    type: 'object',
+                    title: 'off',
+                    properties: {
+                        kind: {
+                            type: 'string',
+                            enum: ['off'],
+                            description: 'Disable conversation memory'
+                        }
+                    }
+                },
                 {
                     type: 'object',
                     title: 'auto',
@@ -45,7 +56,14 @@ export const AI_AGENT_SCHEMA = {
                         context_length: {
                             type: 'number',
                             description: 'Number of most recent messages to store and load. Set to 0 to disable memory.',
-                            default: 0
+                            default: 5
+                        },
+                        memory_id: {
+                            type: 'string',
+                            format: 'uuid',
+                            'x-auto-generate': true,
+                            description: 'Custom memory identifier. Each unique ID maintains separate conversation history.',
+                            hideWhenChatEnabled: true
                         }
                     },
                     required: ['kind'],

package/package/components/flows/flowStore.svelte.d.ts

@@ -44,6 +44,7 @@ export declare function getFirstStepSchema(flowState: FlowState, flow: OpenFlow)
                 } | undefined;
                 required?: string[] | undefined;
                 showExpr?: string | undefined;
+                hideWhenChatEnabled?: boolean | undefined;
                 password?: boolean | undefined;
                 order?: string[] | undefined;
                 nullable?: boolean | undefined;
@@ -54,6 +55,7 @@ export declare function getFirstStepSchema(flowState: FlowState, flow: OpenFlow)
                 originalType?: string | undefined;
                 disabled?: boolean | undefined;
                 'x-no-s3-storage-workspace-warning'?: string | undefined;
+                'x-auto-generate'?: boolean | undefined;
             };
         };
         order?: string[] | undefined;

package/package/components/flows/utils.svelte.js

@@ -72,6 +72,7 @@ export function filteredContentForExport(flow) {
     return o;
 }
 import { dfs as dfsApply } from './dfs';
+import { randomUUID } from './conversations/FlowChatManager.svelte';
 export function cleanFlow(flow) {
     const newFlow = $state.snapshot(flow);
     dfsApply(newFlow.value.modules, (mod) => {
@@ -92,6 +93,22 @@ export function cleanFlow(flow) {
         if (mod.value.type == 'rawscript' && mod.value.assets?.length == 0) {
             mod.value.assets = undefined;
         }
+        // Generate memory_id for AI agents with auto memory if not already set
+        // Only if chat input is not enabled, as otherwise memory id is based on conversation id
+        if (!newFlow.value.chat_input_enabled && mod.value.type === 'aiagent') {
+            const memoryTransform = mod.value.input_transforms?.memory;
+            if (memoryTransform?.type === 'static' && memoryTransform.value) {
+                const memoryValue = memoryTransform.value;
+                if (memoryValue.kind === 'auto' &&
+                    memoryValue.context_length > 0 &&
+                    !memoryValue.memory_id) {
+                    memoryTransform.value = {
+                        ...memoryValue,
+                        memory_id: randomUUID()
+                    };
+                }
+            }
+        }
     });
     if (newFlow.value.concurrency_key == '') {
         newFlow.value.concurrency_key = undefined;

package/package/components/icons/index.d.ts

@@ -0,0 +1,101 @@
+import AirtableIcon from './AirtableIcon.svelte';
+import DbIcon from './DbIcon.svelte';
+import DiscordIcon from './DiscordIcon.svelte';
+import GcalIcon from './GcalIcon.svelte';
+import GCloudIcon from './GCloudIcon.svelte';
+import GdriveIcon from './GdriveIcon.svelte';
+import GithubIcon from './GithubIcon.svelte';
+import GitlabIcon from './GitlabIcon.svelte';
+import GmailIcon from './GmailIcon.svelte';
+import GSheetsIcon from './GSheetsIcon.svelte';
+import HttpIcon from './HttpIcon.svelte';
+import Mail from './Mail.svelte';
+import MastodonIcon from './MastodonIcon.svelte';
+import MatrixIcon from './MatrixIcon.svelte';
+import Mysql from './Mysql.svelte';
+import PostgresIcon from './PostgresIcon.svelte';
+import S3Icon from './S3Icon.svelte';
+import Slack from './Slack.svelte';
+import TogglIcon from './TogglIcon.svelte';
+import WindmillIcon from './WindmillIcon.svelte';
+import WindmillIcon2 from './WindmillIcon2.svelte';
+import SchedulePollIcon from './SchedulePollIcon.svelte';
+import MailchimpIcon from './MailchimpIcon.svelte';
+import SendgridIcon from './SendgridIcon.svelte';
+import SendflakeIcon from './SendflakeIcon.svelte';
+import LinkedinIcon from './LinkedinIcon.svelte';
+import HubspotIcon from './HubspotIcon.svelte';
+import DatadogIcon from './DatadogIcon.svelte';
+import StripeIcon from './StripeIcon.svelte';
+import TelegramIcon from './TelegramIcon.svelte';
+import FunkwhaleIcon from './FunkwhaleIcon.svelte';
+import GdocsIcon from './GdocsIcon.svelte';
+import NextcloudIcon from './NextcloudIcon.svelte';
+import FaunadbIcon from './FaunadbIcon.svelte';
+import ClickhouseIcon from './ClickhouseIcon.svelte';
+import OpenaiIcon from './OpenaiIcon.svelte';
+import AwsIcon from './AwsIcon.svelte';
+import BcryptIcon from './BcryptIcon.svelte';
+import GoogleIcon from './GoogleIcon.svelte';
+import MicrosoftIcon from './MicrosoftIcon.svelte';
+import HackernewsIcon from './HackernewsIcon.svelte';
+import MongodbIcon from './MongodbIcon.svelte';
+import RedditIcon from './RedditIcon.svelte';
+import SupabaseIcon from './SupabaseIcon.svelte';
+import WebdavIcon from './WebdavIcon.svelte';
+import ZammadIcon from './ZammadIcon.svelte';
+import SurrealdbIcon from './SurrealdbIcon.svelte';
+import ActivitypubIcon from './ActivitypubIcon.svelte';
+import AwsEcrIcon from './AwsEcrIcon.svelte';
+import CalcomIcon from './CalcomIcon.svelte';
+import ClickupIcon from './ClickupIcon.svelte';
+import CloudflareIcon from './CloudflareIcon.svelte';
+import FirebaseIcon from './FirebaseIcon.svelte';
+import GoogleFormsIcon from './GoogleFormsIcon.svelte';
+import JiraIcon from './JiraIcon.svelte';
+import NotionIcon from './NotionIcon.svelte';
+import PineconeIcon from './PineconeIcon.svelte';
+import RssIcon from './RssIcon.svelte';
+import ShopifyIcon from './ShopifyIcon.svelte';
+import TypeformIcon from './TypeformIcon.svelte';
+import BigQueryIcon from './BigQueryIcon.svelte';
+import OracleDBIcon from './OracleDBIcon.svelte';
+import GraphqlIcon from './GraphqlIcon.svelte';
+import NocoDbIcon from './NocoDbIcon.svelte';
+import AzureIcon from './AzureIcon.svelte';
+import OktaIcon from './OktaIcon.svelte';
+import Auth0Icon from './Auth0Icon.svelte';
+import AuthentikIcon from './AuthentikIcon.svelte';
+import AutheliaIcon from './AutheliaIcon.svelte';
+import KanidmIcon from './KanidmIcon.svelte';
+import AsanaIcon from './AsanaIcon.svelte';
+import BitbucketIcon from './BitbucketIcon.svelte';
+import DynatraceIcon from './DynatraceIcon.svelte';
+import EdgeDbIcon from './EdgeDbIcon.svelte';
+import GitIcon from './GitIcon.svelte';
+import ZendeskIcon from './ZendeskIcon.svelte';
+import TwilioIcon from './TwilioIcon.svelte';
+import TrelloIcon from './TrelloIcon.svelte';
+import ResendIcon from './ResendIcon.svelte';
+import PushoverIcon from './PushoverIcon.svelte';
+import QuickbooksIcon from './QuickbooksIcon.svelte';
+import MsTeamsIcon from './MSTeamsIcon.svelte';
+import MailgunIcon from './MailgunIcon.svelte';
+import IpinfoIcon from './IpinfoIcon.svelte';
+import GoogleCloudIcon from './GoogleCloudIcon.svelte';
+import CaCertificate from './CACertificate.svelte';
+import CurrencyApiIcon from './CurrencyApiIcon.svelte';
+import VismaIcon from './VismaIcon.svelte';
+import JumpCloudIcon from './JumpCloudIcon.svelte';
+import KeycloakIcon from './KeycloakIcon.svelte';
+import ZitadelIcon from './ZitadelIcon.svelte';
+import XeroIcon from './XeroIcon.svelte';
+import KafkaIcon from './KafkaIcon.svelte';
+import NatsIcon from './NatsIcon.svelte';
+import MqttIcon from './MqttIcon.svelte';
+import ApifyIcon from './ApifyIcon.svelte';
+import McpIcon from './McpIcon.svelte';
+import ZohoIcon from './ZohoIcon.svelte';
+import type { Component } from 'svelte';
+export declare const APP_TO_ICON_COMPONENT: Record<string, Component>;
+export { AirtableIcon, DbIcon, DiscordIcon, GcalIcon, GCloudIcon, GdriveIcon, GithubIcon, GitlabIcon, GmailIcon, GSheetsIcon, HttpIcon, Mail, MastodonIcon, MatrixIcon, Mysql, PostgresIcon, S3Icon, Slack, TogglIcon, WindmillIcon, WindmillIcon2, SchedulePollIcon, MailchimpIcon, SendgridIcon, LinkedinIcon, HubspotIcon, TelegramIcon, StripeIcon, DatadogIcon, FunkwhaleIcon, GdocsIcon, FaunadbIcon, ClickhouseIcon, OpenaiIcon, AwsIcon, BcryptIcon, GoogleIcon, HackernewsIcon, MongodbIcon, RedditIcon, SupabaseIcon, WebdavIcon, ZammadIcon, NextcloudIcon, SendflakeIcon, SurrealdbIcon, ActivitypubIcon, AwsEcrIcon, CalcomIcon, ClickupIcon, CloudflareIcon, FirebaseIcon, GoogleFormsIcon, JiraIcon, NotionIcon, PineconeIcon, RssIcon, ShopifyIcon, TypeformIcon, BigQueryIcon, OracleDBIcon, GraphqlIcon, NocoDbIcon, AzureIcon, MicrosoftIcon, OktaIcon, Auth0Icon, AuthentikIcon, AutheliaIcon, KanidmIcon, AsanaIcon, BitbucketIcon, DynatraceIcon, EdgeDbIcon, GitIcon, ZendeskIcon, TwilioIcon, TrelloIcon, ResendIcon, PushoverIcon, QuickbooksIcon, MsTeamsIcon, MailgunIcon, IpinfoIcon, GoogleCloudIcon, CaCertificate, CurrencyApiIcon, VismaIcon, JumpCloudIcon, KeycloakIcon, ZitadelIcon, XeroIcon, KafkaIcon, NatsIcon, MqttIcon, ApifyIcon, McpIcon, ZohoIcon };

package/package/components/icons/index.js

@@ -211,5 +211,5 @@ export const APP_TO_ICON_COMPONENT = {
     apify: ApifyIcon,
     mcp: McpIcon,
     zoho: ZohoIcon
-};
+}; // to generate correct svelte package types
 export { AirtableIcon, DbIcon, DiscordIcon, GcalIcon, GCloudIcon, GdriveIcon, GithubIcon, GitlabIcon, GmailIcon, GSheetsIcon, HttpIcon, Mail, MastodonIcon, MatrixIcon, Mysql, PostgresIcon, S3Icon, Slack, TogglIcon, WindmillIcon, WindmillIcon2, SchedulePollIcon, MailchimpIcon, SendgridIcon, LinkedinIcon, HubspotIcon, TelegramIcon, StripeIcon, DatadogIcon, FunkwhaleIcon, GdocsIcon, FaunadbIcon, ClickhouseIcon, OpenaiIcon, AwsIcon, BcryptIcon, GoogleIcon, HackernewsIcon, MongodbIcon, RedditIcon, SupabaseIcon, WebdavIcon, ZammadIcon, NextcloudIcon, SendflakeIcon, SurrealdbIcon, ActivitypubIcon, AwsEcrIcon, CalcomIcon, ClickupIcon, CloudflareIcon, FirebaseIcon, GoogleFormsIcon, JiraIcon, NotionIcon, PineconeIcon, RssIcon, ShopifyIcon, TypeformIcon, BigQueryIcon, OracleDBIcon, GraphqlIcon, NocoDbIcon, AzureIcon, MicrosoftIcon, OktaIcon, Auth0Icon, AuthentikIcon, AutheliaIcon, KanidmIcon, AsanaIcon, BitbucketIcon, DynatraceIcon, EdgeDbIcon, GitIcon, ZendeskIcon, TwilioIcon, TrelloIcon, ResendIcon, PushoverIcon, QuickbooksIcon, MsTeamsIcon, MailgunIcon, IpinfoIcon, GoogleCloudIcon, CaCertificate, CurrencyApiIcon, VismaIcon, JumpCloudIcon, KeycloakIcon, ZitadelIcon, XeroIcon, KafkaIcon, NatsIcon, MqttIcon, ApifyIcon, McpIcon, ZohoIcon };

package/package/components/raw_apps/DefaultDatabaseSelector.svelte

@@ -0,0 +1,61 @@
+<script lang="ts">import { Settings } from 'lucide-svelte';
+import Popover from '../meltComponents/Popover.svelte';
+import Select from '../select/Select.svelte';
+import { workspaceStore } from '../../stores';
+import { createDatatablesResource, createSchemasResource, toDatatableItems, toSchemaItems } from './datatableUtils.svelte';
+let { datatable, schema, onChange, description = 'Set the default datatable and schema for new tables. This is where AI will create new tables when needed.' } = $props();
+// Load available datatables and schemas using shared utilities
+const datatables = createDatatablesResource(() => $workspaceStore);
+const schemas = createSchemasResource(() => datatable);
+const datatableItems = $derived(toDatatableItems(datatables.current));
+const schemaItems = $derived(toSchemaItems(schemas.current));
+// Track datatable changes to reset schema
+let previousDatatable = $state(undefined);
+$effect(() => {
+    if (previousDatatable !== undefined && datatable !== previousDatatable) {
+        // Reset schema when datatable changes
+        onChange?.(datatable, undefined);
+    }
+    previousDatatable = datatable;
+});
+</script>
+
+<Popover>
+	<svelte:fragment slot="trigger">
+		<button
+			class="pt-1.5 pb-0.5 px-1 hover:bg-surface-hover rounded transition-colors"
+			title="Configure default datatable & schema"
+		>
+			<Settings size={12} class="text-tertiary" />
+		</button>
+	</svelte:fragment>
+	<svelte:fragment slot="content">
+		<div class="flex flex-col gap-3 p-2 min-w-64 max-w-80">
+			<div class="text-xs font-medium text-primary">Default Datatable & Schema</div>
+
+			<p class="text-2xs text-tertiary leading-relaxed">
+				{description}
+			</p>
+
+			<div class="flex flex-col gap-1">
+				<span class="text-2xs text-tertiary">Database</span>
+				<Select
+					items={datatableItems}
+					bind:value={() => datatable, (v) => onChange?.(v, schema)}
+					placeholder="Select database"
+					size="sm"
+				/>
+			</div>
+
+			<div class="flex flex-col gap-1">
+				<span class="text-2xs text-tertiary">Schema</span>
+				<Select
+					items={schemaItems}
+					bind:value={() => schema ?? '', (v) => onChange?.(datatable, v || undefined)}
+					placeholder="public"
+					size="sm"
+				/>
+			</div>
+		</div>
+	</svelte:fragment>
+</Popover>

package/package/components/raw_apps/DefaultDatabaseSelector.svelte.d.ts

@@ -0,0 +1,13 @@
+interface Props {
+    /** Currently selected datatable */
+    datatable: string | undefined;
+    /** Currently selected schema */
+    schema: string | undefined;
+    /** Callback when either value changes */
+    onChange?: (datatable: string | undefined, schema: string | undefined) => void;
+    /** Description text to show in the popover */
+    description?: string;
+}
+declare const DefaultDatabaseSelector: import("svelte").Component<Props, {}, "">;
+type DefaultDatabaseSelector = ReturnType<typeof DefaultDatabaseSelector>;
+export default DefaultDatabaseSelector;

package/package/components/raw_apps/RawAppBackgroundRunner.svelte

@@ -23,6 +23,22 @@ let listener = async (event) => {
         if (event.data.type == 'backend') {
             respond({ result, error });
         }
+        if (editor) {
+            try {
+                let jobInfo = await JobService.getCompletedJobTiming({ workspace, id: uuid });
+                if (jobInfo.started_at) {
+                    jobsById[uuid] = {
+                        ...(jobsById[uuid] ?? {}),
+                        created_at: new Date(jobInfo.created_at).getTime(),
+                        started_at: new Date(jobInfo.started_at).getTime(),
+                        duration_ms: jobInfo.duration_ms
+                    };
+                }
+            }
+            catch (e) {
+                console.error('Error getting job info', e);
+            }
+        }
         return result;
     }
     if (event.data.type == 'backend' || event.data.type == 'backendAsync') {
@@ -61,7 +77,7 @@ let listener = async (event) => {
             await respondWithResult(data.jobId);
         }
         else if (event.data.type == 'getJob') {
-            const job = JobService.getJob({ workspace, id: data.jobId });
+            const job = await JobService.getJob({ workspace, id: data.jobId });
             respond({ result: job });
         }
         else {