refactor(web): rename calendar view to week view (#1725)

Author: Uarmagan

docs/development/common-change-recipes.md

@@ -85,11 +85,11 @@ Do not edit recurring behavior from one layer only.
 
 ## Change A Shared Hotkey Dialog (Day + Week)
 
-Use this for overlays mounted in both `CalendarView` and `DayViewContent` (for example Dedication).
+Use this for overlays mounted in both `WeekView` and `DayViewContent` (for example Dedication).
 
-1. Update the shared dialog component in `packages/web/src/views/Calendar/components/Dedication/Dedication.tsx`.
+1. Update the shared dialog component in `packages/web/src/views/Week/components/Dedication/Dedication.tsx`.
 2. Confirm both mount points still render it:
-   - `packages/web/src/views/Calendar/Calendar.tsx`
+   - `packages/web/src/views/Week/WeekView.tsx`
    - `packages/web/src/views/Day/view/DayViewContent.tsx`
 3. Keep keyboard behavior aligned:
    - toggle hotkey (`ctrl+shift+0`)

docs/development/feature-file-map.md

@@ -10,7 +10,7 @@ Use this document to find the first files to inspect for common Compass changes.
 - Router config: `packages/web/src/routers/index.tsx`
 - Router loaders: `packages/web/src/routers/loaders.ts`
 - Client version polling: `packages/web/src/common/hooks/useVersionCheck.ts`
-- Update CTA wiring: `packages/web/src/views/Calendar/components/Sidebar/SidebarIconRow/SidebarIconRow.tsx`
+- Update CTA wiring: `packages/web/src/views/Week/components/Sidebar/SidebarIconRow/SidebarIconRow.tsx`
 
 ## Authentication And Session
 
@@ -50,21 +50,24 @@ Use this document to find the first files to inspect for common Compass changes.
 - Shared responsive sidebar state hook (`xl` breakpoint behavior): `packages/web/src/common/hooks/useSidebarState.ts`
 - Day keyboard shortcuts (includes `[` toggle): `packages/web/src/views/Day/hooks/shortcuts/useDayViewShortcuts.ts`
 - Day view hooks: `packages/web/src/views/Day/hooks`
-- Week/calendar view: `packages/web/src/views/Calendar`
+- Week view: `packages/web/src/views/Week`
 - Now view: `packages/web/src/views/Now`
 - Now keyboard shortcuts (includes `[` toggle): `packages/web/src/views/Now/shortcuts/useNowShortcuts.ts`
-- Dedication dialog implementation (native `dialog` + hotkeys): `packages/web/src/views/Calendar/components/Dedication/Dedication.tsx`
+- Dedication dialog implementation (native `dialog` + hotkeys): `packages/web/src/views/Week/components/Dedication/Dedication.tsx`
 - Dedication dialog mount points:
-  - week view: `packages/web/src/views/Calendar/Calendar.tsx`
+  - week view: `packages/web/src/views/Week/WeekView.tsx`
   - day view: `packages/web/src/views/Day/view/DayViewContent.tsx`
 
-## Calendar Sidebar
+## Week Sidebar
 
-- Sidebar shell and tab rendering: `packages/web/src/views/Calendar/components/Sidebar/Sidebar.tsx`
-- Footer icon row actions (tasks/month, command palette, sync/update): `packages/web/src/views/Calendar/components/Sidebar/SidebarIconRow/SidebarIconRow.tsx`
-- Sidebar layout constants and icon group styling: `packages/web/src/views/Calendar/components/Sidebar/styled.ts`
+- Sidebar shell and tab rendering: `packages/web/src/views/Week/components/Sidebar/Sidebar.tsx`
+- Someday tab rendering: `packages/web/src/views/Week/components/Sidebar/SomedayTab/SomedayTab.tsx`
+- Someday week section: `packages/web/src/views/Week/components/Sidebar/SomedayTab/SomedayWeekSection/SomedayWeekSection.tsx`
+- Someday month section: `packages/web/src/views/Week/components/Sidebar/SomedayTab/SomedayMonthSection/SomedayMonthSection.tsx`
+- Footer icon row actions (tasks/month, command palette, sync/update): `packages/web/src/views/Week/components/Sidebar/SidebarIconRow/SidebarIconRow.tsx`
+- Sidebar layout constants and icon group styling: `packages/web/src/views/Week/components/Sidebar/styled.ts`
 - Google connection/status UI contract for sidebar + command palette: `packages/web/src/auth/hooks/google/useConnectGoogle/useConnectGoogle.ts`
-- Sidebar icon row behavior tests: `packages/web/src/views/Calendar/components/Sidebar/SidebarIconRow/SidebarIconRow.test.tsx`
+- Sidebar icon row behavior tests: `packages/web/src/views/Week/components/Sidebar/SidebarIconRow/SidebarIconRow.test.tsx`
 
 ## Offline Storage
 

docs/frontend/frontend-runtime-flow.md

@@ -99,7 +99,7 @@ Responsibilities:
 Files:
 
 - `packages/web/src/common/hooks/useVersionCheck.ts`
-- `packages/web/src/views/Calendar/components/Sidebar/SidebarIconRow/SidebarIconRow.tsx`
+- `packages/web/src/views/Week/components/Sidebar/SidebarIconRow/SidebarIconRow.tsx`
 
 Runtime behavior:
 
@@ -111,13 +111,16 @@ Runtime behavior:
 
 When the server version differs from `BUILD_VERSION`, `isUpdateAvailable` becomes `true` and the sidebar shows a refresh action that triggers `window.location.reload()`.
 
-## Calendar Sidebar Footer Controls
+## Week Sidebar Footer Controls
 
 Files:
 
-- `packages/web/src/views/Calendar/components/Sidebar/Sidebar.tsx`
-- `packages/web/src/views/Calendar/components/Sidebar/SidebarIconRow/SidebarIconRow.tsx`
-- `packages/web/src/views/Calendar/components/Sidebar/styled.ts`
+- `packages/web/src/views/Week/components/Sidebar/Sidebar.tsx`
+- `packages/web/src/views/Week/components/Sidebar/SomedayTab/SomedayTab.tsx`
+- `packages/web/src/views/Week/components/Sidebar/SomedayTab/SomedayWeekSection/SomedayWeekSection.tsx`
+- `packages/web/src/views/Week/components/Sidebar/SomedayTab/SomedayMonthSection/SomedayMonthSection.tsx`
+- `packages/web/src/views/Week/components/Sidebar/SidebarIconRow/SidebarIconRow.tsx`
+- `packages/web/src/views/Week/components/Sidebar/styled.ts`
 - `packages/web/src/auth/hooks/google/useConnectGoogle/useConnectGoogle.ts`
 
 Layout contract:
@@ -148,8 +151,8 @@ Icon state constraints:
 
 Files:
 
-- `packages/web/src/views/Calendar/components/Dedication/Dedication.tsx`
-- `packages/web/src/views/Calendar/Calendar.tsx`
+- `packages/web/src/views/Week/components/Dedication/Dedication.tsx`
+- `packages/web/src/views/Week/WeekView.tsx`
 - `packages/web/src/views/Day/view/DayViewContent.tsx`
 
 Runtime behavior:
@@ -326,7 +329,7 @@ Files:
 
 - `packages/web/src/auth/hooks/google/useConnectGoogle/useConnectGoogle.ts`
 - `packages/web/src/auth/google/google.auth.util.ts`
-- `packages/web/src/views/Calendar/components/Sidebar/SidebarIconRow/SidebarIconRow.tsx`
+- `packages/web/src/views/Week/components/Sidebar/SidebarIconRow/SidebarIconRow.tsx`
 
 UI state comes from a single server-enriched metadata field (`google.connectionState`) plus one client-only loading state:
 

packages/web/src/__tests__/__mocks__/server/mock.handlers.ts

@@ -11,7 +11,7 @@ import {
 } from "@core/__mocks__/v1/events/events.misc";
 import { Status } from "@core/errors/status.codes";
 import { ENV_WEB } from "@web/common/constants/env.constants";
-import { freshenEventStartEndDate } from "@web/views/Calendar/calendar.render.test.utils";
+import { freshenEventStartEndDate } from "@web/views/Week/week-view.render.test.utils";
 
 export const globalHandlers = [
   rest.get("http://localhost/version.json", (_req, res, ctx) => {

packages/web/src/__tests__/utils/state/draft.test.util.ts

@@ -5,12 +5,12 @@ import { renderHook } from "@web/__tests__/__mocks__/mock.render";
 import { type Schema_WebEvent } from "@web/common/types/web.event.types";
 import { assembleGridEvent } from "@web/common/utils/event/event.util";
 import { draftSlice } from "@web/ducks/events/slices/draft.slice";
-import { useDraftActions } from "@web/views/Calendar/components/Draft/hooks/actions/useDraftActions";
-import { useDraftState } from "@web/views/Calendar/components/Draft/hooks/state/useDraftState";
-import { useDateCalcs } from "@web/views/Calendar/hooks/grid/useDateCalcs";
-import { useGridLayout } from "@web/views/Calendar/hooks/grid/useGridLayout";
-import { useToday } from "@web/views/Calendar/hooks/useToday";
-import { useWeek } from "@web/views/Calendar/hooks/useWeek";
+import { useDraftActions } from "@web/views/Week/components/Draft/hooks/actions/useDraftActions";
+import { useDraftState } from "@web/views/Week/components/Draft/hooks/state/useDraftState";
+import { useDateCalcs } from "@web/views/Week/hooks/grid/useDateCalcs";
+import { useGridLayout } from "@web/views/Week/hooks/grid/useGridLayout";
+import { useToday } from "@web/views/Week/hooks/useToday";
+import { useWeek } from "@web/views/Week/hooks/useWeek";
 
 export function setupDraftState(event: Schema_WebEvent) {
   const draft = assembleGridEvent(event);

packages/web/src/common/parsers/view.parser.ts

@@ -1,6 +1,6 @@
 import dayjs, { type Dayjs } from "@core/util/date/dayjs";
 import { type Schema_WebEvent } from "@web/common/types/web.event.types";
-import { type WeekNavigationSource } from "@web/views/Calendar/hooks/useWeek";
+import { type WeekNavigationSource } from "@web/views/Week/hooks/useWeek";
 
 export class EventInViewParser {
   private readonly event: Schema_WebEvent;

packages/web/src/common/utils/datetime/web.date.util.ts

@@ -12,7 +12,7 @@ import { theme } from "@web/common/styles/theme";
 import { type Option_Time } from "@web/common/types/util.types";
 import { type Schema_SelectedDates } from "@web/common/types/web.event.types";
 import { roundToNext } from "@web/common/utils/round/round.util";
-import { GRID_TIME_STEP } from "@web/views/Calendar/layout.constants";
+import { GRID_TIME_STEP } from "@web/views/Week/layout.constants";
 
 export const dateIsValid = (date: string) => {
   const notNaN = !Number.isNaN(new Date(date).getTime());

packages/web/src/common/utils/draft/draft.util.ts

@@ -12,11 +12,11 @@ import { getElemById } from "@web/common/utils/grid/grid.util";
 import { roundToNext } from "@web/common/utils/round/round.util";
 import { draftSlice } from "@web/ducks/events/slices/draft.slice";
 import { type Activity_DraftEvent } from "@web/ducks/events/slices/draft.slice.types";
-import { type DateCalcs } from "@web/views/Calendar/hooks/grid/useDateCalcs";
+import { type DateCalcs } from "@web/views/Week/hooks/grid/useDateCalcs";
 import {
   DRAFT_DURATION_MIN,
   GRID_TIME_STEP,
-} from "@web/views/Calendar/layout.constants";
+} from "@web/views/Week/layout.constants";
 
 export const assembleAlldayDraft = async (
   e: MouseEvent,

packages/web/src/common/utils/grid/grid.util.test.ts

@@ -4,7 +4,7 @@ import {
   FLEX_EQUAL,
   FLEX_TMRW,
   FLEX_TODAY,
-} from "@web/views/Calendar/layout.constants";
+} from "@web/views/Week/layout.constants";
 import { getFlexBasis, getLineClamp, getPrevDayWidth } from "./grid.util";
 
 describe("getLineClamp", () => {

packages/web/src/common/utils/grid/grid.util.ts

@@ -9,7 +9,7 @@ import {
   FLEX_EQUAL,
   FLEX_TMRW,
   FLEX_TODAY,
-} from "@web/views/Calendar/layout.constants";
+} from "@web/views/Week/layout.constants";
 
 export const assignEventToRow = (
   eventDays: number[],