feat(sidebar): add advanced search menu item and hotkey

Author: ComputelessComputer

apps/desktop/src/components/main/body/empty/index.tsx

@@ -72,6 +72,10 @@ function EmptyView() {
     () => openCurrent({ type: "ai" }),
     [openCurrent],
   );
+  const openAdvancedSearch = useCallback(
+    () => openCurrent({ type: "search" }),
+    [openCurrent],
+  );
 
   useHotkeys(
     "mod+o",
@@ -89,27 +93,33 @@ function EmptyView() {
           shortcut={["⌘", "O"]}
           onClick={() => setOpenNoteDialogOpen(true)}
         />
+        <div className="h-px bg-neutral-200 my-1" />
+        <ActionItem
+          label="Contacts"
+          shortcut={["⌘", "⇧", "O"]}
+          onClick={openContacts}
+        />
         <ActionItem
           label="Calendar"
           shortcut={["⌘", "⇧", "C"]}
           onClick={openCalendar}
         />
         <ActionItem
-          label="Contacts"
-          shortcut={["⌘", "⇧", "O"]}
-          onClick={openContacts}
+          label="Advanced Search"
+          shortcut={["⌘", "⇧", "F"]}
+          onClick={openAdvancedSearch}
         />
         <div className="h-px bg-neutral-200 my-1" />
-        <ActionItem
-          label="Settings"
-          shortcut={["⌘", ","]}
-          onClick={openSettings}
-        />
         <ActionItem
           label="AI Settings"
           shortcut={["⌘", "⇧", ","]}
           onClick={openAiSettings}
         />
+        <ActionItem
+          label="App Settings"
+          shortcut={["⌘", ","]}
+          onClick={openSettings}
+        />
       </div>
       <OpenNoteDialog
         open={openNoteDialogOpen}

apps/desktop/src/components/main/sidebar/profile/index.tsx

@@ -6,6 +6,7 @@ import {
   FileTextIcon,
   FolderOpenIcon,
   MessageSquareIcon,
+  SearchIcon,
   SettingsIcon,
   SparklesIcon,
   UsersIcon,
@@ -168,6 +169,11 @@ export function ProfileSection({ onExpandChange }: ProfileSectionProps = {}) {
     closeMenu();
   }, [openFeedback, closeMenu]);
 
+  const handleClickAdvancedSearch = useCallback(() => {
+    openNew({ type: "search" });
+    closeMenu();
+  }, [openNew, closeMenu]);
+
   // const handleClickData = useCallback(() => {
   //   openNew({ type: "data" });
   //   closeMenu();
@@ -198,6 +204,12 @@ export function ProfileSection({ onExpandChange }: ProfileSectionProps = {}) {
       onClick: handleClickCalendar,
       badge: <Kbd className={kbdClass}>⌘ ⇧ C</Kbd>,
     },
+    {
+      icon: SearchIcon,
+      label: "Advanced Search",
+      onClick: handleClickAdvancedSearch,
+      badge: <Kbd className={kbdClass}>⌘ ⇧ F</Kbd>,
+    },
     {
       icon: FileTextIcon,
       label: "Templates",
@@ -265,7 +277,7 @@ export function ProfileSection({ onExpandChange }: ProfileSectionProps = {}) {
                       {menuItems.map((item, index) => (
                         <div key={item.label}>
                           <MenuItem {...item} />
-                          {(index === 2 || index === 5 || index === 7) && (
+                          {(index === 3 || index === 6 || index === 8) && (
                             <div className="my-1 border-t border-neutral-100" />
                           )}
                         </div>