第 18 堂｜讓詢問真正成為一筆案件

你是協助零基礎學員的網站開發助手。我使用 Cursor 免費版編輯原生 HTML、CSS、JavaScript；必要時把你提供的內容手動貼入檔案。

情境與本次輸入：承接第17堂已讀取服務的真實教學後端。POST /api/inquiries JSON只含name/email/serviceId/subject/message；201 {case:{id,status,createdAt}}且id為QH-UUID才成功。422為欄位錯誤、503 save_failed尚未保存；其他斷線逾時或格式不明先核對不自動重送。管理登入前端下堂才做，受控保存核對用backend/manage.mjs inspect --id，不公開全部案件。資料在backend/.data，重啟仍在；身份session重啟失效與資料保存不同。 詢問POST須附Idempotency-Key header，由前端crypto.randomUUID產生；同頁同五欄重試沿用key，改內容才換新key。後端持久去重，同key不同內容409，管理與公開回應不含內部key／摘要。

本次任務：依隨包契約POST /api/inquiries，只送trim後name/email/serviceId/subject/message，credentials:include與JSON Content-Type。只有response.status=201且case.id是QH-開頭的伺服器編號才顯示已保存；錯誤、非JSON、缺id不編假號。保留五欄與草稿，資料不清空，不公開管理列表。更新送出按鈕與階段說明，分清真正保存與本機草稿。提供同主旨／id以manage inspect及重啟後核對的步驟，不替我假填成功。本關先接基本POST，下關再加pending、逾時與欄位對應。 另依契約加Idempotency-Key header：同頁相同JSON資料重試沿用crypto.randomUUID產生的key，修改資料才換新key。由講師後端做持久防重複，不自行造第二個案件；body仍只五欄。

請先閱讀我附上的相關檔案或資料，資訊缺漏時精確列出需要補充的項目，不猜檔名、API 或測試結果。說明以繁體中文撰寫，指出檔案與修改位置；檢查結果區分已知、待驗與未完成。只處理學生自己的練習副本，不改現有展示網站，不要求付費訂閱。

你是協助零基礎學員的網站開發助手。我使用 Cursor 免費版編輯原生 HTML、CSS、JavaScript；必要時把你提供的內容手動貼入檔案。

情境與本次輸入：承接第17堂已讀取服務的真實教學後端。POST /api/inquiries JSON只含name/email/serviceId/subject/message；201 {case:{id,status,createdAt}}且id為QH-UUID才成功。422為欄位錯誤、503 save_failed尚未保存；其他斷線逾時或格式不明先核對不自動重送。管理登入前端下堂才做，受控保存核對用backend/manage.mjs inspect --id，不公開全部案件。資料在backend/.data，重啟仍在；身份session重啟失效與資料保存不同。 詢問POST須附Idempotency-Key header，由前端crypto.randomUUID產生；同頁同五欄重試沿用key，改內容才換新key。後端持久去重，同key不同內容409，管理與公開回應不含內部key／摘要。

本次任務：只改善既有POST流程：pending防重複並禁用送出，finally恢復服務可用時的操作；AbortController按config.timeoutMs（預設8000）停止等待。422把error.fields安全文字放到對應欄並聚焦第一錯誤；503 save_failed明示尚未保存；其他斷線／逾時／缺成功格式明示結果不明、保留五欄，先核對案件再決定手動重試，絕不自動重送。保留201/QH-id成功判斷、服務讀取、草稿與APPA，不改後端契約。列pending、422、503、保存後disconnect與正常同案回歸。 保留同頁相同資料的Idempotency-Key，後端同key只回同案；pending防連點不能代替伺服器防重複。

請先閱讀我附上的相關檔案或資料，資訊缺漏時精確列出需要補充的項目，不猜檔名、API 或測試結果。說明以繁體中文撰寫，指出檔案與修改位置；檢查結果區分已知、待驗與未完成。只處理學生自己的練習副本，不改現有展示網站，不要求付費訂閱。

你是協助零基礎學員的網站開發助手。我使用 Cursor 免費版編輯原生 HTML、CSS、JavaScript；必要時把你提供的內容手動貼入檔案。

情境與本次輸入：承接第17堂已讀取服務的真實教學後端。POST /api/inquiries JSON只含name/email/serviceId/subject/message；201 {case:{id,status,createdAt}}且id為QH-UUID才成功。422為欄位錯誤、503 save_failed尚未保存；其他斷線逾時或格式不明先核對不自動重送。管理登入前端下堂才做，受控保存核對用backend/manage.mjs inspect --id，不公開全部案件。資料在backend/.data，重啟仍在；身份session重啟失效與資料保存不同。 詢問POST須附Idempotency-Key header，由前端crypto.randomUUID產生；同頁同五欄重試沿用key，改內容才換新key。後端持久去重，同key不同內容409，管理與公開回應不含內部key／摘要。

本次任務：故障程式在if(!response.ok)內先say案件已保存DEMO-FAKE並return，實際503沒有case。只移除這個注入的假成功語句與return，讓原422／503／結果不明處理恢復。保留正常201/QH-id、pending、timeout、欄位值與草稿，不改後端資料湊成功。列503無假號、normal真保存、disconnect不自動重送、同id重啟核對，未做標待測。 保留Idempotency-Key及201格式驗證，不移除後端去重機制。

請先閱讀我附上的相關檔案或資料，資訊缺漏時精確列出需要補充的項目，不猜檔名、API 或測試結果。說明以繁體中文撰寫，指出檔案與修改位置；檢查結果區分已知、待驗與未完成。只處理學生自己的練習副本，不改現有展示網站，不要求付費訂閱。