windmill-components 1.623.1 → 1.623.2

package/package/components/CompareWorkspaces.svelte

@@ -55,6 +55,10 @@ async function fetchSummary(kind, path, workspace) {
             const app = await AppService.getAppByPath({ workspace, path });
             return app.summary;
         }
+        else if (kind === 'folder') {
+            const folder = await FolderService.getFolder({ workspace, name: path.slice(2) });
+            return folder.summary;
+        }
     }
     catch (error) {
         console.error(`Failed to fetch summary for ${kind}:${path}`, error);
@@ -63,7 +67,7 @@ async function fetchSummary(kind, path, workspace) {
 }
 async function fetchSummaries(diffs) {
     // Only fetch summaries for scripts, flows, and apps
-    const itemsToFetch = diffs.filter((diff) => ['script', 'flow', 'app'].includes(diff.kind));
+    const itemsToFetch = diffs.filter((diff) => ['script', 'flow', 'app', 'folder'].includes(diff.kind));
     for (const diff of itemsToFetch) {
         const key = getItemKey(diff);
         // Skip if already cached or loading
@@ -367,21 +371,70 @@ async function deploy(kind, path, workspaceToDeployTo, workspaceFrom) {
                 path: path
             });
             if (alreadyExists) {
-                await AppService.updateApp({
-                    workspace: workspaceToDeployTo,
-                    path: path,
-                    requestBody: {
-                        ...app
-                    }
-                });
+                if (app.raw_app) {
+                    const secret = await AppService.getPublicSecretOfLatestVersionOfApp({
+                        workspace: workspaceFrom,
+                        path: app.path
+                    });
+                    const js = await AppService.getRawAppData({
+                        secretWithExtension: `${secret}.js`,
+                        workspace: workspaceFrom
+                    });
+                    const css = await AppService.getRawAppData({
+                        secretWithExtension: `${secret}.css`,
+                        workspace: workspaceFrom
+                    });
+                    await AppService.updateAppRaw({
+                        workspace: workspaceToDeployTo,
+                        path: path,
+                        formData: {
+                            app,
+                            css,
+                            js
+                        }
+                    });
+                }
+                else {
+                    await AppService.updateApp({
+                        workspace: workspaceToDeployTo,
+                        path: path,
+                        requestBody: {
+                            ...app
+                        }
+                    });
+                }
             }
             else {
-                await AppService.createApp({
-                    workspace: workspaceToDeployTo,
-                    requestBody: {
-                        ...app
-                    }
-                });
+                if (app.raw_app) {
+                    const secret = await AppService.getPublicSecretOfLatestVersionOfApp({
+                        workspace: workspaceFrom,
+                        path: app.path
+                    });
+                    const js = await AppService.getRawAppData({
+                        secretWithExtension: `${secret}.js`,
+                        workspace: workspaceFrom
+                    });
+                    const css = await AppService.getRawAppData({
+                        secretWithExtension: `${secret}.css`,
+                        workspace: workspaceFrom
+                    });
+                    await AppService.createAppRaw({
+                        workspace: workspaceToDeployTo,
+                        formData: {
+                            app,
+                            css,
+                            js
+                        }
+                    });
+                }
+                else {
+                    await AppService.createApp({
+                        workspace: workspaceToDeployTo,
+                        requestBody: {
+                            ...app
+                        }
+                    });
+                }
             }
         }
         else if (kind == 'variable') {
@@ -746,7 +799,8 @@ $effect(() => {
 					This fork is ahead of its parent
 				{/if}
 				and some of the changes are not visible by you. Only a user with access to the whole context
-				may deploy or update this fork. You can share the link to this page to someone with proper permissions to get it deployed.
+				may deploy or update this fork. You can share the link to this page to someone with proper permissions
+				to get it deployed.
 			</Alert>
 		{/if}
 
@@ -792,7 +846,11 @@ $effect(() => {
 							disabled={!isSelectable}
 							selected={isSelected && !(deploymentStatus[key]?.status == 'deployed')}
 							onSelect={() => toggleItem(diff)}
-							path={diff.kind != 'resource' && diff.kind != 'variable' ? diff.path : ''}
+							path={diff.kind != 'resource' &&
+							diff.kind != 'variable' &&
+							diff.kind != 'resource_type'
+								? diff.path
+								: ''}
 							marked={undefined}
 							kind={diff.kind}
 							canFavorite={false}

package/package/components/ConcurrentJobsChart.svelte

@@ -3,7 +3,7 @@ import zoomPlugin from 'chartjs-plugin-zoom';
 import { Chart as ChartJS, CategoryScale, Legend, LineElement, LinearScale, PointElement, TimeScale, Title, Tooltip } from 'chart.js';
 import { getDbClockNow } from '../forLater';
 import { Line } from './chartjs-wrappers/chartJs';
-let { extendedJobs = undefined, maxIsNow = false, minTimeSet = undefined, maxTimeSet = undefined, onZoom } = $props();
+let { extendedJobs = undefined, maxIsNow = false, minTimeSet = null, maxTimeSet = null, onZoom } = $props();
 function calculateTimeSeries(extendedJobs) {
     const timeline = new Map();
     extendedJobs.jobs.forEach((j) => {
@@ -171,7 +171,8 @@ let options = $derived({
                 display: false
             },
             min: minMaxTimes.min,
-            max: minMaxTimes.max
+            max: minMaxTimes.max,
+            ticks: { maxRotation: 0, minRotation: 0 }
         },
         y: {
             grid: {

package/package/components/ConcurrentJobsChart.svelte.d.ts

@@ -3,8 +3,8 @@ import type { ExtendedJobs } from '../gen';
 interface Props {
     extendedJobs?: ExtendedJobs | undefined;
     maxIsNow?: boolean;
-    minTimeSet?: string | undefined;
-    maxTimeSet?: string | undefined;
+    minTimeSet?: string | null;
+    maxTimeSet?: string | null;
     onZoom: (zoom: {
         min: Date;
         max: Date;

package/package/components/CustomPopover.svelte

@@ -1,13 +1,8 @@
-<script lang="ts">import { createPopperActions } from 'svelte-popperjs';
+<script lang="ts">import { run, createBubbler } from 'svelte/legacy';
+const bubble = createBubbler();
+import { createPopperActions } from 'svelte-popperjs';
 import Portal from './Portal.svelte';
-export let placement = 'bottom-end';
-export let notClickable = false;
-export let disablePopup = false;
-export let disappearTimeout = 100;
-export let appearTimeout = 300;
-export let style = undefined;
-export let noPadding = false;
-export let focusEl = undefined;
+let { placement = 'bottom-end', notClickable = false, disablePopup = false, disappearTimeout = 100, appearTimeout = 300, style = undefined, noPadding = false, focusEl = undefined, class: clazz = '', children, overlay } = $props();
 const [popperRef, popperContent] = createPopperActions({ placement });
 const popperOptions = {
     placement,
@@ -22,7 +17,7 @@ const popperOptions = {
         }
     ]
 };
-let showTooltip = false;
+let showTooltip = $state(false);
 let timeout = undefined;
 let inTimeout = undefined;
 function open() {
@@ -39,36 +34,38 @@ function close() {
     inTimeout = undefined;
     timeout = setTimeout(() => (showTooltip = false), disappearTimeout);
 }
-$: focusEl && focusEl?.focus();
+run(() => {
+    focusEl && focusEl?.focus();
+});
 </script>
 
 {#if notClickable}
-	<!-- svelte-ignore a11y-no-static-element-interactions -->
-	<span {style} use:popperRef on:mouseenter={open} on:mouseleave={close} class={$$props.class}>
-		<slot />
+	<!-- svelte-ignore a11y_no_static_element_interactions -->
+	<span {style} use:popperRef onmouseenter={open} onmouseleave={close} class={clazz}>
+		{@render children?.()}
 	</span>
 {:else}
 	<button
 		{style}
 		use:popperRef
-		on:mouseenter={open}
-		on:mouseleave={close}
-		on:click
-		class={$$props.class}
+		onmouseenter={open}
+		onmouseleave={close}
+		onclick={bubble('click')}
+		class={clazz}
 	>
-		<slot />
+		{@render children?.()}
 	</button>
 {/if}
 {#if showTooltip && !disablePopup}
 	<Portal name="custom-popover">
-		<!-- svelte-ignore a11y-no-static-element-interactions -->
+		<!-- svelte-ignore a11y_no_static_element_interactions -->
 		<div
 			use:popperContent={popperOptions}
-			on:mouseenter={open}
-			on:mouseleave={close}
+			onmouseenter={open}
+			onmouseleave={close}
 			class="z-[5001] border rounded-lg shadow-lg {noPadding ? '' : 'p-4'} bg-surface"
 		>
-			<slot name="overlay" />
+			{@render overlay?.()}
 		</div>
 	</Portal>
 {/if}

package/package/components/CustomPopover.svelte.d.ts

@@ -1,42 +1,17 @@
 import type { PopoverPlacement } from './Popover.model';
-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;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const CustomPopover: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    [x: string]: any;
-    placement?: PopoverPlacement | undefined;
-    notClickable?: boolean | undefined;
-    disablePopup?: boolean | undefined;
-    disappearTimeout?: number | undefined;
-    appearTimeout?: number | undefined;
-    style?: string | undefined | undefined;
-    noPadding?: boolean | undefined;
+interface Props {
+    placement?: PopoverPlacement;
+    notClickable?: boolean;
+    disablePopup?: boolean;
+    disappearTimeout?: number;
+    appearTimeout?: number;
+    style?: string | undefined;
+    noPadding?: boolean;
     focusEl?: HTMLElement | undefined;
-}, {
-    default: {};
-    overlay: {};
-}>, {
-    click: PointerEvent;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-    overlay: {};
-}, {}, string>;
-type CustomPopover = InstanceType<typeof CustomPopover>;
+    class?: string;
+    children?: import('svelte').Snippet;
+    overlay?: import('svelte').Snippet;
+}
+declare const CustomPopover: import("svelte").Component<Props, {}, "">;
+type CustomPopover = ReturnType<typeof CustomPopover>;
 export default CustomPopover;

package/package/components/DBManager.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">import {} from '../stores';
-import { ChevronDownIcon, MoreVertical, Plus, Table2, Trash2Icon } from 'lucide-svelte';
+import { ChevronDownIcon, EditIcon, Loader2, Plus, Table2, Trash2Icon } from 'lucide-svelte';
 import { Pane, Splitpanes } from 'svelte-splitpanes';
 import { ClearableInput, Drawer, DrawerContent } from './common';
 import { sendUserToast } from '../toast';
@@ -12,7 +12,10 @@ 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, selectedSchemaKey = $bindable(undefined), selectedTableKey = $bindable(undefined), dbSelector, multiSelectMode = false, selectedTables = $bindable([]), disabledTables = [] } = $props();
+import { dbSupportsTransactionalDdl, diffTableEditorValues } from './apps/components/display/dbtable/queries/alterTable';
+import { resource } from 'runed';
+import { capitalize, onlyAlphaNumAndUnderscore, pluralize } from '../utils';
+let { dbType, dbSchema, dbTableOpsFactory, dbSchemaOps, dbSupportsSchemas, colDefs, refresh, initialSchemaKey, initialTableKey, selectedSchemaKey = $bindable(undefined), selectedTableKey = $bindable(undefined), dbSelector, multiSelectMode = false, selectedTables = $bindable([]), disabledTables = [], features } = $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);
@@ -119,15 +122,34 @@ let tableKey = $derived(dbSupportsSchemas && selected.schemaKey
     ? `${selected.schemaKey}.${selected.tableKey}`
     : selected.tableKey);
 let askingForConfirmation = $state();
-let dbTableEditorState = $state({ open: false });
+let dbTableEditorState = $state({
+    open: false
+});
+let dbTableEditorAlterTableData = resource([() => dbTableEditorState.alterTableKey, () => colDefs], async ([table]) => {
+    if (!table)
+        return;
+    let tableKey2 = dbSupportsSchemas && selected.schemaKey ? `${selected.schemaKey}.${table}` : table;
+    if (!colDefs?.[tableKey2])
+        return;
+    return await dbSchemaOps.onFetchTableEditorDefinition({
+        table: table,
+        schema: selected.schemaKey,
+        colDefs: colDefs[tableKey2]
+    });
+});
 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));
+const sanitizedNewSchemaName = $derived.by(() => {
+    let s = newSchemaName.trim().replace(/[^a-zA-Z0-9_]/g, '');
+    if (dbType === 'snowflake')
+        s = s.toUpperCase();
+    return s;
+});
+const schemaAlreadyExists = $derived(sanitizedNewSchemaName !== '' &&
+    schemaKeys.map((s) => s.toLowerCase()).includes(sanitizedNewSchemaName.toLowerCase()));
+let _dbTable = $state();
+export const dbTable = () => _dbTable;
 </script>
 
 <Splitpanes>
@@ -140,20 +162,20 @@ const schemaAlreadyExists = $derived(sanitizedNewSchemaName !== '' && schemaKeys
 				<Select
 					bind:value={selected.schemaKey}
 					items={safeSelectItems(schemaKeys)}
+					id="db-schema-select"
 					transformInputSelectedText={(s) => `Schema: ${s}`}
 					RightIcon={ChevronDownIcon}
 					placeholder="Search or create schema..."
 					showPlaceholderOnOpen
 					onCreateItem={(schema) => {
-						schema = schema
-							.trim()
-							.toLowerCase()
-							.replace(/[^a-zA-Z0-9_]/g, '')
+						schema = schema.trim().replace(/[^a-zA-Z0-9_]/g, '')
+						if (dbType === 'snowflake') schema = schema.toUpperCase()
 						askingForConfirmation = {
 							confirmationText: `Create ${schema}`,
 							type: 'reload',
 							title: `This will run 'CREATE SCHEMA ${schema}' on your database. Are you sure ?`,
 							open: true,
+							id: 'db-create-schema-confirmation-modal',
 							onConfirm: async () => {
 								askingForConfirmation && (askingForConfirmation.loading = true)
 								try {
@@ -224,7 +246,9 @@ const schemaAlreadyExists = $derived(sanitizedNewSchemaName !== '' && schemaKeys
 						<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>
+						<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"
@@ -258,7 +282,8 @@ const schemaAlreadyExists = $derived(sanitizedNewSchemaName !== '' && schemaKeys
 					{#each schemaTables as tableKey}
 						{@const isDisabled = isTableDisabled(schemaKey, tableKey)}
 						{@const isChecked = isTableSelected(schemaKey, tableKey) || isDisabled}
-						{@const isCurrentPreview = selected.schemaKey === schemaKey && selected.tableKey === tableKey}
+						{@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') +
@@ -341,7 +366,10 @@ const schemaAlreadyExists = $derived(sanitizedNewSchemaName !== '' && schemaKeys
 						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>
+						<p
+							class="db-manager-table-key truncate text-ellipsis grow text-left text-emphasis text-xs"
+							>{tableKey}</p
+						>
 						<DropdownV2
 							items={() => [
 								{
@@ -352,6 +380,7 @@ const schemaAlreadyExists = $derived(sanitizedNewSchemaName !== '' && schemaKeys
 											title: `Are you sure you want to delete ${tableKey} ? This action is irreversible`,
 											confirmationText: 'Delete permanently',
 											open: true,
+											id: 'db-manager-delete-table-confirmation-modal',
 											onConfirm: async () => {
 												askingForConfirmation && (askingForConfirmation.loading = true)
 												try {
@@ -366,17 +395,21 @@ const schemaAlreadyExists = $derived(sanitizedNewSchemaName !== '' && schemaKeys
 												askingForConfirmation = undefined
 											}
 										})
+								},
+								{
+									displayName: 'Alter table',
+									icon: EditIcon,
+									action: () => {
+										dbTableEditorState = {
+											open: true,
+											alterTableKey: tableKey
+										}
+									}
 								}
 							]}
 							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>
+							btnId={'db-manager-table-actions-' + onlyAlphaNumAndUnderscore(tableKey)}
+						/>
 					</button>
 				{/each}
 			{/if}
@@ -393,13 +426,9 @@ const schemaAlreadyExists = $derived(sanitizedNewSchemaName !== '' && schemaKeys
 		{/if}
 	</Pane>
 	<Pane class="p-3 pt-1">
-		{#if tableKey}
-			{#await getColDefs(tableKey) then colDefs}
-				{#if colDefs && colDefs?.length}
-					{@const dbTableOps = dbTableOpsFactory({ colDefs, tableKey })}
-					<DBTable {dbTableOps} />
-				{/if}
-			{/await}
+		{#if tableKey && colDefs?.[tableKey]?.length}
+			{@const dbTableOps = dbTableOpsFactory({ colDefs: colDefs[tableKey], tableKey })}
+			<DBTable {dbTableOps} bind:this={_dbTable} />
 		{/if}
 	</Pane>
 </Splitpanes>
@@ -417,18 +446,79 @@ const schemaAlreadyExists = $derived(sanitizedNewSchemaName !== '' && schemaKeys
 	open={dbTableEditorState.open}
 	on:close={() => (dbTableEditorState = { open: false })}
 >
-	<DrawerContent on:close={() => (dbTableEditorState = { open: false })} title="Create a new table">
-		<DbTableEditor
-			{dbSchema}
-			currentSchema={selected.schemaKey}
-			onConfirm={async (values) => {
-				await dbSchemaOps.onCreate({ values, schema: selected.schemaKey })
-				refresh?.()
-				dbTableEditorState = { open: false }
-			}}
-			{dbType}
-			previewSql={(values) => dbSchemaOps.previewCreateSql({ values, schema: selected.schemaKey })}
-		/>
+	<DrawerContent
+		id="db-table-editor-drawer"
+		on:close={() => (dbTableEditorState = { open: false })}
+		title={dbTableEditorState.alterTableKey
+			? `Alter ${dbTableEditorState.alterTableKey}`
+			: 'Create a new table'}
+	>
+		{#key dbTableEditorState.alterTableKey}
+			{#if !dbTableEditorState.alterTableKey || dbTableEditorAlterTableData.current}
+				<DbTableEditor
+					{features}
+					{dbSchema}
+					currentSchema={selected.schemaKey}
+					initialValues={dbTableEditorAlterTableData.current}
+					onConfirm={async ({ values }) => {
+						if (dbTableEditorState.alterTableKey && dbTableEditorAlterTableData.current) {
+							let diff = diffTableEditorValues(dbTableEditorAlterTableData.current, values)
+							await dbSchemaOps.onAlter({ schema: selected.schemaKey, values: diff })
+						} else {
+							await dbSchemaOps.onCreate({ values, schema: selected.schemaKey })
+						}
+						refresh?.()
+						sendUserToast(
+							dbTableEditorState.alterTableKey
+								? dbTableEditorState.alterTableKey + ' updated!'
+								: values.name + ' created!'
+						)
+						dbTableEditorState = { open: false }
+					}}
+					{dbType}
+					computePreview={({ values }) => {
+						if (dbTableEditorState.alterTableKey && dbTableEditorAlterTableData.current) {
+							let diff = diffTableEditorValues(dbTableEditorAlterTableData.current, values)
+							let queries = dbSchemaOps.previewAlterSql({
+								values: diff,
+								schema: selected.schemaKey
+							})
+							let alert = !dbSupportsTransactionalDdl(dbType)
+								? {
+										title: capitalize(dbType) + ' does not support transactional DDL',
+										body: 'Any of these statements failing may leave your database in an intermediate state.'
+									}
+								: undefined
+							return { sql: queries.join('\n'), ...(alert ? { alert } : {}) }
+						} else {
+							return { sql: dbSchemaOps.previewCreateSql({ values, schema: selected.schemaKey }) }
+						}
+					}}
+					computeBtnProps={({ values }) => {
+						if (dbTableEditorState.alterTableKey && dbTableEditorAlterTableData.current) {
+							let diff = diffTableEditorValues(dbTableEditorAlterTableData.current, values)
+							let queries = dbSchemaOps.previewAlterSql({
+								values: diff,
+								schema: selected.schemaKey
+							})
+							if (!queries.length) {
+								return { text: 'No changes detected', disabled: true }
+							}
+							return {
+								text: `Alter table (${pluralize(queries.length, 'change')} detected)`
+							}
+						} else {
+							return { text: 'Create table' }
+						}
+					}}
+				/>
+			{:else if dbTableEditorAlterTableData.loading || !colDefs}
+				<Loader2 class="animate-spin" size={32} />
+			{:else}
+				<p class="text-sm text-tertiary">Failed to load table definition.</p>
+				<p>{dbTableEditorAlterTableData.error}</p>
+			{/if}
+		{/key}
 	</DrawerContent>
 </Drawer>
 
@@ -463,6 +553,7 @@ const schemaAlreadyExists = $derived(sanitizedNewSchemaName !== '' && schemaKeys
 								type: 'reload',
 								title: `This will run 'CREATE SCHEMA ${sanitizedNewSchemaName}' on your database. Are you sure?`,
 								open: true,
+								id: 'db-create-schema-confirmation-modal',
 								onConfirm: async () => {
 									askingForConfirmation && (askingForConfirmation.loading = true)
 									try {
@@ -500,6 +591,7 @@ const schemaAlreadyExists = $derived(sanitizedNewSchemaName !== '' && schemaKeys
 						type: 'reload',
 						title: `This will run 'CREATE SCHEMA ${sanitizedNewSchemaName}' on your database. Are you sure?`,
 						open: true,
+						id: 'db-create-schema-confirmation-modal',
 						onConfirm: async () => {
 							askingForConfirmation && (askingForConfirmation.loading = true)
 							try {

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

@@ -3,6 +3,7 @@ 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';
+import type { DbFeatures } from './apps/components/display/dbtable/dbFeatures';
 /** Represents a selected table with its schema */
 export interface SelectedTable {
     schema: string;
@@ -12,7 +13,7 @@ type Props = {
     dbType: DbType;
     dbSchema: DBSchema;
     dbSupportsSchemas: boolean;
-    getColDefs: (tableKey: string) => Promise<ColumnDef[]>;
+    colDefs: Record<string, ColumnDef[]> | undefined;
     dbTableOpsFactory: (params: {
         colDefs: ColumnDef[];
         tableKey: string;
@@ -30,7 +31,17 @@ type Props = {
     selectedTables?: SelectedTable[];
     /** Tables that are already added and should show as disabled */
     disabledTables?: SelectedTable[];
+    features?: DbFeatures;
 };
-declare const DBManager: import("svelte").Component<Props, {}, "selectedSchemaKey" | "selectedTableKey" | "selectedTables">;
+declare const DBManager: import("svelte").Component<Props, {
+    dbTable: () => ({
+        $on?(type: string, callback: (e: any) => void): () => void;
+        $set?(props: Partial<{
+            dbTableOps: IDbTableOps;
+        }>): void;
+    } & {
+        refresh: () => number;
+    }) | undefined;
+}, "selectedSchemaKey" | "selectedTableKey" | "selectedTables">;
 type DBManager = ReturnType<typeof DBManager>;
 export default DBManager;