gsd-trae 1.0.1 → 1.0.2

package/refs/vbenchmark/tasks/frontend/advanced/offline-first/task.yaml

@@ -1,16 +0,0 @@
-name: Offline-First Application
-category: frontend
-subcategory: advanced
-description: Build offline-first app with conflict resolution, background sync, and optimistic updates
-difficulty: hard
-stack: typescript
-timeout: 1200
-tokenLimit: 250000
-tests:
-  functional: tests/offline.test.ts
-tags: [typescript, pwa, indexeddb, service-worker, sync]
-evaluation:
-  functional: 0.5
-  quality: 0.25
-  cost: 0.1
-  speed: 0.15

package/refs/vbenchmark/tasks/frontend/advanced/realtime-collab/PROMPT.md

@@ -1,15 +0,0 @@
-# Real-time Collaborative Editor
-
-Build Google Docs-style collaborative editor.
-
-## Requirements
-1. CRDT-based conflict resolution
-2. Real-time presence awareness
-3. Cursor and selection sync
-4. Offline editing with merge
-5. Version history
-6. Comments and suggestions
-7. Permission levels
-8. Undo/redo per user
-9. Rich text formatting
-10. Performance with 50+ concurrent users

package/refs/vbenchmark/tasks/frontend/advanced/realtime-collab/task.yaml

@@ -1,16 +0,0 @@
-name: Real-time Collaborative Editor
-category: frontend
-subcategory: advanced
-description: Build collaborative editor with CRDT, presence awareness, cursor sync, and offline support
-difficulty: hard
-stack: typescript
-timeout: 1200
-tokenLimit: 250000
-tests:
-  functional: tests/collab.test.ts
-tags: [typescript, crdt, yjs, websocket, collaboration]
-evaluation:
-  functional: 0.5
-  quality: 0.25
-  cost: 0.1
-  speed: 0.15

package/refs/vbenchmark/tasks/frontend/advanced/service-worker/PROMPT.md

@@ -1,15 +0,0 @@
-# Advanced Service Worker
-
-Build production service worker system.
-
-## Requirements
-1. Multiple caching strategies per route
-2. Cache versioning and cleanup
-3. Push notification handling
-4. Background sync
-5. Periodic background fetch
-6. Navigation preload
-7. Update flow with user prompt
-8. Offline fallback pages
-9. Analytics integration
-10. Debug logging system

package/refs/vbenchmark/tasks/frontend/advanced/service-worker/task.yaml

@@ -1,16 +0,0 @@
-name: Advanced Service Worker
-category: frontend
-subcategory: advanced
-description: Build service worker with smart caching strategies, push notifications, and background processing
-difficulty: hard
-stack: typescript
-timeout: 1200
-tokenLimit: 250000
-tests:
-  functional: tests/sw.test.ts
-tags: [typescript, service-worker, pwa, caching, push]
-evaluation:
-  functional: 0.5
-  quality: 0.25
-  cost: 0.1
-  speed: 0.15

package/refs/vbenchmark/tasks/frontend/advanced/state-machine/PROMPT.md

@@ -1,15 +0,0 @@
-# Visual State Machine Editor
-
-Build interactive state machine design tool.
-
-## Requirements
-1. Drag-drop state/transition creation
-2. Visual validation of machine
-3. TypeScript/XState code generation
-4. Real-time simulation mode
-5. Undo/redo support
-6. Nested/parallel state support
-7. Guard/action editing
-8. Import/export formats
-9. Collaboration features
-10. Keyboard shortcuts

package/refs/vbenchmark/tasks/frontend/advanced/state-machine/task.yaml

@@ -1,16 +0,0 @@
-name: Visual State Machine Editor
-category: frontend
-subcategory: advanced
-description: Build visual state machine editor with drag-drop, validation, code generation, and real-time simulation
-difficulty: hard
-stack: typescript
-timeout: 1200
-tokenLimit: 250000
-tests:
-  functional: tests/statemachine.test.ts
-tags: [typescript, react, xstate, canvas, visualization]
-evaluation:
-  functional: 0.5
-  quality: 0.25
-  cost: 0.1
-  speed: 0.15

