From d1ae2db587a70064f3bf882f6f4f35ed6e5671bb Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Mon, 15 Dec 2025 00:31:36 +0200
Subject: [PATCH 1/7] client/status bar/note paths: replace the "Clone note to
 new location" button with a link

---
 apps/client/src/widgets/react/LinkButton.tsx    | 16 ++++++++++------
 apps/client/src/widgets/ribbon/NotePathsTab.tsx |  7 ++++---
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/apps/client/src/widgets/react/LinkButton.tsx b/apps/client/src/widgets/react/LinkButton.tsx
index a9596c972..81e2943a1 100644
--- a/apps/client/src/widgets/react/LinkButton.tsx
+++ b/apps/client/src/widgets/react/LinkButton.tsx
@@ -1,16 +1,20 @@
 import { ComponentChild } from "preact";
+import { CommandNames } from "../../components/app_context";
 
 interface LinkButtonProps {
-    onClick: () => void;
+    onClick?: () => void;
     text: ComponentChild;
+    triggerCommand?: CommandNames;
 }
 
-export default function LinkButton({ onClick, text }: LinkButtonProps) {
+export default function LinkButton({ onClick, text, triggerCommand }: LinkButtonProps) {
     return (
-        <a class="tn-link" href="javascript:" onClick={(e) => {
-            e.preventDefault();
-            onClick();
-        }}>
+        <a class="tn-link" href="javascript:"
+           data-trigger-command={triggerCommand}
+           onClick={(e) => {
+                e.preventDefault();
+                if (onClick) onClick();
+           }}>
             {text}
         </a>
     )
diff --git a/apps/client/src/widgets/ribbon/NotePathsTab.tsx b/apps/client/src/widgets/ribbon/NotePathsTab.tsx
index d639a8928..18d5086d6 100644
--- a/apps/client/src/widgets/ribbon/NotePathsTab.tsx
+++ b/apps/client/src/widgets/ribbon/NotePathsTab.tsx
@@ -3,11 +3,12 @@ import { useEffect, useMemo, useState } from "preact/hooks";
 import FNote, { NotePathRecord } from "../../entities/fnote";
 import { t } from "../../services/i18n";
 import { NOTE_PATH_TITLE_SEPARATOR } from "../../services/tree";
-import Button from "../react/Button";
 import { useTriliumEvent } from "../react/hooks";
 import NoteLink from "../react/NoteLink";
 import { joinElements } from "../react/react_utils";
 import { TabContext } from "./ribbon-interface";
+import LinkButton from "../react/LinkButton";
+
 
 export default function NotePathsTab({ note, hoistedNoteId, notePath }: TabContext) {
     const sortedNotePaths = useSortedNotePaths(note, hoistedNoteId);
@@ -35,9 +36,9 @@ export function NotePathsWidget({ sortedNotePaths, currentNotePath }: {
                     )) : undefined}
                 </ul>
 
-                <Button
-                    triggerCommand="cloneNoteIdsTo"
+                <LinkButton
                     text={t("note_paths.clone_button")}
+                    triggerCommand="cloneNoteIdsTo"
                 />
             </>
         </div>

From 381943818d1c84cc49dc760aacaf4e13f765745a Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Mon, 15 Dec 2025 00:37:23 +0200
Subject: [PATCH 2/7] client/status bar/note paths: improve appearance

---
 apps/client/src/widgets/layout/StatusBar.css | 39 +++++++++++++++++++-
 1 file changed, 38 insertions(+), 1 deletion(-)

diff --git a/apps/client/src/widgets/layout/StatusBar.css b/apps/client/src/widgets/layout/StatusBar.css
index 431ca62a9..b95ce27ed 100644
--- a/apps/client/src/widgets/layout/StatusBar.css
+++ b/apps/client/src/widgets/layout/StatusBar.css
@@ -87,9 +87,46 @@
                 padding: 0.5em;
             }
 
+            .note-path-intro {
+                color: var(--muted-text-color);
+            }
+
             .note-path-list {
-                margin: 1em;
+                margin: 12px 0;
                 padding: 0;
+                list-style: none;
+
+                li {
+                    --border-radius: 6px;
+
+                    background: var(--card-background-color);
+                    padding: 8px 20px;
+
+                    span:last-child > span > a {
+                        color: var(--muted-text-color);
+                    }
+                }
+
+                li + li {
+                    margin-top: 2px;
+                }
+
+                li:first-child {
+                    border-radius: var(--border-radius) var(--border-radius) 0 0;
+                }
+
+                li:last-child {
+                    border-radius: 0 0 var(--border-radius) var(--border-radius);
+                }
+
+                a {
+                    margin-inline: 2px;
+                    padding-inline: 2px;
+                    color: currentColor;
+                    font-weight: normal;
+                    text-decoration: none;
+                }
+
             }
         }
 

