gsd-trae 1.0.1 → 1.0.2

package/refs/vbenchmark/tasks/frontend/performance/image-lazy-load/PROMPT.md

@@ -1,43 +0,0 @@
-# Task: Optimized Image Loading
-
-## Objective
-Build an optimized image component with lazy loading, blur-up, and responsive srcset.
-
-## Requirements
-
-1. **Lazy Loading**
-   - Intersection Observer
-   - Load when near viewport
-   - Placeholder until loaded
-   - Native lazy loading fallback
-
-2. **Progressive Loading**
-   - Blur-up placeholder
-   - Low-quality image placeholder (LQIP)
-   - Fade in on load
-   - Error fallback
-
-3. **Responsive**
-   - srcset for different sizes
-   - sizes attribute
-   - WebP/AVIF with fallback
-   - Art direction support
-
-4. **Performance**
-   - Preconnect to CDN
-   - Priority hints for LCP
-   - Decode async
-   - Aspect ratio preservation
-
-## Files to Create
-- `lib/Image.svelte` - Image component
-- `lib/actions/lazyload.ts` - Lazy load action
-- `lib/utils/srcset.ts` - Srcset generator
-- `lib/Placeholder.svelte` - Placeholder component
-
-## Success Criteria
-- [ ] Images lazy load
-- [ ] Blur-up transition smooth
-- [ ] Correct srcset generated
-- [ ] WebP served when supported
-- [ ] CLS score zero

package/refs/vbenchmark/tasks/frontend/performance/image-lazy-load/task.yaml

@@ -1,24 +0,0 @@
-name: Optimized Image Loading
-category: frontend
-subcategory: performance
-description: Build image lazy loading with Svelte
-difficulty: easy
-stack: svelte
-timeout: 300
-tokenLimit: 80000
-
-tests:
-  functional: tests/images.test.ts
-
-tags:
-  - svelte
-  - images
-  - lazy-load
-  - performance
-  - optimization
-
-evaluation:
-  functional: 0.4
-  quality: 0.3
-  cost: 0.15
-  speed: 0.15

package/refs/vbenchmark/tasks/frontend/performance/infinite-scroll/PROMPT.md

@@ -1,44 +0,0 @@
-# Task: Virtualized Infinite Scroll
-
-## Objective
-Build an infinite scroll list with virtualization for optimal performance with large datasets.
-
-## Requirements
-
-1. **Virtualization**
-   - Render only visible items
-   - Variable height items
-   - Smooth scrolling
-   - Scroll position restoration
-
-2. **Infinite Loading**
-   - Load more on scroll
-   - Loading indicator
-   - Error retry
-   - End of list detection
-
-3. **Features**
-   - Pull to refresh
-   - Scroll to top button
-   - Preserve scroll on back
-   - Keyboard navigation
-
-4. **Performance**
-   - 60fps scrolling
-   - Minimal DOM nodes
-   - Efficient re-renders
-   - Memory bounded
-
-## Files to Create
-- `components/VirtualList/VirtualList.tsx` - Main list
-- `components/VirtualList/VirtualItem.tsx` - Item wrapper
-- `components/VirtualList/LoadingMore.tsx` - Loading indicator
-- `hooks/useVirtualScroll.ts` - Virtualization hook
-- `hooks/useInfiniteLoad.ts` - Load more hook
-
-## Success Criteria
-- [ ] Only visible items rendered
-- [ ] Variable heights work
-- [ ] 60fps maintained
-- [ ] Load more triggers correctly
-- [ ] Scroll position preserved

package/refs/vbenchmark/tasks/frontend/performance/infinite-scroll/task.yaml

@@ -1,24 +0,0 @@
-name: Virtualized Infinite Scroll
-category: frontend
-subcategory: performance
-description: Build infinite scroll with virtualization in React
-difficulty: medium
-stack: nextjs
-timeout: 600
-tokenLimit: 150000
-
-tests:
-  functional: tests/scroll.test.tsx
-
-tags:
-  - react
-  - performance
-  - virtual-scroll
-  - infinite
-  - optimization
-
-evaluation:
-  functional: 0.4
-  quality: 0.3
-  cost: 0.15
-  speed: 0.15

