windmill-components 1.677.1 → 1.695.0

package/package/components/copilot/chat/__tests__/app/appResultsWriter.js

@@ -1,197 +0,0 @@
-import { generateTimestamp } from '../shared';
-/**
- * Writes frontend files to a folder, preserving directory structure.
- * File paths like "/components/Button.tsx" become "frontend/components/Button.tsx"
- */
-async function writeFrontendFiles(frontend, frontendPath) {
-    // @ts-ignore - Node.js fs/promises
-    const { writeFile, mkdir } = await import('fs/promises');
-    // @ts-ignore - Node.js path
-    const { join, dirname } = await import('path');
-    for (const [filePath, content] of Object.entries(frontend)) {
-        // Remove leading slash and join with frontend path
-        const relativePath = filePath.startsWith('/') ? filePath.slice(1) : filePath;
-        const fullPath = join(frontendPath, relativePath);
-        // Ensure parent directory exists
-        await mkdir(dirname(fullPath), { recursive: true });
-        await writeFile(fullPath, content);
-    }
-}
-/**
- * Writes backend runnables to a folder structure.
- * Each runnable becomes a folder with main.ts/main.py and meta.json
- */
-async function writeBackendRunnables(backend, backendPath) {
-    // @ts-ignore - Node.js fs/promises
-    const { writeFile, mkdir } = await import('fs/promises');
-    // @ts-ignore - Node.js path
-    const { join } = await import('path');
-    for (const [key, runnable] of Object.entries(backend)) {
-        const runnablePath = join(backendPath, key);
-        await mkdir(runnablePath, { recursive: true });
-        // Write meta.json
-        const meta = {
-            name: runnable.name
-        };
-        if (runnable.type === 'inline' && runnable.inlineScript) {
-            meta.language = runnable.inlineScript.language;
-            // Write main file
-            const extension = runnable.inlineScript.language === 'python3' ? 'py' : 'ts';
-            const mainPath = join(runnablePath, `main.${extension}`);
-            await writeFile(mainPath, runnable.inlineScript.content);
-        }
-        else {
-            // For non-inline runnables, store type and path in meta
-            meta.type = runnable.type;
-            if (runnable.path) {
-                meta.path = runnable.path;
-            }
-        }
-        const metaPath = join(runnablePath, 'meta.json');
-        await writeFile(metaPath, JSON.stringify(meta, null, '\t'));
-    }
-}
-/**
- * Writes app files (frontend + backend) to a folder structure.
- */
-async function writeAppToFolder(appFiles, folderPath) {
-    // @ts-ignore - Node.js path
-    const { join } = await import('path');
-    if (Object.keys(appFiles.frontend).length > 0) {
-        await writeFrontendFiles(appFiles.frontend, join(folderPath, 'frontend'));
-    }
-    if (Object.keys(appFiles.backend).length > 0) {
-        await writeBackendRunnables(appFiles.backend, join(folderPath, 'backend'));
-    }
-}
-/**
- * Writes app comparison results to a folder-based structure.
- *
- * Creates:
- * ```
- * results/{timestamp}/
- * ├── summary.md
- * └── {variant_name}/
- *     ├── details.json    # Metadata (toolsCalled, evaluationResult, etc.)
- *     ├── frontend/       # Frontend files
- *     │   └── index.tsx
- *     └── backend/        # Backend runnables
- *         └── myFunction/
- *             ├── main.ts
- *             └── meta.json
- * ```
- */
-export async function writeAppComparisonResultsToFolders(params) {
-    // @ts-ignore - Node.js fs/promises
-    const { writeFile, mkdir } = await import('fs/promises');
-    // @ts-ignore - Node.js path
-    const { join } = await import('path');
-    const { userPrompt, results, outputDir } = params;
-    const timestamp = generateTimestamp();
-    // Ensure results directory exists
-    await mkdir(outputDir, { recursive: true });
-    const resultFolder = join(outputDir, timestamp);
-    await mkdir(resultFolder, { recursive: true });
-    // Check if any results have evaluation data
-    const hasEvaluation = results.some((r) => r.evaluationResult);
-    // Build summary markdown
-    const summaryLines = [
-        `# App Eval Results - ${timestamp}`,
-        '',
-        '## User Prompt',
-        '```',
-        userPrompt.trim(),
-        '```',
-        '',
-        '## Results',
-        ''
-    ];
-    // Add results table header based on whether evaluation data exists
-    if (hasEvaluation) {
-        summaryLines.push('| Variant | Success | Total Tokens | Tool Calls | Iterations | Resemblance Score |');
-        summaryLines.push('|---------|---------|--------------|------------|------------|-------------------|');
-    }
-    else {
-        summaryLines.push('| Variant | Success | Total Tokens | Tool Calls | Iterations |');
-        summaryLines.push('|---------|---------|--------------|------------|------------|');
-    }
-    for (const result of results) {
-        const baseRow = `| ${result.variantName} | ${result.success} | ${result.tokenUsage.total} | ${result.toolsCalled.length} | ${result.iterations}`;
-        if (hasEvaluation) {
-            const score = result.evaluationResult?.resemblanceScore ?? 'N/A';
-            summaryLines.push(`${baseRow} | ${score} |`);
-        }
-        else {
-            summaryLines.push(`${baseRow} |`);
-        }
-    }
-    // Add evaluation details section if available
-    if (hasEvaluation) {
-        summaryLines.push('');
-        summaryLines.push('## Evaluation Details');
-        summaryLines.push('');
-        for (const result of results) {
-            if (result.evaluationResult) {
-                summaryLines.push(`### ${result.variantName}`);
-                summaryLines.push('');
-                summaryLines.push(`**Score:** ${result.evaluationResult.resemblanceScore}/100`);
-                summaryLines.push('');
-                summaryLines.push(`**Statement:** ${result.evaluationResult.statement}`);
-                summaryLines.push('');
-                if (result.evaluationResult.missingRequirements &&
-                    result.evaluationResult.missingRequirements.length > 0) {
-                    summaryLines.push('**Missing Requirements:**');
-                    for (const req of result.evaluationResult.missingRequirements) {
-                        summaryLines.push(`- ${req}`);
-                    }
-                    summaryLines.push('');
-                }
-                if (result.evaluationResult.error) {
-                    summaryLines.push(`**Error:** ${result.evaluationResult.error}`);
-                    summaryLines.push('');
-                }
-            }
-        }
-    }
-    // Add errors section for failed variants
-    const failedResults = results.filter((r) => !r.success && r.error);
-    if (failedResults.length > 0) {
-        summaryLines.push('');
-        summaryLines.push('## Errors');
-        summaryLines.push('');
-        for (const result of failedResults) {
-            summaryLines.push(`### ${result.variantName}`);
-            summaryLines.push('');
-            summaryLines.push('```');
-            summaryLines.push(result.error);
-            summaryLines.push('```');
-            summaryLines.push('');
-        }
-    }
-    const variantPaths = [];
-    // Write each variant to its own folder
-    for (const result of results) {
-        const variantFolder = join(resultFolder, result.variantName);
-        await mkdir(variantFolder, { recursive: true });
-        variantPaths.push(variantFolder);
-        // Write details.json (metadata without app files)
-        const details = {
-            variantName: result.variantName,
-            success: result.success,
-            error: result.error ?? null,
-            evaluationResult: result.evaluationResult ?? null,
-            toolsCalled: result.toolsCalled,
-            toolCallDetails: result.toolCallDetails,
-            tokenUsage: result.tokenUsage,
-            iterations: result.iterations,
-            messages: result.messages
-        };
-        await writeFile(join(variantFolder, 'details.json'), JSON.stringify(details, null, '\t'));
-        // Write app files to frontend/ and backend/ folders
-        await writeAppToFolder(result.files, variantFolder);
-    }
-    // Write summary markdown file
-    const summaryPath = join(resultFolder, 'summary.md');
-    await writeFile(summaryPath, summaryLines.join('\n'));
-    return { summaryPath, variantPaths };
-}

