daily summary tab

Author: yujonglee

.github/workflows/desktop_cd.yaml

@@ -110,7 +110,7 @@ jobs:
         uses: ./.github/actions/hf_unzip_resource
         with:
           repo: Cactus-Compute/LFM2-VL-450M
-          path: weights/lfm2-vl-450m-int8-apple.zip
+          path: weights/lfm2-vl-450m-int8.zip
           local-dir: apps/desktop/src-tauri/resources/models/cactus/_downloads
           output-dir: apps/desktop/src-tauri/resources/models/cactus/char-vlm/weight
           token: ${{ secrets.HF_TOKEN }}

apps/desktop/src/daily-summary/index.ts

@@ -0,0 +1,3 @@
+export { TabContentDailySummary } from "./tab-content";
+export { TabItemDailySummary } from "./tab-item";
+export { openDailySummaryTab } from "./open-tab";

apps/desktop/src/daily-summary/open-tab.ts

@@ -0,0 +1,29 @@
+import { type Tab, useTabs } from "~/store/zustand/tabs";
+import { id } from "~/shared/utils";
+
+export function openDailySummaryTab(date: string) {
+  const state = useTabs.getState();
+  const { tabs } = state;
+
+  const existing = tabs.find(
+    (tab) => tab.type === "daily_summary" && tab.id === date,
+  );
+  if (existing) {
+    state.select(existing);
+    return;
+  }
+
+  const newTab: Tab = {
+    type: "daily_summary",
+    id: date,
+    active: true,
+    slotId: id(),
+    pinned: false,
+  };
+
+  const deactivated = tabs.map((tab) => ({ ...tab, active: false }));
+  useTabs.setState({
+    tabs: [...deactivated, newTab],
+    currentTab: newTab,
+  });
+}

apps/desktop/src/daily-summary/tab-content.tsx

@@ -0,0 +1,17 @@
+import { StandardTabWrapper } from "~/shared/main";
+import { type Tab } from "~/store/zustand/tabs";
+import { DateHeader } from "~/main2/home/date-header";
+import { DailyNoteEditor } from "~/main2/home/note-editor";
+
+type DailySummaryTab = Extract<Tab, { type: "daily_summary" }>;
+
+export function TabContentDailySummary({ tab }: { tab: DailySummaryTab }) {
+  return (
+    <StandardTabWrapper>
+      <div className="h-full overflow-auto">
+        <DateHeader date={tab.id} />
+        <DailyNoteEditor date={tab.id} />
+      </div>
+    </StandardTabWrapper>
+  );
+}

apps/desktop/src/daily-summary/tab-item.tsx

@@ -0,0 +1,40 @@
+import { CalendarIcon } from "lucide-react";
+
+import { TabItemBase, type TabItem } from "~/shared/tabs";
+import { type Tab } from "~/store/zustand/tabs";
+
+type DailySummaryTab = Extract<Tab, { type: "daily_summary" }>;
+
+function formatDateHeader(dateStr: string): string {
+  const date = new Date(dateStr + "T00:00:00");
+  const month = date.toLocaleDateString("en-US", { month: "short" });
+  const day = date.getDate();
+  return `${month} ${day}`;
+}
+
+export const TabItemDailySummary: TabItem<DailySummaryTab> = ({
+  tab,
+  tabIndex,
+  handleCloseThis,
+  handleSelectThis,
+  handleCloseOthers,
+  handleCloseAll,
+  handlePinThis,
+  handleUnpinThis,
+}) => {
+  return (
+    <TabItemBase
+      icon={<CalendarIcon className="h-4 w-4" />}
+      title={formatDateHeader(tab.id)}
+      selected={tab.active}
+      pinned={tab.pinned}
+      tabIndex={tabIndex}
+      handleCloseThis={() => handleCloseThis(tab)}
+      handleSelectThis={() => handleSelectThis(tab)}
+      handleCloseOthers={handleCloseOthers}
+      handleCloseAll={handleCloseAll}
+      handlePinThis={() => handlePinThis(tab)}
+      handleUnpinThis={() => handleUnpinThis(tab)}
+    />
+  );
+};

