windmill-components 1.677.1 → 1.695.0

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

@@ -1,59 +0,0 @@
-import React, { useState } from 'react'
-
-interface ToolbarProps {
-	onCreateFolder: (name: string) => void
-}
-
-export const Toolbar: React.FC<ToolbarProps> = ({ onCreateFolder }) => {
-	const [isCreating, setIsCreating] = useState(false)
-	const [folderName, setFolderName] = useState('')
-
-	const handleCreate = () => {
-		if (folderName.trim()) {
-			onCreateFolder(folderName.trim())
-			setFolderName('')
-			setIsCreating(false)
-		}
-	}
-
-	return (
-		<div className="px-4 py-3 bg-white border-b flex items-center gap-4">
-			{isCreating ? (
-				<div className="flex items-center gap-2">
-					<input
-						type="text"
-						value={folderName}
-						onChange={(e) => setFolderName(e.target.value)}
-						onKeyDown={(e) => e.key === 'Enter' && handleCreate()}
-						placeholder="Folder name"
-						className="border rounded px-3 py-1"
-						autoFocus
-					/>
-					<button
-						onClick={handleCreate}
-						className="px-3 py-1 bg-blue-500 text-white rounded hover:bg-blue-600"
-					>
-						Create
-					</button>
-					<button
-						onClick={() => {
-							setIsCreating(false)
-							setFolderName('')
-						}}
-						className="px-3 py-1 text-gray-600 hover:text-gray-800"
-					>
-						Cancel
-					</button>
-				</div>
-			) : (
-				<button
-					onClick={() => setIsCreating(true)}
-					className="px-3 py-1 bg-blue-500 text-white rounded hover:bg-blue-600 flex items-center gap-2"
-				>
-					<span>+</span>
-					New Folder
-				</button>
-			)}
-		</div>
-	)
-}

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

@@ -1,16 +0,0 @@
-export interface FileItem {
-    id: string;
-    name: string;
-    type: 'file' | 'folder';
-    size?: number;
-    modifiedAt: string;
-    parentId: string | null;
-}
-export interface Folder {
-    id: string;
-    name: string;
-    parentId: string | null;
-    children: Folder[];
-}
-declare const App: () => any;
-export default App;

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

@@ -1,119 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import { backend } from 'wmill'
-import { FolderTree } from './components/FolderTree'
-import { FileList } from './components/FileList'
-import { Breadcrumb } from './components/Breadcrumb'
-import { Toolbar } from './components/Toolbar'
-
-export interface FileItem {
-	id: string
-	name: string
-	type: 'file' | 'folder'
-	size?: number
-	modifiedAt: string
-	parentId: string | null
-}
-
-export interface Folder {
-	id: string
-	name: string
-	parentId: string | null
-	children: Folder[]
-}
-
-const App = () => {
-	const [folders, setFolders] = useState<Folder[]>([])
-	const [files, setFiles] = useState<FileItem[]>([])
-	const [currentFolderId, setCurrentFolderId] = useState<string | null>(null)
-	const [path, setPath] = useState<{ id: string | null; name: string }[]>([
-		{ id: null, name: 'Root' }
-	])
-	const [loading, setLoading] = useState(true)
-
-	useEffect(() => {
-		loadFolders()
-	}, [])
-
-	useEffect(() => {
-		loadFiles(currentFolderId)
-	}, [currentFolderId])
-
-	const loadFolders = async () => {
-		const data = await backend.listFolders()
-		setFolders(data)
-	}
-
-	const loadFiles = async (folderId: string | null) => {
-		setLoading(true)
-		const data = await backend.listFiles({ folderId })
-		setFiles(data)
-		setLoading(false)
-	}
-
-	const handleFolderSelect = (folderId: string | null, folderName: string) => {
-		setCurrentFolderId(folderId)
-
-		if (folderId === null) {
-			setPath([{ id: null, name: 'Root' }])
-		} else {
-			// Find if folder is already in path
-			const existingIndex = path.findIndex((p) => p.id === folderId)
-			if (existingIndex >= 0) {
-				setPath(path.slice(0, existingIndex + 1))
-			} else {
-				setPath([...path, { id: folderId, name: folderName }])
-			}
-		}
-	}
-
-	const handleCreateFolder = async (name: string) => {
-		await backend.createFolder({ name, parentId: currentFolderId })
-		await loadFolders()
-		await loadFiles(currentFolderId)
-	}
-
-	const handleDeleteItem = async (item: FileItem) => {
-		await backend.deleteItem({ id: item.id, type: item.type })
-		await loadFolders()
-		await loadFiles(currentFolderId)
-	}
-
-	const handleRenameItem = async (item: FileItem, newName: string) => {
-		await backend.renameItem({ id: item.id, type: item.type, newName })
-		await loadFolders()
-		await loadFiles(currentFolderId)
-	}
-
-	return (
-		<div className="flex h-screen bg-gray-100">
-			<div className="w-64 bg-white border-r overflow-auto">
-				<div className="p-4 font-semibold border-b">Folders</div>
-				<FolderTree
-					folders={folders}
-					currentFolderId={currentFolderId}
-					onFolderSelect={handleFolderSelect}
-				/>
-			</div>
-
-			<div className="flex-1 flex flex-col">
-				<Toolbar onCreateFolder={handleCreateFolder} />
-				<Breadcrumb path={path} onNavigate={handleFolderSelect} />
-
-				<div className="flex-1 p-4 overflow-auto">
-					{loading ? (
-						<div className="text-center text-gray-500 py-8">Loading...</div>
-					) : (
-						<FileList
-							files={files}
-							onDelete={handleDeleteItem}
-							onRename={handleRenameItem}
-							onFolderOpen={(folder) => handleFolderSelect(folder.id, folder.name)}
-						/>
-					)}
-				</div>
-			</div>
-		</div>
-	)
-}
-
-export default App