package/package/components/copilot/chat/__tests__/app/initial/file_manager/backend/createFolder/main.d.ts

@@ -1,10 +0,0 @@
-interface Folder {
-    id: string;
-    name: string;
-    parentId: string | null;
-}
-export declare function main({ name, parentId }: {
-    name: string;
-    parentId: string | null;
-}): Promise<Folder>;
-export {};

package/package/components/copilot/chat/__tests__/app/initial/file_manager/backend/createFolder/main.js

@@ -1,9 +0,0 @@
-export async function main({ name, parentId }) {
-    // In a real implementation, this would create a folder in storage
-    const newFolder = {
-        id: `folder_${Date.now()}`,
-        name,
-        parentId
-    };
-    return newFolder;
-}

package/package/components/copilot/chat/__tests__/app/initial/file_manager/backend/createFolder/meta.json

@@ -1,4 +0,0 @@
-{
-	"name": "Create Folder",
-	"language": "bun"
-}

package/package/components/copilot/chat/__tests__/app/initial/file_manager/backend/deleteItem/main.d.ts

@@ -1,6 +0,0 @@
-export declare function main({ id, type }: {
-    id: string;
-    type: 'file' | 'folder';
-}): Promise<{
-    success: boolean;
-}>;

package/package/components/copilot/chat/__tests__/app/initial/file_manager/backend/deleteItem/main.js