apps/desktop/src/main2/home/date-header.tsx

@@ -1,3 +1,5 @@
+import { openDailySummaryTab } from "~/daily-summary";
+
 function ordinalSuffix(day: number): string {
   if (day >= 11 && day <= 13) return "th";
   switch (day % 10) {
@@ -28,15 +30,17 @@ export function DateHeader({ date, muted }: { date: string; muted?: boolean }) {
   const isToday = date === getTodayString();
   return (
     <div className="flex items-center gap-3 px-6 pt-6 pb-3">
-      <h2
+      <button
+        type="button"
+        onClick={() => openDailySummaryTab(date)}
         className={
           muted
-            ? "text-lg font-medium text-neutral-400"
-            : "text-xl font-semibold text-neutral-900"
+            ? "text-lg font-medium text-neutral-400 hover:text-neutral-600"
+            : "text-xl font-semibold text-neutral-900 hover:text-neutral-600"
         }
       >
         {formatDateHeader(date)}
-      </h2>
+      </button>
       {isToday && (
         <span className="rounded-full bg-neutral-900 px-2 py-0.5 text-xs font-medium text-white">
           Today

apps/desktop/src/shared/main/tab-content.tsx

@@ -4,6 +4,7 @@ import { TabContentChat } from "~/chat/tab/tab-content";
 import { TabContentChatShortcut } from "~/chat_shortcuts";
 import { TabContentContact } from "~/contacts";
 import { TabContentHuman } from "~/contacts/humans";
+import { TabContentDailySummary } from "~/daily-summary";
 import { TabContentEdit } from "~/edit";
 import { TabContentFolder } from "~/folders";
 import { TabContentOnboarding } from "~/onboarding";
@@ -53,5 +54,8 @@ export function MainTabContent({ tab }: { tab: Tab }) {
   if (tab.type === "task") {
     return <TabContentTask tab={tab} />;
   }
+  if (tab.type === "daily_summary") {
+    return <TabContentDailySummary tab={tab} />;
+  }
   return null;
 }

apps/desktop/src/shared/main/tab-item.tsx

@@ -4,6 +4,7 @@ import { TabItemChat } from "~/chat/tab/tab-item";
 import { TabItemChatShortcut } from "~/chat_shortcuts";
 import { TabItemContact } from "~/contacts";
 import { TabItemHuman } from "~/contacts/humans";
+import { TabItemDailySummary } from "~/daily-summary";
 import { TabItemEdit } from "~/edit";
 import { TabItemFolder } from "~/folders";
 import { TabItemOnboarding } from "~/onboarding";
@@ -224,5 +225,19 @@ export function MainTabItem({
       />
     );
   }
+  if (tab.type === "daily_summary") {
+    return (
+      <TabItemDailySummary
+        tab={tab}
+        tabIndex={tabIndex}
+        handleCloseThis={handleClose}
+        handleSelectThis={handleSelect}
+        handleCloseOthers={handleCloseOthers}
+        handleCloseAll={handleCloseAll}
+        handlePinThis={handlePinThis}
+        handleUnpinThis={handleUnpinThis}
+      />
+    );
+  }
   return null;
 }

apps/desktop/src/store/zustand/tabs/schema.ts

@@ -129,6 +129,10 @@ export type Tab =
       type: "task";
       id: string;
       resources: TaskResource[];
+    })
+  | (BaseTab & {
+      type: "daily_summary";
+      id: string;
     });
 
 export type TaskResource =
@@ -258,6 +262,8 @@ export const uniqueIdfromTab = (tab: Tab): string => {
       return `edit-${tab.requestId}`;
     case "task":
       return `task-${tab.id}`;
+    case "daily_summary":
+      return `daily_summary-${tab.id}`;
   }
 };