windmill-components 1.596.1 → 1.612.2

package/package/components/apps/components/display/dbtable/tableEditor.d.ts

@@ -0,0 +1,35 @@
+import type { ColumnMetadata, TableMetadata } from './utils';
+export type TableEditorValues = {
+    name: string;
+    columns: TableEditorValuesColumn[];
+    foreignKeys: TableEditorForeignKey[];
+    pk_constraint_name?: string;
+};
+export type TableEditorValuesColumn = {
+    name: string;
+    datatype: string;
+    primaryKey?: boolean;
+    defaultValue?: string;
+    nullable?: boolean;
+    datatype_length?: number;
+    initialName?: string;
+    default_constraint_name?: string;
+};
+export type TableEditorForeignKey = {
+    targetTable?: string;
+    columns: {
+        sourceColumn?: string;
+        targetColumn?: string;
+    }[];
+    onDelete: 'CASCADE' | 'SET NULL' | 'NO ACTION';
+    onUpdate: 'CASCADE' | 'SET NULL' | 'NO ACTION';
+    fk_constraint_name?: string;
+};
+export declare function datatypeDefaultLength(datatype: string): number;
+export declare function buildTableEditorValues({ metadata, tableName, pk_constraint_name, foreignKeys }: {
+    metadata: TableMetadata;
+    tableName: string;
+    pk_constraint_name?: string;
+    foreignKeys: TableEditorForeignKey[];
+}): TableEditorValues;
+export declare function columnDefToTableEditorValuesColumn(colDef: ColumnMetadata): TableEditorValuesColumn;

package/package/components/apps/components/display/dbtable/tableEditor.js

@@ -0,0 +1,49 @@
+import { countChars } from '../../../../../utils';
+export function datatypeDefaultLength(datatype) {
+    datatype = datatype.toLowerCase();
+    if (datatype == 'bit')
+        return 1;
+    if (['varchar', 'char', 'nvarchar', 'nchar', 'varbinary', 'binary'].includes(datatype)) {
+        return 255;
+    }
+    else {
+        return 10;
+    }
+}
+export function buildTableEditorValues({ metadata, tableName, pk_constraint_name, foreignKeys }) {
+    return {
+        name: tableName,
+        columns: metadata.map(columnDefToTableEditorValuesColumn),
+        pk_constraint_name,
+        foreignKeys
+    };
+}
+export function columnDefToTableEditorValuesColumn(colDef) {
+    let datatype;
+    let datatype_length;
+    const match = colDef.datatype?.match(/^([\w\s]+?)(?:\((\d+)\))?(\[\])?$/);
+    if (match) {
+        datatype = match[1].replace(/\s+/g, ' ').trim().toUpperCase() + (match[3] || ''); // Normalize spaces and add '[]' if it's an array type
+        datatype_length = match[2] ? parseInt(match[2], 10) : datatypeDefaultLength(datatype);
+    }
+    else {
+        datatype = colDef.datatype?.replace(/\s+/g, ' ').toUpperCase() || 'UNKNOWN';
+    }
+    const defaultValue = colDef.defaultvalue
+        ? colDef.defaultvalue.startsWith("'") &&
+            colDef.defaultvalue.endsWith("'") &&
+            countChars(colDef.defaultvalue, "'") === 2
+            ? colDef.defaultvalue.substring(1, colDef.defaultvalue.length - 1)
+            : `{${colDef.defaultvalue}}`
+        : undefined;
+    return {
+        name: colDef.field,
+        primaryKey: colDef.isprimarykey,
+        defaultValue,
+        nullable: colDef.isnullable !== 'NO',
+        datatype,
+        datatype_length,
+        initialName: colDef.field,
+        default_constraint_name: colDef.default_constraint_name
+    };
+}

package/package/components/apps/components/display/dbtable/utils.d.ts

@@ -1,7 +1,7 @@
 import type { ScriptLang } from '../../../../../gen';
 import type { SQLSchema } from '../../../../../stores';
 import { type IntrospectionQuery } from 'graphql';
