From 0a06c60cb71c7a3d4af3c3ad9fd952aaf9988579 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Thu, 3 Jul 2025 23:27:02 +0300
Subject: [PATCH 01/15] client/context menus: add support to display badges for
 menu items

---
 apps/client/src/menus/context_menu.ts | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/apps/client/src/menus/context_menu.ts b/apps/client/src/menus/context_menu.ts
index 72519233a..f343c6c0a 100644
--- a/apps/client/src/menus/context_menu.ts
+++ b/apps/client/src/menus/context_menu.ts
@@ -17,11 +17,17 @@ interface MenuSeparatorItem {
     title: "----";
 }
 
+interface MenuItemBadge {
+    title: string;
+    className?: string;
+}
+
 export interface MenuCommandItem<T> {
     title: string;
     command?: T;
     type?: string;
     uiIcon?: string;
+    badges?: MenuItemBadge[];
     templateNoteId?: string;
     enabled?: boolean;
     handler?: MenuHandler<T>;
@@ -157,6 +163,18 @@ class ContextMenu {
                     .append(" &nbsp; ") // some space between icon and text
                     .append(item.title);
 
+                if ("badges" in item && item.badges) {
+                    for (let badge of item.badges) {
+                        const badgeElement = $(`<span class="badge">`).text(badge.title);
+
+                        if (badge.className) {
+                            badgeElement.addClass(badge.className);
+                        }
+
+                        $link.append(badgeElement);
+                    }
+                }
+
                 if ("shortcut" in item && item.shortcut) {
                     $link.append($("<kbd>").text(item.shortcut));
                 }

From 88d1af7210c77178a1b778f36c82db3302b32bee Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Fri, 4 Jul 2025 11:33:29 +0300
Subject: [PATCH 02/15] style/refactor: make the current badge style to be
 global

---
 apps/client/src/stylesheets/style.css | 9 +++++++++
 apps/client/src/widgets/note_type.ts  | 7 -------
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/apps/client/src/stylesheets/style.css b/apps/client/src/stylesheets/style.css
index 0bf0588b0..ecff3636e 100644
--- a/apps/client/src/stylesheets/style.css
+++ b/apps/client/src/stylesheets/style.css
@@ -26,6 +26,10 @@
     --bs-body-color: var(--main-text-color) !important;
     --bs-body-bg: var(--main-background-color) !important;    
     --ck-mention-list-max-height: 500px;
+
+    --tn-bs-badge-background: var(--accented-background-color);
+    --bs-badge-color: var(--menu-text-color);
+    --bs-badge-font-weight: normal;
 }
 
 .table {
@@ -192,6 +196,11 @@ samp {
     font-family: var(--monospace-font-family) !important;
 }
 
+.badge {
+    margin-left: 8px;
+    background: var(--tn-bs-badge-background);
+}
+
 .input-group-text {
     background-color: var(--accented-background-color) !important;
     color: var(--muted-text-color) !important;
diff --git a/apps/client/src/widgets/note_type.ts b/apps/client/src/widgets/note_type.ts
index 055cdf565..747e4c3f9 100644
--- a/apps/client/src/widgets/note_type.ts
+++ b/apps/client/src/widgets/note_type.ts
@@ -63,13 +63,6 @@ const TPL = /*html*/`
             overflow-y: auto;
             overflow-x: hidden;
         }
-
-        .note-type-dropdown .badge {
-            margin-left: 8px;
-            background: var(--accented-background-color);
-            font-weight: normal;
-            color: var(--menu-text-color);
-        }
     </style>
     <button type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="btn btn-sm dropdown-toggle select-button note-type-button">
         <span class="note-type-desc"></span>

From f90e2fb484a3552132b7585000b2891bdf842d89 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Fri, 4 Jul 2025 11:46:10 +0300
Subject: [PATCH 03/15] client/tree context menu/insert note: mark the beta
 note types with a badge

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

diff --git a/apps/client/src/menus/context_menu.ts b/apps/client/src/menus/context_menu.ts
index f343c6c0a..796d1dc84 100644
--- a/apps/client/src/menus/context_menu.ts
+++ b/apps/client/src/menus/context_menu.ts
@@ -17,7 +17,7 @@ interface MenuSeparatorItem {
     title: "----";
 }
 
-interface MenuItemBadge {
+export interface MenuItemBadge {
     title: string;
     className?: string;
 }
diff --git a/apps/client/src/services/note_types.ts b/apps/client/src/services/note_types.ts
index 7d5b884d9..b9a9fa3ef 100644
--- a/apps/client/src/services/note_types.ts
+++ b/apps/client/src/services/note_types.ts
@@ -1,10 +1,11 @@
 import server from "./server.js";
 import froca from "./froca.js";
 import { t } from "./i18n.js";
-import type { MenuItem } from "../menus/context_menu.js";
+import type { MenuItem, MenuItemBadge } from "../menus/context_menu.js";
 import type { TreeCommandNames } from "../menus/tree_context_menu.js";
 
 const SEPARATOR = { title: "----" };
+const BETA_BADGE: MenuItemBadge = {title: t("note_types.beta-feature")};
 
 async function getNoteTypeItems(command?: TreeCommandNames) {
     const items: MenuItem<TreeCommandNames>[] = [
@@ -24,7 +25,7 @@ async function getNoteTypeItems(command?: TreeCommandNames) {
         
         // Map notes
         { title: t("note_types.geo-map"), command, type: "geoMap", uiIcon: "bx bx-map-alt" },
-        { title: t("note_types.mind-map"), command, type: "mindMap", uiIcon: "bx bx-sitemap" },
+        { title: t("note_types.mind-map"), command, type: "mindMap", uiIcon: "bx bx-sitemap", badges: [BETA_BADGE]},
         { title: t("note_types.note-map"), command, type: "noteMap", uiIcon: "bx bxs-network-chart" },
         { title: t("note_types.relation-map"), command, type: "relationMap", uiIcon: "bx bxs-network-chart" },
 

From 821e4b17cb4ef3ace873beeca348f635d29d6bae Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Fri, 4 Jul 2025 13:38:02 +0300
Subject: [PATCH 04/15] client/refactor: de-duplicate the note type mapping

---
 apps/client/src/services/note_types.ts | 106 +++++++++++++++++--------
 apps/client/src/widgets/note_type.ts   |  63 +++------------
 2 files changed, 82 insertions(+), 87 deletions(-)

diff --git a/apps/client/src/services/note_types.ts b/apps/client/src/services/note_types.ts
index b9a9fa3ef..dd4137ee9 100644
--- a/apps/client/src/services/note_types.ts
+++ b/apps/client/src/services/note_types.ts
@@ -1,43 +1,65 @@
-import server from "./server.js";
-import froca from "./froca.js";
 import { t } from "./i18n.js";
-import type { MenuItem, MenuItemBadge } from "../menus/context_menu.js";
+import froca from "./froca.js";
+import server from "./server.js";
+import type { MenuCommandItem, MenuItem, MenuItemBadge } from "../menus/context_menu.js";
+import type { NoteType } from "../entities/fnote.js";
 import type { TreeCommandNames } from "../menus/tree_context_menu.js";
 
+export interface NoteTypeMapping {
+    type: NoteType;
+    mime?: string;
+    title: string;
+    icon?: string;
+    /** Indicates that this note type is part of a beta feature. */
+    isBeta?: boolean;
+    /** Indicates that this note type cannot be created by the user. */
+    reserved?: boolean;
+    /** Indicates that once a note of this type is created, its type can no longer be changed. */
+    static?: boolean;
+}
+
+export const NOTE_TYPES: NoteTypeMapping[] = [
+    // The suggested note type ordering method: insert the item into the corresponding group,
+    // then ensure the items within the group are ordered alphabetically.
+
+    // The default note type (always the first item)
+    { type: "text", mime: "text/html", title: t("note_types.text"), icon: "bx-note" },
+
+    // Text notes group
+    { type: "book", mime: "", title: t("note_types.book"), icon: "bx-book" },
+
+    // Graphic notes
+    { type: "canvas", mime: "application/json", title: t("note_types.canvas"), icon: "bx-pen" },
+    { type: "mermaid", mime: "text/mermaid", title: t("note_types.mermaid-diagram"), icon: "bx-selection" },
+
+    // Map notes
+    { type: "geoMap", mime: "application/json", title: t("note_types.geo-map"), icon: "bx-map-alt", isBeta: true },
+    { type: "mindMap", mime: "application/json", title: t("note_types.mind-map"), icon: "bx-sitemap" },
+    { type: "noteMap", mime: "", title: t("note_types.note-map"), icon: "bxs-network-chart", static: true },
+    { type: "relationMap", mime: "application/json", title: t("note_types.relation-map"), icon: "bxs-network-chart" },
+
+    // Misc note types
+    { type: "render", mime: "", title: t("note_types.render-note"), icon: "bx-extension" },
+    { type: "search", title: t("note_types.saved-search"), icon: "bx-file-find", static: true },
+    { type: "webView", mime: "", title: t("note_types.web-view"), icon: "bx-globe-alt" },
+
+    // Code notes
+    { type: "code", mime: "text/plain", title: t("note_types.code"), icon: "bx-code" },
+
+    // Reserved types (cannot be created by the user)
+    { type: "contentWidget", mime: "", title: t("note_types.widget"), reserved: true },
+    { type: "doc", mime: "", title: t("note_types.doc"), reserved: true },
+    { type: "file", title: t("note_types.file"), reserved: true },
+    { type: "image", title: t("note_types.image"), reserved: true },
+    { type: "launcher", mime: "", title: t("note_types.launcher"), reserved: true },
+    { type: "aiChat", mime: "application/json", title: t("note_types.ai-chat"), reserved: true }
+];
+
 const SEPARATOR = { title: "----" };
-const BETA_BADGE: MenuItemBadge = {title: t("note_types.beta-feature")};
 
 async function getNoteTypeItems(command?: TreeCommandNames) {
     const items: MenuItem<TreeCommandNames>[] = [
-        // The suggested note type ordering method: insert the item into the corresponding group,
-        // then ensure the items within the group are ordered alphabetically.
-        // Please keep the order synced with the listing found also in aps/client/src/widgets/note_types.ts.
-
-        // The default note type (always the first item)
-        { title: t("note_types.text"), command, type: "text", uiIcon: "bx bx-note" },
-        
-        // Text notes group
-        { title: t("note_types.book"), command, type: "book", uiIcon: "bx bx-book" },
-
-        // Graphic notes
-        { title: t("note_types.canvas"), command, type: "canvas", uiIcon: "bx bx-pen" },
-        { title: t("note_types.mermaid-diagram"), command, type: "mermaid", uiIcon: "bx bx-selection" },
-        
-        // Map notes
-        { title: t("note_types.geo-map"), command, type: "geoMap", uiIcon: "bx bx-map-alt" },
-        { title: t("note_types.mind-map"), command, type: "mindMap", uiIcon: "bx bx-sitemap", badges: [BETA_BADGE]},
-        { title: t("note_types.note-map"), command, type: "noteMap", uiIcon: "bx bxs-network-chart" },
-        { title: t("note_types.relation-map"), command, type: "relationMap", uiIcon: "bx bxs-network-chart" },
-
-        // Misc note types
-        { title: t("note_types.render-note"), command, type: "render", uiIcon: "bx bx-extension" },
-        { title: t("note_types.saved-search"), command, type: "search", uiIcon: "bx bx-file-find" },
-        { title: t("note_types.web-view"), command, type: "webView", uiIcon: "bx bx-globe-alt" },
-
-        // Code notes
-        { title: t("note_types.code"), command, type: "code", uiIcon: "bx bx-code" },
-
-        // Templates
+        ...getBlankNoteTypes(command),
         ...await getBuiltInTemplates(command),
         ...await getUserTemplates(command)
     ];
@@ -45,6 +67,24 @@ async function getNoteTypeItems(command?: TreeCommandNames) {
     return items;
 }
 
+function getBlankNoteTypes(command): MenuItem<TreeCommandNames>[] {
+    return NOTE_TYPES.filter((nt) => !nt.reserved).map((nt) => {
+        const menuItem: MenuCommandItem<TreeCommandNames> = {
+            title: nt.title,
+            command,
+            type: nt.type,
+            uiIcon: "bx " + nt.icon,
+            badges: []
+        }
+
+        if (nt.isBeta) {
+            menuItem.badges?.push({title: t("note_types.beta-feature")});
+        }
+
+        return menuItem;
+    });
+}
+
 async function getUserTemplates(command?: TreeCommandNames) {
     const templateNoteIds = await server.get<string[]>("search-templates");
     const templateNotes = await froca.getNotes(templateNoteIds);
diff --git a/apps/client/src/widgets/note_type.ts b/apps/client/src/widgets/note_type.ts
index 198798606..04602813d 100644
--- a/apps/client/src/widgets/note_type.ts
+++ b/apps/client/src/widgets/note_type.ts
@@ -1,60 +1,15 @@
-import server from "../services/server.js";
+import { Dropdown } from "bootstrap";
+import { NOTE_TYPES } from "../services/note_types.js";
+import { t } from "../services/i18n.js";
+import dialogService from "../services/dialog.js";
 import mimeTypesService from "../services/mime_types.js";
 import NoteContextAwareWidget from "./note_context_aware_widget.js";
-import dialogService from "../services/dialog.js";
-import { t } from "../services/i18n.js";
-import type FNote from "../entities/fnote.js";
-import type { NoteType } from "../entities/fnote.js";
+import server from "../services/server.js";
 import type { EventData } from "../components/app_context.js";
-import { Dropdown } from "bootstrap";
+import type { NoteType } from "../entities/fnote.js";
+import type FNote from "../entities/fnote.js";
 
-interface NoteTypeMapping {
-    type: NoteType;
-    mime?: string;
-    title: string;
-    isBeta?: boolean;
-    selectable: boolean;
-}
-
-const NOTE_TYPES: NoteTypeMapping[] = [
-    // The suggested note type ordering method: insert the item into the corresponding group,
-    // then ensure the items within the group are ordered alphabetically.
-    // Please keep the order synced with the listing found also in apps/client/src/services/note_types.ts.
-
-    // The default note type (always the first item)
-    { type: "text", mime: "text/html", title: t("note_types.text"), selectable: true },
-
-    // Text notes group
-    { type: "book", mime: "", title: t("note_types.book"), selectable: true },
-
-    // Graphic notes
-    { type: "canvas", mime: "application/json", title: t("note_types.canvas"), selectable: true },
-    { type: "mermaid", mime: "text/mermaid", title: t("note_types.mermaid-diagram"), selectable: true },
-
-    // Map notes
-    { type: "geoMap", mime: "application/json", title: t("note_types.geo-map"), isBeta: true, selectable: true },
-    { type: "mindMap", mime: "application/json", title: t("note_types.mind-map"), selectable: true },
-    { type: "relationMap", mime: "application/json", title: t("note_types.relation-map"), selectable: true },
-
-    // Misc note types
-    { type: "render", mime: "", title: t("note_types.render-note"), selectable: true },
-    { type: "webView", mime: "", title: t("note_types.web-view"), selectable: true },
-
-    // Code notes
-    { type: "code", mime: "text/plain", title: t("note_types.code"), selectable: true },
-
-    // Reserved types (cannot be created by the user)
-    { type: "contentWidget", mime: "", title: t("note_types.widget"), selectable: false },
-    { type: "doc", mime: "", title: t("note_types.doc"), selectable: false },
-    { type: "file", title: t("note_types.file"), selectable: false },
-    { type: "image", title: t("note_types.image"), selectable: false },
-    { type: "launcher", mime: "", title: t("note_types.launcher"), selectable: false },
-    { type: "noteMap", mime: "", title: t("note_types.note-map"), selectable: false },
-    { type: "search", title: t("note_types.saved-search"), selectable: false },
-    { type: "aiChat", mime: "application/json", title: t("note_types.ai-chat"), selectable: false }
-];
-
-const NOT_SELECTABLE_NOTE_TYPES = NOTE_TYPES.filter((nt) => !nt.selectable).map((nt) => nt.type);
+const NOT_SELECTABLE_NOTE_TYPES = NOTE_TYPES.filter((nt) => nt.reserved || nt.static).map((nt) => nt.type);
 
 const TPL = /*html*/`
 <div class="dropdown note-type-widget">
@@ -110,7 +65,7 @@ export default class NoteTypeWidget extends NoteContextAwareWidget {
             return;
         }
 
-        for (const noteType of NOTE_TYPES.filter((nt) => nt.selectable)) {
+        for (const noteType of NOTE_TYPES.filter((nt) => !nt.reserved && !nt.static)) {
             let $typeLink: JQuery<HTMLElement>;
 
             const $title = $("<span>").text(noteType.title);

From d869056910f7d7794544a83de48686cb96f618cb Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Fri, 4 Jul 2025 13:47:50 +0300
Subject: [PATCH 05/15] client/note types mapping: add a way to highlight newly
 introduced types

---
 apps/client/src/services/note_types.ts           | 6 ++++++
 apps/client/src/translations/en/translation.json | 3 ++-
 apps/client/src/widgets/note_type.ts             | 5 +++++
 3 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/apps/client/src/services/note_types.ts b/apps/client/src/services/note_types.ts
index dd4137ee9..5d52b7528 100644
--- a/apps/client/src/services/note_types.ts
+++ b/apps/client/src/services/note_types.ts
@@ -10,6 +10,8 @@ export interface NoteTypeMapping {
     mime?: string;
     title: string;
     icon?: string;
+    /** Indicates whether this type should be marked as a newly introduced feature. */
+    isNew?: boolean;
     /** Indicates that this note type is part of a beta feature. */
     isBeta?: boolean;
     /** Indicates that this note type cannot be created by the user. */
@@ -77,6 +79,10 @@ function getBlankNoteTypes(command): MenuItem<TreeCommandNames>[] {
             badges: []
         }
 
+        if (nt.isNew) {
+            menuItem.badges?.push({title: t("note_types.new-feature"), className: "new-note-type-badge"});
+        }
+
         if (nt.isBeta) {
             menuItem.badges?.push({title: t("note_types.beta-feature")});
         }
diff --git a/apps/client/src/translations/en/translation.json b/apps/client/src/translations/en/translation.json
index e3ae657b7..7663f1fc5 100644
--- a/apps/client/src/translations/en/translation.json
+++ b/apps/client/src/translations/en/translation.json
@@ -1626,7 +1626,8 @@
     "geo-map": "Geo Map",
     "beta-feature": "Beta",
     "ai-chat": "AI Chat",
-    "task-list": "Task List"
+    "task-list": "Task List",
+    "new-feature": "New"
   },
   "protect_note": {
     "toggle-on": "Protect the note",
diff --git a/apps/client/src/widgets/note_type.ts b/apps/client/src/widgets/note_type.ts
index 04602813d..d1a40b408 100644
--- a/apps/client/src/widgets/note_type.ts
+++ b/apps/client/src/widgets/note_type.ts
@@ -69,6 +69,11 @@ export default class NoteTypeWidget extends NoteContextAwareWidget {
             let $typeLink: JQuery<HTMLElement>;
 
             const $title = $("<span>").text(noteType.title);
+
+            if (noteType.isNew) {
+                $title.append($(`<span class="badge new-note-type-badge">`).text(t("note_types.new-feature")));
+            }
+
             if (noteType.isBeta) {
                 $title.append($(`<span class="badge">`).text(t("note_types.beta-feature")));
             }

From 891f6ba66f2e37f30d84ce573d19498830e61309 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Sat, 5 Jul 2025 18:10:36 +0300
Subject: [PATCH 06/15] client/context menus/insert note: highlight new
 templates based on their creation date

---
 apps/client/src/services/note_types.ts | 65 ++++++++++++++++++++++++--
 1 file changed, 60 insertions(+), 5 deletions(-)

diff --git a/apps/client/src/services/note_types.ts b/apps/client/src/services/note_types.ts
index 5d52b7528..d9858e58f 100644
--- a/apps/client/src/services/note_types.ts
+++ b/apps/client/src/services/note_types.ts
@@ -57,8 +57,22 @@ export const NOTE_TYPES: NoteTypeMapping[] = [
     { type: "aiChat", mime: "application/json", title: t("note_types.ai-chat"), reserved: true }
 ];
 
+/** The minimum age in days for a template to be marked with the "New" badge */
+const NEW_TEMPLATE_MIN_AGE = 3;
+
+/** The length of a day in milliseconds. */
+const DAY_LENGTH = 1000 * 60 * 60 * 24; 
+
+/** The menu item badge used to mark new note types and templates */
+const NEW_BADGE: MenuItemBadge = {
+    title: t("note_types.new-feature"),
+    className: "new-note-type-badge"
+};
+
 const SEPARATOR = { title: "----" };
 
+const creationDateCache = new Map<string, Date>();
+
 async function getNoteTypeItems(command?: TreeCommandNames) {
     const items: MenuItem<TreeCommandNames>[] = [
         ...getBlankNoteTypes(command),
@@ -80,7 +94,7 @@ function getBlankNoteTypes(command): MenuItem<TreeCommandNames>[] {
         }
 
         if (nt.isNew) {
-            menuItem.badges?.push({title: t("note_types.new-feature"), className: "new-note-type-badge"});
+            menuItem.badges?.push(NEW_BADGE);
         }
 
         if (nt.isBeta) {
@@ -101,14 +115,21 @@ async function getUserTemplates(command?: TreeCommandNames) {
     const items: MenuItem<TreeCommandNames>[] = [
         SEPARATOR
     ];
+
     for (const templateNote of templateNotes) {
-        items.push({
+        const item: MenuItem<TreeCommandNames> = {
             title: templateNote.title,
             uiIcon: templateNote.getIcon(),
             command: command,
             type: templateNote.type,
             templateNoteId: templateNote.noteId
-        });
+        };
+
+        if (await isNewTemplate(templateNote.noteId)) {
+            item.badges = [NEW_BADGE];
+        }
+
+        items.push(item);
     }
     return items;
 }
@@ -128,18 +149,52 @@ async function getBuiltInTemplates(command?: TreeCommandNames) {
     const items: MenuItem<TreeCommandNames>[] = [
         SEPARATOR
     ];
+
     for (const templateNote of childNotes) {
-        items.push({
+        const item: MenuItem<TreeCommandNames> = {
             title: templateNote.title,
             uiIcon: templateNote.getIcon(),
             command: command,
             type: templateNote.type,
             templateNoteId: templateNote.noteId
-        });
+        };
+
+        if (await isNewTemplate(templateNote.noteId)) {
+            item.badges = [NEW_BADGE];
+        }
+
+        items.push(item);
     }
     return items;
 }
 
+async function isNewTemplate(templateNoteId) {
+    // Try to retrieve the template's creation date from the cache
+    let creationDate: Date | undefined = creationDateCache.get(templateNoteId);
+
+    if (creationDate === undefined) {
+        // The creation date isn't available in the cache, try to retrieve it from the server
+        try {
+            const noteInfo: any = await server.get("notes/" + templateNoteId);
+            if ("dateCreated" in noteInfo) {
+                creationDate = new Date(noteInfo.dateCreated);
+                creationDateCache.set(templateNoteId, creationDate);
+            }
+        } catch (ex) {
+            console.error(ex);
+        }
+    }
+
+    if (creationDate) {
+        // Determine the difference in days between now and the template's creation date
+        const age = (new Date().getTime() - creationDate.getTime()) / DAY_LENGTH;
+        // Return true if the template is at most NEW_TEMPLATE_MIN_AGE days old
+        return (age <= NEW_TEMPLATE_MIN_AGE)
+    } else {
+        return false;
+    }
+}
+
 export default {
     getNoteTypeItems
 };

From bfc4a840204202a90aa48fa6de5d3555218098bb Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Sat, 5 Jul 2025 18:46:52 +0300
Subject: [PATCH 07/15] client/context menus/insert note: avoid highlighting
 predefined templates as "new"

---
 apps/client/src/services/note_types.ts | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/apps/client/src/services/note_types.ts b/apps/client/src/services/note_types.ts
index d9858e58f..25a2e71ca 100644
--- a/apps/client/src/services/note_types.ts
+++ b/apps/client/src/services/note_types.ts
@@ -72,6 +72,7 @@ const NEW_BADGE: MenuItemBadge = {
 const SEPARATOR = { title: "----" };
 
 const creationDateCache = new Map<string, Date>();
+let rootCreationDate: Date | undefined;
 
 async function getNoteTypeItems(command?: TreeCommandNames) {
     const items: MenuItem<TreeCommandNames>[] = [
@@ -169,6 +170,18 @@ async function getBuiltInTemplates(command?: TreeCommandNames) {
 }
 
 async function isNewTemplate(templateNoteId) {
+    if (rootCreationDate === undefined) {
+        // Retrieve the root note creation date
+        try {
+            let rootNoteInfo: any = await server.get("notes/root");
+            if ("dateCreated" in rootNoteInfo) {
+                rootCreationDate = new Date(rootNoteInfo.dateCreated);
+            }
+        } catch (ex) {
+            console.log(ex);
+        }
+    }
+
     // Try to retrieve the template's creation date from the cache
     let creationDate: Date | undefined = creationDateCache.get(templateNoteId);
 
@@ -186,6 +199,13 @@ async function isNewTemplate(templateNoteId) {
     }
 
     if (creationDate) {
+        if (rootCreationDate && creationDate.getTime() - rootCreationDate.getTime() < 30000) {
+            // Ignore templates created within 30 seconds after the root note is created.
+            // This is useful to prevent predefined templates from being marked
+            // as 'New' after setting up a new database.
+            return false;
+        }
+
         // Determine the difference in days between now and the template's creation date
         const age = (new Date().getTime() - creationDate.getTime()) / DAY_LENGTH;
         // Return true if the template is at most NEW_TEMPLATE_MIN_AGE days old

From 2225aea75645975d3c57891716f24f63d76eb281 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Sat, 5 Jul 2025 18:49:22 +0300
Subject: [PATCH 08/15] client/context menus/insert note: fix a console log

---
 apps/client/src/services/note_types.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/client/src/services/note_types.ts b/apps/client/src/services/note_types.ts
index 25a2e71ca..47d347d64 100644
--- a/apps/client/src/services/note_types.ts
+++ b/apps/client/src/services/note_types.ts
@@ -178,7 +178,7 @@ async function isNewTemplate(templateNoteId) {
                 rootCreationDate = new Date(rootNoteInfo.dateCreated);
             }
         } catch (ex) {
-            console.log(ex);
+            console.error(ex);
         }
     }
 

From e6ca89fea8e66e54d2a5d5e9a2306be3f0c7d46e Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Sat, 5 Jul 2025 18:53:03 +0300
Subject: [PATCH 09/15] client/context menus/insert note: fix a comment

---
 apps/client/src/services/note_types.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/client/src/services/note_types.ts b/apps/client/src/services/note_types.ts
index 47d347d64..939d57eee 100644
--- a/apps/client/src/services/note_types.ts
+++ b/apps/client/src/services/note_types.ts
@@ -57,7 +57,7 @@ export const NOTE_TYPES: NoteTypeMapping[] = [
     { type: "aiChat", mime: "application/json", title: t("note_types.ai-chat"), reserved: true }
 ];
 
-/** The minimum age in days for a template to be marked with the "New" badge */
+/** The maximum age in days for a template to be marked with the "New" badge */
 const NEW_TEMPLATE_MIN_AGE = 3;
 
 /** The length of a day in milliseconds. */

From 4ffd005b09ca7bb7fc64cdf1892b0d65d7494bd4 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Sat, 5 Jul 2025 18:53:40 +0300
Subject: [PATCH 10/15] client/context menus/insert note: fix a typo

---
 apps/client/src/services/note_types.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/client/src/services/note_types.ts b/apps/client/src/services/note_types.ts
index 939d57eee..9cb848404 100644
--- a/apps/client/src/services/note_types.ts
+++ b/apps/client/src/services/note_types.ts
@@ -58,7 +58,7 @@ export const NOTE_TYPES: NoteTypeMapping[] = [
 ];
 
 /** The maximum age in days for a template to be marked with the "New" badge */
-const NEW_TEMPLATE_MIN_AGE = 3;
+const NEW_TEMPLATE_MAX_AGE = 3;
 
 /** The length of a day in milliseconds. */
 const DAY_LENGTH = 1000 * 60 * 60 * 24; 
@@ -209,7 +209,7 @@ async function isNewTemplate(templateNoteId) {
         // Determine the difference in days between now and the template's creation date
         const age = (new Date().getTime() - creationDate.getTime()) / DAY_LENGTH;
         // Return true if the template is at most NEW_TEMPLATE_MIN_AGE days old
-        return (age <= NEW_TEMPLATE_MIN_AGE)
+        return (age <= NEW_TEMPLATE_MAX_AGE)
     } else {
         return false;
     }

From a45289e385df5a4a96424d40310381177a6401bb Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Sat, 5 Jul 2025 18:54:22 +0300
Subject: [PATCH 11/15] client/context menus/insert note: fix a typo again

---
 apps/client/src/services/note_types.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/client/src/services/note_types.ts b/apps/client/src/services/note_types.ts
index 9cb848404..8c4bda673 100644
--- a/apps/client/src/services/note_types.ts
+++ b/apps/client/src/services/note_types.ts
@@ -208,7 +208,7 @@ async function isNewTemplate(templateNoteId) {
 
         // Determine the difference in days between now and the template's creation date
         const age = (new Date().getTime() - creationDate.getTime()) / DAY_LENGTH;
-        // Return true if the template is at most NEW_TEMPLATE_MIN_AGE days old
+        // Return true if the template is at most NEW_TEMPLATE_MAX_AGE days old
         return (age <= NEW_TEMPLATE_MAX_AGE)
     } else {
         return false;

From 5bf01106c50e2ea620cb5c4c5899607686c13822 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Sat, 5 Jul 2025 19:13:34 +0300
Subject: [PATCH 12/15] client/context menus/insert note: refactor

---
 apps/client/src/services/note_types.ts | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/apps/client/src/services/note_types.ts b/apps/client/src/services/note_types.ts
index 8c4bda673..d35e7df8b 100644
--- a/apps/client/src/services/note_types.ts
+++ b/apps/client/src/services/note_types.ts
@@ -69,6 +69,11 @@ const NEW_BADGE: MenuItemBadge = {
     className: "new-note-type-badge"
 };
 
+/** The menu item badge used to mark note types that are part of a beta feature */
+const BETA_BADGE = {
+    title: t("note_types.beta-feature")
+};
+
 const SEPARATOR = { title: "----" };
 
 const creationDateCache = new Map<string, Date>();
@@ -99,7 +104,7 @@ function getBlankNoteTypes(command): MenuItem<TreeCommandNames>[] {
         }
 
         if (nt.isBeta) {
-            menuItem.badges?.push({title: t("note_types.beta-feature")});
+            menuItem.badges?.push(BETA_BADGE);
         }
 
         return menuItem;
@@ -209,7 +214,7 @@ async function isNewTemplate(templateNoteId) {
         // Determine the difference in days between now and the template's creation date
         const age = (new Date().getTime() - creationDate.getTime()) / DAY_LENGTH;
         // Return true if the template is at most NEW_TEMPLATE_MAX_AGE days old
-        return (age <= NEW_TEMPLATE_MAX_AGE)
+        return (age <= NEW_TEMPLATE_MAX_AGE);
     } else {
         return false;
     }

From 1af8edfe4d9e4d2d3e5480a5e55de20b8836bb8e Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Sat, 5 Jul 2025 19:31:59 +0300
Subject: [PATCH 13/15] client/note type chooser: add support for badges

---
 .../src/widgets/dialogs/note_type_chooser.ts  | 22 +++++++++++++------
 1 file changed, 15 insertions(+), 7 deletions(-)

diff --git a/apps/client/src/widgets/dialogs/note_type_chooser.ts b/apps/client/src/widgets/dialogs/note_type_chooser.ts
index 02b960308..34a89aff6 100644
--- a/apps/client/src/widgets/dialogs/note_type_chooser.ts
+++ b/apps/client/src/widgets/dialogs/note_type_chooser.ts
@@ -154,13 +154,21 @@ export default class NoteTypeChooserDialog extends BasicWidget {
                 this.$noteTypeDropdown.append($('<h6 class="dropdown-header">').append(t("note_type_chooser.templates")));
             } else {
                 const commandItem = noteType as MenuCommandItem<CommandNames>;
-                this.$noteTypeDropdown.append(
-                    $('<a class="dropdown-item" tabindex="0">')
-                        .attr("data-note-type", commandItem.type || "")
-                        .attr("data-template-note-id", commandItem.templateNoteId || "")
-                        .append($("<span>").addClass(commandItem.uiIcon || ""))
-                        .append(` ${noteType.title}`)
-                );
+                const listItem = $('<a class="dropdown-item" tabindex="0">')
+                    .attr("data-note-type", commandItem.type || "")
+                    .attr("data-template-note-id", commandItem.templateNoteId || "")
+                    .append($("<span>").addClass(commandItem.uiIcon || ""))
+                    .append(` ${noteType.title}`);
+
+                if (commandItem.badges) {
+                    for (let badge of commandItem.badges) {
+                        listItem.append($(`<span class="badge">`)
+                                .addClass(badge.className || "")
+                                .text(badge.title));
+                    }
+                }
+
+                this.$noteTypeDropdown.append(listItem);
             }
         }
 

From 34b89cf2e897ef9d81f93733c09d70baa007e9b1 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Sat, 5 Jul 2025 20:46:45 +0300
Subject: [PATCH 14/15] style/badges: tweak appearance

---
 apps/client/src/stylesheets/style.css | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/apps/client/src/stylesheets/style.css b/apps/client/src/stylesheets/style.css
index ecff3636e..d44fc5b11 100644
--- a/apps/client/src/stylesheets/style.css
+++ b/apps/client/src/stylesheets/style.css
@@ -26,10 +26,6 @@
     --bs-body-color: var(--main-text-color) !important;
     --bs-body-bg: var(--main-background-color) !important;    
     --ck-mention-list-max-height: 500px;
-
-    --tn-bs-badge-background: var(--accented-background-color);
-    --bs-badge-color: var(--menu-text-color);
-    --bs-badge-font-weight: normal;
 }
 
 .table {
@@ -197,8 +193,10 @@ samp {
 }
 
 .badge {
+    --bs-badge-color: var(--muted-text-color);
+
     margin-left: 8px;
-    background: var(--tn-bs-badge-background);
+    background: var(--accented-background-color);
 }
 
 .input-group-text {

From 6c308f35c102fd890f754a5671432cf28b4b66af Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Sat, 5 Jul 2025 21:35:00 +0300
Subject: [PATCH 15/15] style(next)/badges: tweak appearance

---
 apps/client/src/stylesheets/theme-next-dark.css  |  3 +++
 apps/client/src/stylesheets/theme-next-light.css |  3 +++
 apps/client/src/stylesheets/theme-next/base.css  | 10 ++++++++++
 3 files changed, 16 insertions(+)

diff --git a/apps/client/src/stylesheets/theme-next-dark.css b/apps/client/src/stylesheets/theme-next-dark.css
index 031bdf465..b27627bd1 100644
--- a/apps/client/src/stylesheets/theme-next-dark.css
+++ b/apps/client/src/stylesheets/theme-next-dark.css
@@ -178,6 +178,9 @@
 
     --alert-bar-background: #6b6b6b3b;
 
+    --badge-background-color: #ffffff1a;
+    --badge-text-color: var(--muted-text-color);
+
     --promoted-attribute-card-background-color: var(--card-background-color);
     --promoted-attribute-card-shadow-color: #000000b3;
 
diff --git a/apps/client/src/stylesheets/theme-next-light.css b/apps/client/src/stylesheets/theme-next-light.css
index ba994587f..ff82e99ba 100644
--- a/apps/client/src/stylesheets/theme-next-light.css
+++ b/apps/client/src/stylesheets/theme-next-light.css
@@ -171,6 +171,9 @@
 
     --alert-bar-background: #32637b29;
 
+    --badge-background-color: #00000011;
+    --badge-text-color: var(--muted-text-color);
+
     --promoted-attribute-card-background-color: var(--card-background-color);
     --promoted-attribute-card-shadow-color: #00000033;
 
diff --git a/apps/client/src/stylesheets/theme-next/base.css b/apps/client/src/stylesheets/theme-next/base.css
index 9058328c3..116a8ebdd 100644
--- a/apps/client/src/stylesheets/theme-next/base.css
+++ b/apps/client/src/stylesheets/theme-next/base.css
@@ -171,6 +171,16 @@ html body .dropdown-item[disabled] {
     opacity: var(--menu-item-disabled-opacity);
 }
 
+/* Badges */
+:root .badge {
+    --bs-badge-color: var(--badge-text-color);
+    --bs-badge-font-weight: 500;
+
+    background: var(--badge-background-color);
+    text-transform: uppercase;
+    letter-spacing: .2pt;
+}
+
 /* Menu item icon */
 .dropdown-item .bx {
     transform: translateY(var(--menu-item-icon-vert-offset));