package/refs/vbenchmark/tasks/frontend/state-management/collaborative-editor/PROMPT.md

@@ -1,44 +0,0 @@
-# Task: Real-time Collaborative Editor
-
-## Objective
-Build a collaborative text editor with Vue 3 and Y.js where multiple users can edit simultaneously.
-
-## Requirements
-
-1. **Collaboration**
-   - Real-time sync between users
-   - Cursor positions shown
-   - User presence indicators
-   - Conflict resolution (CRDT)
-
-2. **Editor Features**
-   - Rich text formatting
-   - Comments/annotations
-   - Version history
-   - Offline support
-
-3. **Awareness**
-   - Show who's editing
-   - User cursors with names
-   - Selection highlighting
-   - Active users list
-
-4. **Sync**
-   - WebSocket provider
-   - Handle reconnection
-   - Merge offline changes
-   - Persistence
-
-## Files to Create
-- `components/CollabEditor/Editor.vue` - Main editor
-- `components/CollabEditor/Cursors.vue` - Remote cursors
-- `components/CollabEditor/Presence.vue` - User list
-- `composables/useYjs.ts` - Y.js integration
-- `providers/WebSocketProvider.ts` - Sync provider
-
-## Success Criteria
-- [ ] Multiple users can edit
-- [ ] Changes sync in real-time
-- [ ] Cursors show correctly
-- [ ] Conflicts resolved
-- [ ] Works offline

package/refs/vbenchmark/tasks/frontend/state-management/collaborative-editor/task.yaml

@@ -1,24 +0,0 @@
-name: Real-time Collaborative Editor
-category: frontend
-subcategory: state-management
-description: Build collaborative editing with Vue 3 and Y.js
-difficulty: hard
-stack: vue
-timeout: 900
-tokenLimit: 200000
-
-tests:
-  functional: tests/collab.test.ts
-
-tags:
-  - vue
-  - yjs
-  - crdt
-  - collaboration
-  - realtime
-
-evaluation:
-  functional: 0.5
-  quality: 0.25
-  cost: 0.1
-  speed: 0.15

package/refs/vbenchmark/tasks/frontend/state-management/shopping-cart/PROMPT.md

@@ -1,53 +0,0 @@
-# Task: Shopping Cart State Management
-
-## Objective
-Build a comprehensive shopping cart with Redux Toolkit including complex state logic.
-
-## Requirements
-
-1. **Cart Operations**
-   - Add to cart (with variants)
-   - Update quantity
-   - Remove item
-   - Clear cart
-
-2. **Advanced Features**
-   - Product variants (size, color)
-   - Quantity limits (stock check)
-   - Saved items / wishlist
-   - Recently viewed
-
-3. **Pricing**
-   - Dynamic pricing updates
-   - Coupon codes
-   - Shipping calculation
-   - Tax calculation
-
-4. **Persistence**
-   - Local storage sync
-   - Merge on login
-   - Handle expired items
-
-## Redux Structure
-```typescript
-interface CartState {
-  items: CartItem[];
-  savedItems: CartItem[];
-  coupon: Coupon | null;
-  shipping: ShippingOption | null;
-}
-```
-
-## Files to Create
-- `store/cartSlice.ts` - Cart slice
-- `store/selectors.ts` - Memoized selectors
-- `components/Cart/CartProvider.tsx` - Provider
-- `components/Cart/CartItem.tsx` - Item component
-- `hooks/useCart.ts` - Cart hook
-
-## Success Criteria
-- [ ] Add/remove/update works
-- [ ] Variants handled correctly
-- [ ] Coupons apply correctly
-- [ ] Totals calculate correctly
-- [ ] Persists across sessions

package/refs/vbenchmark/tasks/frontend/state-management/shopping-cart/task.yaml

@@ -1,24 +0,0 @@
-name: Shopping Cart State Management
-category: frontend
-subcategory: state-management
-description: Build complex cart with Redux Toolkit
-difficulty: medium
-stack: nextjs
-timeout: 600
-tokenLimit: 150000
-
-tests:
-  functional: tests/cart.test.tsx
-
-tags:
-  - react
-  - redux
-  - cart
-  - e-commerce
-  - state
-
-evaluation:
-  functional: 0.5
-  quality: 0.25
-  cost: 0.1
-  speed: 0.15