package/refs/vbenchmark/tasks/frontend/advanced/virtual-list/PROMPT.md

@@ -1,15 +0,0 @@
-# Virtual List with Variable Heights
-
-Build high-performance virtualized list component.
-
-## Requirements
-1. Variable row height support
-2. Sticky headers/sections
-3. Infinite scroll with data fetching
-4. Smooth scrolling at 60fps
-5. Keyboard navigation (arrow keys, page up/down)
-6. Focus management for accessibility
-7. Dynamic item loading
-8. Scroll position restoration
-9. Horizontal virtualization support
-10. Memory-efficient for 100k+ items

package/refs/vbenchmark/tasks/frontend/advanced/virtual-list/task.yaml

@@ -1,16 +0,0 @@
-name: Virtual List with Variable Heights
-category: frontend
-subcategory: advanced
-description: Build virtualized list supporting variable row heights, sticky headers, infinite scroll, and keyboard navigation
-difficulty: hard
-stack: typescript
-timeout: 1200
-tokenLimit: 250000
-tests:
-  functional: tests/virtuallist.test.ts
-tags: [typescript, react, virtualization, performance, accessibility]
-evaluation:
-  functional: 0.5
-  quality: 0.25
-  cost: 0.1
-  speed: 0.15

package/refs/vbenchmark/tasks/frontend/advanced/wasm-integration/PROMPT.md

@@ -1,15 +0,0 @@
-# WebAssembly Integration
-
-Build seamless WASM integration for web apps.
-
-## Requirements
-1. Streaming WASM compilation
-2. Memory management (grow/shrink)
-3. JS/WASM interop layer
-4. TypeScript type generation
-5. Error handling across boundary
-6. Worker thread execution
-7. Module hot reloading
-8. Performance profiling
-9. Fallback for unsupported browsers
-10. Build pipeline integration

package/refs/vbenchmark/tasks/frontend/advanced/wasm-integration/task.yaml

@@ -1,16 +0,0 @@
-name: WebAssembly Integration
-category: frontend
-subcategory: advanced
-description: Build WASM integration layer with streaming compilation, memory management, and JS interop
-difficulty: hard
-stack: typescript
-timeout: 1200
-tokenLimit: 250000
-tests:
-  functional: tests/wasm.test.ts
-tags: [typescript, webassembly, rust, performance, interop]
-evaluation:
-  functional: 0.5
-  quality: 0.25
-  cost: 0.1
-  speed: 0.15

package/refs/vbenchmark/tasks/frontend/advanced/web-worker/PROMPT.md

@@ -1,15 +0,0 @@
-# Web Worker Task Scheduler
-
-Build advanced web worker orchestration.
-
-## Requirements
-1. Worker pool management
-2. Priority-based task queuing
-3. Task cancellation support
-4. Progress reporting
-5. Transferable objects optimization
-6. Worker lifecycle management
-7. Error handling and retry
-8. Task dependencies
-9. Resource limiting
-10. Performance metrics

package/refs/vbenchmark/tasks/frontend/advanced/web-worker/task.yaml

@@ -1,16 +0,0 @@
-name: Web Worker Task Scheduler
-category: frontend
-subcategory: advanced
-description: Build web worker pool with priority queuing, task cancellation, and progress reporting
-difficulty: hard
-stack: typescript
-timeout: 1200
-tokenLimit: 250000
-tests:
-  functional: tests/worker.test.ts
-tags: [typescript, web-worker, concurrency, scheduling]
-evaluation:
-  functional: 0.5
-  quality: 0.25
-  cost: 0.1
-  speed: 0.15

package/refs/vbenchmark/tasks/frontend/advanced/webgl-visualization/PROMPT.md

@@ -1,15 +0,0 @@
-# WebGL Data Visualization
-
-Build high-performance WebGL visualization.
-
-## Requirements
-1. Render 1M+ data points at 60fps
-2. Zoom/pan with level-of-detail
-3. Hover/click interactions
-4. Real-time data streaming
-5. Multiple visualization types (scatter, heatmap, network)
-6. Color scale and legend
-7. Axis and grid rendering
-8. Selection and brushing
-9. Export to image
-10. Responsive canvas sizing

