From 17e87278ebdcec05821d482626d0b56c5e1db43a Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Sat, 20 Sep 2025 00:18:56 +0300
Subject: [PATCH] client/menus: add support for menu headers

---
 apps/client/src/menus/context_menu.ts  | 9 ++++++++-
 apps/client/src/services/note_types.ts | 5 ++---
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/apps/client/src/menus/context_menu.ts b/apps/client/src/menus/context_menu.ts
index 983c0a48c..09b51694d 100644
--- a/apps/client/src/menus/context_menu.ts
+++ b/apps/client/src/menus/context_menu.ts
@@ -18,6 +18,11 @@ interface MenuSeparatorItem {
     title: "----";
 }
 
+interface MenuHeader {
+    title: string;
+    kind: "header";
+}
+
 export interface MenuItemBadge {
     title: string;
     className?: string;
@@ -45,7 +50,7 @@ export interface MenuCommandItem<T> {
     columns?: number;
 }
 
-export type MenuItem<T> = MenuCommandItem<T> | MenuSeparatorItem;
+export type MenuItem<T> = MenuCommandItem<T> | MenuSeparatorItem | MenuHeader;
 export type MenuHandler<T> = (item: MenuCommandItem<T>, e: JQuery.MouseDownEvent<HTMLElement, undefined, HTMLElement, HTMLElement>) => void;
 export type ContextMenuEvent = PointerEvent | MouseEvent | JQuery.ContextMenuEvent;
 
@@ -158,6 +163,8 @@ class ContextMenu {
 
             if (item.title === "----") {
                 $parent.append($("<div>").addClass("dropdown-divider"));
+            } else if ("kind" in item && item.kind === "header") {
+                $parent.append($("<h6>").addClass("dropdown-header").text(item.title));
             } else {
                 const $icon = $("<span>");
 
diff --git a/apps/client/src/services/note_types.ts b/apps/client/src/services/note_types.ts
index 64d31ad39..0dba6a0c0 100644
--- a/apps/client/src/services/note_types.ts
+++ b/apps/client/src/services/note_types.ts
@@ -157,9 +157,8 @@ async function getBuiltInTemplates(title: string | null, command: TreeCommandNam
     const items: MenuItem<TreeCommandNames>[] = [];
     if (title) {
         items.push({
-            title: title,
-            enabled: false,
-            uiIcon: "bx bx-empty"
+            title: "title",
+            kind: "header"
         });
     } else {
         items.push(SEPARATOR);