Session Table

[mirumodapon]

No description provided.

[rileychh-dokploy-coscup]

Dokploy Preview Deployment

Name	Status	Preview	Updated (UTC)
Nuxt	✅ Done	Preview URL	2026-05-09T15:26:37.615Z

[Copilot]

Pull request overview

Adds a new “Session Table” UI for browsing sessions by day, including supporting UI components/composables, and aligns toggle behavior with VueUse.

Changes:

• Introduce /session page with day selector + grid-based session table and session cards.
• Add shared UI primitives (CpButton, CpBadge, CpMenu) and a useDragScroll composable for horizontal drag scrolling.
• Update Pretalx map typing to support both string and numeric keys; remove custom useToggle in favor of @vueuse/core.

Reviewed changes

Copilot reviewed 12 out of 12 changed files in this pull request and generated 7 comments.

Show a summary per file

File	Description
shared/types/pretalx.ts	Broaden PretalxData map key type to `string
app/pages/session/index.vue	New session index page wiring fetch + selector + table.
app/composables/useToggle.ts	Removed custom toggle composable (replaced by VueUse).
app/composables/useDragScroll.ts	New composable enabling pointer-drag scrolling behavior.
app/components/shared/CpPopup.vue	Switch to VueUse useToggle; adjust click handling.
app/components/shared/CpMenu.vue	New menu component using click-outside + VueUse toggle.
app/components/shared/CpButton.vue	New shared button/link component with variants/sizes.
app/components/shared/CpBadge.vue	New badge component.
app/components/feature/CpSessionTable.vue	New grid-based session schedule table with drag scroll.
app/components/feature/CpSessionItem.vue	New session card used inside the table.
app/components/feature/CpSessionInfoCard.vue	New session detail info card with local i18n strings.
app/components/feature/CpSessionDaySelector.vue	New day selector component used by session index page.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[rileychh]

還有一些問題還沒討論完：

• CpSessionTable 時間解析為什麼不用 Date / Temporal
• CpSessionTable time label 的 +6 magic number

[mirumodapon]

還有一些問題還沒討論完：

• CpSessionTable 時間解析為什麼不用 Date / Temporal
• CpSessionTable time label 的 +6 magic number

關於是否使用 Temporal 我這邊想提出討論：

1. 目前 Temporal 的提案進行到 stage 4，應該是明年才會正式進入 esma 的標準 ref
2. 另外，safari(jsc) 還沒實作 ref1 ref2
3. Node26 上禮拜才 release ，在我們支援版本提升之前，我們需要做更多的測試確認多方依賴不會爆炸（這包含 ci 是否已經有該版本可以使用）

  "engines": {
    "node": ">=24.0.0"
  },

[rileychh]

關於是否使用 Temporal 我這邊想提出討論

You're absolutely right 想了一下，這裡用 regex 其實是對的。我們只是要取出 ISO date 裡面的時間部分，不是表示某個時刻。為了避免遇到時區問題，還是用現在的做法就好。我把前面的留言 resolve 了。