系統整合與動線

它不是新畫面，而是接進實習通既有位置

這個編輯器與報名頁不會憑空跳出。它們替換 / 升級實習通現有的兩個位置：主辦方的「新增 / 編輯活動」，以及報名者的「活動詳情頁」。下面用實習通的介面動線說明點擊路徑。

串接位置（對應現有路由與檔案）

新畫面	實習通位置（路由）	對應現有檔案
主辦方編輯器新增活動	`/[lang]/professional/new-activity` 側邊欄「主辦專區 → 新增活動」	`pages/[lang]/professional/new-activity.jsx` `components/Activities/AddActivity.tsx`
主辦方編輯器編輯既有活動	`/[lang]/activity/[activityId]/edit` 活動卡片「編輯」	`components/Activities/AddActivity.tsx` `FormBuilder/`、`activity-form-schema.ts`
報名者畫面活動詳情 + 報名	`/[lang]/activity/[activityId]` 活動列表點任一活動	`components/Activities/ActivityContent.jsx` `components/Registration/Registration.tsx`

下方實習通畫面，是依現有前端程式碼結構與側邊欄項目重繪的示意（登入後畫面無法headless擷取）。正式交接可直接換成實際截圖 — 動線位置與路由不變。

動線 A · 主辦方

主辦方：從「主辦專區」進入新編輯器

X 實習通搜尋公司、活動、夥伴

實習通首頁

人脈與小夥伴們

職涯活動媒人婆

主辦專區

人生飲料店

賺取及使用點數

活動管理 新增活動

學生創業者小聚

6/28 · Garage+ · 報名 28 / 80

編輯

職涯實戰營

7/12 · 信義區 · 報名 64 / 120

編輯

新主辦方編輯器（票券設定）· 點開放大

點側邊欄「主辦專區 → 新增活動」（或活動卡片「編輯」）→ 開啟新編輯器，分四步：活動內容 / 票券設定 / 報名表單 / 進階送出。

動線 B · 報名者

報名者：從活動列表進入新報名頁

X 實習通搜尋公司、活動、夥伴

實習通首頁

人脈與小夥伴們

職涯活動媒人婆

主辦專區

人生飲料店

賺取及使用點數

職涯活動

學生創業者小聚

6/28 · Garage+ · 審核制 · NT$300 起

查看

職涯實戰營

7/12 · 信義區 · NT$890

查看

新報名者畫面（活動介紹＋表單＋票券）· 點開放大

報名者在「職涯活動媒人婆」點任一活動 → 進入活動詳情頁（即新報名頁），由上到下：活動介紹 → 報名表單 → 選擇票券 → 送出。

如何串接（給工程師）

主辦方編輯器

用新編輯器取代 new-activity.jsx 與活動 /edit 內的舊票價 / 表單區塊。沿用既有步驟式 AddActivity.tsx 外殼，把「票券」與「報名表單」兩步換成新版（票券含販售時間/數量、表單用 @dnd-kit 拖曳＋欄位設定抽屜）。

報名者畫面

新報名頁就是現有 activity/[activityId]。把 ActivityContent.jsx 的版型對齊（介紹 → 表單 → 票券），Registration.tsx 依 activity.formSchema 動態渲染欄位，票券狀態用共用的 ticketStatus()。

關鍵：報名者填的欄位 = 主辦方在編輯器拖曳出的欄位（同一份 formSchema）。資料模型與逐步做法見工程規格與 INTEGRATION.md。