chore: delete reminder code (#1875)

Author: tyler-dane

.impeccable/design.json

@@ -144,7 +144,7 @@
       },
       "script": {
         "displayName": "Script",
-        "purpose": "Caveat handwriting on the weekly Reminder and Dedication only."
+        "purpose": "Caveat handwriting on the Dedication only."
       }
     },
     "shadows": [
@@ -213,19 +213,11 @@
       "description": "A row in the keyboard-first command palette; a floating light surface above the dark canvas.",
       "html": "<div class=\"ds-cmd\"><div class=\"ds-cmd-row ds-cmd-active\">Go to Today</div><div class=\"ds-cmd-row\">Create event</div><div class=\"ds-cmd-row\">Open Now mode</div></div>",
       "css": ".ds-cmd { width: 320px; padding: 6px; border-radius: 6px; background: #fafafa; box-shadow: 0 6px 24px hsla(0 0% 0% / 0.35); font-family: Rubik, ui-sans-serif, system-ui, sans-serif; } .ds-cmd-row { padding: 8px 10px; border-radius: 4px; color: #0d1017; font-size: 0.875rem; cursor: pointer; transition: background-color 0.15s; } .ds-cmd-row:hover { background: hsl(219 18% 34% / 0.12); } .ds-cmd-active { background: #57c1ff; color: #0d1017; }"
-    },
-    {
-      "name": "Handwritten Reminder",
-      "kind": "custom",
-      "refersTo": "button-priority",
-      "description": "The weekly Reminder/Dedication; Caveat handwriting as the single human accent in an otherwise precise system.",
-      "html": "<p class=\"ds-reminder\">Lock in. One thing at a time.</p>",
-      "css": ".ds-reminder { margin: 0; font-family: \"Caveat\", cursive; font-size: 1.6rem; line-height: 1.2; color: #bfbdb5; }"
     }
   ],
   "narrative": {
     "northStar": "The Dark Calendar Canvas, One Accent",
-    "overview": "Compass is a near-black blue canvas where the only truly saturated color is a single sky-blue accent (#57c1ff). Everything structural, the grid lines, panels, borders, and most text, lives in a narrow blue-gray band against a deep #0d1017 background. Color enters the screen only where it carries meaning: the accent marks selection and primary actions, and a small set of muted priority colors tints the event blocks themselves. The interface is dim and low-contrast at rest so the user's events and current task are the brightest things on screen. The one deliberately human note is handwriting: the Caveat script font on the weekly Reminder and Dedication, a personal touch at the margin of an otherwise precise instrument.",
+    "overview": "Compass is a near-black blue canvas where the only truly saturated color is a single sky-blue accent (#57c1ff). Everything structural, the grid lines, panels, borders, and most text, lives in a narrow blue-gray band against a deep #0d1017 background. Color enters the screen only where it carries meaning: the accent marks selection and primary actions, and a small set of muted priority colors tints the event blocks themselves. The interface is dim and low-contrast at rest so the user's events and current task are the brightest things on screen. The one deliberately human note is handwriting: the Caveat script font on the Dedication, a personal touch at the margin of an otherwise precise instrument.",
     "keyCharacteristics": [
       "Deep blue-black surface (#0d1017), built up by tonal layering, not boxes.",
       "Exactly one bright accent (#57c1ff); meaning, not decoration.",
@@ -246,7 +238,7 @@
       },
       {
         "name": "The One Voice Rule",
-        "body": "Rubik is the only UI typeface. Display fonts in labels, buttons, or data are forbidden. Caveat is the single exception, on the Reminder/Dedication only.",
+        "body": "Rubik is the only UI typeface. Display fonts in labels, buttons, or data are forbidden. Caveat is the single exception, on the Dedication only.",
         "section": "typography"
       },
       {
@@ -266,7 +258,7 @@
       "Do leave controls borderless at rest and reveal them via background/color shift on hover and focus.",
       "Do reserve priority colors (Work/Relations/Self/Unassigned) for event blocks and tags, not chrome.",
       "Do carry all UI in Rubik, using weight (400/500/700) and the fixed rem scale for hierarchy.",
-      "Do confine Caveat handwriting to the Reminder and Dedication.",
+      "Do confine Caveat handwriting to the Dedication.",
       "Do hold body/label text to WCAG AA contrast against the dark surfaces; bump muted blue-grays toward fg-primary when contrast is close."
     ],
     "donts": [

DESIGN.md

@@ -91,11 +91,12 @@ components:
 
 Compass is a near-black blue canvas where the only truly saturated color is a single sky-blue accent (`#57c1ff`). Everything structural, the grid lines, panels, borders, and most text, lives in a narrow blue-gray band against a deep `#0d1017` background. Color enters the screen only where it carries meaning: the accent marks selection and primary actions, and a small set of muted priority colors (work, relations, self, unassigned) tints the event blocks themselves. The interface is dim and low-contrast at rest so the user's events and current task are the brightest things on screen.
 
-This is a planning tool for people who want the calendar to get out of the way. Density is welcome where it serves the task (a full week of events, a packed sidebar), but chrome is kept quiet: no borders until you interact, no decorative fills, no second accent competing for attention. The one deliberately human note is handwriting: the Caveat script font on the weekly Reminder and Dedication, a personal touch at the margin of an otherwise precise instrument.
+This is a planning tool for people who want the calendar to get out of the way. Density is welcome where it serves the task (a full week of events, a packed sidebar), but chrome is kept quiet: no borders until you interact, no decorative fills, no second accent competing for attention. The one deliberately human note is handwriting: the Caveat script font is a personal touch at the margin of an otherwise precise instrument.
 
 What this system rejects: the cluttered toolbars and nested menus of Google/Outlook Calendar; the neutral-gray card grids and stock radii of a generic shadcn or SaaS dashboard; playful candy colors and mascots; and heavy navy-and-gray corporate density. Compass owns its dark, blue-accented identity rather than reaching for any of those defaults.
 
 **Key Characteristics:**
+
 - Deep blue-black surface (`#0d1017`), built up by tonal layering, not boxes.
 - Exactly one bright accent (`#57c1ff`); meaning, not decoration.
 - Muted priority colors are the only other saturation, and only on events.
@@ -107,17 +108,21 @@ What this system rejects: the cluttered toolbars and nested menus of Google/Outl
 A monochrome blue-gray system on a near-black base, punctuated by one sky-blue accent and a muted priority palette reserved for event content.
 
 ### Primary
+
 - **Sky Accent** (`#57c1ff`, `hsl(202 100 67)`): The single saturated color. Used for the current selection, primary actions, links, info status, and the first tag color. It is the brightest, most attention-pulling element on any screen; that scarcity is the point.
 
 ### Secondary
+
 - **Soft Cyan** (`#aed3e0`, `hsl(196 45 78)`): The light end of the accent gradient (`accent-primary → soft-cyan`) and the Work priority tint. A calmer companion to the sky accent, never used as a competing focal point.
 
 ### Tertiary (priority palette, events only)
+
 - **Relations Teal** (`#86d0bb`, `hsl(163 44 67)`): The Relations priority color on event blocks.
 - **Self Blue-Gray** (`#9fb0bf`, `hsl(205 36 62)`): The Self priority color.
 - **Unassigned Slate** (`#8293a1`, `hsl(207 14 57)`): The default/unassigned priority color.
 
 ### Neutral
+
 - **Canvas** (`#0d1017`, `hsl(222 28 7)`): The body background and the darkest surface. Also the text color on light/colored fills (`text-dark`).
 - **Raised Canvas** (`#11151c`, `hsl(218 24 9)`): One step up in lightness; secondary surfaces and raised panels. Depth comes from this lightness step, not from boxes.
 - **UI Text** (`#bfbdb5`, `hsl(47 7 73)`): The primary foreground; a faintly warm light gray for body and label text on dark surfaces. Also the secondary border color.
@@ -126,9 +131,11 @@ A monochrome blue-gray system on a near-black base, punctuated by one sky-blue a
 - **Menu Surface** (`#fafafa`, `hsl(0 0 98)`): The one inverted surface; the light background used for the command palette / menu, where `text-dark` and `text-dark-placeholder` apply.
 
 ### Status
+
 - **Success** (`#81d963`), **Error** (`#d95959`), **Warning** (`#ff9142`), **Info** (`#57c1ff`, the accent). State signals only.
 
 ### Named Rules
+
 **The One Accent Rule.** Exactly one saturated accent (`#57c1ff`) on any screen, reserved for selection, primary action, and info. If a second saturated hue appears anywhere outside an event block or a status signal, it is wrong.
 
 **The Color-Means-Something Rule.** Saturation is forbidden as decoration. The accent means "selected / primary / info"; priority colors mean "this event's category"; status colors mean "this state." Structural chrome stays in the blue-gray band.
@@ -139,20 +146,22 @@ A monochrome blue-gray system on a near-black base, punctuated by one sky-blue a
 **Script Accent Font:** Caveat (with `cursive` fallback)
 **Mono:** `ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas` (system stack; no custom mono shipped)
 
-**Character:** One humanist sans (Rubik) carries the entire UI, headings through data, with weight and size doing the hierarchy work. The only departure is Caveat, a casual handwriting face used as a deliberate human accent on the weekly Reminder and Dedication, never for UI chrome.
+**Character:** One humanist sans (Rubik) carries the entire UI, headings through data, with weight and size doing the hierarchy work. The only departure is Caveat, a casual handwriting face used as a deliberate human accent on the Dedication, never for UI chrome.
 
 ### Hierarchy
+
 The scale is a fixed rem ramp (product UI, not fluid display type). Steps: `xs 0.563rem`, `s 0.688rem`, `m 0.8125rem`, `l 1rem`, `xl 1.125rem`, `xxl 1.3rem`, `xxxl 1.6rem`, `4xl 1.7rem`, `5xl 2rem`. Weights: light 300, regular 400, medium 500, bold 700, extraBold 900.
 
 - **Display** (Rubik, 700, `2rem`/5xl): The largest headings; view titles and prominent moments. Top of the ramp; used sparingly.
 - **Title** (Rubik, 500, `1.3rem`/xxl): Section and panel headings.
 - **Body** (Rubik, 400, `1rem`/l): Default reading and input text. Cap prose at 65–75ch.
 - **Label** (Rubik, 500, `0.8125rem`/m): Dense UI labels, event titles, controls. The workhorse size for the calendar grid.
 - **Micro** (Rubik, 400, `0.563–0.688rem`/xs–s): Timestamps, axis labels, secondary metadata.
-- **Script** (Caveat, 400, `1.6rem`+): The weekly Reminder and Dedication only.
+- **Script** (Caveat, 400, `1.6rem`+): The Dedication only.
 
 ### Named Rules
-**The One Voice Rule.** Rubik is the only UI typeface. Display fonts in labels, buttons, or data are forbidden. Caveat is the single sanctioned exception and only on the Reminder/Dedication.
+
+**The One Voice Rule.** Rubik is the only UI typeface. Display fonts in labels, buttons, or data are forbidden. Caveat is the single sanctioned exception and only on the Dedication.
 
 **The No All-Caps Body Rule.** Uppercase is reserved for short labels and badges (≤4 words). No sentences in all caps.
 
@@ -161,10 +170,12 @@ The scale is a fixed rem ramp (product UI, not fluid display type). Steps: `xs 0
 Depth is conveyed two ways, in order of priority. **First, tonal layering:** surfaces stack by stepping lightness within the near-black blue band (`bg-primary #0d1017` → `bg-secondary #11151c` → translucent panel fills like `panel-bg hsl(219 8 46 / 20%)`). A higher surface is a slightly lighter blue, not a boxed-and-shadowed card. **Second, shadow reserved for state and floating layers:** drop shadows are not a resting decoration; they appear when an element leaves the plane, hover, focus, an active drag/resize Interaction Overlay, or a menu/overlay panel that floats above the grid. The default shadow is a soft `hsla(0 0 0 / 25%)`.
 
 ### Shadow Vocabulary
+
 - **State lift** (`box-shadow` with `hsla(0 0 0 / 25%)`): Applied on hover/focus and during drag or resize to signal the element is now interactive or in motion.
 - **Floating panel** (`panel-shadow hsl(221 9 37)`): Separates overlays, menus, and the command palette from the grid beneath.
 
 ### Named Rules
+
 **The Layer-By-Light Rule.** Build depth by stepping surface lightness, not by drawing borders or dropping shadows on resting elements. A raised surface is a lighter blue.
 
 **The Shadow-Is-State Rule.** A shadow at rest is a bug. Shadows appear only on hover, focus, active drag/resize, or for layers that genuinely float above the grid (menus, overlays, the command palette).
@@ -174,46 +185,55 @@ Depth is conveyed two ways, in order of priority. **First, tonal layering:** sur
 Controls are quiet, borderless, and hover-revealing: they sit flush on their surface with no resting border and announce themselves through a background or color shift on interaction. Radii are small (2–6px). Transitions are short (≈0.3s).
 
 ### Buttons
+
 - **Shape:** Small radius (`2px` for priority buttons, `4px` default).
 - **Priority button:** Background is the priority color (darkened at rest); `text-dark` (`#0d1017`) label; `min-width` ~158px; `padding: 0 8px`. Disabled drops to `opacity: 0.5` and `pointer-events: none`.
 - **Hover:** Background shifts to `bg-primary` and the label color brightens toward the priority color (`brighten()`); ~0.5s color transition. This hover-reveal is the signature button behavior.
 - **Focus:** A `2px solid` dark border (`border-primary-dark`) appears on focus, the one place a border is added intentionally.
 
 ### Inputs / Fields
+
 - **Style:** No border, no resting outline; `height: 34px`; `padding: 0 8px`; `l`/`1rem` font size; background set by context (light `menu-bg` in the palette, surface-matched elsewhere).
 - **Placeholder:** `text-dark-placeholder` (`hsl(219 8 46 / 90.2%)`) on light fields.
 - **Hover:** Background shifts to `border-primary`; the field reveals itself rather than carrying a permanent box.
 - **Focus:** `outline: none` globally; focus is conveyed by context (selection state, surrounding chrome), consistent with the quiet-control philosophy.
 
 ### Tags / Priority Chips
+
 - **Style:** Filled with the muted priority color (Work soft-cyan, Relations teal, Self blue-gray, Unassigned slate); `text-dark` label.
 - **State:** Hover brightens the fill via `brighten()`. Used to categorize events; never as decorative accents elsewhere.
 
 ### Navigation / Planner Sidebar
+
 - **Style:** A translucent panel (`panel-bg`) layered over the canvas by lightness, holding navigation, account context, and Someday Events. Text is `panel-text` (`#fafafa`). Custom thin scrollbars are transparent until hover (`compass-scroll`).
 
 ### Calendar Grid (signature surface)
+
 - **Grid lines:** `grid-line-primary` hairlines (`hsl(219 18 34 / 20%)`) structure the Timed Grid without visual weight.
 - **Events:** Priority-colored blocks are the brightest content on the canvas. A selected event uses `event-selected` (`#abb9c4`). During drag/resize, an Interaction Overlay carries a state shadow while the source element either dims (`dim-source`) or hides (`hide-source`).
 
 ### Command Palette
+
 - **Style:** A floating light surface (`menu-bg #fafafa`) with `text-dark`, lifted above the dark canvas by a panel shadow. Keyboard-first; the primary navigation path.
 
-### Handwritten Reminder / Dedication (signature)
+### Handwritten  Dedication (signature)
+
 - **Style:** Caveat script (`"Caveat", cursive`) at display size. The single human, informal touch in an otherwise precise system; a note-to-self pinned to the week.
 
 ## 6. Do's and Don'ts
 
-### Do:
+### Do
+
 - **Do** keep exactly one saturated accent (`#57c1ff`) per screen, for selection, primary action, and info only.
 - **Do** build depth by stepping surface lightness (`#0d1017` → `#11151c` → translucent panels), per the Layer-By-Light Rule.
 - **Do** leave controls borderless at rest and reveal them via background/color shift on hover and focus.
 - **Do** reserve priority colors (Work/Relations/Self/Unassigned) for event blocks and tags, not chrome.
 - **Do** carry all UI in Rubik, using weight (400/500/700) and the fixed rem scale for hierarchy.
-- **Do** confine Caveat handwriting to the Reminder and Dedication.
+- **Do** confine Caveat handwriting to the Dedication.
 - **Do** hold body/label text to WCAG AA contrast against the dark surfaces; bump muted blue-grays toward `fg-primary` when contrast is close.
 
-### Don't:
+### Don't
+
 - **Don't** rebuild the cluttered toolbars, nested menus, or busy chrome of Google/Outlook Calendar.
 - **Don't** fall into the generic shadcn look: neutral-gray cards, stock radii and shadows, the interchangeable component-library surface. Compass is dark and blue-accented on purpose.
 - **Don't** ship a generic SaaS dashboard: card grids, hero-metric templates, or gradient accents standing in for design.

README.md

@@ -23,7 +23,6 @@ It'll be around for the long-term:
 
 - **Day Mode**: See your tasks and events side-by-side
 - **Now Mode**: Lock-in on a single task
-- **Custom Note**: Display a note-to-self for motivation or reminders
 - **Someday/Maybe List**: Organize future tasks without cluttering your schedule
 - **One-Click Adjustments**: Move events forwards or back effortlessly
 

docs/acceptance/shortcuts.md

@@ -44,7 +44,6 @@ Helpful notes:
 | --------------------------- | --------- | --------------------------------- |
 | `D`                         | Global    | Navigate to Day view              |
 | `W`                         | Global    | Navigate to Week view             |
-| `R`                         | Global    | Edit personal reminder note       |
 | `Z`                         | Global    | Log out                           |
 | `Cmd+K` / `Ctrl+K`          | Global    | Open command palette              |
 | `[`                         | Global    | Toggle sidebar                    |

packages/web/src/__tests__/__mocks__/state/state.weekEvents.ts

@@ -95,11 +95,7 @@ export const preloadedState: InitialReduxState = {
       end: "2025-12-13T23:59:59Z",
     },
     sidebar: {
-      tab: "tasks",
       isOpen: true,
     },
-    header: {
-      reminder: "",
-    },
   },
 };

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