From 3ba7b7d4398bc46065222603cf27eacc879af8d5 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Mon, 15 Dec 2025 00:49:25 +0200
Subject: [PATCH 3/7] style/status bar/note paths: refactor

---
 apps/client/src/widgets/layout/StatusBar.css | 24 ++++++++++----------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/apps/client/src/widgets/layout/StatusBar.css b/apps/client/src/widgets/layout/StatusBar.css
index b95ce27ed..e56b1f503 100644
--- a/apps/client/src/widgets/layout/StatusBar.css
+++ b/apps/client/src/widgets/layout/StatusBar.css
@@ -102,23 +102,23 @@
                     background: var(--card-background-color);
                     padding: 8px 20px;
 
+                    &:first-child {
+                        border-radius: var(--border-radius) var(--border-radius) 0 0;
+                    }
+
+                    &:last-child {
+                        border-radius: 0 0 var(--border-radius) var(--border-radius);
+                    }
+
+                    & + li {
+                        margin-top: 2px;
+                    }
+
                     span:last-child > span > a {
                         color: var(--muted-text-color);
                     }
                 }
 
-                li + li {
-                    margin-top: 2px;
-                }
-
-                li:first-child {
-                    border-radius: var(--border-radius) var(--border-radius) 0 0;
-                }
-
-                li:last-child {
-                    border-radius: 0 0 var(--border-radius) var(--border-radius);
-                }
-
                 a {
                     margin-inline: 2px;
                     padding-inline: 2px;

From e9bfacdb7c839df4b601436c8e91a3ac3ee2fee0 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Mon, 15 Dec 2025 01:12:51 +0200
Subject: [PATCH 4/7] style/status bar/note paths: highlight the current path

---
 apps/client/src/widgets/layout/StatusBar.css | 21 ++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/apps/client/src/widgets/layout/StatusBar.css b/apps/client/src/widgets/layout/StatusBar.css
index e56b1f503..93a035c4f 100644
--- a/apps/client/src/widgets/layout/StatusBar.css
+++ b/apps/client/src/widgets/layout/StatusBar.css
@@ -98,9 +98,10 @@
 
                 li {
                     --border-radius: 6px;
-
+                    
+                    position: relative;
                     background: var(--card-background-color);
-                    padding: 8px 20px;
+                    padding: 8px 20px 8px 25px;
 
                     &:first-child {
                         border-radius: var(--border-radius) var(--border-radius) 0 0;
@@ -114,6 +115,22 @@
                         margin-top: 2px;
                     }
 
+                    &.path-current::before {
+                        position: absolute;
+                        display: flex;
+                        flex-direction: column;
+                        justify-content: center;
+                        align-items: flex-end;
+                        content: "\ee8f";
+                        top: 0;
+                        left: 0;
+                        width: 20px;
+                        bottom: 0;
+                        font-family: "boxicons";
+                        font-size: .85em;
+                        color: var(--menu-item-icon-color);
+                    }
+
                     span:last-child > span > a {
                         color: var(--muted-text-color);
                     }

From a551dfe4d62c16192b4377d3732c606614369221 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Mon, 15 Dec 2025 01:18:35 +0200
Subject: [PATCH 5/7] style/status bar/note paths: fix the final path segment
 color when icons are displayed

---
 apps/client/src/widgets/layout/StatusBar.css    | 2 +-
 apps/client/src/widgets/ribbon/NotePathsTab.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/client/src/widgets/layout/StatusBar.css b/apps/client/src/widgets/layout/StatusBar.css
index 93a035c4f..bc37b6542 100644
--- a/apps/client/src/widgets/layout/StatusBar.css
+++ b/apps/client/src/widgets/layout/StatusBar.css
@@ -131,7 +131,7 @@
                         color: var(--menu-item-icon-color);
                     }
 
-                    span:last-child > span > a {
+                    span:last-of-type > span > a {
                         color: var(--muted-text-color);
                     }
                 }
diff --git a/apps/client/src/widgets/ribbon/NotePathsTab.tsx b/apps/client/src/widgets/ribbon/NotePathsTab.tsx
index 18d5086d6..090be0e66 100644
--- a/apps/client/src/widgets/ribbon/NotePathsTab.tsx
+++ b/apps/client/src/widgets/ribbon/NotePathsTab.tsx
@@ -114,7 +114,7 @@ function NotePath({ currentNotePath, notePathRecord }: { currentNotePath?: strin
             )), NOTE_PATH_TITLE_SEPARATOR)}
 
             {icons.map(({ icon, title }) => (
-                <span key={title} class={icon} title={title} />
+                <i key={title} class={icon} title={title} />
             ))}
         </li>
     );