package/refs/vbenchmark/tasks/frontend/advanced/webgl-visualization/task.yaml

@@ -1,16 +0,0 @@
-name: WebGL Data Visualization
-category: frontend
-subcategory: advanced
-description: Build WebGL-based visualization for millions of data points with interactions and real-time updates
-difficulty: hard
-stack: typescript
-timeout: 1200
-tokenLimit: 250000
-tests:
-  functional: tests/webgl.test.ts
-tags: [typescript, webgl, three.js, visualization, performance]
-evaluation:
-  functional: 0.5
-  quality: 0.25
-  cost: 0.1
-  speed: 0.15

package/refs/vbenchmark/tasks/frontend/animation/page-transitions/PROMPT.md

@@ -1,44 +0,0 @@
-# Task: Page Transition Animations
-
-## Objective
-Build smooth page transitions using Framer Motion in Next.js App Router.
-
-## Requirements
-
-1. **Transition Types**
-   - Fade transition
-   - Slide (left/right/up/down)
-   - Scale/zoom
-   - Shared element transitions
-
-2. **Navigation Aware**
-   - Different animation for back
-   - Stack-based transitions
-   - Preserve scroll position
-   - Loading state animation
-
-3. **Performance**
-   - No layout shift
-   - Hardware accelerated
-   - Reduced motion support
-   - No blocking navigation
-
-4. **Advanced**
-   - Shared element between pages
-   - Staggered children
-   - Exit animations complete
-   - Gesture-based navigation
-
-## Files to Create
-- `components/Transitions/PageTransition.tsx` - Wrapper
-- `components/Transitions/variants.ts` - Animation variants
-- `components/Transitions/SharedElement.tsx` - Shared element
-- `hooks/useNavigationDirection.ts` - Direction detection
-- `app/template.tsx` - Layout template
-
-## Success Criteria
-- [ ] Transitions work on all routes
-- [ ] Back navigation has correct direction
-- [ ] Exit animations complete
-- [ ] Reduced motion respected
-- [ ] No layout shift

package/refs/vbenchmark/tasks/frontend/animation/page-transitions/task.yaml

@@ -1,24 +0,0 @@
-name: Page Transition Animations
-category: frontend
-subcategory: animation
-description: Build smooth page transitions with React
-difficulty: medium
-stack: nextjs
-timeout: 600
-tokenLimit: 150000
-
-tests:
-  functional: tests/transitions.test.tsx
-
-tags:
-  - react
-  - animation
-  - framer-motion
-  - transitions
-  - ux
-
-evaluation:
-  functional: 0.3
-  visual: 0.4
-  quality: 0.2
-  speed: 0.1

package/refs/vbenchmark/tasks/frontend/components/data-grid/PROMPT.md

@@ -1,59 +0,0 @@
-# Task: Advanced Data Grid
-
-## Objective
-Build a high-performance data grid component with virtual scrolling for large datasets.
-
-## Requirements
-
-1. **Core Features**
-   - Virtual scrolling (render only visible rows)
-   - Column sorting (multi-column)
-   - Column resizing
-   - Column reordering
-   - Fixed columns (freeze left/right)
-
-2. **Data Features**
-   - Pagination or infinite scroll
-   - Row selection (single/multi)
-   - Row expansion
-   - Cell editing (inline)
-   - Filter per column
-
-3. **Performance**
-   - Handle 100K+ rows smoothly
-   - 60fps scrolling
-   - Lazy load data
-   - Memoized cells
-
-4. **Customization**
-   - Custom cell renderers
-   - Custom header renderers
-   - Row styling based on data
-   - Column templates
-
-## Props Interface
-```typescript
-interface DataGridProps<T> {
-  data: T[];
-  columns: Column<T>[];
-  rowHeight?: number;
-  headerHeight?: number;
-  onSort?: (column: string, direction: 'asc' | 'desc') => void;
-  onRowClick?: (row: T) => void;
-  selectable?: boolean;
-}
-```
-
-## Files to Create
-- `components/DataGrid/DataGrid.tsx` - Main component
-- `components/DataGrid/VirtualScroller.tsx` - Virtual scroll
-- `components/DataGrid/Header.tsx` - Header row
-- `components/DataGrid/Row.tsx` - Data row
-- `components/DataGrid/Cell.tsx` - Cell renderer
-
-## Success Criteria
-- [ ] Renders 100K rows without lag
-- [ ] Sorting works correctly
-- [ ] Column resize works
-- [ ] Selection state managed
-- [ ] Filters work

