技能概述
Orbit · GitHub 係 Open Orbit 嘅單一 connector 匯總技能，專注於 GitHub 活動。當 GitHub 係用戶唯一連接嘅 connector，或者用戶明確將 daily digest scope 到 GitHub 時自動觸發。
匯總內容包括：PRs、review requests、issues、CI runs、merges。UI 完全模仿 GitHub Notifications + PR-diff 原生頁面（Primer design system），唔會注入外部設計系統 tokens。
觸發關鍵字
- github briefing、github digest、pr digest
- github 簡報、代碼活動匯總
什麼時候用
- 需要一個 GitHub 活動嘅每日匯總
- 想睇 review requests、CI failures、assigned issues 嘅概覽
- 用戶只有 GitHub 連接咗，想要單一 connector digest
頁面結構
1. Top Nav Bar
- 深色（
#24292f），60px 高 - 左：octocat SVG（white, 32px）+ search input
- 右：
+dropdown、notifications bell（red dot if unread > 0）、avatar
2. Header Row
- 淺色 bar，56px
- 左：breadcrumb
Inbox · Daily Digest · May 6 - 右：filter dropdown chips（
Type ▾ Date ▾ Status ▾）
3. 雙欄主體
Left Rail（240px） — 垂直 filter 列表：
Inbox · Saved · Done · All（divider）Participating · Mentions · Review requests · Assigned · Comments- Active item：light gray pill background
Main Pane（flex 1） — Event stream 按類別分組：
| 類別 | 樣式 |
|---|---|
| Review requests | Yellow attention block（bg #fff8c5, border #d4a72c），avatar + repo path + PR title + reviewer status dots（✓ ⏳ ○） |
| CI / Checks | Red-bordered cards（border #cf222e, bg #ffebe9），red ✗ glyph + run name + branch（mono）+ commit message |
| Issues | 普通行，status circle（open green / closed red）+ title + repo path + age + label pills |
| Activity | 更安靜嘅行 — merges/closes，muted text + small purple/red pills |
4. PR-Diff Preview（可選）
- PR row 下面顯示 2-3 行 mock code
- 12px monospace block
- red
−/ green+前綴 - 行底色
#ffebe9/#dafbe1
畫布 Tokens
page bg: #f6f8fa
card bg: #ffffff
nav bar: #24292f /* GitHub black */
ink: #1f2328
muted: #59636e
border: #d0d7de
state · open: #1a7f37
state · merged: #8250df
state · closed: #cf222e
state · draft: #6e7781
attention: #fff8c5 / #d4a72c
ci-fail: #ffebe9 / #cf222e
字體：-apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif
Pill / Chip 規則
- State pills — pill shape（border-radius 2em），12px medium，4×8 padding
- Labels — GitHub label rounded pill，varied real-world colors（bug red, enhancement blue...）
- Reviewer dots — 8px filled circles，2px gap，
✓ ⏳ ○glyphs - Avatars — 永遠圓形，reviewer stacks 重疊 ≤ 6px
實現約束
| 唔好 | 要 |
|---|---|
| 混合 light/dark 主題 | 用 light Primer 主題 |
| 非 GitHub 排版 | 用 GitHub 原生字體 stack |
| 方形/圓角方形頭像 | 永遠圓形 |
| shadows / gradients / glows | 只用 1px borders |
| lorem ipsum | 真實 GitHub copy（PR titles、branch names < 72 chars） |
| CI failure 當普通行 | red-bordered card + red ✗ |
| Review request 當普通行 | yellow attention block + reviewer dots |
| placeholder repo names | 用 nexu-io/open-design |