feat(web): remove auth requirement to simplify onboarding

packages/backend/src/event/classes/gcal.event.rrule.ts

@@ -76,10 +76,29 @@ export class GcalEventRRule extends RRule {
       index < GCAL_MAX_RECURRENCES,
   ): Date[] {
     const dates = super.all(iterator);
+
+    // If no dates were generated, return empty array
+    if (dates.length === 0) {
+      return [];
+    }
+
     const firstInstance = dates[0];
     const firstInstanceStartDate = dayjs(firstInstance).tz(this.#timezone);
-    const includesDtStart = this.#startDate.isSame(firstInstanceStartDate);
-    const rDates = includesDtStart ? [] : [this.#startDate.toDate()];
+
+    // Check if dtstart is already included in the generated dates
+    // Use a more lenient comparison to handle timezone precision issues
+    const includesDtStart =
+      this.#startDate.isSame(firstInstanceStartDate, "minute") ||
+      dates.some((date) => {
+        const dateInTz = dayjs(date).tz(this.#timezone);
+        return this.#startDate.isSame(dateInTz, "minute");
+      });
+
+    // Only add dtstart if it's not already included and COUNT is not specified
+    // When COUNT is specified, RRule already includes dtstart in the generated dates
+    const hasCount = this.options.count !== undefined;
+    const rDates =
+      includesDtStart || hasCount ? [] : [this.#startDate.toDate()];
 
     return rDates.concat(dates);
   }

packages/web/src/auth/UserProvider.tsx

@@ -35,7 +35,13 @@ export const UserProvider = ({ children }: { children: ReactNode }) => {
         profile.current = userProfile;
       })
       .catch((e) => {
-        console.error("Failed to get user profile", e);
+        // For unauthenticated users, this is expected - don't show error
+        // Only log if it's not a 401/403 (unauthorized) error
+        const status = (e as { response?: { status?: number } })?.response
+          ?.status;
+        if (status !== 401 && status !== 403) {
+          console.error("Failed to get user profile", e);
+        }
       })
       .finally(() => {
         setIsLoadingUser(false);
@@ -50,7 +56,12 @@ export const UserProvider = ({ children }: { children: ReactNode }) => {
     }
   }, [userId, email, posthog]);
 
-  if (isLoadingUser || userId === null) {
+  // Allow unauthenticated users to proceed without blocking
+  // Only show loader briefly while checking auth status
+  // Unauthenticated users will have profile.current === null, which is fine
+  if (isLoadingUser && profile.current === null) {
+    // Brief loading state - but don't block indefinitely
+    // The route loader handles auth redirects
     return <AbsoluteOverflowLoader />;
   }
 

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

@@ -1,5 +1,23 @@
-export const STORAGE_KEYS = {
+import { z } from "zod";
+
+export const StorageKeySchema = z.enum([
+  "compass.reminder",
+  "compass.auth.hasCompletedSignup",
+  "compass.auth.skipOnboarding",
+  "compass.onboarding",
+]);
+
+export type StorageKey = z.infer<typeof StorageKeySchema>;
+
+export const STORAGE_KEYS: Record<
+  | "REMINDER"
+  | "HAS_COMPLETED_SIGNUP"
+  | "SKIP_ONBOARDING"
+  | "ONBOARDING_PROGRESS",
+  StorageKey
+> = {
   REMINDER: "compass.reminder",
   HAS_COMPLETED_SIGNUP: "compass.auth.hasCompletedSignup",
   SKIP_ONBOARDING: "compass.auth.skipOnboarding",
-};
+  ONBOARDING_PROGRESS: "compass.onboarding",
+} as const;

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

@@ -1,8 +1,11 @@
 import dayjs from "@core/util/date/dayjs";
 import { Task, isTask } from "@web/common/types/task.types";
+import {
+  getOnboardingProgress,
+  updateOnboardingProgress,
+} from "@web/views/Onboarding/utils/onboardingStorage.util";
 
 export const TODAY_TASKS_STORAGE_KEY_PREFIX = "compass.today.tasks";
-const STORAGE_INFO_SEEN_KEY = "compass.day.storage-info-seen";
 export const COMPASS_TASKS_SAVED_EVENT_NAME = "compass.tasks.saved" as const;
 
 /**
@@ -104,12 +107,12 @@ export function hasSeenStorageInfo(): boolean {
   if (typeof window === "undefined") {
     return true;
   }
-  return localStorage.getItem(STORAGE_INFO_SEEN_KEY) === "true";
+  return getOnboardingProgress().isStorageWarningSeen;
 }
 
 export function markStorageInfoAsSeen(): void {
   if (typeof window === "undefined") {
     return;
   }
-  localStorage.setItem(STORAGE_INFO_SEEN_KEY, "true");
+  updateOnboardingProgress({ isStorageWarningSeen: true });
 }

packages/web/src/common/utils/storage/task-seeding.util.test.ts

@@ -0,0 +1,88 @@
+import { Task } from "@web/common/types/task.types";
+import {
+  getDateKey,
+  loadTasksFromStorage,
+  saveTasksToStorage,
+} from "@web/common/utils/storage/storage.util";
+import { seedInitialTasks } from "./task-seeding.util";
+
+// Mock localStorage
+const localStorageMock = (() => {
+  let store: Record<string, string> = {};
+
+  return {
+    getItem: (key: string) => store[key] || null,
+    setItem: (key: string, value: string) => {
+      store[key] = value.toString();
+    },
+    removeItem: (key: string) => {
+      delete store[key];
+    },
+    clear: () => {
+      store = {};
+    },
+  };
+})();
+
+Object.defineProperty(window, "localStorage", {
+  value: localStorageMock,
+});
+
+describe("task-seeding.util", () => {
+  beforeEach(() => {
+    localStorageMock.clear();
+  });
+
+  describe("seedInitialTasks", () => {
+    it("should seed initial tasks when none exist", () => {
+      const dateKey = getDateKey();
+      const tasks = seedInitialTasks(dateKey);
+
+      expect(tasks).toHaveLength(2);
+      expect(tasks[0].title).toBe("Review project proposal");
+      expect(tasks[1].title).toBe("Write weekly report");
+      expect(tasks[0].status).toBe("todo");
+      expect(tasks[1].status).toBe("todo");
+      expect(tasks[0].id).toBeDefined();
+      expect(tasks[1].id).toBeDefined();
+    });
+
+    it("should return existing tasks if they already exist", () => {
+      const dateKey = getDateKey();
+      const existingTask: Task = {
+        id: "existing-id",
+        title: "Existing task",
+        status: "todo",
+        createdAt: new Date().toISOString(),
+        order: 0,
+      };
+
+      saveTasksToStorage(dateKey, [existingTask]);
+      const tasks = seedInitialTasks(dateKey);
+
+      expect(tasks).toHaveLength(1);
+      expect(tasks[0].id).toBe("existing-id");
+      expect(tasks[0].title).toBe("Existing task");
+    });
+
+    it("should save tasks to localStorage", () => {
+      const dateKey = getDateKey();
+      seedInitialTasks(dateKey);
+
+      const storedTasks = loadTasksFromStorage(dateKey);
+      expect(storedTasks).toHaveLength(2);
+    });
+
+    it("should work with different date keys", () => {
+      const dateKey1 = "2024-01-01";
+      const dateKey2 = "2024-01-02";
+
+      const tasks1 = seedInitialTasks(dateKey1);
+      const tasks2 = seedInitialTasks(dateKey2);
+
+      expect(tasks1).toHaveLength(2);
+      expect(tasks2).toHaveLength(2);
+      expect(tasks1[0].id).not.toBe(tasks2[0].id);
+    });
+  });
+});

packages/web/src/common/utils/storage/task-seeding.util.ts

@@ -0,0 +1,39 @@
+import { v4 as uuidv4 } from "uuid";
+import { Task } from "@web/common/types/task.types";
+import {
+  loadTasksFromStorage,
+  saveTasksToStorage,
+} from "@web/common/utils/storage/storage.util";
+
+/**
+ * Initial task titles to seed for new users
+ */
+const INITIAL_TASK_TITLES = ["Review project proposal", "Write weekly report"];
+
+/**
+ * Seeds initial tasks for a given date if no tasks exist
+ * @param dateKey - Date key in format YYYY-MM-DD
+ * @returns Array of seeded tasks
+ */
+export function seedInitialTasks(dateKey: string): Task[] {
+  const existingTasks = loadTasksFromStorage(dateKey);
+
+  // If tasks already exist, return them
+  if (existingTasks.length > 0) {
+    return existingTasks;
+  }
+
+  // Create initial tasks
+  const initialTasks: Task[] = INITIAL_TASK_TITLES.map((title, index) => ({
+    id: uuidv4(),
+    title,
+    status: "todo" as const,
+    createdAt: new Date().toISOString(),
+    order: index,
+  }));
+
+  // Save to localStorage
+  saveTasksToStorage(dateKey, initialTasks);
+
+  return initialTasks;
+}

packages/web/src/components/GuestLayout/GuestLayout.tsx

@@ -0,0 +1,14 @@
+import { Outlet } from "react-router-dom";
+import { useGlobalShortcuts } from "@web/views/Calendar/hooks/shortcuts/useGlobalShortcuts";
+
+/**
+ * Layout component for unauthenticated/guest users
+ * Provides the same global shortcuts (like cmd+k) as authenticated users
+ * but without requiring authentication
+ */
+export const GuestLayout = () => {
+  // Enable global shortcuts for guest users (including cmd+k palette)
+  useGlobalShortcuts();
+
+  return <Outlet />;
+};

packages/web/src/routers/index.tsx

@@ -80,7 +80,7 @@ export const router = createBrowserRouter(
         import(
           /* webpackChunkName: "onboarding" */ "@web/views/Onboarding/OnboardingFlow"
         ).then((module) => ({
-          Component: module.OnboardingFlow,
+          Component: module.default || module.OnboardingFlow,
         })),
     },
     {
@@ -90,7 +90,7 @@ export const router = createBrowserRouter(
         import(
           /* webpackChunkName: "onboarding" */ "@web/views/Onboarding/OnboardingFlow"
         ).then((module) => ({
-          Component: module.OnboardingFlow,
+          Component: module.default || module.OnboardingFlow,
         })),
     },
     {

packages/web/src/routers/loaders.ts

@@ -43,23 +43,41 @@ export async function loadLogoutData() {
 export async function loadLoginData() {
   const { authenticated } = await loadAuthenticated();
   const { skipOnboarding } = loadOnboardingData();
+  const { hasCompletedSignup } = loadHasCompletedSignup();
 
   if (authenticated) {
     return redirect(skipOnboarding ? ROOT_ROUTES.ROOT : ROOT_ROUTES.ONBOARDING);
   }
 
+  // For new users (no signup completed), redirect to day view immediately
+  if (!hasCompletedSignup) {
+    const { dateString } = loadTodayData();
+    return redirect(`${ROOT_ROUTES.DAY}/${dateString}`);
+  }
+
   return { authenticated, skipOnboarding };
 }
 
-export async function loadLoggedInData() {
+export async function loadLoggedInData({ request }: LoaderFunctionArgs) {
   const { authenticated } = await loadAuthenticated();
   const { skipOnboarding } = loadOnboardingData();
   const { hasCompletedSignup } = loadHasCompletedSignup();
 
   const { USER_SESSION_EXPIRED } = AUTH_FAILURE_REASONS;
   const loginRoute = `${ROOT_ROUTES.LOGIN}?reason=${USER_SESSION_EXPIRED}`;
 
+  // Allow unauthenticated access to day view for new users
+  // Check if we're accessing the day route
+  const url = new URL(request.url);
+  const pathname = url.pathname;
+  const isDayRoute = pathname.startsWith(ROOT_ROUTES.DAY);
+
   if (!authenticated) {
+    // Allow unauthenticated access to day view for new users
+    if (isDayRoute && !hasCompletedSignup) {
+      return { authenticated: false, skipOnboarding, hasCompletedSignup };
+    }
+
     return redirect(
       skipOnboarding || hasCompletedSignup
         ? loginRoute
@@ -91,6 +109,15 @@ export async function loadSpecificDayData({
 
   if (!success) return redirect(ROOT_ROUTES.DAY);
 
+  // Seed initial tasks for this date if none exist (works for both authenticated and unauthenticated users)
+  // Skip seeding in test environment to avoid interfering with tests
+  if (typeof process !== "undefined" && process.env.NODE_ENV !== "test") {
+    const { seedInitialTasks } = await import(
+      "@web/common/utils/storage/task-seeding.util"
+    );
+    seedInitialTasks(dateString);
+  }
+
   return Promise.resolve({
     dateString,
     dateInView: dayjs(dateString, dayjs.DateFormat.YEAR_MONTH_DAY_FORMAT),

packages/web/src/socket/SocketProvider.tsx

@@ -66,6 +66,29 @@ socket.on("error", onError);
 const SocketProvider = ({ children }: { children: ReactNode }) => {
   const dispatch = useDispatch();
 
+  // Only connect socket if user is authenticated
+  useEffect(() => {
+    const checkAuthAndConnect = async () => {
+      try {
+        const { session } = await import("@web/common/classes/Session");
+        const authenticated = await session.doesSessionExist();
+
+        if (authenticated && !socket.connected) {
+          socket.connect();
+        } else if (!authenticated && socket.connected) {
+          socket.disconnect();
+        }
+      } catch (error) {
+        // If session check fails, assume unauthenticated
+        if (socket.connected) {
+          socket.disconnect();
+        }
+      }
+    };
+
+    checkAuthAndConnect();
+  }, []);
+
   const onImportStart = useCallback(
     (importing = true) => {
       dispatch(importGCalSlice.actions.importing(importing));

packages/web/src/views/Calendar/components/Header/Reminder/Reminder.tsx

@@ -253,6 +253,9 @@ export const Reminder = forwardRef(
     const handleReminderKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {
       if (e.key === "Enter") {
         e.preventDefault();
+        e.stopPropagation(); // Prevent the Enter key from bubbling up to global shortcuts
+        // Blur the input immediately to prevent global Enter handlers from firing
+        e.currentTarget.blur();
         setIsEditing(false);
         // Save to localStorage on ENTER
         const latestValue = e.currentTarget.textContent || "";