package/package/components/copilot/chat/__tests__/app/initial/shopping_cart/backend/addToCart/main.d.ts

@@ -1,15 +0,0 @@
-interface Product {
-    id: string;
-    name: string;
-    price: number;
-    image: string;
-}
-interface CartItem {
-    product: Product;
-    quantity: number;
-}
-export declare function main({ cart, product }: {
-    cart: CartItem[];
-    product: Product;
-}): Promise<CartItem[]>;
-export {};

package/package/components/copilot/chat/__tests__/app/initial/shopping_cart/backend/addToCart/main.js

@@ -1,14 +0,0 @@
-export async function main({ cart, product }) {
-    const existingIndex = cart.findIndex((item) => item.product.id === product.id);
-    if (existingIndex >= 0) {
-        // Increment quantity if already in cart
-        const updatedCart = [...cart];
-        updatedCart[existingIndex] = {
-            ...updatedCart[existingIndex],
-            quantity: updatedCart[existingIndex].quantity + 1
-        };
-        return updatedCart;
-    }
-    // Add new item to cart
-    return [...cart, { product, quantity: 1 }];
-}

package/package/components/copilot/chat/__tests__/app/initial/shopping_cart/backend/addToCart/meta.json

@@ -1,4 +0,0 @@
-{
-	"name": "Add to Cart",
-	"language": "bun"
-}

package/package/components/copilot/chat/__tests__/app/initial/shopping_cart/backend/calculateTotal/main.d.ts

@@ -1,14 +0,0 @@
-interface Product {
-    id: string;
-    name: string;
-    price: number;
-    image: string;
-}
-interface CartItem {
-    product: Product;
-    quantity: number;
-}
-export declare function main({ items }: {
-    items: CartItem[];
-}): Promise<number>;
-export {};

package/package/components/copilot/chat/__tests__/app/initial/shopping_cart/backend/calculateTotal/main.js

@@ -1,5 +0,0 @@
-export async function main({ items }) {
-    return items.reduce((total, item) => {
-        return total + item.product.price * item.quantity;
-    }, 0);
-}

package/package/components/copilot/chat/__tests__/app/initial/shopping_cart/backend/calculateTotal/meta.json

@@ -1,4 +0,0 @@
-{
-	"name": "Calculate Total",
-	"language": "bun"
-}

package/package/components/copilot/chat/__tests__/app/initial/shopping_cart/backend/getProducts/main.d.ts

@@ -1,6 +0,0 @@
-export declare function main(): Promise<{
-    id: string;
-    name: string;
-    price: number;
-    image: string;
-}[]>;

package/package/components/copilot/chat/__tests__/app/initial/shopping_cart/backend/getProducts/main.js