package/refs/vbenchmark/tasks/frontend/visualization/chart-dashboard/PROMPT.md

@@ -1,83 +0,0 @@
-# Analytics Chart Dashboard
-
-Build an analytics dashboard displaying key metrics with interactive charts.
-
-## Dashboard Layout
-
-### Top Row - KPI Cards
-- Total Revenue (with % change)
-- Active Users (with trend)
-- Conversion Rate (with target)
-- Avg Order Value (with comparison)
-
-### Middle Row - Charts
-1. **Revenue Over Time** - Area chart with daily/weekly/monthly toggle
-2. **User Acquisition** - Stacked bar chart by source
-
-### Bottom Row - Charts
-3. **Top Products** - Horizontal bar chart
-4. **Geographic Distribution** - World map or top countries table
-
-## Features
-
-### Date Range Picker
-- Preset ranges: Today, Yesterday, Last 7/30/90 days, This month, Last month
-- Custom date range
-- Compare to previous period
-
-### Chart Interactions
-- Hover tooltips with detailed data
-- Click to drill down (optional)
-- Export chart as PNG
-- Fullscreen mode
-
-### Filters
-- Filter by product category
-- Filter by region
-- Filter by user segment
-
-## Technical Requirements
-
-### Data Schema
-```typescript
-interface DashboardData {
-  kpis: {
-    revenue: { value: number; change: number };
-    users: { value: number; change: number };
-    conversion: { value: number; target: number };
-    avgOrder: { value: number; previous: number };
-  };
-  revenueTimeSeries: Array<{ date: string; revenue: number }>;
-  userAcquisition: Array<{ date: string; source: string; count: number }>;
-  topProducts: Array<{ name: string; revenue: number; units: number }>;
-  geoData: Array<{ country: string; revenue: number; users: number }>;
-}
-```
-
-### API Endpoint
-```typescript
-GET /api/analytics?start=2024-01-01&end=2024-01-31&category=all&region=all
-```
-
-### Libraries
-- Use `recharts` or `chart.js` for charts
-- Use `date-fns` for date handling
-- Use Tailwind CSS for styling
-
-## UI Requirements
-
-1. **Loading States** - Skeleton loaders for each chart
-2. **Error States** - Graceful error handling with retry
-3. **Empty States** - Meaningful messages when no data
-4. **Responsive** - Charts resize on mobile (stack vertically)
-5. **Print Friendly** - Dashboard can be printed/PDF
-
-## Acceptance Criteria
-
-- [ ] All 4 KPI cards display correctly
-- [ ] Charts render with sample data
-- [ ] Date picker filters data
-- [ ] Charts are interactive (hover, click)
-- [ ] Mobile responsive layout
-- [ ] Loading states shown during fetch
-- [ ] Export to PNG works

package/refs/vbenchmark/tasks/frontend/visualization/chart-dashboard/task.yaml

@@ -1,28 +0,0 @@
-name: Analytics Chart Dashboard
-category: frontend
-subcategory: visualization
-description: Build an analytics dashboard with interactive charts and date range filters
-difficulty: medium
-stack: nextjs-supabase
-timeout: 600
-tokenLimit: 150000
-
-tests:
-  functional: tests/dashboard.test.ts
-
-docker:
-  compose: docker-compose.yaml
-
-tags:
-  - charts
-  - analytics
-  - dashboard
-  - visualization
-  - react
-
-evaluation:
-  functional: 0.4
-  visual: 0.3
-  quality: 0.15
-  cost: 0.1
-  speed: 0.05

package/refs/vbenchmark/tasks/frontend/visualization/gantt-chart/PROMPT.md