@@ -1,5 +0,0 @@
-export async function main({ id, type }) {
-    // In a real implementation, this would delete from storage
-    console.log(`Deleting ${type} with id: ${id}`);
-    return { success: true };
-}

package/package/components/copilot/chat/__tests__/app/initial/file_manager/backend/deleteItem/meta.json

@@ -1,4 +0,0 @@
-{
-	"name": "Delete Item",
-	"language": "bun"
-}

package/package/components/copilot/chat/__tests__/app/initial/file_manager/backend/listFiles/main.d.ts

@@ -1,12 +0,0 @@
-interface FileItem {
-    id: string;
-    name: string;
-    type: 'file' | 'folder';
-    size?: number;
-    modifiedAt: string;
-    parentId: string | null;
-}
-export declare function main({ folderId }: {
-    folderId: string | null;
-}): Promise<FileItem[]>;
-export {};

package/package/components/copilot/chat/__tests__/app/initial/file_manager/backend/listFiles/main.js

@@ -1,14 +0,0 @@
-// Mock file system data
-const mockFiles = [
-    { id: 'f1', name: 'Documents', type: 'folder', modifiedAt: '2024-01-15', parentId: null },
-    { id: 'f2', name: 'Images', type: 'folder', modifiedAt: '2024-01-10', parentId: null },
-    { id: 'f3', name: 'readme.txt', type: 'file', size: 1024, modifiedAt: '2024-01-20', parentId: null },
-    { id: 'f4', name: 'report.pdf', type: 'file', size: 52400, modifiedAt: '2024-01-18', parentId: 'f1' },
-    { id: 'f5', name: 'notes.txt', type: 'file', size: 256, modifiedAt: '2024-01-12', parentId: 'f1' },
-    { id: 'f6', name: 'photo1.jpg', type: 'file', size: 2048000, modifiedAt: '2024-01-08', parentId: 'f2' },
-    { id: 'f7', name: 'photo2.jpg', type: 'file', size: 1536000, modifiedAt: '2024-01-09', parentId: 'f2' },
-    { id: 'f8', name: 'Projects', type: 'folder', modifiedAt: '2024-01-05', parentId: 'f1' }
-];
-export async function main({ folderId }) {
-    return mockFiles.filter((file) => file.parentId === folderId);
-}

package/package/components/copilot/chat/__tests__/app/initial/file_manager/backend/listFiles/meta.json

@@ -1,4 +0,0 @@
-{
-	"name": "List Files",
-	"language": "bun"
-}

package/package/components/copilot/chat/__tests__/app/initial/file_manager/backend/listFolders/main.d.ts

