windmill-components 1.596.0 → 1.596.1

package/package/common.d.ts

@@ -43,6 +43,7 @@ export interface SchemaProperty {
     };
     required?: string[];
     showExpr?: string;
+    hideWhenChatEnabled?: boolean;
     password?: boolean;
     order?: string[];
     nullable?: boolean;
@@ -53,6 +54,7 @@ export interface SchemaProperty {
     originalType?: string;
     disabled?: boolean;
     'x-no-s3-storage-workspace-warning'?: string;
+    'x-auto-generate'?: boolean;
 }
 export interface ModalSchemaProperty {
     selectedType?: string;

package/package/components/ArgInput.svelte

@@ -32,8 +32,9 @@ import { getJsonSchemaFromResource } from './schema/jsonSchemaResource.svelte';
 import AIProviderPicker from './AIProviderPicker.svelte';
 import TextInput from './text_input/TextInput.svelte';
 import FileInput from './common/fileInput/FileInput.svelte';
+import { randomUUID } from './flows/conversations/FlowChatManager.svelte';
 let { label = '', value = $bindable(), defaultValue = $bindable(undefined), description = $bindable(undefined), format = $bindable(undefined), contentEncoding = undefined, type = undefined, oneOf = $bindable(undefined), required = false, pattern = $bindable(undefined), valid = $bindable(undefined), // Note : this should not exist, valid and error should be one coherent state
-enum_ = $bindable(undefined), disabled = false, itemsType = $bindable(undefined), displayHeader = true, properties = $bindable(undefined), nestedRequired = undefined, autofocus = null, compact = false, password = false, pickForField = $bindable(undefined), variableEditor = undefined, itemPicker = undefined, noMargin = false, extra = {}, minW = true, prettifyHeader = false, resourceTypes, disablePortal = false, showSchemaExplorer = false, simpleTooltip = undefined, customErrorMessage = undefined, onlyMaskPassword = false, nullable = false, title = $bindable(undefined), placeholder = $bindable(undefined), order = $bindable(undefined), editor = $bindable(undefined), orderEditable = false, shouldDispatchChanges = false, noDefaultOnSelectFirst = false, helperScript = undefined, otherArgs = {}, lightHeader = false, diffStatus = undefined, hideNested = false, nestedParent = undefined, nestedClasses = '', displayType = true, css = undefined, appPath = undefined, computeS3ForceViewerPolicies = undefined, workspace = undefined, s3StorageConfigured = true, actions, innerBottomSnippet, fieldHeaderActions, lightHeaderFont = false } = $props();
+enum_ = $bindable(undefined), disabled = false, itemsType = $bindable(undefined), displayHeader = true, properties = $bindable(undefined), nestedRequired = undefined, autofocus = null, compact = false, password = false, pickForField = $bindable(undefined), variableEditor = undefined, itemPicker = undefined, noMargin = false, extra = {}, minW = true, prettifyHeader = false, resourceTypes, disablePortal = false, showSchemaExplorer = false, simpleTooltip = undefined, customErrorMessage = undefined, onlyMaskPassword = false, nullable = false, title = $bindable(undefined), placeholder = $bindable(undefined), order = $bindable(undefined), editor = $bindable(undefined), orderEditable = false, shouldDispatchChanges = false, noDefaultOnSelectFirst = false, helperScript = undefined, otherArgs = {}, lightHeader = false, diffStatus = undefined, hideNested = false, nestedParent = undefined, nestedClasses = '', displayType = true, css = undefined, appPath = undefined, computeS3ForceViewerPolicies = undefined, workspace = undefined, s3StorageConfigured = true, chatInputEnabled = false, actions, innerBottomSnippet, fieldHeaderActions, lightHeaderFont = false } = $props();
 $effect(() => {
     if (description == undefined) {
         description = '';
@@ -91,7 +92,7 @@ function computeDefaultValue(inputCat, defaultValue, nnullable) {
         nvalue = structuredClone($state.snapshot(defaultValue));
         if (defaultValue === undefined || defaultValue === null) {
             if (inputCat === 'string') {
-                nvalue = nullable ? null : '';
+                nvalue = nullable ? null : format === 'uuid' && extra?.['x-auto-generate'] ? randomUUID() : '';
             }
             else if (inputCat == 'enum' && required) {
                 let firstV = enum_?.[0];
@@ -965,6 +966,7 @@ onDestroy(() => {
 											{disablePortal}
 											{disabled}
 											{prettifyHeader}
+											{chatInputEnabled}
 											hiddenArgs={['label', 'kind']}
 											schema={{
 												properties: obj.properties,

package/package/components/ArgInput.svelte.d.ts

@@ -80,6 +80,7 @@ interface Props {
     } | undefined) | undefined;
     workspace?: string | undefined;
     s3StorageConfigured?: boolean;
+    chatInputEnabled?: boolean;
     actions?: import('svelte').Snippet;
     innerBottomSnippet?: import('svelte').Snippet;
     fieldHeaderActions?: import('svelte').Snippet;

package/package/components/ArrayTypeNarrowing.svelte

@@ -151,13 +151,14 @@ let selected = $state(itemsType?.type != 'string'
 			() => {
 				return itemsType?.properties != undefined
 			},
-			async (v) => {
-				await tick()
-				if (v) {
-					itemsType = { type: 'object', properties: {} }
-				} else {
-					itemsType = { type: 'object', properties: undefined }
-				}
+			(v) => {
+				tick().then(() => {
+					if (v) {
+						itemsType = { type: 'object', properties: {} }
+					} else {
+						itemsType = { type: 'object', properties: undefined }
+					}
+				})
 			}
 		}
 		options={{ left: 'JSON', right: 'Custom Object' }}

package/package/components/DBManager.svelte

@@ -12,7 +12,68 @@ import DbTableEditor from './DBTableEditor.svelte';
 import Portal from './Portal.svelte';
 import Select from './select/Select.svelte';
 import { safeSelectItems } from './select/utils.svelte';
-let { dbType, dbSchema, dbTableOpsFactory, dbSchemaOps, getColDefs, dbSupportsSchemas, refresh, initialSchemaKey, initialTableKey } = $props();
+let { dbType, dbSchema, dbTableOpsFactory, dbSchemaOps, getColDefs, dbSupportsSchemas, refresh, initialSchemaKey, initialTableKey, selectedSchemaKey = $bindable(undefined), selectedTableKey = $bindable(undefined), dbSelector, multiSelectMode = false, selectedTables = $bindable([]), disabledTables = [] } = $props();
+// Helper to check if a table is selected in multi-select mode
+function isTableSelected(schema, table) {
+    return selectedTables.some((t) => t.schema === schema && t.table === table);
+}
+// Helper to check if a table is disabled (already added)
+function isTableDisabled(schema, table) {
+    return disabledTables.some((t) => t.schema === schema && t.table === table);
+}
+// Toggle table selection in multi-select mode
+function toggleTableSelection(schema, table) {
+    if (isTableDisabled(schema, table))
+        return;
+    const idx = selectedTables.findIndex((t) => t.schema === schema && t.table === table);
+    if (idx >= 0) {
+        selectedTables = selectedTables.filter((_, i) => i !== idx);
+    }
+    else {
+        selectedTables = [...selectedTables, { schema, table }];
+    }
+}
+// Get tables for a schema (filtered by search)
+function getTablesForSchema(schema) {
+    const tables = Object.keys(dbSchema.schema[schema] ?? {});
+    if (search) {
+        return tables.filter((t) => t.toLowerCase().includes(search.toLowerCase())).sort();
+    }
+    return tables.sort();
+}
+// Check if all selectable tables in a schema are selected
+function isSchemaFullySelected(schema) {
+    const tables = getTablesForSchema(schema);
+    if (tables.length === 0)
+        return false;
+    const selectableTables = tables.filter((t) => !isTableDisabled(schema, t));
+    if (selectableTables.length === 0)
+        return true; // All disabled means "fully selected"
+    return selectableTables.every((t) => isTableSelected(schema, t));
+}
+// Check if some (but not all) tables in a schema are selected
+function isSchemaPartiallySelected(schema) {
+    const tables = getTablesForSchema(schema);
+    const selectableTables = tables.filter((t) => !isTableDisabled(schema, t));
+    const selectedCount = selectableTables.filter((t) => isTableSelected(schema, t)).length;
+    return selectedCount > 0 && selectedCount < selectableTables.length;
+}
+// Toggle all tables in a schema
+function toggleSchemaSelection(schema) {
+    const tables = getTablesForSchema(schema);
+    const selectableTables = tables.filter((t) => !isTableDisabled(schema, t));
+    if (isSchemaFullySelected(schema)) {
+        // Deselect all selectable tables in this schema
+        selectedTables = selectedTables.filter((t) => t.schema !== schema);
+    }
+    else {
+        // Select all selectable tables in this schema
+        const newSelections = selectableTables
+            .filter((t) => !isTableSelected(schema, t))
+            .map((t) => ({ schema, table: t }));
+        selectedTables = [...selectedTables, ...newSelections];
+    }
+}
 let schemaKeys = $derived(Object.keys(dbSchema.schema ?? {}));
 let search = $state('');
 let selected = $state({});
@@ -26,6 +87,15 @@ $effect(() => {
         selected = { schemaKey, tableKey };
     }
 });
+// Sync selected state with bindable props
+$effect(() => {
+    if (selected.schemaKey) {
+        selectedSchemaKey = selected.schemaKey;
+    }
+    if (selected.tableKey) {
+        selectedTableKey = selected.tableKey;
+    }
+});
 let tableKeys = $derived.by(() => {
     if (dbSchema.lang === 'graphql') {
         sendUserToast('graphql not supported by DBExplorerTable', true);
@@ -50,12 +120,23 @@ let tableKey = $derived(dbSupportsSchemas && selected.schemaKey
     : selected.tableKey);
 let askingForConfirmation = $state();
 let dbTableEditorState = $state({ open: false });
+let newSchemaDialogOpen = $state(false);
+let newSchemaName = $state('');
+// Check if the sanitized schema name already exists
+const sanitizedNewSchemaName = $derived(newSchemaName
+    .trim()
+    .toLowerCase()
+    .replace(/[^a-zA-Z0-9_]/g, ''));
+const schemaAlreadyExists = $derived(sanitizedNewSchemaName !== '' && schemaKeys.includes(sanitizedNewSchemaName));
 </script>
 
 <Splitpanes>
 	<Pane size={24} class="relative flex flex-col">
 		<div class="mx-3 mt-3 flex flex-col gap-2">
-			{#if dbSupportsSchemas}
+			{#if dbSelector}
+				{@render dbSelector()}
+			{/if}
+			{#if dbSupportsSchemas && !multiSelectMode}
 				<Select
 					bind:value={selected.schemaKey}
 					items={safeSelectItems(schemaKeys)}
@@ -90,28 +171,139 @@ let dbTableEditorState = $state({ open: false });
 			<ClearableInput bind:value={search} placeholder="Search table..." />
 		</div>
 		<div class="overflow-x-clip overflow-y-auto relative mt-3 border-y flex-1">
-			{#each filteredTableKeys as tableKey}
-				<button
-					class={'w-full text-sm font-normal flex gap-2 items-center h-10 cursor-pointer pl-3 pr-1 ' +
-						(selected.tableKey === tableKey ? 'bg-gray-500/25' : 'hover:bg-gray-500/10')}
-					onclick={() => (selected.tableKey = tableKey)}
-				>
-					<Table2 class="text-primary shrink-0" size={16} />
-					<p class="truncate text-ellipsis grow text-left text-emphasis text-xs">{tableKey}</p>
-					<DropdownV2
-						items={() => [
-							{
-								displayName: 'Delete table',
-								icon: Trash2Icon,
-								action: () =>
-									(askingForConfirmation = {
-										title: `Are you sure you want to delete ${tableKey} ? This action is irreversible`,
-										confirmationText: 'Delete permanently',
+			{#if multiSelectMode}
+				<!-- Multi-select mode: show all schemas with their tables -->
+				{#if dbSupportsSchemas}
+					<!-- New schema button -->
+					<button
+						class="w-full text-sm font-medium flex gap-2 items-center h-9 cursor-pointer pl-3 pr-1 hover:bg-gray-500/10 border-b border-surface-secondary text-tertiary"
+						onclick={() => (newSchemaDialogOpen = true)}
+					>
+						<Plus class="shrink-0" size={14} />
+						<span class="text-xs">New schema</span>
+					</button>
+				{/if}
+				{#each schemaKeys as schemaKey}
+					{@const schemaTables = getTablesForSchema(schemaKey)}
+					{@const isFullySelected = isSchemaFullySelected(schemaKey)}
+					{@const isPartiallySelected = isSchemaPartiallySelected(schemaKey)}
+					{@const hasNoTables = schemaTables.length === 0}
+					<!-- Schema header with checkbox (or just label if empty) -->
+					<div
+						class="group w-full text-sm font-medium flex gap-2 items-center h-9 cursor-pointer pl-3 pr-1 hover:bg-gray-500/10 border-b border-surface-secondary"
+						role="button"
+						tabindex="0"
+						onclick={() => {
+							if (!hasNoTables) {
+								toggleSchemaSelection(schemaKey)
+							}
+						}}
+						onkeydown={(e) => {
+							if (e.key === 'Enter' || e.key === ' ') {
+								if (!hasNoTables) {
+									toggleSchemaSelection(schemaKey)
+								}
+							}
+						}}
+					>
+						{#if hasNoTables}
+							<!-- Empty schema: no checkbox, just indent space -->
+							<span class="shrink-0 w-4"></span>
+						{:else}
+							<span class="shrink-0">
+								<input
+									type="checkbox"
+									checked={isFullySelected}
+									indeterminate={isPartiallySelected}
+									class="w-4 h-4 cursor-pointer"
+									onclick={(e) => e.stopPropagation()}
+									onchange={() => toggleSchemaSelection(schemaKey)}
+								/>
+							</span>
+						{/if}
+						<span class="truncate text-ellipsis grow text-left text-tertiary text-xs"
+							>{schemaKey}</span
+						>
+						<span class="text-2xs text-tertiary mr-2 group-hover:hidden">{schemaTables.length}</span>
+						<!-- Delete schema button (on hover) -->
+						<button
+							class="hidden group-hover:flex p-1 hover:bg-red-100 dark:hover:bg-red-900/30 rounded transition-colors mr-1"
+							title="Delete schema"
+							onclick={(e) => {
+								e.stopPropagation()
+								askingForConfirmation = {
+									title: `Are you sure you want to delete schema "${schemaKey}"? This will drop all tables in this schema. This action is irreversible.`,
+									confirmationText: 'Drop schema',
+									open: true,
+									onConfirm: async () => {
+										askingForConfirmation && (askingForConfirmation.loading = true)
+										try {
+											await dbSchemaOps.onDeleteSchema({ schema: schemaKey })
+											refresh?.()
+											sendUserToast(`Schema '${schemaKey}' deleted successfully`)
+										} catch (e) {
+											let msg: string | undefined = (e as Error).message
+											if (typeof msg !== 'string') msg = e ? JSON.stringify(e) : undefined
+											sendUserToast(msg ?? 'Action failed!', true)
+										}
+										askingForConfirmation = undefined
+									}
+								}
+							}}
+						>
+							<Trash2Icon size={12} class="text-red-500" />
+						</button>
+					</div>
+					<!-- Tables under this schema -->
+					{#each schemaTables as tableKey}
+						{@const isDisabled = isTableDisabled(schemaKey, tableKey)}
+						{@const isChecked = isTableSelected(schemaKey, tableKey) || isDisabled}
+						{@const isCurrentPreview = selected.schemaKey === schemaKey && selected.tableKey === tableKey}
+						<div
+							class={'group w-full text-sm font-normal flex gap-2 items-center h-8 cursor-pointer pl-7 pr-1 ' +
+								(isCurrentPreview ? 'bg-gray-500/25' : 'hover:bg-gray-500/10') +
+								(isDisabled ? ' opacity-50' : '')}
+							role="button"
+							tabindex="0"
+							onclick={() => {
+								selected.schemaKey = schemaKey
+								selected.tableKey = tableKey
+								toggleTableSelection(schemaKey, tableKey)
+							}}
+							onkeydown={(e) => {
+								if (e.key === 'Enter' || e.key === ' ') {
+									selected.schemaKey = schemaKey
+									selected.tableKey = tableKey
+									toggleTableSelection(schemaKey, tableKey)
+								}
+							}}
+						>
+							<span class="shrink-0">
+								<input
+									type="checkbox"
+									checked={isChecked}
+									disabled={isDisabled}
+									class="w-4 h-4 cursor-pointer"
+									onclick={(e) => e.stopPropagation()}
+									onchange={() => toggleTableSelection(schemaKey, tableKey)}
+								/>
+							</span>
+							<Table2 class="text-primary shrink-0" size={14} />
+							<p class="truncate text-ellipsis grow text-left text-emphasis text-xs">{tableKey}</p>
+							<!-- Delete table button (on hover) -->
+							<button
+								class="hidden group-hover:flex p-1 hover:bg-red-100 dark:hover:bg-red-900/30 rounded transition-colors mr-1"
+								title="Delete table"
+								onclick={(e) => {
+									e.stopPropagation()
+									askingForConfirmation = {
+										title: `Are you sure you want to delete table "${tableKey}"? This action is irreversible.`,
+										confirmationText: 'Drop table',
 										open: true,
 										onConfirm: async () => {
 											askingForConfirmation && (askingForConfirmation.loading = true)
 											try {
-												await dbSchemaOps.onDelete({ tableKey, schema: selected.schemaKey })
+												await dbSchemaOps.onDelete({ tableKey, schema: schemaKey })
 												refresh?.()
 												sendUserToast(`Table '${tableKey}' deleted successfully`)
 											} catch (e) {
@@ -121,29 +313,84 @@ let dbTableEditorState = $state({ open: false });
 											}
 											askingForConfirmation = undefined
 										}
-									})
-							}
-						]}
-						class="w-fit"
+									}
+								}}
+							>
+								<Trash2Icon size={12} class="text-red-500" />
+							</button>
+						</div>
+					{/each}
+					<!-- New table button for this schema -->
+					<button
+						class="w-full text-sm font-normal flex gap-2 items-center h-8 cursor-pointer pl-7 pr-1 hover:bg-gray-500/10 text-tertiary"
+						onclick={() => {
+							selected.schemaKey = schemaKey
+							dbTableEditorState = { open: true }
+						}}
 					>
-						<svelte:fragment slot="buttonReplacement">
-							<MoreVertical
-								size={8}
-								class="w-8 h-8 p-2 hover:bg-surface-hover cursor-pointer rounded-md"
-							/>
-						</svelte:fragment>
-					</DropdownV2>
-				</button>
-			{/each}
+						<Plus class="shrink-0" size={14} />
+						<span class="text-xs">New table</span>
+					</button>
+				{/each}
+			{:else}
+				<!-- Normal mode: show tables for selected schema -->
+				{#each filteredTableKeys as tableKey}
+					<button
+						class={'w-full text-sm font-normal flex gap-2 items-center h-10 cursor-pointer pl-3 pr-1 ' +
+							(selected.tableKey === tableKey ? 'bg-gray-500/25' : 'hover:bg-gray-500/10')}
+						onclick={() => (selected.tableKey = tableKey)}
+					>
+						<Table2 class="text-primary shrink-0" size={16} />
+						<p class="truncate text-ellipsis grow text-left text-emphasis text-xs">{tableKey}</p>
+						<DropdownV2
+							items={() => [
+								{
+									displayName: 'Delete table',
+									icon: Trash2Icon,
+									action: () =>
+										(askingForConfirmation = {
+											title: `Are you sure you want to delete ${tableKey} ? This action is irreversible`,
+											confirmationText: 'Delete permanently',
+											open: true,
+											onConfirm: async () => {
+												askingForConfirmation && (askingForConfirmation.loading = true)
+												try {
+													await dbSchemaOps.onDelete({ tableKey, schema: selected.schemaKey })
+													refresh?.()
+													sendUserToast(`Table '${tableKey}' deleted successfully`)
+												} catch (e) {
+													let msg: string | undefined = (e as Error).message
+													if (typeof msg !== 'string') msg = e ? JSON.stringify(e) : undefined
+													sendUserToast(msg ?? 'Action failed!', true)
+												}
+												askingForConfirmation = undefined
+											}
+										})
+								}
+							]}
+							class="w-fit"
+						>
+							<svelte:fragment slot="buttonReplacement">
+								<MoreVertical
+									size={8}
+									class="w-8 h-8 p-2 hover:bg-surface-hover cursor-pointer rounded-md"
+								/>
+							</svelte:fragment>
+						</DropdownV2>
+					</button>
+				{/each}
+			{/if}
 		</div>
-		<Button
-			on:click={() => (dbTableEditorState = { open: true })}
-			wrapperClasses="mx-2 my-2 text-sm"
-			startIcon={{ icon: Plus }}
-			variant={tableKeys.length === 0 ? 'accent' : 'default'}
-		>
-			New table
-		</Button>
+		{#if !multiSelectMode}
+			<Button
+				on:click={() => (dbTableEditorState = { open: true })}
+				wrapperClasses="mx-2 my-2 text-sm"
+				startIcon={{ icon: Plus }}
+				variant={tableKeys.length === 0 ? 'accent' : 'default'}
+			>
+				New table
+			</Button>
+		{/if}
 	</Pane>
 	<Pane class="p-3 pt-1">
 		{#if tableKey}
@@ -184,3 +431,92 @@ let dbTableEditorState = $state({ open: false });
 		/>
 	</DrawerContent>
 </Drawer>
+
+<Drawer
+	size="400px"
+	open={newSchemaDialogOpen}
+	on:close={() => {
+		newSchemaDialogOpen = false
+		newSchemaName = ''
+	}}
+>
+	<DrawerContent
+		on:close={() => {
+			newSchemaDialogOpen = false
+			newSchemaName = ''
+		}}
+		title="Create a new schema"
+	>
+		<div class="flex flex-col gap-4">
+			<div>
+				<label for="schema-name" class="block text-sm font-medium text-primary mb-1"
+					>Schema name</label
+				>
+				<ClearableInput
+					bind:value={newSchemaName}
+					placeholder="Enter schema name..."
+					autofocus
+					on:keydown={(e) => {
+						if (e.key === 'Enter' && sanitizedNewSchemaName && !schemaAlreadyExists) {
+							askingForConfirmation = {
+								confirmationText: `Create ${sanitizedNewSchemaName}`,
+								type: 'reload',
+								title: `This will run 'CREATE SCHEMA ${sanitizedNewSchemaName}' on your database. Are you sure?`,
+								open: true,
+								onConfirm: async () => {
+									askingForConfirmation && (askingForConfirmation.loading = true)
+									try {
+										await dbSchemaOps.onCreateSchema({ schema: sanitizedNewSchemaName })
+										refresh?.()
+										selected.schemaKey = sanitizedNewSchemaName
+										newSchemaDialogOpen = false
+										newSchemaName = ''
+									} finally {
+										askingForConfirmation = undefined
+									}
+								}
+							}
+						}
+					}}
+				/>
+				{#if schemaAlreadyExists}
+					<p class="text-xs text-red-500 mt-1">
+						Schema "{sanitizedNewSchemaName}" already exists
+					</p>
+				{:else}
+					<p class="text-xs text-tertiary mt-1">
+						Only letters, numbers, and underscores are allowed.
+					</p>
+				{/if}
+			</div>
+		</div>
+		{#snippet actions()}
+			<Button
+				color="blue"
+				disabled={!sanitizedNewSchemaName || schemaAlreadyExists}
+				on:click={() => {
+					askingForConfirmation = {
+						confirmationText: `Create ${sanitizedNewSchemaName}`,
+						type: 'reload',
+						title: `This will run 'CREATE SCHEMA ${sanitizedNewSchemaName}' on your database. Are you sure?`,
+						open: true,
+						onConfirm: async () => {
+							askingForConfirmation && (askingForConfirmation.loading = true)
+							try {
+								await dbSchemaOps.onCreateSchema({ schema: sanitizedNewSchemaName })
+								refresh?.()
+								selected.schemaKey = sanitizedNewSchemaName
+								newSchemaDialogOpen = false
+								newSchemaName = ''
+							} finally {
+								askingForConfirmation = undefined
+							}
+						}
+					}
+				}}
+			>
+				Create schema
+			</Button>
+		{/snippet}
+	</DrawerContent>
+</Drawer>

package/package/components/DBManager.svelte.d.ts

@@ -2,6 +2,12 @@ import { type DBSchema } from '../stores';
 import { type ColumnDef } from './apps/components/display/dbtable/utils';
 import type { IDbSchemaOps, IDbTableOps } from './dbOps';
 import type { DbType } from './dbTypes';
+import type { Snippet } from 'svelte';
+/** Represents a selected table with its schema */
+export interface SelectedTable {
+    schema: string;
+    table: string;
+}
 type Props = {
     dbType: DbType;
     dbSchema: DBSchema;
@@ -15,7 +21,16 @@ type Props = {
     refresh?: () => void;
     initialSchemaKey?: string;
     initialTableKey?: string;
+    selectedSchemaKey?: string | undefined;
+    selectedTableKey?: string | undefined;
+    dbSelector?: Snippet<[]>;
+    /** Enable multi-select mode with checkboxes in sidebar */
+    multiSelectMode?: boolean;
+    /** Selected tables in multi-select mode */
+    selectedTables?: SelectedTable[];
+    /** Tables that are already added and should show as disabled */
+    disabledTables?: SelectedTable[];
 };
-declare const DBManager: import("svelte").Component<Props, {}, "">;
+declare const DBManager: import("svelte").Component<Props, {}, "selectedSchemaKey" | "selectedTableKey" | "selectedTables">;
 type DBManager = ReturnType<typeof DBManager>;
 export default DBManager;