feat(week-calendar): draw the week as a time grid

README.md

@@ -93,7 +93,7 @@ Moving an existing shadcn (Radix) app over: see [MIGRATING.md](MIGRATING.md) for
 | `focus` | `registry:block` | The one loud thing on a page, under its header: a label, a title with a highlight and a row of facts |
 | `avatar-stack` | `registry:block` | Several people in the space of one; the avatars spread apart when pointed at |
 | `countdown` | `registry:block` | Time left until a moment, to the minute, with rolling digits |
-| `week-calendar` | `registry:block` | One week in 7 columns like a month view of Calendar: all-day events as pills, timed ones with a bar and the start time, today circled; one row per day below `md` |
+| `week-calendar` | `registry:block` | One week as a time grid like the week view of Calendar: hours down the side (08:00 to 20:00, stretching to fit), timed events as blocks from start to end side by side where they overlap, all-day events as pills above, today circled; one row per day below `md` |
 | `claude-code` | `registry:block` | Claude Code's screen in a `terminal` for demos and install guides: welcome, prompts, MCP calls, permission questions, the `/plugins` menus (marketplaces, the plugin list with its search box, plugin details) and `/mcp`; content through props; colors are `claude-*` tokens from Claude Code's dark theme |
 | `typing` | `registry:lib` | Timed keystrokes for typing animations: a steady pace (100ms a key, about 120 WPM) with jitter; Chinese typed as zhuyin that turns into the character on its tone key; `InputBox` shows the zhuyin with `composing` |
 | `expand-row` | `registry:block` | A list row that opens in place to show its details |

app/_docs/demos/week-calendar.tsx

@@ -4,6 +4,7 @@ const at = (day: string, time: string) => `2026-11-${day}T${time}:00+08:00`
 
 const events = [
   { title: "Lab Meeting", start: at("02", "15:30"), end: at("02", "17:30") },
+  { title: "實驗討論", start: at("02", "16:00"), end: at("02", "17:00") },
   { title: "專題討論", start: at("02", "19:30"), end: at("02", "20:30") },
   { title: "6G 雙週會議", start: at("03", "10:00"), end: at("03", "11:00") },
   {

app/_docs/docs.ts

@@ -79,7 +79,7 @@ export const docs: Doc[] = [
     group: "區塊",
     slug: "week-calendar",
     title: "單週行事曆",
-    description: "一週七天並排，每天列出行程：整天的在上，有時間的在下。",
+    description: "一週七天並排，時間往下排，行程從開始畫到結束。",
     item: "week-calendar",
     layout: "wide",
   },

registry.json

@@ -1297,7 +1297,7 @@
       "name": "week-calendar",
       "type": "registry:block",
       "title": "Week Calendar",
-      "description": "One week of days side by side, each listing its events: all-day ones on top, timed ones under them.",
+      "description": "One week as a time grid: days in columns, hours down the side, timed events as blocks from start to end, all-day events above.",
       "dependencies": [
         "cn"
       ],