@@ -1,8 +0,0 @@
-interface Folder {
-    id: string;
-    name: string;
-    parentId: string | null;
-    children: Folder[];
-}
-export declare function main(): Promise<Folder[]>;
-export {};

package/package/components/copilot/chat/__tests__/app/initial/file_manager/backend/listFolders/main.js

@@ -1,25 +0,0 @@
-// Mock folder structure
-const mockFolders = [
-    {
-        id: 'f1',
-        name: 'Documents',
-        parentId: null,
-        children: [
-            {
-                id: 'f8',
-                name: 'Projects',
-                parentId: 'f1',
-                children: []
-            }
-        ]
-    },
-    {
-        id: 'f2',
-        name: 'Images',
-        parentId: null,
-        children: []
-    }
-];
-export async function main() {
-    return mockFolders;
-}

package/package/components/copilot/chat/__tests__/app/initial/file_manager/backend/listFolders/meta.json

@@ -1,4 +0,0 @@
-{
-	"name": "List Folders",
-	"language": "bun"
-}

package/package/components/copilot/chat/__tests__/app/initial/file_manager/backend/moveItem/main.d.ts

@@ -1,7 +0,0 @@
-export declare function main({ id, type, targetFolderId }: {
-    id: string;
-    type: 'file' | 'folder';
-    targetFolderId: string | null;
-}): Promise<{
-    success: boolean;
-}>;

package/package/components/copilot/chat/__tests__/app/initial/file_manager/backend/moveItem/main.js

@@ -1,5 +0,0 @@
-export async function main({ id, type, targetFolderId }) {
-    // In a real implementation, this would move the item in storage
-    console.log(`Moving ${type} ${id} to folder: ${targetFolderId ?? 'root'}`);
-    return { success: true };
-}

package/package/components/copilot/chat/__tests__/app/initial/file_manager/backend/moveItem/meta.json

@@ -1,4 +0,0 @@
-{
-	"name": "Move Item",
-	"language": "bun"
-}

package/package/components/copilot/chat/__tests__/app/initial/file_manager/backend/renameItem/main.d.ts

@@ -1,8 +0,0 @@
-export declare function main({ id, type, newName }: {
-    id: string;
-    type: 'file' | 'folder';
-    newName: string;
-}): Promise<{
-    success: boolean;
-    name: string;
-}>;

package/package/components/copilot/chat/__tests__/app/initial/file_manager/backend/renameItem/main.js

@@ -1,5 +0,0 @@
-export async function main({ id, type, newName }) {
-    // In a real implementation, this would rename in storage
-    console.log(`Renaming ${type} ${id} to: ${newName}`);
-    return { success: true, name: newName };
-}

package/package/components/copilot/chat/__tests__/app/initial/file_manager/backend/renameItem/meta.json

@@ -1,4 +0,0 @@
-{
-	"name": "Rename Item",
-	"language": "bun"
-}

package/package/components/copilot/chat/__tests__/app/initial/file_manager/frontend/components/Breadcrumb.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-interface BreadcrumbProps {
-    path: {
-        id: string | null;
-        name: string;
-    }[];
-    onNavigate: (folderId: string | null, folderName: string) => void;
-}
-export declare const Breadcrumb: React.FC<BreadcrumbProps>;
-export {};

package/package/components/copilot/chat/__tests__/app/initial/file_manager/frontend/components/Breadcrumb.tsx

@@ -1,26 +0,0 @@
-import React from 'react'
-
-interface BreadcrumbProps {
-	path: { id: string | null; name: string }[]
-	onNavigate: (folderId: string | null, folderName: string) => void
-}
-
-export const Breadcrumb: React.FC<BreadcrumbProps> = ({ path, onNavigate }) => {
-	return (
-		<div className="px-4 py-2 bg-white border-b flex items-center gap-2 text-sm">
-			{path.map((item, index) => (
-				<React.Fragment key={item.id ?? 'root'}>
-					{index > 0 && <span className="text-gray-400">/</span>}
-					<button
-						onClick={() => onNavigate(item.id, item.name)}
-						className={`hover:text-blue-600 ${
-							index === path.length - 1 ? 'font-medium text-gray-900' : 'text-gray-600'
-						}`}
-					>
-						{item.name}
-					</button>
-				</React.Fragment>
-			))}
-		</div>
-	)
-}

