chore(web): remove now view (#1850)

* chore(web): remove now view

* test(e2e): remove now view expectations

Author: tyler-dane

docs/acceptance/shortcuts.md

@@ -6,7 +6,7 @@ This runbook covers keyboard shortcut parity in Compass. The principle: anything
 
 Use this guide to validate:
 
-- navigating between views with the keyboard (D, W, N)
+- navigating between views with the keyboard (D, W)
 - navigating between days in Day view (J, K, T)
 - navigating between weeks in Week view (J, K, T)
 - opening and using the command palette (Cmd+K)
@@ -20,7 +20,6 @@ Use this guide to validate:
 
 Do not use this guide to validate:
 
-- Now mode navigation shortcuts (see `tasks.md`, Scenarios 10–13)
 - full event CRUD flows (see `events.md`)
 - full task management flows (see `tasks.md`)
 
@@ -45,7 +44,6 @@ Helpful notes:
 | --------------------------- | --------- | --------------------------------- |
 | `D`                         | Global    | Navigate to Day view              |
 | `W`                         | Global    | Navigate to Week view             |
-| `N`                         | Global    | Navigate to Now view              |
 | `R`                         | Global    | Edit personal reminder note       |
 | `Z`                         | Global    | Log out                           |
 | `Cmd+K` / `Ctrl+K`          | Global    | Open command palette              |
@@ -61,8 +59,6 @@ Helpful notes:
 | `Ctrl+Meta+ArrowRight`      | Day view  | Move focused task to next day     |
 | `Ctrl+Meta+ArrowLeft`       | Day view  | Move focused task to previous day |
 | `Cmd+Z` / `Ctrl+Z`          | Day view  | Undo last action                  |
-| `E`                         | Now view  | Edit focused task description     |
-| `Cmd+Enter` / `Ctrl+Enter`  | Now view  | Save focused task description     |
 | `J`                         | Week view | Previous week                     |
 | `K`                         | Week view | Next week                         |
 | `T`                         | Week view | Go to today                       |
@@ -77,23 +73,18 @@ Helpful notes:
 
 ### UX
 
-Pressing `D`, `W`, or `N` from anywhere in the app (while not focused in an input) navigates to Day view, Week view, or Now view respectively.
-
-View shortcuts keep the same meaning in Now mode. `D` still navigates to Day view.
+Pressing `D` or `W` from anywhere in the app (while not focused in an input) navigates to Day view or Week view respectively.
 
 ### Steps
 
 1. Navigate to `/week`.
 2. Press `D`.
 3. Press `W`.
-4. Press `N`.
-5. Press `D` to return to Day view.
 
 ### Expected Results
 
 - `D` navigates to `/day`.
 - `W` navigates to `/week`.
-- `N` navigates to `/now`.
 - Each transition happens without a full page reload.
 
 ---

docs/acceptance/tasks.md

@@ -12,9 +12,6 @@ Use this guide to validate:
 - deleting tasks and undoing deletions
 - reordering tasks by drag and drop
 - moving tasks to adjacent days
-- Now mode — locking in on a single task
-- navigating and completing tasks in Now mode
-- editing a task description in Now mode
 
 Do not use this guide to validate:
 
@@ -218,90 +215,6 @@ Pressing Ctrl+Meta+ArrowLeft moves the focused task to the previous calendar dat
 
 ---
 
-## Scenario 10: Use Now Mode — Lock In On A Task
-
-### UX
-
-Now mode (`/now`) shows all of today's incomplete tasks. Selecting one locks the view to that single task, removing other distractions.
-
-### Steps
-
-1. Create at least two incomplete tasks for today.
-2. Press `N` to navigate to `/now`.
-3. Select a task from the available task list.
-
-### Expected Results
-
-- Now mode opens and displays all incomplete tasks for today.
-- After selecting a task, the view focuses on that single task with a large title display.
-- The other tasks are hidden from view.
-
----
-
-## Scenario 11: Navigate Tasks In Now Mode (J/K)
-
-### UX
-
-In Now mode with a task focused, pressing `J` and `K` cycles through the available incomplete tasks without leaving the view.
-
-### Steps
-
-1. Enter Now mode with at least three incomplete tasks (see Scenario 10).
-2. Select a task to focus it.
-3. Press `K` to move to the next task.
-4. Press `J` to move to the previous task.
-
-### Expected Results
-
-- `K` advances to the next incomplete task (wrapping around at the end).
-- `J` goes back to the previous incomplete task (wrapping around at the start).
-- The currently focused task is displayed prominently.
-
----
-
-## Scenario 12: Complete A Task In Now Mode And Advance To Next
-
-### UX
-
-Pressing Enter in Now mode marks the focused task complete and automatically moves to the next incomplete task. When all tasks are done, a completion state is shown.
-
-### Steps
-
-1. Enter Now mode with exactly two incomplete tasks.
-2. Select the first task.
-3. Press Enter to mark it complete.
-4. Press Enter again to mark the second task complete.
-
-### Expected Results
-
-- After the first Enter, the view advances to the second task automatically.
-- After the second Enter, the "No tasks available" or all-done state is shown.
-- Both tasks appear as completed in Day view.
-
----
-
-## Scenario 13: Edit A Task Description In Now Mode
-
-### UX
-
-Pressing `E` while a task is focused in Now mode opens an inline description editor (max 255 characters). Pressing Cmd+Enter (Mac) or Ctrl+Enter (Windows/Linux) saves the description.
-
-### Steps
-
-1. Enter Now mode and select a task.
-2. Press `E`.
-3. Type a description (keep it under 255 characters).
-4. Press Cmd+Enter (Mac) or Ctrl+Enter (Windows/Linux) to save.
-
-### Expected Results
-
-- An inline editor appears for the description.
-- After saving, the description is displayed below the task title.
-- The description persists after leaving and re-entering Now mode.
-- Characters beyond 255 are not accepted.
-
----
-
 ## Focused Regression Checks
 
 If time is limited, run these checks before shipping task-related changes:
@@ -313,7 +226,3 @@ If time is limited, run these checks before shipping task-related changes:
 5. Cmd+Z / Ctrl+Z restores the deleted task with its original properties.
 6. Drag-and-drop reordering persists after a page reload.
 7. Ctrl+Meta+ArrowRight moves a task to the next day; Ctrl+Meta+ArrowLeft to the previous day.
-8. Now mode shows all incomplete tasks for today and locks focus to a selected task.
-9. J/K navigate between tasks in Now mode without leaving the view.
-10. Enter in Now mode marks the task complete and auto-advances.
-11. D opens the description editor; Cmd+Enter / Ctrl+Enter saves; max 255 characters is enforced.

docs/development/feature-file-map.md

@@ -42,17 +42,14 @@ Use this document to find the first files to inspect for common Compass changes.
 - Drag handle floating placement guard: `packages/web/src/views/Day/components/Task/DraggableTask.tsx`
 - Local storage for tasks: `packages/web/src/common/storage/adapter`
 
-## Day / Week / Now Views
+## Day / Week Views
 
 - Day view route and content: `packages/web/src/views/Day/view`
 - Day view header (includes Planner Sidebar toggle control): `packages/web/src/views/Day/components/Header/Header.tsx`
 - Day keyboard shortcuts (includes `[` toggle): `packages/web/src/views/Day/hooks/shortcuts/useDayViewShortcuts.ts`
 - Day view hooks: `packages/web/src/views/Day/hooks`
 - Week view: `packages/web/src/views/Week`
-- Now view: `packages/web/src/views/Now`
-- Now shortcuts sidebar component: `packages/web/src/views/Day/components/ShortcutsSidebar/ShortcutsSidebar.tsx`
 - Shared responsive sidebar state hook (`xl` breakpoint behavior): `packages/web/src/common/hooks/useSidebarState.ts`
-- Now keyboard shortcuts (includes `[` toggle): `packages/web/src/views/Now/shortcuts/useNowShortcuts.ts`
 - 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/Week/WeekView.tsx`

docs/development/testing-playbook.md

@@ -190,7 +190,6 @@ Files:
 - `packages/web/src/common/hooks/useSidebarState.ts`
 - `packages/web/src/views/Day/components/ShortcutsSidebar/ShortcutsSidebar.tsx`
 - `packages/web/src/views/Day/view/DayViewContent.tsx`
-- `packages/web/src/views/Now/view/NowView.tsx`
 
 Reliable setup pattern:
 

docs/frontend/frontend-runtime-flow.md

@@ -167,35 +167,6 @@ Pitfalls:
 - do not call `dialog.close()` directly in new close handlers unless you intentionally want to bypass the fade/scale exit animation
 - keep imports pointed at `.../Dedication/Dedication` (no barrel file in this folder)
 
-## Now Shortcuts Sidebar Runtime
-
-Files:
-
-- `packages/web/src/common/hooks/useSidebarState.ts`
-- `packages/web/src/views/Day/components/ShortcutsSidebar/ShortcutsSidebar.tsx`
-- `packages/web/src/views/Now/view/NowView.tsx`
-- `packages/web/src/views/Now/shortcuts/useNowShortcuts.ts`
-
-Runtime behavior:
-
-- sidebar state is responsive-first: `useSidebarState` sets open/closed from `window.innerWidth >= 1280` (`xl`) and subscribes to `matchMedia("(min-width: 1280px)")`
-- breakpoint transitions are authoritative: crossing the `xl` boundary re-syncs the sidebar state even if the user manually toggled it earlier
-- users can toggle via:
-  - Now header sidebar button (`Header` tooltip + `SidebarIcon`)
-  - `[` keyboard shortcut in Now view
-- the sidebar is desktop-only in layout (`hidden xl:flex`), so on sub-`xl` widths toggling updates state but the sidebar content remains visually hidden
-- `ShortcutsSidebar` filters out empty sections and returns `null` when no section has shortcuts
-
-Animation and visibility contract:
-
-- opening uses `requestAnimationFrame` to set visible state so entry transition classes apply (`translate-x-0 opacity-100`)
-- closing sets hidden classes (`-translate-x-4 opacity-0`) and unmounts when closed/not visible
-
-Pitfalls:
-
-- `useSidebarState` reads `window` during state initialization and uses `window.matchMedia`; browser-like globals must exist in tests/non-browser runtimes
-- when adding shortcuts sidebar interactions, verify Now view because Day uses the Planner Sidebar instead
-
 ## State Systems
 
 The web app uses multiple state layers:
@@ -350,4 +321,4 @@ Connect-later guardrail:
 - Auth/session issue: read session provider, user provider, router loaders.
 - Event refresh issue: read SSE hooks, sync slice, event sagas.
 - Offline issue: read storage adapter and migration runner.
-- Rendering issue in day/week/now: start at the route view, then its hooks.
+- Rendering issue in day/week: start at the route view, then its hooks.

e2e/navigation/week-view-switch.spec.ts

@@ -1,10 +1,9 @@
 import { expect, type Page, test } from "@playwright/test";
 
-type ViewName = "day" | "now" | "week";
+type ViewName = "day" | "week";
 
 const shortcutByView = {
   day: "d",
-  now: "n",
   week: "w",
 } as const satisfies Record<ViewName, string>;
 
@@ -59,10 +58,9 @@ test.describe("View dropdown", () => {
 
     await openViewMenu(page, "week");
 
-    await expect(viewOption(page, "now")).toHaveAttribute(
-      "aria-selected",
-      "false",
-    );
+    await expect(
+      page.getByTestId("view-select-dropdown").getByRole("option"),
+    ).toHaveText(["Dayd", "Weekw"]);
     await expect(viewOption(page, "day")).toHaveAttribute(
       "aria-selected",
       "false",
@@ -72,7 +70,6 @@ test.describe("View dropdown", () => {
       "true",
     );
 
-    await expectShortcutHint(page, "now");
     await expectShortcutHint(page, "day");
     await expectShortcutHint(page, "week");
   });
@@ -117,22 +114,6 @@ test.describe("View dropdown", () => {
     expect(consoleErrors).toEqual([]);
   });
 
-  test("switches from Week to Now and paints the Now view", async ({
-    page,
-  }) => {
-    const consoleErrors = collectUnexpectedConsoleErrors(page);
-
-    await page.goto("/week");
-
-    await openViewMenu(page, "week");
-    await viewOption(page, "now").click();
-
-    await expect(page).toHaveURL(/\/now$/);
-    await expect(viewButton(page, "now")).toBeVisible();
-    await expect(viewButton(page, "week")).toHaveCount(0);
-    expect(consoleErrors).toEqual([]);
-  });
-
   test("supports keyboard navigation and Enter selection", async ({ page }) => {
     await page.goto("/week");
 
@@ -141,7 +122,7 @@ test.describe("View dropdown", () => {
     await page.keyboard.press("ArrowDown");
     await page.keyboard.press("Enter");
 
-    await expect(page).toHaveURL(/\/now$/);
-    await expect(viewButton(page, "now")).toBeVisible();
+    await expect(page).toHaveURL(/\/day\/\d{4}-\d{2}-\d{2}$/);
+    await expect(viewButton(page, "day")).toBeVisible();
   });
 });

packages/web/src/common/constants/navigation.cmd.constants.test.ts

@@ -17,23 +17,13 @@ describe("getNavigationCommandItems", () => {
 
   it("returns the other views and today for the week palette", () => {
     expect(getItemLabels("week")).toEqual([
-      "Go to Now [n]",
       "Go to Day [d]",
       "Go to Today (Thursday, May 28) [t]",
     ]);
   });
 
   it("returns the other views and today for the day palette", () => {
     expect(getItemLabels("day")).toEqual([
-      "Go to Now [n]",
-      "Go to Week [w]",
-      "Go to Today (Thursday, May 28) [t]",
-    ]);
-  });
-
-  it("returns the other views and today for the now palette", () => {
-    expect(getItemLabels("now")).toEqual([
-      "Go to Day [d]",
       "Go to Week [w]",
       "Go to Today (Thursday, May 28) [t]",
     ]);
@@ -43,7 +33,7 @@ describe("getNavigationCommandItems", () => {
     const navigatedViews: ViewName[] = [];
     let didGoToToday = false;
     const items = getNavigationCommandItems({
-      currentView: "now",
+      currentView: "day",
       onGoToToday: () => {
         didGoToToday = true;
       },
@@ -53,11 +43,10 @@ describe("getNavigationCommandItems", () => {
       today,
     });
 
-    items.find((item) => item.id === "go-to-day")?.onClick?.({} as never);
     items.find((item) => item.id === "go-to-week")?.onClick?.({} as never);
     items.find((item) => item.id === "today")?.onClick?.({} as never);
 
-    expect(navigatedViews).toEqual(["day", "week"]);
+    expect(navigatedViews).toEqual(["week"]);
     expect(didGoToToday).toBe(true);
   });
 });

packages/web/src/common/constants/navigation.cmd.constants.ts

@@ -14,11 +14,10 @@ interface GetNavigationCommandItemsArgs {
 
 const viewIcons: Record<ViewName, IconName> = {
   day: "CalendarDaysIcon",
-  now: "ClockIcon",
   week: "CalendarIcon",
 };
 
-const navigationViewOrder: ViewName[] = ["now", "day", "week"];
+const navigationViewOrder: ViewName[] = ["day", "week"];
 
 export const getNavigationCommandItems = ({
   currentView,

packages/web/src/common/constants/routes.ts

@@ -6,5 +6,4 @@ export const ROOT_ROUTES = {
   WEEK: "/week",
   DAY: "/day",
   DAY_DATE: "/day/:dateString",
-  NOW: "/now",
 };

packages/web/src/common/constants/shortcuts.constants.ts

@@ -5,7 +5,6 @@ import { ROOT_ROUTES } from "./routes";
  * Single source of truth for keyboard shortcuts used to navigate between views.
  */
 export const VIEW_SHORTCUTS = {
-  now: { key: "n", label: "Now", route: ROOT_ROUTES.NOW },
   day: { key: "d", label: "Day", route: ROOT_ROUTES.DAY },
   week: { key: "w", label: "Week", route: ROOT_ROUTES.WEEK },
 } as const;