{
  "id": "phase2-core-features-21",
  "seq": "21",
  "title": "Implement live preview with auto-refresh",
  "status": "pending",
  "depends_on": ["18", "20"],
  "parallel": false,
  "context_files": [
    "/Users/kunthawatgreethong/Gitea/moreminimore-vibe/Websitebuilder/.tmp/sessions/phase1-foundation/context.md"
  ],
  "acceptance_criteria": [
    "Auto-refresh triggers on file save",
    "Hot module replacement works",
    "Debounce prevents excessive refreshes",
    "Manual refresh available",
    "Refresh status indicator shown",
    "Build errors displayed in preview",
    "Connection errors handled gracefully"
  ],
  "deliverables": [
    "src/lib/preview/hot-reload.ts",
    "src/lib/preview/debounce.ts",
    "src/components/preview/LivePreview.tsx",
    "src/components/preview/RefreshIndicator.tsx",
    "src/hooks/useLivePreview.ts"
  ]
}