@@ -1,57 +0,0 @@
-# Task: Project Gantt Chart
-
-## Objective
-Build an interactive Gantt chart for project timeline visualization.
-
-## Requirements
-
-1. **Timeline**
-   - Day/week/month views
-   - Zoom in/out
-   - Today marker
-   - Scroll synchronization
-
-2. **Tasks**
-   - Task bars with duration
-   - Drag to move tasks
-   - Resize to change duration
-   - Dependencies (arrows)
-
-3. **Hierarchy**
-   - Parent/child tasks
-   - Collapsible groups
-   - Summary bars
-   - Progress indicators
-
-4. **Interactivity**
-   - Click to edit
-   - Drag to link tasks
-   - Context menu
-   - Keyboard navigation
-
-## Data Structure
-```typescript
-interface GanttTask {
-  id: string;
-  name: string;
-  start: Date;
-  end: Date;
-  progress: number;
-  dependencies: string[];
-  parentId?: string;
-}
-```
-
-## Files to Create
-- `components/Gantt/GanttChart.tsx` - Main component
-- `components/Gantt/Timeline.tsx` - Time header
-- `components/Gantt/TaskList.tsx` - Left sidebar
-- `components/Gantt/TaskBar.tsx` - Task bar
-- `components/Gantt/Dependencies.tsx` - Dependency lines
-
-## Success Criteria
-- [ ] Tasks display correctly
-- [ ] Drag to move works
-- [ ] Dependencies render
-- [ ] View switching works
-- [ ] Progress shows correctly

package/refs/vbenchmark/tasks/frontend/visualization/gantt-chart/task.yaml

@@ -1,24 +0,0 @@
-name: Project Gantt Chart
-category: frontend
-subcategory: visualization
-description: Build interactive Gantt chart with React
-difficulty: hard
-stack: nextjs
-timeout: 900
-tokenLimit: 200000
-
-tests:
-  functional: tests/gantt.test.tsx
-
-tags:
-  - react
-  - gantt
-  - project-management
-  - drag-drop
-  - timeline
-
-evaluation:
-  functional: 0.4
-  visual: 0.25
-  quality: 0.2
-  speed: 0.15

package/refs/vbenchmark/tasks/frontend/visualization/map-dashboard/PROMPT.md

@@ -1,44 +0,0 @@
-# Task: Geographic Map Dashboard
-
-## Objective
-Build an interactive map dashboard with Vue 3 and Mapbox for visualizing geographic data.
-
-## Requirements
-
-1. **Map Features**
-   - Clustered markers
-   - Heat maps
-   - Polygon overlays (regions)
-   - Custom marker icons
-
-2. **Interactivity**
-   - Click for details popup
-   - Filter by categories
-   - Search locations
-   - Draw regions
-
-3. **Dashboard Integration**
-   - Stats sidebar
-   - Legend component
-   - Layer toggles
-   - Zoom to selection
-
-4. **Data**
-   - Load GeoJSON data
-   - Real-time marker updates
-   - Aggregate by region
-   - Export selected area
-
-## Files to Create
-- `components/Map/MapContainer.vue` - Main map
-- `components/Map/Markers.vue` - Marker layer
-- `components/Map/HeatMap.vue` - Heat map layer
-- `components/Dashboard/Sidebar.vue` - Stats sidebar
-- `composables/useMap.ts` - Map composable
-
-## Success Criteria
-- [ ] Map renders correctly
-- [ ] Clusters work at zoom levels
-- [ ] Heat map displays properly
-- [ ] Filters update map
-- [ ] Popups show details

package/refs/vbenchmark/tasks/frontend/visualization/map-dashboard/task.yaml

@@ -1,24 +0,0 @@
-name: Geographic Map Dashboard
-category: frontend
-subcategory: visualization
-description: Build interactive map dashboard with Vue 3
-difficulty: hard
-stack: vue
-timeout: 900
-tokenLimit: 200000
-
-tests:
-  functional: tests/map.test.ts
-
-tags:
-  - vue
-  - mapbox
-  - visualization
-  - geospatial
-  - dashboard
-
-evaluation:
-  functional: 0.4
-  visual: 0.3
-  quality: 0.2
-  speed: 0.1

package/refs/vbenchmark/tasks/frontend/visualization/realtime-charts/PROMPT.md

