From 92c65889ac0308d1d9e642d96ad70d61fe667994 Mon Sep 17 00:00:00 2001
From: fullsizemalt <106900403+fullsizemalt@users.noreply.github.com>
Date: Sat, 27 Dec 2025 16:58:14 -0800
Subject: [PATCH] fix: Breadcrumb vertical alignment and add v2.1 tracer

---
 frontend/src/components/ui/Breadcrumbs.tsx | 10 +++++-----
 frontend/src/pages/RoomDetailPage.tsx      |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/ui/Breadcrumbs.tsx b/frontend/src/components/ui/Breadcrumbs.tsx
index e9a41bc..b64b8e8 100644
--- a/frontend/src/components/ui/Breadcrumbs.tsx
+++ b/frontend/src/components/ui/Breadcrumbs.tsx
@@ -78,10 +78,10 @@ export function Breadcrumbs() {
                 <li className="flex items-center">
                     <Link
                         to="/dashboard"
-                        className="flex items-center justify-center p-1 rounded-md hover:bg-slate-100 dark:hover:bg-slate-800 transition-colors" // Added flex center
+                        className="h-6 w-6 flex items-center justify-center rounded-md hover:bg-slate-100 dark:hover:bg-slate-800 transition-colors"
                         aria-label="Home"
                     >
-                        <Home size={14} /> {/* Bumped size slightly for visual balance */}
+                        <Home size={14} />
                     </Link>
                 </li>
 
@@ -91,19 +91,19 @@ export function Breadcrumbs() {
 
                     return (
                         <li key={crumb.path} className="flex items-center gap-1">
-                            <ChevronRight size={12} className="opacity-40" /> {/* Standardize size */}
+                            <ChevronRight size={12} className="opacity-40" />
                             {isLast ? (
                                 <motion.span
                                     initial={{ opacity: 0, x: -4 }}
                                     animate={{ opacity: 1, x: 0 }}
-                                    className="px-2 py-1 text-[var(--color-text-tertiary)]" // Standardized padding
+                                    className="px-2 h-6 flex items-center text-[var(--color-text-tertiary)]"
                                 >
                                     {crumb.label}
                                 </motion.span>
                             ) : (
                                 <Link
                                     to={crumb.path}
-                                    className="px-2 py-1 rounded-md hover:bg-[var(--color-bg-tertiary)] hover:text-[var(--color-text-primary)] transition-colors" // Standardized padding
+                                    className="px-2 h-6 flex items-center rounded-md hover:bg-[var(--color-bg-tertiary)] hover:text-[var(--color-text-primary)] transition-colors"
                                 >
                                     {crumb.label}
                                 </Link>
diff --git a/frontend/src/pages/RoomDetailPage.tsx b/frontend/src/pages/RoomDetailPage.tsx
index d07174c..b557b92 100644
--- a/frontend/src/pages/RoomDetailPage.tsx
+++ b/frontend/src/pages/RoomDetailPage.tsx
@@ -67,7 +67,7 @@ export default function RoomDetailPage() {
                     <div>
                         <div className="flex items-center gap-3">
                             <h1 className="text-3xl font-bold tracking-tight text-[var(--color-text-primary)]">
-                                {room.name?.replace('[DEMO] ', '')}
+                                {room.name?.replace('[DEMO] ', '')} <span className="text-xs text-emerald-500 align-top opacity-50">(v2.1)</span>
                             </h1>
                             <span className={cn(
                                 "px-3 py-1 rounded-full text-xs font-semibold border shadow-sm",