-import type { DbType } from '../../../../dbTypes';
+import type { DbInput, DbType } from '../../../../dbTypes';
 export declare enum ColumnIdentity {
     ByDefault = "By Default",
     Always = "Always",
@@ -15,6 +15,7 @@ export type ColumnMetadata = {
     isidentity: ColumnIdentity;
     isnullable: 'YES' | 'NO';
     isenum: boolean;
+    default_constraint_name?: string;
 };
 export type TableMetadata = ColumnMetadata[];
 export type ColumnDef = {
@@ -75,6 +76,7 @@ export declare function formatSchema(dbSchema: {
 };
 export declare function formatGraphqlSchema(schema: IntrospectionQuery): string;
 export declare function buildVisibleFieldList(columnDefs: ColumnDef[], dbType: DbType): string[];
+export declare function renderDbQuotedIdentifier(identifier: string, dbType: DbType): string;
 export declare function getLanguageByResourceType(name: string): ScriptLang;
 export declare function buildParameters(columns: Array<{
     field: string;
@@ -84,3 +86,10 @@ export declare function getPrimaryKeys(tableMetadata?: TableMetadata): string[];
 export declare function dbSupportsSchemas(dbType: DbType): boolean;
 export declare function datatypeHasLength(datatype: string): boolean;
 export declare function sqlDataTypeToJsTypeHeuristic(datatype: string): string;
+export type DbFeatures = {
+    foreignKeys?: boolean;
+    primaryKeys?: boolean;
+    defaultValues?: boolean;
+    defaultToNotNull?: boolean;
+};
+export declare function getDbFeatures(dbInput: DbInput): Required<DbFeatures>;

package/package/components/apps/components/display/dbtable/utils.js

@@ -168,7 +168,9 @@ return schema
         code: `select TABLE_SCHEMA, TABLE_NAME, DATA_TYPE, COLUMN_NAME, COLUMN_DEFAULT from information_schema.columns where table_schema != 'sys'`,
         lang: 'mssql',
         processingFn: (rows) => {
-            const schemas = rows[0].reduce((acc, a) => {
+            if (!rows || rows.length === 0)
+                return {};
+            const schemas = rows.reduce((acc, a) => {
                 const table_schema = a.TABLE_SCHEMA;
                 delete a.TABLE_SCHEMA;
                 acc[table_schema] = acc[table_schema] || [];
@@ -223,30 +225,32 @@ export function buildVisibleFieldList(columnDefs, dbType) {
     // Filter out hidden columns to avoid counting the wrong number of rows
     return columnDefs
         .filter((columnDef) => columnDef && columnDef.ignored !== true)
-        .map((column) => {
-        switch (dbType) {
-            case 'postgresql':
-                return `"${column?.field}"`; // PostgreSQL uses double quotes for identifiers
-            case 'ms_sql_server':
-                return `[${column?.field}]`; // MSSQL uses square brackets for identifiers
-            case 'mysql':
-                return `\`${column?.field}\``; // MySQL uses backticks
-            case 'snowflake':
-                return `"${column?.field}"`; // Snowflake uses double quotes for identifiers
-            case 'bigquery':
-                return `\`${column?.field}\``; // BigQuery uses backticks
-            case 'duckdb':
-                return `"${column?.field}"`; // DuckDB uses double quotes for identifiers
-            default:
-                throw new Error('Unsupported database type: ' + dbType);
-        }
-    });
+        .map((column) => renderDbQuotedIdentifier(column?.field, dbType));
+}
+export function renderDbQuotedIdentifier(identifier, dbType) {
+    switch (dbType) {
+        case 'postgresql':
+            return `"${identifier}"`; // PostgreSQL uses double quotes for identifiers
+        case 'ms_sql_server':
+            return `[${identifier}]`; // MSSQL uses square brackets for identifiers
+        case 'mysql':
+            return `\`${identifier}\``; // MySQL uses backticks
+        case 'snowflake':
+            return `"${identifier}"`; // Snowflake uses double quotes for identifiers
+        case 'bigquery':
+            return `\`${identifier}\``; // BigQuery uses backticks
+        case 'duckdb':
+            return `"${identifier}"`; // DuckDB uses double quotes for identifiers
+        default:
+            throw new Error('Unsupported database type: ' + dbType);
+    }
 }
 export function getLanguageByResourceType(name) {
     const language = {
         postgresql: 'postgresql',
         mysql: 'mysql',
         ms_sql_server: 'mssql',
+        mssql: 'mssql',
         snowflake: 'snowflake',
         snowflake_oauth: 'snowflake',
         bigquery: 'bigquery',
@@ -286,7 +290,17 @@ export function dbSupportsSchemas(dbType) {
 }
 export function datatypeHasLength(datatype) {
     datatype = datatype.toLowerCase();
-    const lengthDataTypes = ['varchar', 'char', 'nvarchar', 'nchar', 'varbinary', 'binary', 'bit'];
+    const lengthDataTypes = [
+        'varchar',
+        'char',
+        'nvarchar',
+        'nchar',
+        'varbinary',
+        'binary',
+        'bit',
+        'character varying',
+        'character'
+    ];
     return lengthDataTypes.some((type) => datatype === type);
 }
 export function sqlDataTypeToJsTypeHeuristic(datatype) {
@@ -323,3 +337,21 @@ export function sqlDataTypeToJsTypeHeuristic(datatype) {
         return 'any';
     }
 }
+export function getDbFeatures(dbInput) {
+    const def = {
+        foreignKeys: true,
+        primaryKeys: true,
+        defaultValues: true,
+        defaultToNotNull: true
+    };
+    if (dbInput.type == 'ducklake')
+        return { ...def, foreignKeys: false, primaryKeys: false };
+    if (dbInput.resourceType == 'bigquery')
+        return {
+            foreignKeys: false,
+            primaryKeys: true,
+            defaultValues: false,
+            defaultToNotNull: false
+        };
+    return { ...def };
+}

package/package/components/apps/components/helpers/HiddenComponent.svelte

@@ -35,7 +35,7 @@ let outputs = initOutput($worldStore, id, {
 		{runnable}
 		wrapperClass="hidden"
 		recomputableByRefreshButton={runnable.autoRefresh ?? true}
-		on:success={onSuccess}
+		onSuccess={(_r) => onSuccess()}
 		{outputs}
 	>
 		{@render children?.()}

package/package/components/apps/components/helpers/InputValue.svelte

@@ -111,7 +111,7 @@ async function handleConnection() {
         lastExprHash = nhash;
     }
     else if (input?.type == 'evalv2') {
-        // console.log('evalv2', onDemandOnly, field)
+        // console.log('evalv2', onDemandOnly, field, exportValueFunction, key)
         if (onDemandOnly && exportValueFunction) {
             value = (args) => {
                 return evalExpr(input, args);

package/package/components/apps/components/helpers/ResolveConfig.svelte

@@ -33,7 +33,7 @@ $effect.pre(() => {
 {:else}
 	{#if debug}
 		<pre class="text-2xs">
-			key: {key} 
+			key: {key}
 			{JSON.stringify({ r: resolvedConfig })}
 			{JSON.stringify(configuration)}</pre
 		>

package/package/components/apps/components/helpers/RunnableComponent.svelte

@@ -18,7 +18,7 @@ import { computeWorkspaceS3FileInputPolicy } from '../../editor/appUtilsS3';
 import { executeRunnable } from './executeRunnable';
 import SchemaForm from '../../../SchemaForm.svelte';
 import JobLoader, {} from '../../../JobLoader.svelte';
-let { id, fields, runnable, transformer, extraQueryParams = {}, autoRefresh = true, result = $bindable(undefined), result_stream = $bindable(undefined), forceSchemaDisplay = false, wrapperClass = '', wrapperStyle = '', render, outputs, extraKey = '', initializing = false, recomputeOnInputChanged = true, loading = $bindable(false), refreshOnStart = false, recomputableByRefreshButton, errorHandledByComponent = false, hideRefreshButton = false, allowConcurentRequests = false, noInitialize = false, overrideCallback = undefined, overrideAutoRefresh = false, replaceCallback = false, children, nonRenderedPlaceholder } = $props();
+let { id, fields, runnable, transformer, extraQueryParams = {}, autoRefresh = true, result = $bindable(undefined), result_stream = $bindable(undefined), forceSchemaDisplay = false, wrapperClass = '', wrapperStyle = '', render, outputs, extraKey = '', initializing = false, recomputeOnInputChanged = true, loading = $bindable(false), refreshOnStart = false, recomputableByRefreshButton, errorHandledByComponent = false, hideRefreshButton = false, allowConcurentRequests = false, noInitialize = false, overrideCallback = undefined, overrideAutoRefresh = false, replaceCallback = false, children, nonRenderedPlaceholder, onSuccess } = $props();
 const { worldStore, runnableComponents, workspace, appPath, isEditor, jobs, jobsById, noBackend, errorByComponent, mode, stateId, state: stateStore, componentControl, initialized, selectedComponent, app, connectingInput, bgRuns, recomputeAllContext } = getContext('AppViewerContext');
 const editorContext = getContext('AppEditorContext');
 const iterContext = getContext('ListWrapperContext');
@@ -354,6 +354,7 @@ export async function runComponent(noToast = true, inlineScriptOverride, setRunn
         let error = e?.body ?? e?.message;
         updateResult({ error });
         $errorByComponent[id] = { error };
+        loading = false; // Ensure loading is reset on any error
     }
 }
 function recordJob(jobId, result, jobError, transformer) {
@@ -449,7 +450,7 @@ async function setResult(res, jobId, dispatchSuccess = true) {
     recordJob(jobId, result, undefined, transformerResult);
     delete $errorByComponent[id];
     if (dispatchSuccess) {
-        dispatch('success', result);
+        onSuccess?.(result);
     }
     // callbacks?.done(res)
 }

package/package/components/apps/components/helpers/RunnableComponent.svelte.d.ts

@@ -34,6 +34,7 @@ interface Props {
     overrideCallback?: (() => CancelablePromise<void>) | undefined;
     overrideAutoRefresh?: boolean;
     replaceCallback?: boolean;
+    onSuccess?: (result: any) => void;
     children?: import('svelte').Snippet;
     nonRenderedPlaceholder?: import('svelte').Snippet;
 }
@@ -63,7 +64,6 @@ declare const RunnableComponent: $$__sveltets_2_IsomorphicComponent<Props, {
     doneError: CustomEvent<any>;
     resultSet: CustomEvent<any>;
     handleError: CustomEvent<any>;
-    success: CustomEvent<any>;
     recompute: CustomEvent<any>;
     argsChanged: CustomEvent<any>;
 } & {

package/package/components/apps/components/helpers/RunnableWrapper.svelte

@@ -235,8 +235,8 @@ async function executeSideEffect(sideEffect, success = true, errorMessage) {
 
 			initializing = false
 		}}
-		on:success={(e) => {
-			onSuccess(e.detail)
+		onSuccess={(result) => {
+			onSuccess(result)
 			handleSideEffect(true)
 		}}
 		on:handleError={(e) => handleSideEffect(false, e.detail)}

package/package/components/apps/editor/AppEditorHeader.svelte

@@ -608,13 +608,20 @@ let hasErrors = $derived(Object.keys($errorByComponent).length > 0);
 						startIcon={{ icon: Save }}
 						disabled={pathError != ''}
 						on:click={() => saveInitialDraft()}
+						unifiedSize="md"
+						variant="accent"
 					>
 						Save initial draft
 					</Button>
 				</div>
 			{/snippet}
 
-			<AppEditorHeaderDeployInitialDraft {summary} {appPath} bind:pathError bind:newEditedPath />
+			<AppEditorHeaderDeployInitialDraft
+				bind:summary={$summary}
+				bind:appPath={$appPath}
+				bind:pathError
+				bind:newEditedPath
+			/>
 		</DrawerContent>
 	</Drawer>
 {/if}

package/package/components/apps/editor/AppEditorHeaderDeploy.svelte

@@ -11,6 +11,7 @@ import { computeSecretUrl } from './appDeploy.svelte';
 import { base } from '../../../base';
 import { isCloudHosted } from '../../../cloud';
 import EEOnly from '../../EEOnly.svelte';
+import TextInput from '../../text_input/TextInput.svelte';
 let { policy, setPublishState, appPath, customPath = $bindable(), onLatest, savedApp, summary = $bindable(), deploymentMsg = $bindable(), customPathError = $bindable(), pathError = $bindable(), newEditedPath = $bindable(), newPath, hideSecretUrl = false } = $props();
 let dirtyCustomPath = $state(false);
 let path = $state(undefined);
@@ -76,44 +77,46 @@ $effect(() => {
 	</Alert>
 	<div class="py-2"></div>
 {/if}
-<span class="text-secondary text-sm font-bold">Summary</span>
-<div class="w-full pt-2">
+<label for="summary" class="text-emphasis text-xs font-semibold">Summary</label>
+<div class="w-full pt-1">
 	<!-- svelte-ignore a11y_autofocus -->
-	<input
-		autofocus
-		type="text"
-		placeholder="App summary"
-		class="text-sm w-full"
-		bind:value={summary}
-		onkeydown={(e) => {
-			e.stopPropagation()
-		}}
-		onkeyup={() => {
-			if (appPath == '' && summary?.length > 0 && !dirtyPath) {
-				path?.setName(
-					summary
-						.toLowerCase()
-						.replace(/[^a-z0-9_]/g, '_')
-						.replace(/-+/g, '_')
-						.replace(/^-|-$/g, '')
-				)
+	<TextInput
+		inputProps={{
+			id: 'summary',
+			autofocus: true,
+			placeholder: 'App summary',
+			onkeydown: (e) => {
+				e.stopPropagation()
+			},
+			onkeyup: () => {
+				if (appPath == '' && summary?.length > 0 && !dirtyPath) {
+					path?.setName(
+						summary
+							.toLowerCase()
+							.replace(/[^a-z0-9_]/g, '_')
+							.replace(/-+/g, '_')
+							.replace(/^-|-$/g, '')
+					)
+				}
 			}
 		}}
+		bind:value={summary}
 	/>
 </div>
-<div class="py-4"></div>
-<span class="text-secondary text-sm font-bold">Deployment message</span>
-<div class="w-full pt-2">
+<div class="py-6"></div>
+<label for="deploymentMsg" class="text-emphasis text-xs font-semibold">Deployment message</label>
+<div class="w-full pt-1">
 	<!-- svelte-ignore a11y_autofocus -->
-	<input
-		type="text"
-		placeholder="Optional deployment message"
-		class="text-sm w-full"
+	<TextInput
+		inputProps={{
+			id: 'deploymentMsg',
+			placeholder: 'Optional deployment message'
+		}}
 		bind:value={deploymentMsg}
 	/>
 </div>
-<div class="py-4"></div>
-<span class="text-secondary text-sm font-bold">Path</span>
+<div class="py-6"></div>
+<label for="path" class="text-emphasis text-xs font-semibold">Path</label>
 <Path
 	bind:this={path}
 	bind:dirty={dirtyPath}

package/package/components/apps/editor/AppEditorHeaderDeploy.svelte.d.ts

@@ -11,8 +11,8 @@ type $$ComponentProps = {
     pathError: string;
     newEditedPath: string;
     newPath: string;
-    hideSecretUrl: boolean;
+    hideSecretUrl?: boolean;
 };
-declare const AppEditorHeaderDeploy: import("svelte").Component<$$ComponentProps, {}, "summary" | "customPath" | "deploymentMsg" | "customPathError" | "pathError" | "newEditedPath">;
+declare const AppEditorHeaderDeploy: import("svelte").Component<$$ComponentProps, {}, "summary" | "pathError" | "customPath" | "deploymentMsg" | "customPathError" | "newEditedPath">;
 type AppEditorHeaderDeploy = ReturnType<typeof AppEditorHeaderDeploy>;
 export default AppEditorHeaderDeploy;

package/package/components/apps/editor/AppEditorHeaderDeployInitialDraft.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">import { Alert } from '../../common';
 import Path from '../../Path.svelte';
-let { summary, appPath, pathError = $bindable(), newEditedPath = $bindable() } = $props();
+let { summary = $bindable(), appPath = $bindable(), pathError = $bindable(), newEditedPath = $bindable() } = $props();
 let path = $state(undefined);
 let dirtyPath = $state(false);
 </script>
@@ -19,11 +19,11 @@ let dirtyPath = $state(false);
 		onkeydown={(e) => {
 			e.stopPropagation()
 		}}
-		bind:value={$summary}
+		bind:value={summary}
 		onkeyup={() => {
-			if ($appPath == '' && $summary?.length > 0 && !dirtyPath) {
+			if (appPath == '' && summary?.length > 0 && !dirtyPath) {
 				path?.setName(
-					$summary
+					summary
 						.toLowerCase()
 						.replace(/[^a-z0-9_]/g, '_')
 						.replace(/-+/g, '_')

package/package/components/apps/editor/AppEditorHeaderDeployInitialDraft.svelte.d.ts

@@ -1,8 +1,8 @@
 declare const AppEditorHeaderDeployInitialDraft: import("svelte").Component<{
-    summary: any;
-    appPath: any;
+    summary?: any;
+    appPath?: any;
     pathError?: any;
     newEditedPath?: any;
-}, {}, "pathError" | "newEditedPath">;
+}, {}, "summary" | "appPath" | "pathError" | "newEditedPath">;
 type AppEditorHeaderDeployInitialDraft = ReturnType<typeof AppEditorHeaderDeployInitialDraft>;
 export default AppEditorHeaderDeployInitialDraft;

package/package/components/apps/editor/PublicApp.svelte

@@ -12,9 +12,12 @@ import { UserService } from '../../../gen';
 import { urlParamsToObject } from '../../../utils';
 import { goto } from '$app/navigation';
 import AppPreview from './AppPreview.svelte';
+import RawAppPreview from '../../raw_apps/RawAppPreview.svelte';
 import { twMerge } from 'tailwind-merge';
 import { writable } from 'svelte/store';
 let { notExists, noPermission, jwtError, onLoginSuccess, app, workspace } = $props();
+// Use workspace from props or from app.workspace_id (for custom path responses)
+let effectiveWorkspace = $derived(workspace ?? app?.workspace_id);
 setContext(IS_APP_PUBLIC_CONTEXT_KEY, true);
 const breakpoint = writable('lg');
 const darkMode = window.localStorage.getItem('dark-mode') ??
@@ -77,9 +80,9 @@ onMount(() => {
 {:else if noPermission}
 	<div class="px-4 mt-20 w-full text-center font-bold text-xl"> This app requires read access </div>
 	<div class="text-center mt-8 text-sm text-primary">
-		{#if $userStore}You are logged in but have no read access to this app{:else if globalUser && workspace}
+		{#if $userStore}You are logged in but have no read access to this app{:else if globalUser && effectiveWorkspace}
 			You are logged in but are not a member of the workspace <span class="text-xl font-bold"
-				>{workspace}</span
+				>{effectiveWorkspace}</span
 			> this app is part of
 		{:else}You must be logged in and have read access to this app{/if}</div
 	>
@@ -90,35 +93,51 @@ onMount(() => {
 	</div>
 {:else if app}
 	{#key app}
-		<div
-			class={twMerge(
-				'min-h-screen h-full w-full flex',
-				app?.value?.['css']?.['app']?.['viewer']?.class,
-				'wm-app-viewer'
-			)}
-			style={app?.value?.['css']?.['app']?.['viewer']?.style}
-		>
-			<AppPreview
-				noBackend={false}
-				context={{
-					email: $userStore?.email,
-					name: $userStore?.name,
-					groups: $userStore?.groups,
-					username: $userStore?.username,
-					query: urlParamsToObject(page.url.searchParams),
-					hash: page.url.hash.substring(1)
-				}}
-				{workspace}
-				summary={app.summary}
-				app={app.value}
-				appPath={app.path}
-				{breakpoint}
-				policy={app.policy}
-				isEditor={false}
-				replaceStateFn={(path) => goto(path)}
-				gotoFn={(path, opt) => goto(path, opt)}
+		{#if app.raw_app && effectiveWorkspace}
+			<RawAppPreview
+				workspace={effectiveWorkspace}
+				user={$userStore}
+				secret={app.bundle_secret}
+				path={app.path}
+				runnables={(app.value?.runnables ?? {}) as Record<string, Runnable>}
 			/>
-		</div>
+		{:else if app.raw_app && !effectiveWorkspace}
+			<div class="px-4 mt-20">
+				<Alert type="error" title="Configuration error">
+					Unable to load raw app: workspace information is missing.
+				</Alert>
+			</div>
+		{:else}
+			<div
+				class={twMerge(
+					'min-h-screen h-full w-full flex',
+					app?.value?.['css']?.['app']?.['viewer']?.class,
+					'wm-app-viewer'
+				)}
+				style={app?.value?.['css']?.['app']?.['viewer']?.style}
+			>
+				<AppPreview
+					noBackend={false}
+					context={{
+						email: $userStore?.email,
+						name: $userStore?.name,
+						groups: $userStore?.groups,
+						username: $userStore?.username,
+						query: urlParamsToObject(page.url.searchParams),
+						hash: page.url.hash.substring(1)
+					}}
+					workspace={effectiveWorkspace}
+					summary={app.summary}
+					app={app.value}
+					appPath={app.path}
+					{breakpoint}
+					policy={app.policy}
+					isEditor={false}
+					replaceStateFn={(path) => goto(path)}
+					gotoFn={(path, opt) => goto(path, opt)}
+				/>
+			</div>
+		{/if}
 	{/key}
 {:else}
 	<Skeleton layout={[[4], 0.5, [50]]} />

package/package/components/apps/editor/PublicApp.svelte.d.ts

@@ -6,6 +6,7 @@ type $$ComponentProps = {
     onLoginSuccess: () => void;
     app: (AppWithLastVersion & {
         value: any;
+        workspace_id?: string;
     }) | undefined;
     workspace: string | undefined;
 };