package/package/components/copilot/chat/__tests__/app/initial/file_manager/frontend/components/FileItem.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import type { FileItem as FileItemType } from '../index';
-interface FileItemProps {
-    item: FileItemType;
-    onDelete: (item: FileItemType) => void;
-    onRename: (item: FileItemType, newName: string) => void;
-    onFolderOpen: (folder: FileItemType) => void;
-}
-export declare const FileItem: React.FC<FileItemProps>;
-export {};

package/package/components/copilot/chat/__tests__/app/initial/file_manager/frontend/components/FileItem.tsx

@@ -1,79 +0,0 @@
-import React, { useState } from 'react'
-import type { FileItem as FileItemType } from '../index'
-
-interface FileItemProps {
-	item: FileItemType
-	onDelete: (item: FileItemType) => void
-	onRename: (item: FileItemType, newName: string) => void
-	onFolderOpen: (folder: FileItemType) => void
-}
-
-export const FileItem: React.FC<FileItemProps> = ({ item, onDelete, onRename, onFolderOpen }) => {
-	const [isRenaming, setIsRenaming] = useState(false)
-	const [newName, setNewName] = useState(item.name)
-
-	const handleRename = () => {
-		if (newName.trim() && newName !== item.name) {
-			onRename(item, newName.trim())
-		}
-		setIsRenaming(false)
-	}
-
-	const handleDoubleClick = () => {
-		if (item.type === 'folder') {
-			onFolderOpen(item)
-		}
-	}
-
-	const icon = item.type === 'folder' ? '📁' : '📄'
-	const formattedDate = new Date(item.modifiedAt).toLocaleDateString()
-
-	return (
-		<div
-			className="grid grid-cols-12 gap-4 px-4 py-2 border-b hover:bg-gray-50 items-center"
-			onDoubleClick={handleDoubleClick}
-		>
-			<div className="col-span-6 flex items-center gap-2">
-				<span>{icon}</span>
-				{isRenaming ? (
-					<input
-						type="text"
-						value={newName}
-						onChange={(e) => setNewName(e.target.value)}
-						onBlur={handleRename}
-						onKeyDown={(e) => e.key === 'Enter' && handleRename()}
-						className="border rounded px-2 py-1 flex-1"
-						autoFocus
-					/>
-				) : (
-					<span
-						className={item.type === 'folder' ? 'cursor-pointer hover:text-blue-600' : ''}
-					>
-						{item.name}
-					</span>
-				)}
-			</div>
-
-			<div className="col-span-2 text-gray-500 text-sm">
-				{item.type === 'folder' ? 'Folder' : 'File'}
-			</div>
-
-			<div className="col-span-2 text-gray-500 text-sm">{formattedDate}</div>
-
-			<div className="col-span-2 flex gap-2">
-				<button
-					onClick={() => setIsRenaming(true)}
-					className="text-blue-500 hover:text-blue-700 text-sm"
-				>
-					Rename
-				</button>
-				<button
-					onClick={() => onDelete(item)}
-					className="text-red-500 hover:text-red-700 text-sm"
-				>
-					Delete
-				</button>
-			</div>
-		</div>
-	)
-}

package/package/components/copilot/chat/__tests__/app/initial/file_manager/frontend/components/FileList.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import type { FileItem } from '../index';
-interface FileListProps {
-    files: FileItem[];
-    onDelete: (item: FileItem) => void;
-    onRename: (item: FileItem, newName: string) => void;
-    onFolderOpen: (folder: FileItem) => void;
-}
-export declare const FileList: React.FC<FileListProps>;
-export {};

package/package/components/copilot/chat/__tests__/app/initial/file_manager/frontend/components/FileList.tsx