package/refs/vbenchmark/tasks/frontend/components/data-grid/task.yaml

@@ -1,24 +0,0 @@
-name: Advanced Data Grid
-category: frontend
-subcategory: components
-description: Build data grid with virtual scrolling in React
-difficulty: hard
-stack: nextjs
-timeout: 900
-tokenLimit: 200000
-
-tests:
-  functional: tests/grid.test.tsx
-
-tags:
-  - react
-  - data-grid
-  - virtual-scroll
-  - typescript
-  - performance
-
-evaluation:
-  functional: 0.4
-  visual: 0.2
-  quality: 0.25
-  speed: 0.15

package/refs/vbenchmark/tasks/frontend/components/date-range-picker/PROMPT.md

@@ -1,57 +0,0 @@
-# Task: Date Range Picker
-
-## Objective
-Build a date range picker component with Svelte supporting presets and comparison.
-
-## Requirements
-
-1. **Calendar UI**
-   - Two-month view
-   - Month/year navigation
-   - Week starts configurable
-   - Today highlighting
-
-2. **Range Selection**
-   - Click start, click end
-   - Hover preview of range
-   - Min/max date limits
-   - Disabled dates
-
-3. **Presets**
-   - Today
-   - Last 7 days
-   - Last 30 days
-   - This month
-   - Custom range
-
-4. **Advanced**
-   - Compare with previous period
-   - Time selection (optional)
-   - Timezone support
-   - Localization
-
-## Props
-```typescript
-interface DateRangePickerProps {
-  value: { start: Date; end: Date };
-  onChange: (range: { start: Date; end: Date }) => void;
-  minDate?: Date;
-  maxDate?: Date;
-  presets?: Preset[];
-  compare?: boolean;
-}
-```
-
-## Files to Create
-- `lib/DateRangePicker.svelte` - Main component
-- `lib/Calendar.svelte` - Calendar grid
-- `lib/Presets.svelte` - Preset buttons
-- `lib/stores/dateStore.ts` - State management
-- `lib/utils/dates.ts` - Date utilities
-
-## Success Criteria
-- [ ] Range selection works
-- [ ] Presets work correctly
-- [ ] Min/max enforced
-- [ ] Localization works
-- [ ] Compare mode works

package/refs/vbenchmark/tasks/frontend/components/date-range-picker/task.yaml

@@ -1,24 +0,0 @@
-name: Date Range Picker
-category: frontend
-subcategory: components
-description: Build date range picker with Svelte
-difficulty: medium
-stack: svelte
-timeout: 600
-tokenLimit: 150000
-
-tests:
-  functional: tests/datepicker.test.ts
-
-tags:
-  - svelte
-  - date-picker
-  - calendar
-  - range
-  - typescript
-
-evaluation:
-  functional: 0.4
-  visual: 0.25
-  quality: 0.2
-  speed: 0.15

package/refs/vbenchmark/tasks/frontend/components/file-uploader/PROMPT.md

