{
  "id": "phase2-core-features-20",
  "seq": "20",
  "title": "Create preview UI components",
  "status": "pending",
  "depends_on": ["19"],
  "parallel": false,
  "context_files": [
    "/Users/kunthawatgreethong/Gitea/moreminimore-vibe/Websitebuilder/.tmp/sessions/phase1-foundation/context.md"
  ],
  "acceptance_criteria": [
    "Preview iframe displays project",
    "Responsive device toggle works (desktop/tablet/mobile)",
    "Refresh button reloads preview",
    "Open in new tab button works",
    "Loading state shown during load",
    "Error state displayed on failure",
    "Preview URL displayed"
  ],
  "deliverables": [
    "src/app/dashboard/projects/[id]/preview/page.tsx",
    "src/components/preview/PreviewFrame.tsx",
    "src/components/preview/DeviceToggle.tsx",
    "src/components/preview/PreviewControls.tsx",
    "src/components/preview/PreviewUrl.tsx"
  ]
}