Finder view merge (#1213)

* feat(windows): add new Finder window type

The changes in this commit introduce a new window type called "Finder" to the `HyprWindow` type in the `bindings.gen.ts` file. This change is made to accommodate the addition of a new Finder-like functionality in the application.

Additionally, the corresponding changes are made in the `routeTree.gen.ts` file to add a new route for the Finder functionality, replacing the previously existing Calendar route.

* feat(table-view): Improve event navigation and session handling

When a user clicks on an event row, the application now checks if there is an existing session for that event. If a session exists, the user is navigated to the corresponding note. If no session exists, a new note is created with the event ID pre-filled. This ensures that users can easily access and manage their calendar events within the application.

* cleanup comments

* i18n

* feat(apple-calendar): Prevent duplicate event handling

This commit introduces a mechanism to prevent the handling of duplicate system events during the Apple Calendar sync process. The changes focus on the following key improvements:

- Tracks the I that have been handled to avoid processing them multiple times.
- Skips the processing of system events that have already been handled, either as updates or rescheduled events.
- Ensures that rescheduled system events are also marked as handled to prevent duplicate creation.

These changes help to improve the reliability and consistency of the Apple Calendar sync functionality by avoiding the creation of duplicate events in the database.

* feat(app.finder): deduplicate events by tracking_id

Deduplicates events by tracking_id to handle any sync issues. Keeps the most recent event (by database id) for each tracking_id.

This ensures that the event list displayed in the app is accurate and up-to-date, even if there are any issues with event synchronization.

* feat(note-card): Improve note card UI and navigation

The changes made in this commit focus on improving the UI and navigation
functionality of the note card component in the workspace calendar. The
key changes are:

1. Simplified the note card header by removing the file/document icon and
   using a more compact heading.
2. Improved the layout and styling of the note card content, making it
   more visually appealing and consistent.
3. Replaced the `safeNavigate` utility with direct calls to the
   `windowsCommands` module to handle navigation, ensuring a smoother
   user experience.

These changes aim to enhance the overall user interface and interaction
within the workspace calendar, providing a more polished and intuitive
experience for users.

* i18n

* feat: Open Finder window when clicking on event or note date

The changes made in this commit are focused on improving the user experience when
clicking on the date of an event or note in the left sidebar. Previously, the application would open the main window, but now it will open the Finder window
instead, which is more appropriate for navigating to a specific date.

The changes were made in the `events-list.tsx` and `notes-list.tsx` files, where the `windowsCommands.windowShow()` and `windowsCommands.windowEmitNavigate()` functions were updated to use the "finder" type instead of the "main" type.

* feat: Improve event and note card UI

The changes made in this commit focus on improving the visual appearance and layout of the event and note cards in the workspace calendar. The key changes are:

- Vertically center the content within the cards to create a more balanced and consistent look.
- Remove the top margin from the calendar and file icons, as they were causing the content to appear misaligned.
- Remove the time display from the card previews, as the full time information is already shown in the popover content.

These changes help to streamline the UI and make the cards more visually appealing and easier to scan at a glance.

* added contact view

* commit before checkout

* ran tests

* commit before merge

* ran tests

* coderabbit

---------

Co-authored-by: John Jeong <jeeheontransformers@gmail.com>

Author: duckduckhero

.gitignore

@@ -13,4 +13,6 @@ Secrets*.toml
 restate-data
 
 .windsurfrules
-.turbo
+.turbo
+
+CLAUDE.md 

apps/desktop/src/components/command-palette.tsx

@@ -23,6 +23,7 @@ import { useEffect, useRef, useState } from "react";
 import { useHypr } from "@/contexts/hypr";
 import { type SearchMatch } from "@/stores/search";
 import { commands as dbCommands } from "@hypr/plugin-db";
+import { commands as windowsCommands } from "@hypr/plugin-windows";
 
 interface CommandPaletteProps {
   open: boolean;
@@ -281,10 +282,22 @@ export function CommandPalette({ open, onOpenChange }: CommandPaletteProps) {
         navigate({ to: "/app/new", search: { calendarEventId: match.item.id } });
         break;
       case "human":
-        navigate({ to: "/app/human/$id", params: { id: match.item.id } });
+        // Open finder window and navigate to contact view with person selected
+        windowsCommands.windowShow({ type: "finder" }).then(() => {
+          windowsCommands.windowNavigate(
+            { type: "finder" },
+            `/app/finder?view=contact&personId=${match.item.id}`,
+          );
+        });
         break;
       case "organization":
-        navigate({ to: "/app/organization/$id", params: { id: match.item.id } });
+        // Open finder window and navigate to contact view with organization selected
+        windowsCommands.windowShow({ type: "finder" }).then(() => {
+          windowsCommands.windowNavigate(
+            { type: "finder" },
+            `/app/finder?view=contact&orgId=${match.item.id}`,
+          );
+        });
         break;
     }
     onOpenChange(false);

apps/desktop/src/components/finder/index.ts

@@ -0,0 +1,4 @@
+export { ViewSelector } from "./view-selector";
+export { CalendarView } from "./views/calendar-view";
+export { FolderView } from "./views/folder-view";
+export { TableView } from "./views/table-view";

apps/desktop/src/components/finder/view-selector.tsx

@@ -0,0 +1,68 @@
+import { Button } from "@hypr/ui/components/ui/button";
+import { cn } from "@hypr/ui/lib/utils";
+import { Calendar, Folder, Table, Users } from "lucide-react";
+
+type ViewType = "folder" | "calendar" | "table" | "contact";
+
+interface ViewSelectorProps {
+  currentView: ViewType;
+  onViewChange: (view: ViewType) => void;
+}
+
+export function ViewSelector({ currentView, onViewChange }: ViewSelectorProps) {
+  return (
+    <div className="flex items-center gap-1 bg-neutral-100 rounded-md">
+      <Button
+        variant={currentView === "folder" ? "default" : "ghost"}
+        size="sm"
+        className={cn(
+          "h-8 transition-all",
+          currentView === "folder" ? "px-1.5 py-1 min-w-[70px]" : "w-8 px-0 py-0",
+        )}
+        onClick={() => onViewChange("folder")}
+      >
+        <Folder size={14} />
+        {currentView === "folder" && "Folder"}
+      </Button>
+
+      <Button
+        variant={currentView === "calendar" ? "default" : "ghost"}
+        size="sm"
+        className={cn(
+          "h-8 transition-all",
+          currentView === "calendar" ? "px-1.5 py-1 min-w-[95px]" : "w-8 px-0 py-0",
+        )}
+        onClick={() => onViewChange("calendar")}
+      >
+        <Calendar size={14} />
+        {currentView === "calendar" && "Calendar"}
+      </Button>
+
+      <Button
+        variant={currentView === "table" ? "default" : "ghost"}
+        size="sm"
+        className={cn(
+          "h-8 transition-all",
+          currentView === "table" ? "px-1.5 py-1 min-w-[70px]" : "w-8 px-0 py-0",
+        )}
+        onClick={() => onViewChange("table")}
+      >
+        <Table size={14} />
+        {currentView === "table" && "Table"}
+      </Button>
+
+      <Button
+        variant={currentView === "contact" ? "default" : "ghost"}
+        size="sm"
+        className={cn(
+          "h-8 transition-all",
+          currentView === "contact" ? "px-1.5 py-1 min-w-[90px]" : "w-8 px-0 py-0",
+        )}
+        onClick={() => onViewChange("contact")}
+      >
+        <Users size={14} />
+        {currentView === "contact" && "Contacts"}
+      </Button>
+    </div>
+  );
+}

apps/desktop/src/components/finder/views/calendar-view.tsx

@@ -0,0 +1,101 @@
+import { Trans, useLingui } from "@lingui/react/macro";
+import { addMonths, subMonths } from "date-fns";
+import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import { useState } from "react";
+
+import WorkspaceCalendar from "@/components/workspace-calendar";
+import { Button } from "@hypr/ui/components/ui/button";
+import { cn } from "@hypr/ui/lib/utils";
+
+interface CalendarViewProps {
+  date: Date;
+  sessions: any[];
+  events: any[];
+  onNavigate: (params: { date: string }) => void;
+}
+
+export function CalendarView({ date, sessions, events, onNavigate }: CalendarViewProps) {
+  const { i18n } = useLingui();
+  const [currentDate, setCurrentDate] = useState(date);
+
+  // Embedded directly to handle navigation
+  const handlePreviousMonth = () => {
+    const prevMonth = subMonths(currentDate, 1);
+    setCurrentDate(prevMonth);
+    onNavigate({ date: prevMonth.toISOString() });
+  };
+
+  const handleNextMonth = () => {
+    const nextMonth = addMonths(currentDate, 1);
+    setCurrentDate(nextMonth);
+    onNavigate({ date: nextMonth.toISOString() });
+  };
+
+  const handleToday = () => {
+    const today = new Date();
+    setCurrentDate(today);
+    onNavigate({ date: today.toISOString() });
+  };
+
+  const weekDays = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+
+  return (
+    <div className="flex flex-col h-full">
+      <header className="flex w-full flex-col">
+        <div data-tauri-drag-region className="relative h-11 w-full flex items-center justify-center">
+          <h1 className="text-xl font-bold" data-tauri-drag-region>
+            {i18n.date(currentDate, { month: "long", year: "numeric" })}
+          </h1>
+
+          <div className="absolute right-2 flex h-fit rounded-md overflow-clip border border-neutral-200">
+            <Button
+              variant="outline"
+              className="p-0.5 rounded-none border-none"
+              onClick={handlePreviousMonth}
+            >
+              <ChevronLeftIcon size={16} />
+            </Button>
+
+            <Button
+              variant="outline"
+              className="text-sm px-1 py-0.5 rounded-none border-none"
+              onClick={handleToday}
+            >
+              <Trans>Today</Trans>
+            </Button>
+
+            <Button
+              variant="outline"
+              className="p-0.5 rounded-none border-none"
+              onClick={handleNextMonth}
+            >
+              <ChevronRightIcon size={16} />
+            </Button>
+          </div>
+        </div>
+
+        <div className="border-b border-neutral-200 grid grid-cols-7 h-8">
+          {weekDays.map((day, index) => (
+            <div
+              key={day}
+              className={cn(
+                "text-center font-light text-sm pb-2 pt-1",
+                index === weekDays.length - 1 && "border-r-0",
+              )}
+            >
+              {day}
+            </div>
+          ))}
+        </div>
+      </header>
+
+      <div className="flex-1 overflow-hidden">
+        <WorkspaceCalendar
+          month={currentDate}
+          sessions={sessions}
+          events={events}
+        />
+      </div>
+    </div>
+  );
+}