Fix planner axis and import class schedule

static/planner.js

@@ -10,10 +10,10 @@
     suppressClickUntil: 0,
   };
 
-  const PIXELS_PER_MINUTE = 1.16;
-  const AXIS_WIDTH = 96;
-  const SLOT_WIDTH = 156;
-  const CANVAS_GAP = 18;
+  const PIXELS_PER_MINUTE = 1.2;
+  const AXIS_WIDTH = 118;
+  const SLOT_WIDTH = 148;
+  const CANVAS_GAP = 16;
   const SNAP_MINUTES = 5;
   const MIN_DURATION = 15;
   const MIN_BLOCK_HEIGHT = MIN_DURATION * PIXELS_PER_MINUTE;
@@ -162,7 +162,7 @@
   }
 
   function getPlannerHeight() {
-    return getPlannerConfig().totalMinutes * PIXELS_PER_MINUTE;
+    return timelinePixels(getPlannerConfig().totalMinutes);
   }
 
   function getCanvasRect() {
@@ -196,13 +196,17 @@
     return minutes * PIXELS_PER_MINUTE;
   }
 
+  function timelinePixels(minutes) {
+    return Math.round(minutesToPixels(minutes));
+  }
+
   function getBlockHeight(startMinutes, endMinutes) {
-    return Math.max(minutesToPixels(endMinutes - startMinutes), MIN_BLOCK_HEIGHT);
+    return Math.max(timelinePixels(endMinutes - startMinutes), Math.round(MIN_BLOCK_HEIGHT));
   }
 
   function setBlockBounds(block, startMinutes, endMinutes, dayStart) {
     const height = getBlockHeight(startMinutes, endMinutes);
-    block.style.top = `${minutesToPixels(startMinutes - dayStart)}px`;
+    block.style.top = `${timelinePixels(startMinutes - dayStart)}px`;
     block.style.height = `${height}px`;
     return height;
   }
@@ -218,6 +222,18 @@
     return snapMinutes((clientY - pointerStartY) / PIXELS_PER_MINUTE);
   }
 
+  function formatLessonLabel(index) {
+    return `第${String(index + 1).padStart(2, "0")}节`;
+  }
+
+  function getTimelineAxisMinutes() {
+    const axisMinutes = new Set([getPlannerConfig().dayStart, getPlannerConfig().dayEnd]);
+    (state.planner.time_slots || []).forEach((slot) => {
+      axisMinutes.add(toMinutes(slot.start));
+    });
+    return Array.from(axisMinutes).sort((left, right) => left - right);
+  }
+
   function suppressRecentClicks(duration = CLICK_SUPPRESS_MS) {
     state.suppressClickUntil = Date.now() + duration;
   }
@@ -334,7 +350,7 @@
     line.style.display = "block";
     line.style.left = `${canvasLeft}px`;
     line.style.right = "14px";