From 65f425df2c48dadd332025dd8d4260b0118df833 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Mon, 15 Dec 2025 01:37:36 +0200
Subject: [PATCH 6/7] style/status bar/note paths: fix an issue pointed by
 gemini-code-assist

---
 apps/client/src/widgets/layout/StatusBar.css    | 8 ++++----
 apps/client/src/widgets/ribbon/NotePathsTab.tsx | 8 ++++++--
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/apps/client/src/widgets/layout/StatusBar.css b/apps/client/src/widgets/layout/StatusBar.css
index bc37b6542..f3bdb5b9f 100644
--- a/apps/client/src/widgets/layout/StatusBar.css
+++ b/apps/client/src/widgets/layout/StatusBar.css
@@ -130,10 +130,6 @@
                         font-size: .85em;
                         color: var(--menu-item-icon-color);
                     }
-
-                    span:last-of-type > span > a {
-                        color: var(--muted-text-color);
-                    }
                 }
 
                 a {
@@ -142,6 +138,10 @@
                     color: currentColor;
                     font-weight: normal;
                     text-decoration: none;
+
+                    &.basename {
+                        color: var(--muted-text-color);
+                    }
                 }
 
             }
diff --git a/apps/client/src/widgets/ribbon/NotePathsTab.tsx b/apps/client/src/widgets/ribbon/NotePathsTab.tsx
index 090be0e66..19b361a5d 100644
--- a/apps/client/src/widgets/ribbon/NotePathsTab.tsx
+++ b/apps/client/src/widgets/ribbon/NotePathsTab.tsx
@@ -8,6 +8,7 @@ import NoteLink from "../react/NoteLink";
 import { joinElements } from "../react/react_utils";
 import { TabContext } from "./ribbon-interface";
 import LinkButton from "../react/LinkButton";
+import clsx from "clsx";
 
 
 export default function NotePathsTab({ note, hoistedNoteId, notePath }: TabContext) {
@@ -109,8 +110,11 @@ function NotePath({ currentNotePath, notePathRecord }: { currentNotePath?: strin
 
     return (
         <li class={classes}>
-            {joinElements(fullNotePaths.map(notePath => (
-                <NoteLink key={notePath} notePath={notePath} noPreview />
+            {joinElements(fullNotePaths.map((notePath, index, arr) => (
+                <NoteLink key={notePath}
+                          className={clsx({"basename": (index === arr.length - 1)})}
+                          notePath={notePath}
+                          noPreview />
             )), NOTE_PATH_TITLE_SEPARATOR)}
 
             {icons.map(({ icon, title }) => (

From 9834846a23ba0a51c37332cca1623651397227e3 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Mon, 15 Dec 2025 01:43:36 +0200
Subject: [PATCH 7/7] client/status bar/note paths: fix the issues pointed by
 gemini-code-assist

---
 apps/client/src/widgets/layout/StatusBar.css | 5 ++---
 apps/client/src/widgets/react/LinkButton.tsx | 4 ++--
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/apps/client/src/widgets/layout/StatusBar.css b/apps/client/src/widgets/layout/StatusBar.css
index f3bdb5b9f..20bce8b5c 100644
--- a/apps/client/src/widgets/layout/StatusBar.css
+++ b/apps/client/src/widgets/layout/StatusBar.css
@@ -118,9 +118,8 @@
                     &.path-current::before {
                         position: absolute;
                         display: flex;
-                        flex-direction: column;
-                        justify-content: center;
-                        align-items: flex-end;
+                        justify-content: flex-end;
+                        align-items: center;
                         content: "\ee8f";
                         top: 0;
                         left: 0;
diff --git a/apps/client/src/widgets/react/LinkButton.tsx b/apps/client/src/widgets/react/LinkButton.tsx
index 81e2943a1..95f1a6e89 100644
--- a/apps/client/src/widgets/react/LinkButton.tsx
+++ b/apps/client/src/widgets/react/LinkButton.tsx
@@ -9,11 +9,11 @@ interface LinkButtonProps {
 
 export default function LinkButton({ onClick, text, triggerCommand }: LinkButtonProps) {
     return (
-        <a class="tn-link" href="javascript:"
+        <a class="tn-link" href="#"
            data-trigger-command={triggerCommand}
            onClick={(e) => {
                 e.preventDefault();
-                if (onClick) onClick();
+                onClick?.();
            }}>
             {text}
         </a>