From 43ebbfc3217a235fe92777c249595bdbcdd9f2c0 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sun, 15 Feb 2026 13:21:29 +0200
Subject: [PATCH] chore(badges/content): add separator

---
 apps/client/src/widgets/layout/ActiveContentBadges.tsx |  1 +
 apps/client/src/widgets/react/NotePropertyMenu.tsx     | 10 +++++++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/apps/client/src/widgets/layout/ActiveContentBadges.tsx b/apps/client/src/widgets/layout/ActiveContentBadges.tsx
index 689854237d..162607b194 100644
--- a/apps/client/src/widgets/layout/ActiveContentBadges.tsx
+++ b/apps/client/src/widgets/layout/ActiveContentBadges.tsx
@@ -73,6 +73,7 @@ const typeMappings: Record<ActiveContentInfo["type"], {
                 dropStart: true,
                 options: [
                     { label: "Legacy", value: "" },
+                    { type: "separator" },
                     { label: "Trilium (Auto)", value: "next" },
                     { label: "Trilium (Light)", value: "next-light" },
                     { label: "Trilium (Dark)", value: "next-dark" }
diff --git a/apps/client/src/widgets/react/NotePropertyMenu.tsx b/apps/client/src/widgets/react/NotePropertyMenu.tsx
index 15f3723943..0c63f785c3 100644
--- a/apps/client/src/widgets/react/NotePropertyMenu.tsx
+++ b/apps/client/src/widgets/react/NotePropertyMenu.tsx
@@ -55,6 +55,10 @@ interface ComboBoxGroup {
     items: ComboBoxItem[];
 }
 
+interface ComboBoxSeparator {
+    type: "separator"
+}
+
 export interface ComboBoxProperty {
     type: "combobox",
     label: string;
@@ -64,7 +68,7 @@ export interface ComboBoxProperty {
      * The default value is used when the label is not set.
      */
     defaultValue?: string;
-    options: (ComboBoxItem | ComboBoxGroup)[];
+    options: (ComboBoxItem | ComboBoxSeparator | ComboBoxGroup)[];
     dropStart?: boolean;
 }
 
@@ -176,6 +180,10 @@ function ComboBoxPropertyView({ note, property }: { note: FNote, property: Combo
                         </Fragment>
                     );
                 }
+                if ("type" in option) {
+                    return <FormDropdownDivider key={index} />;
+                }
+
                 return renderItem(option);
 
             })}