@@ -1,41 +0,0 @@
-export async function main() {
-    // Mock product catalog
-    return [
-        {
-            id: '1',
-            name: 'Wireless Headphones',
-            price: 79.99,
-            image: 'https://picsum.photos/seed/headphones/300/200'
-        },
-        {
-            id: '2',
-            name: 'Smart Watch',
-            price: 199.99,
-            image: 'https://picsum.photos/seed/watch/300/200'
-        },
-        {
-            id: '3',
-            name: 'Laptop Stand',
-            price: 49.99,
-            image: 'https://picsum.photos/seed/stand/300/200'
-        },
-        {
-            id: '4',
-            name: 'Mechanical Keyboard',
-            price: 129.99,
-            image: 'https://picsum.photos/seed/keyboard/300/200'
-        },
-        {
-            id: '5',
-            name: 'USB-C Hub',
-            price: 39.99,
-            image: 'https://picsum.photos/seed/hub/300/200'
-        },
-        {
-            id: '6',
-            name: 'Webcam HD',
-            price: 89.99,
-            image: 'https://picsum.photos/seed/webcam/300/200'
-        }
-    ];
-}

package/package/components/copilot/chat/__tests__/app/initial/shopping_cart/backend/getProducts/meta.json

@@ -1,4 +0,0 @@
-{
-	"name": "Get Products",
-	"language": "bun"
-}

package/package/components/copilot/chat/__tests__/app/initial/shopping_cart/backend/removeFromCart/main.d.ts

@@ -1,15 +0,0 @@
-interface Product {
-    id: string;
-    name: string;
-    price: number;
-    image: string;
-}
-interface CartItem {
-    product: Product;
-    quantity: number;
-}
-export declare function main({ cart, productId }: {
-    cart: CartItem[];
-    productId: string;
-}): Promise<CartItem[]>;
-export {};

package/package/components/copilot/chat/__tests__/app/initial/shopping_cart/backend/removeFromCart/main.js

@@ -1,3 +0,0 @@
-export async function main({ cart, productId }) {
-    return cart.filter((item) => item.product.id !== productId);
-}

package/package/components/copilot/chat/__tests__/app/initial/shopping_cart/backend/removeFromCart/meta.json

@@ -1,4 +0,0 @@
-{
-	"name": "Remove from Cart",
-	"language": "bun"
-}

package/package/components/copilot/chat/__tests__/app/initial/shopping_cart/frontend/components/Cart.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { CartItem } from '../index';
-interface CartProps {
-    items: CartItem[];
-    total: number;
-    onRemoveItem: (productId: string) => void;
-}
-export declare const Cart: React.FC<CartProps>;
-export {};

package/package/components/copilot/chat/__tests__/app/initial/shopping_cart/frontend/components/Cart.tsx

@@ -1,51 +0,0 @@
-import React from 'react'
-import type { CartItem } from '../index'
-
-interface CartProps {
-	items: CartItem[]
-	total: number
-	onRemoveItem: (productId: string) => void
-}
-
-export const Cart: React.FC<CartProps> = ({ items, total, onRemoveItem }) => {
-	return (
-		<div className="flex flex-col h-full">
-			<h2 className="text-xl font-bold mb-4">Cart</h2>
-
-			{items.length === 0 ? (
-				<p className="text-gray-500 text-center py-8">Your cart is empty</p>
-			) : (
-				<>
-					<div className="flex-1 overflow-auto">
-						{items.map((item) => (
-							<div
-								key={item.product.id}
-								className="flex items-center justify-between py-3 border-b"
-							>
-								<div className="flex-1">
-									<p className="font-medium">{item.product.name}</p>
-									<p className="text-sm text-gray-500">
-										${item.product.price.toFixed(2)} x {item.quantity}
-									</p>
-								</div>
-								<button
-									onClick={() => onRemoveItem(item.product.id)}
-									className="text-red-500 hover:text-red-700 px-2"
-								>
-									Remove
-								</button>
-							</div>
-						))}
-					</div>
-
-					<div className="border-t pt-4 mt-4">
-						<div className="flex justify-between text-lg font-bold">
-							<span>Total:</span>
-							<span>${total.toFixed(2)}</span>
-						</div>
-					</div>
-				</>
-			)}
-		</div>
-	)
-}