-    line.style.top = `${(currentMinutes - dayStart) * PIXELS_PER_MINUTE}px`;
+    line.style.top = `${timelinePixels(currentMinutes - dayStart)}px`;
   }
 
   function renderTaskPool() {
@@ -395,65 +411,46 @@
     nowLine.className = "timeline-now-line";
     nowLine.id = "timelineNowLine";
 
+    const axisRail = document.createElement("div");
+    axisRail.className = "timeline-axis-rail";
+    axisLayer.appendChild(axisRail);
+
     const lineMarkers = new Set([dayStart, dayEnd]);
-    const preferredAxisCandidates = new Set([dayStart, dayEnd]);
-    const hourAxisCandidates = new Set();
+    const timeSlots = state.planner.time_slots || [];
 
-    (state.planner.time_slots || []).forEach((slot) => {
+    timeSlots.forEach((slot, slotIndex) => {
       const slotStart = toMinutes(slot.start);
       const slotEnd = toMinutes(slot.end);
       lineMarkers.add(slotStart);
       lineMarkers.add(slotEnd);
-      preferredAxisCandidates.add(slotStart);
 
       const band = document.createElement("div");
       band.className = "timeline-slot-band";
-      band.style.top = `${minutesToPixels(slotStart - dayStart)}px`;
-      band.style.height = `${minutesToPixels(slotEnd - slotStart)}px`;
+      band.style.top = `${timelinePixels(slotStart - dayStart)}px`;
+      band.style.height = `${timelinePixels(slotEnd - slotStart)}px`;
       band.innerHTML = `
-        <strong>${escapeHtml(slot.label)}</strong>
+        <strong>${formatLessonLabel(slotIndex)}</strong>
         <span>${escapeHtml(slot.start)} - ${escapeHtml(slot.end)}</span>
       `;
       slotLayer.appendChild(band);
     });
 
-    for (let minute = Math.ceil(dayStart / 60) * 60; minute <= dayEnd; minute += 60) {
-      lineMarkers.add(minute);
-      hourAxisCandidates.add(minute);
-    }
-
     Array.from(lineMarkers).sort((left, right) => left - right).forEach((minute) => {
       const line = document.createElement("div");
-      line.className = `timeline-line ${minute % 60 === 0 ? "is-hour" : "is-slot"}`;
-      line.style.top = `${minutesToPixels(minute - dayStart)}px`;
+      line.className = "timeline-line is-slot";
+      line.style.top = `${timelinePixels(minute - dayStart)}px`;
       canvasLayer.appendChild(line);
     });
 
-    const axisLabelMinutes = [];
-    const appendAxisLabel = (minute) => {
-      const top = minutesToPixels(minute - dayStart);
-      const previous = axisLabelMinutes[axisLabelMinutes.length - 1];
-      if (previous !== undefined) {
-        const previousTop = minutesToPixels(previous - dayStart);
-        if (top - previousTop < AXIS_LABEL_MIN_GAP) {
-          return;
-        }
-      }
-      axisLabelMinutes.push(minute);
-    };
-
-    Array.from(preferredAxisCandidates)
-      .sort((left, right) => left - right)
-      .forEach(appendAxisLabel);
-
-    Array.from(hourAxisCandidates)
-      .sort((left, right) => left - right)
-      .forEach(appendAxisLabel);
-
-    axisLabelMinutes.forEach((minute) => {
+    getTimelineAxisMinutes().forEach((minute, axisIndex, axisMinutes) => {
       const tick = document.createElement("div");
       tick.className = "timeline-axis-tick";
-      tick.style.top = `${minutesToPixels(minute - dayStart)}px`;
+      if (axisIndex === 0) {
+        tick.classList.add("is-leading");
+      } else if (axisIndex === axisMinutes.length - 1) {
+        tick.classList.add("is-terminal");
+      }
+      tick.style.top = `${timelinePixels(minute - dayStart)}px`;
       tick.textContent = minutesToTime(minute);
       axisLayer.appendChild(tick);
     });
@@ -465,14 +462,14 @@
       }
     });
 
-    Array.from(majorMap.values()).forEach((block) => {
+    Array.from(majorMap.values()).forEach((block, blockIndex) => {
       const startMinutes = toMinutes(block.start);
       const endMinutes = toMinutes(block.end);
       const overlay = document.createElement("div");
       overlay.className = "timeline-major-block";
-      overlay.style.top = `${minutesToPixels(startMinutes - dayStart)}px`;
-      overlay.style.height = `${minutesToPixels(endMinutes - startMinutes)}px`;
-      overlay.innerHTML = `<span>${escapeHtml(block.label)}</span>`;
+      overlay.style.top = `${timelinePixels(startMinutes - dayStart)}px`;
+      overlay.style.height = `${timelinePixels(endMinutes - startMinutes)}px`;
+      overlay.innerHTML = `<span>${escapeHtml(block.label || `第${blockIndex + 1}大节`)}</span>`;
       canvasLayer.appendChild(overlay);
     });
 

static/v020.css

@@ -218,40 +218,78 @@ body.planner-interacting * {
   right: 12px;
 }
 
+.timeline-axis-rail {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 14px;
+  width: 1px;
+  background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(123, 231, 234, 0.18), rgba(255, 255, 255, 0.06));
+}
+
 .timeline-axis-tick {
   position: absolute;
   left: 0;
-  right: 10px;
+  right: 0;
   display: flex;
   justify-content: flex-end;
+  align-items: center;
+  gap: 12px;
   transform: translateY(-50%);
-  padding-right: 12px;
-  color: rgba(238, 244, 251, 0.7);
-  font-size: 0.82rem;
+  padding-right: 26px;
+  color: rgba(238, 244, 251, 0.76);
+  font-size: 0.8rem;
+  font-variant-numeric: tabular-nums;
+  letter-spacing: 0.02em;
   line-height: 1;
   white-space: nowrap;
 }
 
+.timeline-axis-tick::after {
+  content: "";
+  width: 8px;
+  height: 8px;
+  border-radius: 999px;
+  background: rgba(123, 231, 234, 0.78);
+  box-shadow: 0 0 0 4px rgba(123, 231, 234, 0.12);
+  flex: none;
+}
+
+.timeline-axis-tick.is-leading {
+  transform: translateY(0);
+}
+
+.timeline-axis-tick.is-terminal {
+  transform: translateY(-100%);
+}
+
 .timeline-slot-band {
   position: absolute;
-  left: 10px;
+  left: 8px;
   right: 10px;
   box-sizing: border-box;
-  padding: 12px;
-  border-radius: 18px;
-  background: rgba(255, 255, 255, 0.04);
-  border: 1px solid rgba(255, 255, 255, 0.06);
-  display: grid;
-  gap: 6px;
+  overflow: hidden;
+  padding: 8px 10px;
+  border-radius: 16px;
+  background: linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.025));
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: 4px;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
 }
 
 .timeline-slot-band strong {
-  font-size: 0.96rem;
+  font-size: 0.86rem;
+  line-height: 1.1;
 }
 
 .timeline-slot-band span {
   color: var(--muted);
-  font-size: 0.82rem;
+  font-size: 0.74rem;
+  line-height: 1.1;
+  font-variant-numeric: tabular-nums;
 }
 
 .timeline-line {
@@ -261,12 +299,8 @@ body.planner-interacting * {
   height: 1px;
 }
 
-.timeline-line.is-hour {
-  background: rgba(255, 255, 255, 0.11);
-}
-
 .timeline-line.is-slot {
-  background: rgba(255, 255, 255, 0.06);
+  background: rgba(255, 255, 255, 0.08);
 }
 
 .timeline-major-block {

storage.py

@@ -22,6 +22,199 @@ COURSE_COLOR_PALETTE = [
     "#b197fc",
     "#83c5be",
 ]
+DEFAULT_COURSE_SEED_VERSION = "2026-spring-v1"
+DEFAULT_PERIOD_TIMES = {
+    1: ("08:15", "09:00"),
+    2: ("09:10", "09:55"),
+    3: ("10:15", "11:00"),
+    4: ("11:10", "11:55"),
+    5: ("13:50", "14:35"),
+    6: ("14:45", "15:30"),
+    7: ("15:40", "16:25"),
+    8: ("16:45", "17:30"),
+    9: ("17:40", "18:25"),
+    10: ("19:20", "20:05"),
+    11: ("20:15", "21:00"),
+    12: ("21:10", "21:55"),
+}
+DEFAULT_IMPORTED_COURSES = [
+    {
+        "title": "形势与政策-2_20",
+        "day_of_week": 7,
+        "start_period": 10,
+        "end_period": 11,
+        "start_week": 9,
+        "end_week": 15,
+        "week_pattern": "odd",
+        "location": "江安综合楼C座C407",
+        "color": "#E0B100",
+    },
+    {
+        "title": "数字逻辑：应用与设计_09",
+        "day_of_week": 1,
+        "start_period": 5,
+        "end_period": 7,
+        "start_week": 1,
+        "end_week": 16,
+        "week_pattern": "all",
+        "location": "江安一教A座A412",
+        "color": "#FF5AA5",
+    },
+    {
+        "title": "中国近现代史纲要_59",
+        "day_of_week": 1,
+        "start_period": 10,
+        "end_period": 12,
+        "start_week": 1,
+        "end_week": 16,
+        "week_pattern": "all",
+        "location": "江安综合楼C座C403",
+        "color": "#66BB6A",
+    },
+    {
+        "title": "人工智能导论_666",
+        "day_of_week": 2,
+        "start_period": 1,
+        "end_period": 2,
+        "start_week": 1,
+        "end_week": 16,
+        "week_pattern": "all",
+        "location": "江安一教B座B201",
+        "color": "#C77400",
+    },
+    {
+        "title": "微积分（I）-2_33",
+        "day_of_week": 2,
+        "start_period": 3,
+        "end_period": 4,
+        "start_week": 1,
+        "end_week": 16,
+        "week_pattern": "all",
+        "location": "江安一教B座B101",
+        "color": "#DD8E88",
+    },
+    {
+        "title": "体育-2游泳_12",
+        "day_of_week": 2,
+        "start_period": 5,
+        "end_period": 6,
+        "start_week": 1,
+        "end_week": 12,
+        "week_pattern": "all",
+        "location": "江安未来游泳馆",
+        "color": "#717171",
+    },
+    {
+        "title": "城市经济学_03",
+        "day_of_week": 2,
+        "start_period": 8,
+        "end_period": 9,
+        "start_week": 1,
+        "end_week": 16,
+        "week_pattern": "all",
+        "location": "江安一教A座A308",
+        "color": "#F6AD9A",
+    },
+    {
+        "title": "新中国史_02",
+        "day_of_week": 2,
+        "start_period": 10,
+        "end_period": 12,
+        "start_week": 1,
+        "end_week": 11,
+        "week_pattern": "all",
+        "location": "江安综合楼C座C407",
+        "color": "#FF9A6A",
+    },
+    {
+        "title": "通用英语 I-2_49",
+        "day_of_week": 3,
+        "start_period": 1,
+        "end_period": 2,
+        "start_week": 1,
+        "end_week": 16,
+        "week_pattern": "all",
+        "location": "江安二基楼B座B409",
+        "color": "#55C08D",
+    },
+    {
+        "title": "线性代数（理工）_35",
+        "day_of_week": 3,
+        "start_period": 3,
+        "end_period": 4,
+        "start_week": 1,
+        "end_week": 16,
+        "week_pattern": "all",
+        "location": "江安综合楼C座C303",
+        "color": "#9A6EAB",
+    },
+    {
+        "title": "微积分（I）-2_33",
+        "day_of_week": 4,
+        "start_period": 1,
+        "end_period": 3,
+        "start_week": 1,
+        "end_week": 16,
+        "week_pattern": "all",
+        "location": "江安一教B座B101",
+        "color": "#DD8E88",
+    },
+    {
+        "title": "面向对象程序设计（Java篇）_03",
+        "day_of_week": 4,
+        "start_period": 5,
+        "end_period": 8,
+        "start_week": 1,
+        "end_week": 13,
+        "week_pattern": "all",
+        "location": "江安综合楼B座B205",
+        "color": "#C99B89",
+    },
+    {
+        "title": "深度学习_01",
+        "day_of_week": 4,
+        "start_period": 10,
+        "end_period": 12,
+        "start_week": 6,
+        "end_week": 16,
+        "week_pattern": "all",
+        "location": "江安一教A座A207",
+        "color": "#FA8D92",
+    },
+    {
+        "title": "大学物理（理工）III-1_09",
+        "day_of_week": 5,
+        "start_period": 1,
+        "end_period": 2,
+        "start_week": 1,
+        "end_week": 16,
+        "week_pattern": "all",
+        "location": "江安一教B座B401",
+        "color": "#8A860C",
+    },
+    {
+        "title": "线性代数（理工）_35",
+        "day_of_week": 5,
+        "start_period": 3,
+        "end_period": 4,
+        "start_week": 1,
+        "end_week": 16,
+        "week_pattern": "all",
+        "location": "江安一教B座B301",
+        "color": "#9A6EAB",
+    },
+    {
+        "title": "线性代数习题课_35",
+        "day_of_week": 6,
+        "start_period": 7,
+        "end_period": 8,
+        "start_week": 2,
+        "end_week": 16,
+        "week_pattern": "all",
+        "location": "江安一教B座B104",
+        "color": "#F0A794",
+    },
+]
 
 
 def beijing_now() -> datetime:
@@ -36,6 +229,30 @@ def make_id(prefix: str) -> str:
     return f"{prefix}_{uuid.uuid4().hex[:10]}"
 
 
+def build_default_courses() -> list[dict[str, Any]]:
+    created_at = iso_now()
+    courses: list[dict[str, Any]] = []
+    for index, item in enumerate(DEFAULT_IMPORTED_COURSES):
+        start_time = DEFAULT_PERIOD_TIMES[item["start_period"]][0]
+        end_time = DEFAULT_PERIOD_TIMES[item["end_period"]][1]
+        courses.append(
+            {
+                "id": make_id("course"),
+                "title": item["title"],
+                "day_of_week": item["day_of_week"],
+                "start_time": start_time,
+                "end_time": end_time,
+                "start_week": item["start_week"],
+                "end_week": item["end_week"],
+                "week_pattern": item["week_pattern"],
+                "location": item["location"],
+                "color": item.get("color") or COURSE_COLOR_PALETTE[index % len(COURSE_COLOR_PALETTE)],
+                "created_at": created_at,
+            }
+        )
+    return courses
+
+
 class ReminderStore:
     def __init__(self, path: Path):
         self.path = path
@@ -90,7 +307,8 @@ class ReminderStore:
                     ],
                 },
             ],
-            "courses": [],
+            "courses": build_default_courses(),
+            "course_seed_version": DEFAULT_COURSE_SEED_VERSION,
             "schedule_settings": deepcopy(DEFAULT_SCHEDULE_SETTINGS),
         }
 
@@ -100,12 +318,20 @@ class ReminderStore:
         categories = data.setdefault("categories", [])
         courses = data.setdefault("courses", [])
         settings = data.setdefault("schedule_settings", {})
+        course_seed_version = data.get("course_seed_version")
 
         for key, value in DEFAULT_SCHEDULE_SETTINGS.items():
             if key not in settings:
                 settings[key] = value
                 changed = True
 
+        if course_seed_version != DEFAULT_COURSE_SEED_VERSION:
+            if not courses:
+                data["courses"] = build_default_courses()
+                courses = data["courses"]
+            data["course_seed_version"] = DEFAULT_COURSE_SEED_VERSION
+            changed = True
+
         for category in categories:
             if "created_at" not in category:
                 category["created_at"] = iso_now()