@@ -1,43 +0,0 @@
-# Task: Real-time Streaming Charts
-
-## Objective
-Build real-time updating charts that display streaming data via WebSocket.
-
-## Requirements
-
-1. **Chart Types**
-   - Line chart (time series)
-   - Area chart
-   - Bar chart (updating)
-   - Gauge/meter
-
-2. **Real-time Features**
-   - WebSocket data connection
-   - Smooth transitions
-   - Rolling window (keep last N points)
-   - Pause/resume updates
-
-3. **Interactivity**
-   - Hover tooltips
-   - Click to zoom
-   - Time range selection
-   - Export snapshot
-
-4. **Performance**
-   - Handle 100+ updates/second
-   - Canvas rendering for performance
-   - Debounced re-renders
-
-## Files to Create
-- `components/RealtimeChart/LineChart.tsx` - Line chart
-- `components/RealtimeChart/AreaChart.tsx` - Area chart
-- `components/RealtimeChart/Gauge.tsx` - Gauge meter
-- `hooks/useRealtimeData.ts` - WebSocket hook
-- `lib/chartUtils.ts` - Chart utilities
-
-## Success Criteria
-- [ ] Charts update smoothly
-- [ ] Handles high update frequency
-- [ ] Tooltips work during updates
-- [ ] Memory stable over time
-- [ ] Pause/resume works

package/refs/vbenchmark/tasks/frontend/visualization/realtime-charts/task.yaml

@@ -1,24 +0,0 @@
-name: Real-time Streaming Charts
-category: frontend
-subcategory: visualization
-description: Build live updating charts with React
-difficulty: medium
-stack: nextjs
-timeout: 600
-tokenLimit: 150000
-
-tests:
-  functional: tests/charts.test.tsx
-
-tags:
-  - react
-  - charts
-  - realtime
-  - d3
-  - websocket
-
-evaluation:
-  functional: 0.4
-  visual: 0.3
-  quality: 0.2
-  speed: 0.1

package/refs/vbenchmark/tasks/glue-code/advanced/blue-green-deploy/PROMPT.md

@@ -1,15 +0,0 @@
-# Blue-Green Deployment Controller
-
-Build Kubernetes deployment controller for blue-green deployments.
-
-## Requirements
-1. Automated environment provisioning
-2. Traffic shifting with Istio/Linkerd
-3. Pre-deployment health validation
-4. Database migration coordination
-5. Automatic rollback on failure
-6. Resource cleanup after cutover
-7. Multi-cluster deployment
-8. Deployment approval gates
-9. Smoke test integration
-10. Deployment metrics dashboard

package/refs/vbenchmark/tasks/glue-code/advanced/blue-green-deploy/task.yaml

@@ -1,16 +0,0 @@
-name: Blue-Green Deployment Controller
-category: glue-code
-subcategory: advanced
-description: Build deployment controller with traffic shifting, health validation, and automatic rollback
-difficulty: hard
-stack: go
-timeout: 1200
-tokenLimit: 250000
-tests:
-  functional: tests/deploy_test.go
-tags: [go, kubernetes, istio, deployment, traffic-management]
-evaluation:
-  functional: 0.5
-  quality: 0.25
-  cost: 0.1
-  speed: 0.15

package/refs/vbenchmark/tasks/glue-code/advanced/canary-release/PROMPT.md

@@ -1,15 +0,0 @@
-# Canary Release Automation
-
-Build automated canary release system.
-
-## Requirements
-1. Percentage-based traffic splitting
-2. Metric-based promotion criteria
-3. Automatic rollback thresholds
-4. A/B testing integration
-5. Progressive traffic increase
-6. Header-based routing for testing
-7. Multi-metric analysis (latency, errors, saturation)
-8. Release approval workflow
-9. Canary comparison dashboard
-10. Integration with CI/CD pipelines

package/refs/vbenchmark/tasks/glue-code/advanced/canary-release/task.yaml

@@ -1,16 +0,0 @@
-name: Canary Release Automation
-category: glue-code
-subcategory: advanced
-description: Build canary release system with metric-based promotion, automatic rollback, and progressive delivery
-difficulty: hard
-stack: go
-timeout: 1200
-tokenLimit: 250000
-tests:
-  functional: tests/canary_test.go
-tags: [go, kubernetes, flagger, argo-rollouts, canary]
-evaluation:
-  functional: 0.5
-  quality: 0.25
-  cost: 0.1
-  speed: 0.15