package/package/components/copilot/chat/__tests__/app/initial/shopping_cart/frontend/components/ProductCard.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { Product } from '../index';
-interface ProductCardProps {
-    product: Product;
-    onAddToCart: (product: Product) => void;
-}
-export declare const ProductCard: React.FC<ProductCardProps>;
-export {};

package/package/components/copilot/chat/__tests__/app/initial/shopping_cart/frontend/components/ProductCard.tsx

@@ -1,27 +0,0 @@
-import React from 'react'
-import type { Product } from '../index'
-
-interface ProductCardProps {
-	product: Product
-	onAddToCart: (product: Product) => void
-}
-
-export const ProductCard: React.FC<ProductCardProps> = ({ product, onAddToCart }) => {
-	return (
-		<div className="border rounded-lg p-4 bg-white shadow-sm">
-			<img
-				src={product.image}
-				alt={product.name}
-				className="w-full h-48 object-cover rounded mb-4"
-			/>
-			<h3 className="font-semibold text-lg">{product.name}</h3>
-			<p className="text-gray-600 mb-4">${product.price.toFixed(2)}</p>
-			<button
-				onClick={() => onAddToCart(product)}
-				className="w-full py-2 bg-blue-500 text-white rounded hover:bg-blue-600 transition"
-			>
-				Add to Cart
-			</button>
-		</div>
-	)
-}

package/package/components/copilot/chat/__tests__/app/initial/shopping_cart/frontend/components/ProductList.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { Product } from '../index';
-interface ProductListProps {
-    products: Product[];
-    onAddToCart: (product: Product) => void;
-}
-export declare const ProductList: React.FC<ProductListProps>;
-export {};

package/package/components/copilot/chat/__tests__/app/initial/shopping_cart/frontend/components/ProductList.tsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import { ProductCard } from './ProductCard'
-import type { Product } from '../index'
-
-interface ProductListProps {
-	products: Product[]
-	onAddToCart: (product: Product) => void
-}
-
-export const ProductList: React.FC<ProductListProps> = ({ products, onAddToCart }) => {
-	return (
-		<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-			{products.map((product) => (
-				<ProductCard key={product.id} product={product} onAddToCart={onAddToCart} />
-			))}
-		</div>
-	)
-}

package/package/components/copilot/chat/__tests__/app/initial/shopping_cart/frontend/index.d.ts

@@ -1,12 +0,0 @@
-export interface Product {
-    id: string;
-    name: string;
-    price: number;
-    image: string;
-}
-export interface CartItem {
-    product: Product;
-    quantity: number;
-}
-declare const App: () => any;
-export default App;

package/package/components/copilot/chat/__tests__/app/initial/shopping_cart/frontend/index.tsx

@@ -1,81 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import { backend } from 'wmill'
-import { ProductList } from './components/ProductList'
-import { Cart } from './components/Cart'
-
-export interface Product {
-	id: string
-	name: string
-	price: number
-	image: string
-}
-
-export interface CartItem {
-	product: Product
-	quantity: number
-}
-
-const App = () => {
-	const [products, setProducts] = useState<Product[]>([])
-	const [cartItems, setCartItems] = useState<CartItem[]>([])
-	const [total, setTotal] = useState(0)
-	const [loading, setLoading] = useState(true)
-
-	useEffect(() => {
-		loadProducts()
-	}, [])
-
-	useEffect(() => {
-		updateTotal()
-	}, [cartItems])
-
-	const loadProducts = async () => {
-		setLoading(true)
-		const data = await backend.getProducts()
-		setProducts(data)
-		setLoading(false)
-	}
-
-	const updateTotal = async () => {
-		if (cartItems.length === 0) {
-			setTotal(0)
-			return
-		}
-		const newTotal = await backend.calculateTotal({ items: cartItems })
-		setTotal(newTotal)
-	}
-
-	const handleAddToCart = async (product: Product) => {
-		const updatedCart = await backend.addToCart({
-			cart: cartItems,
-			product
-		})
-		setCartItems(updatedCart)
-	}
-
-	const handleRemoveFromCart = async (productId: string) => {
-		const updatedCart = await backend.removeFromCart({
-			cart: cartItems,
-			productId
-		})
-		setCartItems(updatedCart)
-	}
-
-	if (loading) {
-		return <div className="p-8 text-center">Loading products...</div>
-	}
-
-	return (
-		<div className="flex h-screen">
-			<div className="flex-1 p-6 overflow-auto">
-				<h1 className="text-2xl font-bold mb-6">Shop</h1>
-				<ProductList products={products} onAddToCart={handleAddToCart} />
-			</div>
-			<div className="w-80 border-l bg-gray-50 p-6">
-				<Cart items={cartItems} total={total} onRemoveItem={handleRemoveFromCart} />
-			</div>
-		</div>
-	)
-}
-
-export default App

