Add recurring events, week/day view, drag-to-reschedule, iCal export, and start times to calendar; v1.1.22

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/App.css

@@ -10698,10 +10698,104 @@
 .cal-ev-chip--task     { background: #2a2010; border-color: #3a3010; color: #fbbf24; }
 .cal-ev-chip--done     { opacity: 0.45; text-decoration: line-through; }
 .cal-ev-chip:hover     { filter: brightness(1.15); }
+.cal-ev-chip--recurring { opacity: 0.85; }
 
 .cal-ev-icon { flex-shrink: 0; }
 .cal-ev-title { flex: 1; overflow: hidden; text-overflow: ellipsis; }
 
+/* Time of day */
+.cal-chip-time {
+  color: rgba(255,255,255,0.45);
+  font-size: 0.63rem;
+  font-family: system-ui, sans-serif;
+  margin-left: 2px;
+  white-space: nowrap;
+}
+
+/* Recurrence indicator */
+.cal-recur-icon {
+  font-size: 0.6rem;
+  margin-left: 2px;
+  opacity: 0.65;
+}
+
+/* View toggle */
+.cal-header-center {
+  display: flex;
+  align-items: center;
+}
+
+.cal-view-toggle {
+  display: flex;
+  background: #1e1e1e;
+  border: 1px solid #333;
+  border-radius: 6px;
+  overflow: hidden;
+}
+
+.cal-view-btn {
+  background: none;
+  border: none;
+  border-right: 1px solid #333;
+  color: #a09880;
+  cursor: pointer;
+  font-size: 0.78rem;
+  font-weight: 500;
+  padding: 0.3rem 0.65rem;
+  transition: background 0.12s, color 0.12s;
+}
+.cal-view-btn:last-child { border-right: none; }
+.cal-view-btn:hover { background: rgba(255,255,255,0.06); color: #e0d8c8; }
+.cal-view-btn--active { background: rgba(201,168,76,0.15); color: #c9a84c; }
+
+/* Week / day grid variants */
+.cal-grid--week {
+  grid-template-rows: minmax(200px, auto);
+}
+
+.cal-grid--week .cal-day {
+  min-height: 200px;
+}
+
+.cal-grid--day {
+  grid-template-columns: 1fr;
+  padding: 0;
+}
+
+.cal-grid--day .cal-day {
+  min-height: 300px;
+  border: none;
+  border-radius: 0;
+}
+
+.cal-day--week .cal-day-head { padding: 0.35rem 0.5rem 0; }
+.cal-day--day-view { padding: 1rem 1.25rem; }
+
+/* Day header (number + click-to-drill) */
+.cal-day-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.cal-day-num--today {
+  background: #c8860a;
+  border-radius: 50%;
+  color: #fff;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 1.5rem;
+  height: 1.5rem;
+  padding: 0 0.2rem;
+}
+
+/* Drag-over day highlight */
+.cal-day--drag-over {
+  background: rgba(201,168,76,0.1) !important;
+  border-color: rgba(201,168,76,0.4) !important;
+}
+
 .cal-ep-bell {
   font-size: 0.6rem;
   margin-left: 2px;
@@ -10883,6 +10977,13 @@
   color: #8a8070;
 }
 
+.cal-popover-label--row {
+  flex-direction: row;
+  align-items: center;
+  gap: 0.5rem;
+  cursor: pointer;
+}
+
 .cal-popover-actions {
   display: flex;
   gap: 0.5rem;