@@ -1,46 +0,0 @@
-import React from 'react'
-import { FileItem as FileItemComponent } from './FileItem'
-import type { FileItem } from '../index'
-
-interface FileListProps {
-	files: FileItem[]
-	onDelete: (item: FileItem) => void
-	onRename: (item: FileItem, newName: string) => void
-	onFolderOpen: (folder: FileItem) => void
-}
-
-export const FileList: React.FC<FileListProps> = ({ files, onDelete, onRename, onFolderOpen }) => {
-	if (files.length === 0) {
-		return (
-			<div className="text-center text-gray-500 py-8">This folder is empty</div>
-		)
-	}
-
-	// Sort: folders first, then files
-	const sortedFiles = [...files].sort((a, b) => {
-		if (a.type === 'folder' && b.type !== 'folder') return -1
-		if (a.type !== 'folder' && b.type === 'folder') return 1
-		return a.name.localeCompare(b.name)
-	})
-
-	return (
-		<div className="bg-white rounded-lg border">
-			<div className="grid grid-cols-12 gap-4 px-4 py-2 border-b bg-gray-50 font-medium text-sm text-gray-600">
-				<div className="col-span-6">Name</div>
-				<div className="col-span-2">Type</div>
-				<div className="col-span-2">Modified</div>
-				<div className="col-span-2">Actions</div>
-			</div>
-
-			{sortedFiles.map((file) => (
-				<FileItemComponent
-					key={file.id}
-					item={file}
-					onDelete={onDelete}
-					onRename={onRename}
-					onFolderOpen={onFolderOpen}
-				/>
-			))}
-		</div>
-	)
-}

package/package/components/copilot/chat/__tests__/app/initial/file_manager/frontend/components/FolderTree.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import type { Folder } from '../index';
-interface FolderTreeProps {
-    folders: Folder[];
-    currentFolderId: string | null;
-    onFolderSelect: (folderId: string | null, folderName: string) => void;
-    depth?: number;
-}
-export declare const FolderTree: React.FC<FolderTreeProps>;
-export {};

package/package/components/copilot/chat/__tests__/app/initial/file_manager/frontend/components/FolderTree.tsx

@@ -1,56 +0,0 @@
-import React from 'react'
-import type { Folder } from '../index'
-
-interface FolderTreeProps {
-	folders: Folder[]
-	currentFolderId: string | null
-	onFolderSelect: (folderId: string | null, folderName: string) => void
-	depth?: number
-}
-
-export const FolderTree: React.FC<FolderTreeProps> = ({
-	folders,
-	currentFolderId,
-	onFolderSelect,
-	depth = 0
-}) => {
-	return (
-		<div>
-			{depth === 0 && (
-				<div
-					className={`px-4 py-2 cursor-pointer hover:bg-gray-100 ${
-						currentFolderId === null ? 'bg-blue-100 text-blue-700' : ''
-					}`}
-					onClick={() => onFolderSelect(null, 'Root')}
-				>
-					<span className="mr-2">📁</span>
-					Root
-				</div>
-			)}
-
-			{folders.map((folder) => (
-				<div key={folder.id}>
-					<div
-						className={`px-4 py-2 cursor-pointer hover:bg-gray-100 ${
-							currentFolderId === folder.id ? 'bg-blue-100 text-blue-700' : ''
-						}`}
-						style={{ paddingLeft: `${(depth + 1) * 16 + 16}px` }}
-						onClick={() => onFolderSelect(folder.id, folder.name)}
-					>
-						<span className="mr-2">📁</span>
-						{folder.name}
-					</div>
-
-					{folder.children && folder.children.length > 0 && (
-						<FolderTree
-							folders={folder.children}
-							currentFolderId={currentFolderId}
-							onFolderSelect={onFolderSelect}
-							depth={depth + 1}
-						/>
-					)}
-				</div>
-			))}
-		</div>
-	)
-}

package/package/components/copilot/chat/__tests__/app/initial/file_manager/frontend/components/Toolbar.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-interface ToolbarProps {
-    onCreateFolder: (name: string) => void;
-}
-export declare const Toolbar: React.FC<ToolbarProps>;
-export {};