package/package/components/copilot/chat/__tests__/app/initial/test1_counter_app/backend/decrementCounter/main.d.ts

@@ -1,3 +0,0 @@
-export declare function main({ currentCount }: {
-    currentCount: number;
-}): Promise<number>;

package/package/components/copilot/chat/__tests__/app/initial/test1_counter_app/backend/decrementCounter/main.js

@@ -1,3 +0,0 @@
-export async function main({ currentCount }) {
-    return currentCount - 1;
-}

package/package/components/copilot/chat/__tests__/app/initial/test1_counter_app/backend/decrementCounter/meta.json

@@ -1,4 +0,0 @@
-{
-	"name": "Decrement Counter",
-	"language": "bun"
-}

package/package/components/copilot/chat/__tests__/app/initial/test1_counter_app/backend/incrementCounter/main.d.ts

@@ -1,3 +0,0 @@
-export declare function main({ currentCount }: {
-    currentCount: number;
-}): Promise<number>;

package/package/components/copilot/chat/__tests__/app/initial/test1_counter_app/backend/incrementCounter/main.js

@@ -1,3 +0,0 @@
-export async function main({ currentCount }) {
-    return currentCount + 1;
-}

package/package/components/copilot/chat/__tests__/app/initial/test1_counter_app/backend/incrementCounter/meta.json

@@ -1,4 +0,0 @@
-{
-	"name": "Increment Counter",
-	"language": "bun"
-}

package/package/components/copilot/chat/__tests__/app/initial/test1_counter_app/frontend/index.d.ts

@@ -1,2 +0,0 @@
-declare const CounterApp: () => any;
-export default CounterApp;

package/package/components/copilot/chat/__tests__/app/initial/test1_counter_app/frontend/index.tsx

@@ -1,38 +0,0 @@
-import React, { useState } from 'react'
-import { backend } from 'wmill'
-
-const CounterApp = () => {
-	const [count, setCount] = useState(0)
-
-	const increment = async () => {
-		const newCount = await backend.incrementCounter({ currentCount: count })
-		setCount(newCount)
-	}
-
-	const decrement = async () => {
-		const newCount = await backend.decrementCounter({ currentCount: count })
-		setCount(newCount)
-	}
-
-	return (
-		<div className="p-4">
-			<h1 className="text-2xl font-bold mb-4">Counter: {count}</h1>
-			<div className="flex gap-2">
-				<button
-					onClick={decrement}
-					className="px-4 py-2 bg-red-500 text-white rounded hover:bg-red-600"
-				>
-					Decrement
-				</button>
-				<button
-					onClick={increment}
-					className="px-4 py-2 bg-green-500 text-white rounded hover:bg-green-600"
-				>
-					Increment
-				</button>
-			</div>
-		</div>
-	)
-}
-
-export default CounterApp

package/package/components/copilot/chat/__tests__/app/variants/baseline.d.ts

@@ -1,6 +0,0 @@
-import type { VariantConfig } from '../../shared';
-/**
- * Baseline variant - uses the production system prompt and all tools.
- * This is the default configuration that matches the actual app chat implementation.
- */
-export declare const BASELINE_VARIANT: VariantConfig;

package/package/components/copilot/chat/__tests__/app/variants/baseline.js

@@ -1,10 +0,0 @@
-/**
- * Baseline variant - uses the production system prompt and all tools.
- * This is the default configuration that matches the actual app chat implementation.
- */
-export const BASELINE_VARIANT = {
-    name: 'baseline',
-    description: 'Production configuration with default system prompt and all tools',
-    systemPrompt: { type: 'default' },
-    tools: { type: 'default' }
-};

package/package/components/copilot/chat/__tests__/app/variants/index.d.ts

@@ -1,3 +0,0 @@
-export { BASELINE_VARIANT } from './baseline';
-export { STREAMLINED_VARIANT } from './streamlined';
-export type { VariantConfig } from '../../shared';