@@ -110,9 +110,6 @@ export const createInitialState = (
         tab: "tasks",
         isOpen: true,
       },
-      header: {
-        reminder: "",
-      },
     },
     settings: {
       isCmdPaletteOpen: false,

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

@@ -1,18 +1,13 @@
 import { z } from "zod";
 
 export const StorageKeySchema = z.enum([
-  "compass.reminder",
   "compass.auth",
   "compass.onboarding.has-seen-welcome",
 ]);
 
 export type StorageKey = z.infer<typeof StorageKeySchema>;
 
-export const STORAGE_KEYS: Record<
-  "REMINDER" | "AUTH" | "HAS_SEEN_WELCOME",
-  StorageKey
-> = {
-  REMINDER: "compass.reminder",
+export const STORAGE_KEYS: Record<"AUTH" | "HAS_SEEN_WELCOME", StorageKey> = {
   AUTH: "compass.auth",
   HAS_SEEN_WELCOME: "compass.onboarding.has-seen-welcome",
 } as const;

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

@@ -13,7 +13,6 @@ export const ID_GRID_COLUMNS_TIMED = "timedColumns";
 export const ID_WEEK_GRID_SCROLLER = "weekGridScroller";
 export const ID_SOMEDAY_WEEK_COLUMN = "somedayWeekColumn";
 export const ID_GRID_MAIN = "mainGrid";
-export const ID_REMINDER_INPUT = "reminderInput";
 export const ID_MAIN = "mainSection";
 export const ID_DATEPICKER_SIDEBAR = "sidebarDatePicker";
 export const ID_SIDEBAR = "sidebar";

packages/web/src/ducks/events/selectors/view.selectors.ts

@@ -3,5 +3,3 @@ import { type RootState } from "@web/store";
 export const selectDatesInView = (state: RootState) => state.view.dates;
 export const selectIsSidebarOpen = (state: RootState) =>
   state.view.sidebar.isOpen;
-
-export const selectReminder = (state: RootState) => state.view.header.reminder;