@@ -1,55 +0,0 @@
-# Task: Drag-Drop File Uploader
-
-## Objective
-Build a file upload component with drag-drop, preview, and progress tracking.
-
-## Requirements
-
-1. **Upload Methods**
-   - Drag and drop zone
-   - Click to browse
-   - Paste from clipboard
-   - Multiple files
-
-2. **File Handling**
-   - File type validation
-   - Size limit enforcement
-   - Image preview generation
-   - File icon for non-images
-
-3. **Progress**
-   - Upload progress bar
-   - Cancel upload
-   - Retry failed uploads
-   - Success/error states
-
-4. **UI**
-   - Drag-over highlighting
-   - File list with remove
-   - Thumbnail previews
-   - Responsive design
-
-## Props Interface
-```typescript
-interface FileUploaderProps {
-  accept?: string[];
-  maxSize?: number;
-  maxFiles?: number;
-  onUpload: (files: File[]) => Promise<void>;
-  onRemove?: (file: File) => void;
-}
-```
-
-## Files to Create
-- `components/FileUploader/FileUploader.tsx` - Main component
-- `components/FileUploader/DropZone.tsx` - Drop area
-- `components/FileUploader/FileList.tsx` - File list
-- `components/FileUploader/FilePreview.tsx` - Preview item
-- `hooks/useFileUpload.ts` - Upload hook
-
-## Success Criteria
-- [ ] Drag-drop works
-- [ ] Validation enforced
-- [ ] Previews generated
-- [ ] Progress displayed
-- [ ] Cancel/retry works

package/refs/vbenchmark/tasks/frontend/components/file-uploader/task.yaml

@@ -1,24 +0,0 @@
-name: Drag-Drop File Uploader
-category: frontend
-subcategory: components
-description: Build file uploader with drag-drop and preview
-difficulty: medium
-stack: nextjs
-timeout: 600
-tokenLimit: 150000
-
-tests:
-  functional: tests/uploader.test.tsx
-
-tags:
-  - react
-  - upload
-  - drag-drop
-  - preview
-  - typescript
-
-evaluation:
-  functional: 0.4
-  visual: 0.25
-  quality: 0.2
-  speed: 0.15

package/refs/vbenchmark/tasks/frontend/components/form-builder/PROMPT.md

@@ -1,96 +0,0 @@
-# Dynamic Form Builder
-
-Build a drag-and-drop form builder that allows users to create custom forms visually.
-
-## Features
-
-### Field Types
-- Text input (single line)
-- Textarea (multi-line)
-- Number input
-- Email input
-- Phone input
-- Date picker
-- Dropdown select
-- Multi-select
-- Radio buttons
-- Checkboxes
-- File upload
-- Signature pad
-- Section header
-- Paragraph text
-
-### Field Properties
-- Label
-- Placeholder
-- Help text
-- Required toggle
-- Validation rules (min/max, pattern, custom)
-- Conditional visibility
-- Default value
-- CSS class override
-
-### Builder Features
-1. **Drag & Drop** - Reorder fields by dragging
-2. **Live Preview** - Real-time form preview
-3. **Field Settings** - Click to edit field properties
-4. **Multi-column** - Support 1, 2, or 3 column layouts
-5. **Undo/Redo** - History navigation
-6. **Templates** - Save and load form templates
-
-## Technical Requirements
-
-### Form Schema (JSON)
-```typescript
-interface FormSchema {
-  id: string;
-  title: string;
-  description?: string;
-  fields: FormField[];
-  settings: {
-    columns: 1 | 2 | 3;
-    submitText: string;
-    showProgress: boolean;
-  };
-}
-
-interface FormField {
-  id: string;
-  type: FieldType;
-  label: string;
-  name: string;
-  required: boolean;
-  placeholder?: string;
-  helpText?: string;
-  validation?: ValidationRule[];
-  options?: { label: string; value: string }[];
-  conditional?: {
-    field: string;
-    operator: 'equals' | 'not_equals' | 'contains';
-    value: string;
-  };
-}
-```
-
-### Components
-- `<FormBuilder />` - Main builder canvas
-- `<FieldPalette />` - Draggable field types
-- `<FieldEditor />` - Property panel
-- `<FormPreview />` - Live preview
-- `<FormRenderer />` - Renders saved forms
-
-### Libraries
-- Use `@dnd-kit/core` for drag and drop
-- Use `react-hook-form` + `zod` for form handling
-- Use Tailwind CSS for styling
-
-## Acceptance Criteria
-
-- [ ] All field types render correctly
-- [ ] Drag and drop reordering works
-- [ ] Field properties save correctly
-- [ ] Validation rules apply in preview
-- [ ] Export produces valid JSON schema
-- [ ] Import loads existing schemas
-- [ ] Responsive on tablet+
-- [ ] Keyboard accessible