Feat/tray menu/shortcut recording

screenpipe-app-tauri/app/page.tsx

@@ -11,7 +11,7 @@ import {
 } from "@/components/ui/card";
 import { Skeleton } from "@/components/ui/skeleton";
 
-import React, { useEffect, useState } from "react";
+import React, { useEffect, useState, useCallback } from "react";
 import NotificationHandler from "@/components/notification-handler";
 import ScreenpipeInstanceChecker from "@/components/screenpipe-instance-checker";
 import Header from "@/components/header";
@@ -26,6 +26,9 @@ import { Separator } from "@/components/ui/separator";
 import Onboarding from "@/components/onboarding";
 import { useOnboarding } from "@/lib/hooks/use-onboarding";
 import { registerShortcuts } from "@/lib/shortcuts";
+
+import { debounce } from 'lodash';
+
 import { ChangelogDialog } from "@/components/changelog-dialog";
 import { AppSidebar } from "@/components/app-sidebar";
 import {
@@ -44,6 +47,18 @@ export default function Home() {
   const { toast } = useToast();
   const { showOnboarding, setShowOnboarding } = useOnboarding();
 
+
+  // Create a debounced version of registerShortcuts
+  const debouncedRegisterShortcuts = useCallback(
+    debounce(async (config) => {
+      try {
+        await registerShortcuts(config);
+      } catch (error) {
+        console.error('Failed to register shortcuts:', error);
+      }
+    }, 1000),
+    []
+  );
   const {
     searches,
     currentSearchId,
@@ -54,11 +69,28 @@ export default function Home() {
     toggleCollapse,
   } = useSearchHistory();
 
+
   useEffect(() => {
-    registerShortcuts({
-      showScreenpipeShortcut: settings.showScreenpipeShortcut,
-    });
-  }, [settings.showScreenpipeShortcut]);
+    if (!settings.isLoading) {
+      const config = {
+        show_screenpipe_shortcut: settings.showScreenpipeShortcut,
+        toggle_recording_shortcut: settings.recordingShortcut,
+      };
+
+      console.log("Page: Registering shortcuts with config:", config);
+
+      // Only register if we have valid shortcuts
+      if (config.show_screenpipe_shortcut && config.toggle_recording_shortcut) {
+        debouncedRegisterShortcuts(config);
+      } else {
+        console.warn("Invalid shortcut configuration:", config);
+      }
+
+      return () => {
+        debouncedRegisterShortcuts.cancel();
+      };
+    }
+  }, [settings.showScreenpipeShortcut, settings.recordingShortcut, settings.isLoading, debouncedRegisterShortcuts]);
 
   useEffect(() => {
     if (settings.userId) {

screenpipe-app-tauri/components/notification-handler.tsx

@@ -47,6 +47,30 @@ const NotificationHandler: React.FC = () => {
       });
     };
 
+    listen<string>("recording_failed", (event) => {
+      console.log(`recording failed ${event.payload}`);
+      sendNotification({
+        title: "Screenpipe",
+        body: event.payload,
+      });
+    });
+
+    listen<string>("recording_started", (event) => {
+      console.log(`recording started ${event.payload}`);
+      sendNotification({
+        title: "Screenpipe",
+        body: event.payload,
+      });
+    });
+
+    listen<string>("recording_stopped", (event) => {
+      console.log(`recording stopped ${event.payload}`);
+      sendNotification({
+        title: "Screenpipe",
+        body: event.payload,
+      });
+    });
+
     checkAndRequestPermission();
   }, []);