refactor(routes): move routes under /note, APIs under /api/note

เตรียม basePath /docedit เป็นพื้นที่กลางให้แอปพี่น้อง (wordaddin ใน
อนาคต) — เดิม basePath ครอบ /docedit/note ทั้งหมดจนแชร์ prefix ไม่ได้
(Next มี basePath ได้ทางเดียว) และจัด API แยกต้นไม้ตามที่ผู้ใช้ขอ

(1) โครงสร้างใหม่: basePath = /docedit + route หน้าทั้งหมดย้ายเข้า
app/note/** + API 4 เส้นย้ายเข้า app/api/note/** + statics ย้ายเข้า
public/note/** (samples, uploads, pdf.worker) — หน้า/statics URL ปลายทาง
คงเดิมเป๊ะ (/docedit/note/…) ส่วน URL API เปลี่ยนเป็น /docedit/api/note/…
ตามคำขอผู้ใช้ (N10 endpoint เปลี่ยน — ต้องแจ้ง backend e-Court ก่อนใช้)

(2) กลไก: withBasePath (utils/base-path.ts) เติม base + app path /note
ยกเว้น path ที่ขึ้นต้น /api/ เติมแค่ base (caller เขียน /api/note/… เต็ม);
resolvePublicPdfPath root ที่ public/note (traversal guard เดิม);
middleware matcher ยกเว้นใหม่ (note/login, api/note, note/uploads,
note/samples, note/pdf.worker, _next, fonts, favicon) + redirect
/note/login; next.config เพิ่ม redirects /docedit -> /docedit/note;
navigation ภายใน 19 จุด + revalidatePath 3 จุด ใส่ prefix /note;
pdf_url ใน DB เป็น logical path ไม่แก้แม้แต่ตัวเดียว (seed/upload
เขียนค่าเดิม, browser เติมผ่าน withBasePath, disk เติมผ่าน guard)

(3) ตามแก้: patch-pdf-worker (DEST public/note + mkdirSync ปลายทาง),
seed-samples (SAMPLES_DIR), uploadFile (UPLOAD_DIR), Dockerfile/
.dockerignore/.gitignore/docker-compose.test.yml, tests 2 ไฟล์ที่อ้าง
disk path จริง, sync เอกสารทั้งหมด (CLAUDE.md invariant #6/#12 + tree,
README, docs/API-DOCUMENTS.md, .claude/rules/*, sync-db skill)

(4) !! ตอน deploy ต้องย้าย volume ตาม: mount /app/public/uploads ->
/app/public/note/uploads + ย้ายไฟล์ใน volume ให้ตรงตำแหน่ง ไม่งั้นไฟล์
ที่เคยอัปโหลด (พร้อม annotation ที่ผูกอยู่) 404 ทันทีที่สลับ image

(5) verify: build ผ่าน (route table /api/note/** + /note/** ครบ), tsc,
vitest 215/215, curl ครบทุก endpoint (login/redirect chain, worker,
samples, uploads, SSE, api/pdf, export, N8 register, N10 bundle + deep
link), Playwright browser จริง (canvas + textLayer ไทย render, browser
ยิง URL ใหม่ทั้งหมดไม่มี request ไป URL เก่า), plan-reviewer +
code-reviewer 3 รายงาน 0 blocking

Co-Authored-By: Claude Code <noreply@anthropic.com>

components/AppNav.tsx

@@ -1,6 +1,6 @@
 // Genesis (docs/DESIGN.md) Navigation: sticky แถบบน 56px + backdrop-blur + เส้นแบ่ง
 // ล่าง 1px — โลโก้ซ้าย / ผู้ใช้ + ออกจากระบบ ขวา (แอปหน้าเดียวต่อ context จึงไม่มี
-// ลิงก์กลางจอ) ใช้เฉพาะหน้ารายการ / — หน้ากลุ่ม /groups/[typeId] เลิกใช้ตาม
+// ลิงก์กลางจอ) ใช้เฉพาะหน้ารายการ /note — หน้ากลุ่ม /note/groups/[typeId] เลิกใช้ตาม
 // redesign 2026-09-24 (ไม่มี navbar เหลือ back link) — แทน SessionBar เดิมที่แยก
 // เป็นแถบของตัวเองกลางหน้า
 import Link from "next/link";
@@ -15,7 +15,7 @@ export default function AppNav({ userName }: { userName: string }) {
         {/* ชื่อแบรนด์เป็น ink ตามกฎ "น้ำเงินเฉพาะของ interactive" — tile JN น้ำเงินคือ
             แบรนด์มาร์ก (สืบต่อจากหน้าสรุป/login ดั้งเดิม) ทั้งแถบเป็นลิงก์กลับหน้ารายการ */}
         <Link
