windmill-components 1.623.2 → 1.655.0

package/package/workspaceProtectionRules.svelte.js

@@ -0,0 +1,176 @@
+import { WorkspaceService } from './gen';
+/**
+ * Internal reactive state using Svelte 5 $state rune
+ */
+let state = $state({
+    rulesets: undefined,
+    loading: false,
+    error: undefined,
+    workspace: undefined
+});
+/**
+ * Exported reactive state object with readonly getters
+ */
+export const protectionRulesState = {
+    get rulesets() {
+        return state.rulesets;
+    },
+    get loading() {
+        return state.loading;
+    },
+    get error() {
+        return state.error;
+    },
+    get workspace() {
+        return state.workspace;
+    }
+};
+/**
+ * Internal function to reset state (used by storeUtils)
+ */
+export function resetProtectionRules() {
+    state.rulesets = undefined;
+    state.loading = false;
+    state.error = undefined;
+    state.workspace = undefined;
+}
+/**
+ * Loads protection rules for a workspace from the API and updates the state
+ * Early returns if already loading the same workspace to prevent duplicate requests
+ */
+export async function loadProtectionRules(workspace) {
+    // Early return if already loading for this workspace
+    if (state.loading && state.workspace === workspace) {
+        return;
+    }
+    state.loading = true;
+    state.workspace = workspace;
+    try {
+        const rulesets = await WorkspaceService.listProtectionRules({ workspace });
+        state.rulesets = rulesets;
+        state.loading = false;
+        state.error = undefined;
+    }
+    catch (error) {
+        console.error('Failed to load protection rulesets:', error);
+        // Fail open: set empty array to allow operations
+        state.rulesets = [];
+        state.loading = false;
+        state.error = error instanceof Error ? error.message : 'Unknown error';
+    }
+}
+/**
+ * Fetches protection rules for a specific workspace without updating the state
+ * @param workspace The workspace ID to fetch rules for
+ * @returns Array of protection rulesets, or empty array on error
+ */
+export async function fetchProtectionRulesForWorkspace(workspace) {
+    try {
+        const rulesets = await WorkspaceService.listProtectionRules({ workspace });
+        return rulesets;
+    }
+    catch (error) {
+        console.error(`Failed to fetch protection rules for workspace ${workspace}:`, error);
+        return [];
+    }
+}
+/**
+ * Checks if a user can bypass a specific ruleset
+ * @param ruleset The protection ruleset to check
+ * @param userInfo The user information
+ * @returns true if user can bypass (is admin, in bypass_users, or has group in bypass_groups)
+ */
+export function canUserBypassRule(ruleset, userInfo) {
+    // Admin always bypasses
+    if (userInfo.is_admin) {
+        return true;
+    }
+    if (ruleset.bypass_users.includes(userInfo.username)) {
+        return true;
+    }
+    if (ruleset.bypass_groups.some((bg) => userInfo.groups.includes(bg))) {
+        return true;
+    }
+    return false;
+}
+/**
+ * Checks if a specific rule type is active in ANY ruleset
+ * FIXED: No longer uses await without async context
+ * @param ruleKind The rule type to check
+ * @returns true if the rule is active in at least one ruleset, false if not loaded or not active
+ */
+export function isRuleActive(ruleKind) {
+    // Safe default: return false if rules not loaded yet
+    if (!state.rulesets) {
+        return false;
+    }
+    return state.rulesets.some((ruleset) => ruleset.rules.includes(ruleKind));
+}
+/**
+ * Checks if a user can bypass a specific rule type
+ * @param ruleKind The rule type to check
+ * @param userInfo The user information
+ * @returns true if the rule is not active OR user can bypass ALL rulesets containing it
+ */
+export function canUserBypassRuleKind(ruleKind, userInfo) {
+    // If no user info, default to permissive
+    if (!userInfo) {
+        return false;
+    }
+    if (!state.rulesets) {
+        return true; // No rules loaded, allow
+    }
+    // Find all rulesets containing this rule
+    const rulesetsWithThisRule = state.rulesets.filter((rs) => rs.rules.includes(ruleKind));
+    if (rulesetsWithThisRule.length === 0) {
+        return true; // Rule not active
+    }
+    // User must be able to bypass ALL rulesets containing this rule
+    return rulesetsWithThisRule.every((rs) => canUserBypassRule(rs, userInfo));
+}
+/**
+ * Returns all rulesets that contain a specific rule kind
+ */
+export function getActiveRulesetsForKind(ruleKind) {
+    if (!state.rulesets)
+        return [];
+    return state.rulesets.filter((rs) => rs.rules.includes(ruleKind));
+}
+/**
+ * Checks if a specific rule kind is active in given rulesets (workspace-agnostic version)
+ * @param rulesets Array of protection rulesets to check
+ * @param ruleKind The rule type to check
+ * @returns true if the rule is active in at least one ruleset
+ */
+export function isRuleActiveInRulesets(rulesets, ruleKind) {
+    return rulesets.some((ruleset) => ruleset.rules.includes(ruleKind));
+}
+/**
+ * Checks if user can bypass a rule kind in given rulesets (workspace-agnostic version)
+ * @param rulesets Array of protection rulesets to check
+ * @param ruleKind The rule type to check
+ * @param userInfo The user information
+ * @returns true if the rule is not active OR user can bypass ALL rulesets containing it
+ */
+export function canUserBypassRuleKindInRulesets(rulesets, ruleKind, userInfo) {
+    // If no user info, default to not allowing bypass
+    if (!userInfo) {
+        return false;
+    }
+    // Find all rulesets containing this rule
+    const rulesetsWithThisRule = rulesets.filter((rs) => rs.rules.includes(ruleKind));
+    if (rulesetsWithThisRule.length === 0) {
+        return true; // Rule not active
+    }
+    // User must be able to bypass ALL rulesets containing this rule
+    return rulesetsWithThisRule.every((rs) => canUserBypassRule(rs, userInfo));
+}
+/**
+ * Returns rulesets that contain a specific rule kind from given rulesets (workspace-agnostic version)
+ * @param rulesets Array of protection rulesets to filter
+ * @param ruleKind The rule type to filter by
+ * @returns Array of rulesets containing the specified rule
+ */
+export function getActiveRulesetsForKindInRulesets(rulesets, ruleKind) {
+    return rulesets.filter((rs) => rs.rules.includes(ruleKind));
+}

