\r \r

BugPack - View Bug Details\r

\r Fetch full bug context from BugPack, including description, screenshots, environment info, and related files.\r \r

Instructions\r

\r

1. Call GET http://localhost:3456/api/bugs/:id to get the full bug details.\r
2. The response includes:\r
   • title, description, status, priority\r
   • pagePath — the page/route where the bug occurs\r
   • device, browser — environment info\r
   • relatedFiles — array of file paths related to the bug\r
   • screenshots — array of screenshot objects with id, name, original_path, annotated_path\r
3. Display the bug info in a structured format.\r
4. If the bug has screenshots, mention them and offer to show annotated versions.\r
5. If relatedFiles are listed, use them to locate relevant source code.\r \r

Example\r

\r

GET http://localhost:3456/api/bugs/abc-123\r
```\r
\r
Response:\r
\r
```json\r
{\r
  "ok": true,\r
  "data": {\r
    "id": "abc-123",\r
    "title": "Button click not working",\r
    "description": "The submit button on the login page does not respond to clicks",\r
    "status": "open",\r
    "priority": "high",\r
    "pagePath": "/login",\r
    "device": "Desktop",\r
    "browser": "Chrome 120",\r
    "relatedFiles": ["src/pages/Login.tsx", "src/components/SubmitButton.tsx"],\r
    "screenshots": [\r
      {\r
        "id": "ss-001",\r
        "name": "login-bug.png",\r
        "original_path": "/uploads/MyProject/original.png",\r
        "annotated_path": "/uploads/MyProject/annotated.png"\r
      }\r
    ]\r
  }\r
}\r
```\r