Desktop notification setting

Author: charlesvien

apps/array/src/renderer/features/settings/components/SettingsView.tsx

@@ -51,8 +51,16 @@ export function SettingsView() {
     useAuthStore();
   const isDarkMode = useThemeStore((state) => state.isDarkMode);
   const toggleDarkMode = useThemeStore((state) => state.toggleDarkMode);
-  const { autoRunTasks, createPR, setAutoRunTasks, setCreatePR } =
-    useSettingsStore();
+  const {
+    autoRunTasks,
+    defaultRunMode,
+    createPR,
+    desktopNotifications,
+    setAutoRunTasks,
+    setDefaultRunMode,
+    setCreatePR,
+    setDesktopNotifications,
+  } = useSettingsStore();
   const terminalLayoutMode = useTerminalLayoutStore(
     (state) => state.terminalLayoutMode,
   );
@@ -290,6 +298,30 @@ export function SettingsView() {
 
           <Box className="border-gray-6 border-t" />
 
+          {/* Chat Section */}
+          <Flex direction="column" gap="3">
+            <Heading size="3">Chat</Heading>
+            <Card>
+              <Flex align="center" justify="between">
+                <Flex direction="column" gap="1">
+                  <Text size="1" weight="medium">
+                    Desktop notifications
+                  </Text>
+                  <Text size="1" color="gray">
+                    Show notifications when the agent finishes working on a task
+                  </Text>
+                </Flex>
+                <Switch
+                  checked={desktopNotifications}
+                  onCheckedChange={setDesktopNotifications}
+                  size="1"
+                />
+              </Flex>
+            </Card>
+          </Flex>
+
+          <Box className="border-gray-6 border-t" />
+
           {/* Task Execution Section */}
           <Flex direction="column" gap="3">
             <Heading size="3">Task execution</Heading>

apps/array/src/renderer/features/settings/stores/settingsStore.ts

@@ -19,6 +19,7 @@ interface SettingsStore {
   createPR: boolean;
   defaultModel: string;
   defaultFramework: AgentFramework;
+  desktopNotifications: boolean;
 
   setAutoRunTasks: (autoRun: boolean) => void;
   setDefaultRunMode: (mode: DefaultRunMode) => void;
@@ -28,6 +29,7 @@ interface SettingsStore {
   setCreatePR: (createPR: boolean) => void;
   setDefaultModel: (model: string) => void;
   setDefaultFramework: (framework: AgentFramework) => void;
+  setDesktopNotifications: (enabled: boolean) => void;
 }
 
 export const useSettingsStore = create<SettingsStore>()(
@@ -41,6 +43,7 @@ export const useSettingsStore = create<SettingsStore>()(
       createPR: true,
       defaultModel: DEFAULT_MODEL,
       defaultFramework: DEFAULT_FRAMEWORK,
+      desktopNotifications: true,
 
       setAutoRunTasks: (autoRun) => set({ autoRunTasks: autoRun }),
       setDefaultRunMode: (mode) => set({ defaultRunMode: mode }),
@@ -51,6 +54,8 @@ export const useSettingsStore = create<SettingsStore>()(
       setCreatePR: (createPR) => set({ createPR }),
       setDefaultModel: (model) => set({ defaultModel: model }),
       setDefaultFramework: (framework) => set({ defaultFramework: framework }),
+      setDesktopNotifications: (enabled) =>
+        set({ desktopNotifications: enabled }),
     }),
     {
       name: "settings-storage",

apps/array/src/renderer/features/task-detail/components/TaskLogsPanel.tsx

@@ -4,6 +4,7 @@ import {
   useSessionActions,
   useSessionForTask,
 } from "@features/sessions/stores/sessionStore";
+import { useSettingsStore } from "@features/settings/stores/settingsStore";
 import { useTaskViewedStore } from "@features/sidebar/stores/taskViewedStore";
 import { useTaskData } from "@features/task-detail/hooks/useTaskData";
 import {
@@ -95,7 +96,8 @@ export function TaskLogsPanel({ taskId, task }: TaskLogsPanelProps) {
         }
 
         const isWindowFocused = document.hasFocus();
-        if (!isWindowFocused) {
+        const { desktopNotifications } = useSettingsStore.getState();
+        if (!isWindowFocused && desktopNotifications) {
           trpcVanilla.dockBadge.show.mutate();
         }
       } catch (error) {