-          href="/"
+          href="/note"
           className="focus-ring flex min-w-0 items-center gap-2.5 rounded-md"
         >
           <span className="flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-primary text-xs font-bold text-white">

components/DebugConsole.tsx

@@ -6,7 +6,7 @@ import { useEffect } from "react";
  *  หน้าพร้อม ?debug ไว้อ่าน console.warn ของ log [debug] บน iPad จริง (ไม่มี Mac
  *  ต่อ Safari Web Inspector) — โหลดสคริปต์จาก CDN เท่านั้น ไม่แตะ dependencies
  *  ของ project — เคลียร์ debug เสร็จ = ลบไฟล์นี้ + บรรทัด import/render ใน
- *  app/annotate/[id]/page.tsx */
+ *  app/note/annotate/[id]/page.tsx */
 export default function DebugConsole() {
   useEffect(() => {
     if (!new URLSearchParams(window.location.search).has("debug")) return;

components/EcourtLinkForm.tsx

@@ -47,7 +47,7 @@ export default function EcourtLinkForm() {
     }
     setError(null);
     // router.push เติม basePath ให้เอง (invariant #12 — ต่างจาก fetch/plain href)
-    router.push(`/annotate?${queryString}`);
+    router.push(`/note/annotate?${queryString}`);
   };
 
   return (

components/LoginForm.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-// ฟอร์ม login (mock e-Court) — เรียก server action login แล้ว router.replace(next ?? "/")
+// ฟอร์ม login (mock e-Court) — เรียก server action login แล้ว router.replace(next ?? "/note")
 // (pattern ตาม UploadFileForm: useTransition + error state + ข้อความ fallback ตอน transport fail)
 // next = path วนกลับหลัง login (N8 D5 — ผ่าน sanitizeNextPath จากหน้า login มาแล้ว)
 // Genesis (docs/DESIGN.md): การ์ด surface 12px radius ขอบ line ไม่มีเงาระดับ static /
@@ -36,7 +36,7 @@ export default function LoginForm({ next }: { next: string | null }) {
       try {
         const result = await login(usernameInput.value, passwordInput.value);
         if (result.ok) {
-          router.replace(next ?? "/");
+          router.replace(next ?? "/note");
         } else {
           setError(result.error);
           // คง username ไว้ (โอกาสพลาดอยู่ที่ password) — ล้างแล้วโฟกัสให้พิมพ์ทับได้ทันที

components/UploadFileForm.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 // N4 — ฟอร์มอัปโหลดไฟล์เอกสารแบบง่ายบนหน้ารายการ (PDF/รูป รับพร้อมกัน)
-// เสร็จแล้วรายการโผล่เองจาก revalidatePath("/") ของ action
+// เสร็จแล้วรายการโผล่เองจาก revalidatePath("/note") ของ action
 // Genesis: หน้าตาเป็นการ์ด surface 12px radius ขอบ line (ใต้หัวข้อของ section
 // "เอกสาร" — ไฟล์ที่อัปโหลดเข้ารายการนั้น) + ปุ่ม primary เดียวของ section
 import { useState, useTransition } from "react";

components/groups/GroupList.tsx

@@ -103,7 +103,7 @@ function RowNote({ text }: { text: string }) {
 function OpenFileButton({ file }: { file: GroupFileSummary }) {
   return (
     <Link
-      href={`/annotate/${file.id}`}
+      href={`/note/annotate/${file.id}`}
       className="focus-ring inline-flex items-center gap-1.5 rounded-md border border-line bg-white px-3 py-1.5 text-sm font-medium text-ink transition hover:-translate-y-px hover:border-ink-faint"
     >
       {file.isImage ? (
@@ -178,8 +178,8 @@ export function GroupList({
                 ? `ไปที่หน้า ${item.pageIndex + 1}`
                 : `ดู${annotationTypeLabel(item.dto)}ที่หน้า ${item.pageIndex + 1}`;
               const href = isBm
-                ? `/annotate/${item.dto.fileId}?page=${item.pageIndex + 1}`
-                : `/annotate/${item.dto.fileId}?ann=${item.dto.id}`;
+                ? `/note/annotate/${item.dto.fileId}?page=${item.pageIndex + 1}`
+                : `/note/annotate/${item.dto.fileId}?ann=${item.dto.id}`;
               return (
                 // แถวเป็น passive surface — จุดคลิกเดียวคือปุ่ม "View" ท้ายแถว
                 // (คำขอผู้ใช้ 2026-09-24: ไม่ต้องกดทั้งแถว) จึงไม่มี hover bg ที่แถว

components/pdf/PDFViewer.tsx

@@ -1664,7 +1664,7 @@ export default function PDFViewer({
             : userFilter;
       const res = await fetch(
         withBasePath(
-          `/api/annotations/export?fileId=${file.id}${filterUser ? `&user=${encodeURIComponent(filterUser)}` : ""}`,
+          `/api/note/annotations/export?fileId=${file.id}${filterUser ? `&user=${encodeURIComponent(filterUser)}` : ""}`,
         ),
       );
       if (!res.ok) {
@@ -1722,10 +1722,10 @@ export default function PDFViewer({
       closeToolMenus();
       const objectUrls: string[] = [];
       // URL จริงที่ browser ใช้โหลดไฟล์ (fetch/img.src ตรง — ต้องเติม basePath เอง)
-      // N8: รูปรีโมต (ลิงก์ e-Court) โหลดผ่าน /api/pdf ของเราแทนทางตรง — กัน CORS
+      // N8: รูปรีโมต (ลิงก์ e-Court) โหลดผ่าน /api/note/pdf ของเราแทนทางตรง — กัน CORS
       // ของปลายทาง + ผ่าน allowlist/จำกัดขนาดเดียวกับ PDF (route คืน bytes รูป + content-type)
       const fileUrl = isHttpUrl(file.pdfUrl)
-        ? withBasePath(`/api/pdf?fileId=${file.id}`)
+        ? withBasePath(`/api/note/pdf?fileId=${file.id}`)
         : withBasePath(file.pdfUrl);
       (async () => {
         let pages: { src: string | null; width: number; height: number }[];
@@ -1767,11 +1767,11 @@ export default function PDFViewer({
     (async () => {
       const pdfjs = await import("pdfjs-dist");
       pdfjs.GlobalWorkerOptions.workerSrc = withBasePath("/pdf.worker.min.mjs");
-      // โหลดผ่าน /api/pdf ที่ซ่อม ToUnicode จาก ActualText ของ PDF ไทยที่ cmap เพี้ยน
+      // โหลดผ่าน /api/note/pdf ที่ซ่อม ToUnicode จาก ActualText ของ PDF ไทยที่ cmap เพี้ยน
       // (ข้อความถูกทั้ง select/copy/ค้นหา) — endpoint fail ก็ถอยไปไฟล์ดิบตามเดิม
       let data: ArrayBuffer;
       try {
-        const res = await fetch(withBasePath(`/api/pdf?fileId=${file.id}`));
+        const res = await fetch(withBasePath(`/api/note/pdf?fileId=${file.id}`));
         if (!res.ok) throw new Error(`HTTP ${res.status}`);
         data = await res.arrayBuffer();
       } catch {
@@ -3397,7 +3397,7 @@ export default function PDFViewer({
               {/* F15/D2: หน้าสรุปหมายเหตุทั้งไฟล์ — label แสดงตั้งแต่ sm ขึ้นไปเท่านั้น
                   (จอแคบกว่านั้นแถว title ใส่ไม่พอ ให้เหลือ icon เดี่ยวเหมือนชื่อไฟล์ที่ hidden sm:block) */}
               <Link
-                href={`/annotate/${file.id}/summary`}
+                href={`/note/annotate/${file.id}/summary`}
                 title="หน้าสรุปหมายเหตุ"
                 aria-label="หน้าสรุปหมายเหตุ"
                 className={`flex items-center gap-1 whitespace-nowrap rounded-md border border-line px-2 py-2 text-ink-soft hover:bg-ink/[0.05] ${FOCUS_RING_CLS}`}

components/summary/SummaryList.tsx

@@ -165,7 +165,7 @@ function PageSections({
               {pageSummaryLine(pageItems)}
             </p>
             <Link
-              href={`/annotate/${fileId}?page=${pi + 1}`}
+              href={`/note/annotate/${fileId}?page=${pi + 1}`}
               className="focus-ring inline-flex shrink-0 items-center gap-0.5 text-xs text-primary hover:underline"
             >
               เปิดหน้านี้
@@ -183,8 +183,8 @@ function PageSections({
                 ? `ไปที่หน้า ${item.pageIndex + 1}`
                 : `ดู${annotationTypeLabel(item.dto)}ที่หน้า ${item.pageIndex + 1}`;
               const href = isBm
-                ? `/annotate/${fileId}?page=${item.pageIndex + 1}`
-                : `/annotate/${fileId}?ann=${item.dto.id}`;
+                ? `/note/annotate/${fileId}?page=${item.pageIndex + 1}`
+                : `/note/annotate/${fileId}?ann=${item.dto.id}`;
               return (
                 // แถวเป็น passive surface — จุดคลิกเดียวคือปุ่ม "View" ท้ายแถว
                 // (คำขอผู้ใช้ 2026-09-24 เหมือนหน้ากลุ่ม) จึงไม่มี hover bg ที่แถว