package/package/workspace_settings.d.ts

@@ -1,5 +1,5 @@
 import type { GetSettingsResponse, LargeFileStorage } from './gen';
-type S3type = 's3' | 'azure_blob' | 's3_aws_oidc' | 'azure_workload_identity' | 'gcloud_storage';
+type S3type = 's3' | 'azure_blob' | 's3_aws_oidc' | 'azure_workload_identity' | 'gcloud_storage' | 'filesystem';
 export type S3ResourceSettingsItem = {
     resourceType: S3type;
     resourcePath: string | undefined;
@@ -11,6 +11,7 @@ export type S3ResourceSettingsItem = {
 };
 export type S3ResourceSettings = S3ResourceSettingsItem & {
     secondaryStorage: [string, S3ResourceSettingsItem][] | undefined;
+    volumeStorage: string | undefined;
 };
 export declare function convertBackendSettingsToFrontendSettings(large_file_storage: GetSettingsResponse['large_file_storage'], isEnterprise: boolean): S3ResourceSettings;
 export declare function convertBackendSettingsToFrontendSettingsItem(large_file_storage: GetSettingsResponse['large_file_storage'], isEnterprise: boolean): S3ResourceSettingsItem;

package/package/workspace_settings.js

@@ -2,6 +2,7 @@ import { emptyString } from './utils';
 export function convertBackendSettingsToFrontendSettings(large_file_storage, isEnterprise) {
     let settings = convertBackendSettingsToFrontendSettingsItem(large_file_storage, isEnterprise);
     settings.secondaryStorage = Object.entries(large_file_storage?.secondary_storage ?? {}).map(([key, value]) => [key, convertBackendSettingsToFrontendSettingsItem(value, isEnterprise)]);
+    settings.volumeStorage = large_file_storage?.volume_storage ?? undefined;
     return settings;
 }
 export function convertBackendSettingsToFrontendSettingsItem(large_file_storage, isEnterprise) {
@@ -54,6 +55,14 @@ export function convertBackendSettingsToFrontendSettingsItem(large_file_storage,
             advancedPermissions
         };
     }
+    else if (large_file_storage?.type === 'FilesystemStorage') {
+        return {
+            resourceType: 'filesystem',
+            resourcePath: large_file_storage?.root_path,
+            publicResource: large_file_storage?.public_resource,
+            advancedPermissions
+        };
+    }
     else {
         return {
             resourceType: 's3',
@@ -69,11 +78,30 @@ export function convertFrontendToBackendSetting(s3ResourceSettings) {
         settings.secondary_storage = Object.fromEntries((s3ResourceSettings.secondaryStorage ?? [])
             .map(([key, value]) => [key, convertFrontendToBackendettingsItem(value)])
             .filter(([, value]) => value !== undefined));
+        if (s3ResourceSettings.volumeStorage) {
+            ;
+            settings.volume_storage = s3ResourceSettings.volumeStorage;
+        }
     }
     return settings;
 }
 export function convertFrontendToBackendettingsItem(s3ResourceSettings) {
     if (!emptyString(s3ResourceSettings.resourcePath)) {
+        if (s3ResourceSettings.resourceType === 'filesystem') {
+            return {
+                type: 'FilesystemStorage',
+                root_path: s3ResourceSettings.resourcePath,
+                public_resource: s3ResourceSettings.publicResource,
+                ...(s3ResourceSettings.advancedPermissions
+                    ? {
+                        advanced_permissions: s3ResourceSettings.advancedPermissions.map((rule) => ({
+                            ...rule,
+                            allow: rule.allow.join(',')
+                        }))
+                    }
+                    : {})
+            };
+        }
         let resourcePathWithPrefix = `$res:${s3ResourceSettings.resourcePath}`;
         let params = {
             public_resource: s3ResourceSettings.publicResource,

package/package.json

@@ -1,12 +1,13 @@
 {
 	"name": "windmill-components",
-	"version": "1.623.2",
+	"version": "1.655.0",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build",
 		"build:utils": "vite build --config sharedUtils/vite.sharedUtils.config.js",
 		"preview": "vite preview",
 		"postinstall": "node -e \"if (require('fs').existsSync('./scripts/untar_ui_builder.js')) { require('child_process').execSync('node ./scripts/untar_ui_builder.js', {stdio: 'inherit'}) }\"",
+		"check:fast": "bun --bun svelte-fast-check --no-svelte-warnings --incremental",
 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --threshold warning",
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
 		"lint": "prettier --ignore-path .gitignore --check --plugin-search-dir=. . && eslint --ignore-path .gitignore .",
@@ -26,9 +27,9 @@
 		"@melt-ui/svelte": "^0.86.2",
 		"@playwright/test": "^1.57.0",
 		"@sveltejs/adapter-static": "^3.0.6",
-		"@sveltejs/kit": "^2.49.2",
-		"@sveltejs/package": "^2.3.7",
-		"@sveltejs/vite-plugin-svelte": "^6.2.1",
+		"@sveltejs/kit": "^2.53.4",
+		"@sveltejs/package": "^2.5.7",
+		"@sveltejs/vite-plugin-svelte": "^7.0.0",
 		"@tailwindcss/forms": "^0.5.3",
 		"@tailwindcss/typography": "^0.5.8",
 		"@types/d3": "^7.4.0",
@@ -55,9 +56,10 @@
 		"prettier-plugin-svelte": "^3.3.3",
 		"style-to-object": "^0.4.1",
 		"stylelint-config-recommended": "^13.0.0",
-		"svelte": "^5.38.0",
+		"svelte": "^5.53.5",
 		"svelte-awesome-color-picker": "^3.0.4",
-		"svelte-check": "^4.0.0",
+		"svelte-check": "^4.4.3",
+		"svelte-fast-check": "^0.4.5",
 		"svelte-floating-ui": "^1.5.8",
 		"svelte-highlight": "^7.6.0",
 		"svelte-popperjs": "^1.3.2",
@@ -65,18 +67,19 @@
 		"svelte-range-slider-pips": "^2.3.1",
 		"svelte-splitpanes": "^8.0.9",
 		"tailwindcss": "^3.4.1",
-		"tar": "^7.4.3",
+		"tar": "^7.5.4",
 		"tslib": "^2.6.1",
 		"typescript": "^5.5.0",
-		"vite": "npm:rolldown-vite@7.3.0",
+		"vite": "^8.0.0-beta.16",
 		"vite-plugin-mkcert": "^1.17.5",
-		"vitest": "^4.0.10",
+		"vitest": "^4.1.0-beta.5",
 		"vitest-browser-svelte": "^2.0.1"
 	},
 	"overrides": {
 		"monaco-graphql": {
 			"monaco-editor": "$monaco-editor"
-		}
+		},
+		"tar": "$tar"
 	},
 	"type": "module",
 	"dependencies": {
@@ -91,6 +94,7 @@
 		"@codingame/monaco-vscode-standalone-typescript-language-features": "=25.0.0",
 		"@json2csv/plainjs": "^7.0.6",
 		"@leeoniya/ufuzzy": "^1.0.8",
+		"@popperjs/core": "^2.11.8",
 		"@redocly/json-to-json-schema": "^0.0.1",
 		"@scalar/openapi-parser": "^0.15.0",
 		"@tanstack/svelte-table": "npm:tanstack-table-8-svelte-5@^0.1",
@@ -117,6 +121,7 @@
 		"hash-sum": "^2.0.0",
 		"highlight.js": "^11.8.0",
 		"idb": "^8.0.2",
+		"jszip": "^3.10.1",
 		"lru-cache": "^11.1.0",
 		"lucide-svelte": "^0.540.0",
 		"minimatch": "^10.0.1",
@@ -143,19 +148,20 @@
 		"vscode-languageclient": "~9.0.1",
 		"vscode-uri": "~3.1.0",
 		"vscode-ws-jsonrpc": "~3.5.0",
+		"windmill-parser-wasm-asset": "1.653.0",
 		"windmill-parser-wasm-csharp": "1.510.1",
 		"windmill-parser-wasm-go": "1.510.1",
 		"windmill-parser-wasm-java": "1.510.1",
 		"windmill-parser-wasm-nu": "1.510.1",
-		"windmill-parser-wasm-php": "1.574.1",
-		"windmill-parser-wasm-py": "1.601.1",
-		"windmill-parser-wasm-regex": "1.593.0",
+		"windmill-parser-wasm-php": "1.647.1",
+		"windmill-parser-wasm-py": "1.653.0",
+		"windmill-parser-wasm-regex": "1.653.0",
 		"windmill-parser-wasm-ruby": "1.526.1",
-		"windmill-parser-wasm-rust": "1.558.1",
-		"windmill-parser-wasm-ts": "1.593.0",
+		"windmill-parser-wasm-rust": "1.647.1",
+		"windmill-parser-wasm-ts": "1.653.0",
 		"windmill-parser-wasm-yaml": "1.593.0",
 		"windmill-sql-datatype-parser-wasm": "1.512.0",
-		"windmill-utils-internal": "^1.3.2",
+		"windmill-utils-internal": "^1.3.4",
 		"xterm": "^5.3.0",
 		"xterm-readline": "^1.1.2",
 		"y-monaco": "^0.1.4",
@@ -278,6 +284,16 @@
 			"svelte": "./package/components/FlowStatusViewer.svelte",
 			"default": "./package/components/FlowStatusViewer.svelte"
 		},
+		"./components/FlowRecordingReplay.svelte": {
+			"types": "./package/components/recording/FlowRecordingReplay.svelte.d.ts",
+			"svelte": "./package/components/recording/FlowRecordingReplay.svelte",
+			"default": "./package/components/recording/FlowRecordingReplay.svelte"
+		},
+		"./components/ScriptRecordingReplay.svelte": {
+			"types": "./package/components/recording/ScriptRecordingReplay.svelte.d.ts",
+			"svelte": "./package/components/recording/ScriptRecordingReplay.svelte",
+			"default": "./package/components/recording/ScriptRecordingReplay.svelte"
+		},
 		"./components/FlowWrapper.svelte": {
 			"types": "./package/components/FlowWrapper.svelte.d.ts",
 			"svelte": "./package/components/FlowWrapper.svelte",
@@ -477,6 +493,12 @@
 			"components/FlowStatusViewer.svelte": [
 				"./package/components/FlowStatusViewer.svelte.d.ts"
 			],
+			"components/FlowRecordingReplay.svelte": [
+				"./package/components/recording/FlowRecordingReplay.svelte.d.ts"
+			],
+			"components/ScriptRecordingReplay.svelte": [
+				"./package/components/recording/ScriptRecordingReplay.svelte.d.ts"
+			],
 			"components/FlowBuilder.svelte": [
 				"./package/components/FlowBuilder.svelte.d.ts"
 			],

package/package/components/DropdownSelect.svelte

@@ -1,26 +0,0 @@
-<script lang="ts">import DropdownV2 from './DropdownV2.svelte';
-import { ChevronDown } from 'lucide-svelte';
-import { twMerge } from 'tailwind-merge';
-let { items = [], extraLabel, selected, selectedDisplayName, btnClasses } = $props();
-const filteredItems = $derived(items.filter((item) => item.id !== selected));
-</script>
-
-<DropdownV2 items={filteredItems}>
-	{#snippet buttonReplacement()}
-		<div
-			class={twMerge(
-				'p-2 h-8 flex flex-row items-center gap-2 border hover:bg-surface-hover cursor-pointer rounded-md',
-				btnClasses
-			)}
-		>
-			<div class="flex flex-row items-center gap-1 pr-2 justify-between w-full">
-				<span class="text-xs whitespace-nowrap">
-					{selectedDisplayName ?? items.find((item) => item.id === selected)?.displayName ?? ''}
-				</span>
-
-				{@render extraLabel?.()}
-			</div>
-			<ChevronDown size={12} />
-		</div>
-	{/snippet}
-</DropdownV2>

package/package/components/DropdownSelect.svelte.d.ts

@@ -1,11 +0,0 @@
-import type { Item } from '../utils';
-interface Props {
-    items?: Item[];
-    extraLabel?: import('svelte').Snippet;
-    selected: string;
-    selectedDisplayName?: string;
-    btnClasses?: string;
-}
-declare const DropdownSelect: import("svelte").Component<Props, {}, "">;
-type DropdownSelect = ReturnType<typeof DropdownSelect>;
-export default DropdownSelect;

package/package/components/FlowPreviewResult.svelte

@@ -1,84 +0,0 @@
-<script lang="ts">import { Loader2 } from 'lucide-svelte';
-import FlowJobResult from './FlowJobResult.svelte';
-import FlowPreviewStatus from './preview/FlowPreviewStatus.svelte';
-import FlowStatusWaitingForEvents from './FlowStatusWaitingForEvents.svelte';
-import { emptyString } from '../utils';
-import Badge from './common/badge/Badge.svelte';
-let { job, workspaceId, isOwner, hideFlowResult, hideDownloadLogs, innerModules, suspendStatus, hideJobId, extra, result_streams } = $props();
-</script>
-
-<FlowPreviewStatus {job} {hideJobId} {extra} />
-
-{#if !job}
-	<div>
-		<Loader2 class="animate-spin" />
-	</div>
-{:else if `result` in job}
-	{#if !hideFlowResult}
-		<div class="w-full h-full">
-			<FlowJobResult
-				workspaceId={job?.workspace_id}
-				jobId={job?.id}
-				tag={job?.tag}
-				loading={job['running'] == true}
-				result={job.result}
-				logs={job.logs}
-				downloadLogs={!hideDownloadLogs}
-			/>
-		</div>
-	{/if}
-{:else if job.flow_status?.modules?.[job?.flow_status?.step]?.type === 'WaitingForEvents'}
-	<FlowStatusWaitingForEvents {workspaceId} {job} {isOwner} />
-{:else if suspendStatus.val && Object.keys(suspendStatus.val).length > 0}
-	<div class="flex gap-2 flex-col">
-		{#each Object.values(suspendStatus.val) as suspendCount (suspendCount.job.id)}
-			<div>
-				<div class="text-sm">
-					Flow suspended, waiting for {suspendCount.nb} events
-				</div>
-				<FlowStatusWaitingForEvents job={suspendCount.job} {workspaceId} {isOwner} />
-			</div>
-		{/each}
-	</div>
-{:else if job.logs}
-	<div
-		class="text-xs p-4 bg-surface-secondary overflow-auto max-h-80 border border-tertiary-inverse"
-	>
-		<pre class="w-full">{job.logs}</pre>
-	</div>
-{:else if innerModules && innerModules?.length > 0}
-	<div class="flex flex-col gap-1">
-		{#each innerModules as mod, i (mod.id)}
-			{#if mod.type == 'InProgress'}
-				{@const rawMod = job.raw_flow?.modules[i]}
-
-				<div>
-					<span class="inline-flex gap-1">
-						<Badge
-							color="indigo"
-							wrapperClass="max-w-full"
-							baseClass="max-w-full truncate !px-1"
-							title={mod.id}
-						>
-							<span class="max-w-full text-2xs truncate">{mod.id}</span></Badge
-						>
-						<span class="font-medium text-primary mt-0.5">
-							{#if !emptyString(rawMod?.summary)}
-								{rawMod?.summary ?? ''}
-							{:else if rawMod?.value.type == 'script'}
-								{rawMod.value.path ?? ''}
-							{:else if rawMod?.value.type}
-								{rawMod?.value.type}
-							{/if}
-						</span>
-
-						<Loader2 class="animate-spin mt-0.5" /></span
-					></div
-				>
-				{#if mod.job && result_streams?.[mod.job]}
-					<pre class="text-xs text-primary">{result_streams?.[mod.job]}</pre>
-				{/if}
-			{/if}
-		{/each}
-	</div>
-{/if}

package/package/components/FlowPreviewResult.svelte.d.ts

@@ -1,20 +0,0 @@
-import type { FlowStatusModule, Job } from '../gen';
-import { type StateStore } from '../utils';
-interface Props {
-    job: Job;
-    workspaceId: string | undefined;
-    isOwner: boolean;
-    hideFlowResult: boolean;
-    hideDownloadLogs: boolean;
-    innerModules: FlowStatusModule[] | undefined;
-    suspendStatus: StateStore<Record<string, {
-        job: Job;
-        nb: number;
-    }>>;
-    hideJobId?: boolean;
-    extra?: import('svelte').Snippet;
-    result_streams?: Record<string, string | undefined>;
-}
-declare const FlowPreviewResult: import("svelte").Component<Props, {}, "">;
-type FlowPreviewResult = ReturnType<typeof FlowPreviewResult>;
-export default FlowPreviewResult;

package/package/components/copilot/chat/context.d.ts

@@ -1,119 +0,0 @@
-import { Code, Database, TriangleAlert, Diff, FileCode, Code2, TextSelect, Table2 } from 'lucide-svelte';
-import type { ScriptLang } from '../../../gen/types.gen';
-import { type DBSchema } from '../../../stores';
-import { type Change } from 'diff';
-import type { BackendRunnable } from './app/core';
-export declare const ContextIconMap: {
-    code: typeof Code;
-    error: typeof TriangleAlert;
-    db: typeof Database;
-    diff: typeof Diff;
-    code_piece: typeof Code;
-    app_frontend_file: typeof FileCode;
-    app_backend_runnable: typeof Code2;
-    app_code_selection: typeof TextSelect;
-    app_datatable: typeof Table2;
-};
-export interface CodeElement {
-    type: 'code';
-    content: string;
-    title: string;
-    lang: ScriptLang | 'bunnative';
-}
-interface ErrorElement {
-    type: 'error';
-    content: string;
-    title: 'error';
-}
-interface DBElement {
-    type: 'db';
-    schema?: DBSchema;
-    title: string;
-}
-interface DiffElement {
-    type: 'diff';
-    content: string;
-    title: string;
-    diff: Change[];
-    lang: ScriptLang | 'bunnative';
-}
-export interface CodePieceElement {
-    type: 'code_piece';
-    content: string;
-    startLine: number;
-    endLine: number;
-    title: string;
-    lang: ScriptLang | 'bunnative';
-}
-export interface FlowModuleElement {
-    type: 'flow_module';
-    id: string;
-    title: string;
-    value: {
-        language?: ScriptLang | 'bunnative';
-        path?: string;
-        content?: string;
-        type: string;
-    };
-}
-export interface FlowModuleCodePieceElement extends Omit<CodePieceElement, 'type'> {
-    type: 'flow_module_code_piece';
-    id: string;
-    value: FlowModuleElement['value'];
-}
-/** App frontend file context element */
-export interface AppFrontendFileElement {
-    type: 'app_frontend_file';
-    /** The file path (e.g., /index.tsx, /styles.css) */
-    path: string;
-    /** Title for display (the path) */
-    title: string;
-    /** The file content */
-    content: string;
-}
-/** App backend runnable context element */
-export interface AppBackendRunnableElement {
-    type: 'app_backend_runnable';
-    /** The runnable key */
-    key: string;
-    /** Title for display (the key) */
-    title: string;
-    /** The runnable configuration */
-    runnable: BackendRunnable;
-}
-/** App code selection context element (from frontend or backend editor) */
-export interface AppCodeSelectionElement {
-    type: 'app_code_selection';
-    /** Source: frontend file path or backend runnable key */
-    source: string;
-    /** Whether this is from frontend or backend */
-    sourceType: 'frontend' | 'backend';
-    /** Title for display */
-    title: string;
-    /** The selected code content */
-    content: string;
-    /** Line range (1-indexed) */
-    startLine: number;
-    endLine: number;
-    /** Column range (1-indexed) */
-    startColumn: number;
-    endColumn: number;
-}
-/** App datatable table context element (represents a single table within a datatable) */
-export interface AppDatatableElement {
-    type: 'app_datatable';
-    /** The datatable name (e.g., "main") */
-    datatableName: string;
-    /** The schema name (e.g., "public") */
-    schemaName: string;
-    /** The table name (e.g., "users") */
-    tableName: string;
-    /** Title for display (e.g., "main/public:users" or "main/users") */
-    title: string;
-    /** The table columns: column_name -> compact_type */
-    columns: Record<string, string>;
-}
-export type ContextElement = (CodeElement | ErrorElement | DBElement | DiffElement | CodePieceElement | FlowModuleElement | FlowModuleCodePieceElement | AppFrontendFileElement | AppBackendRunnableElement | AppCodeSelectionElement | AppDatatableElement) & {
-    deletable?: boolean;
-};
-export {};