From 98e6f3278eea264efdfe0c1ecdf97a5caf7a4b54 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Fri, 17 Apr 2026 03:13:08 +0000
Subject: [PATCH] Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>
---
 src/components/app-shell.tsx | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/components/app-shell.tsx b/src/components/app-shell.tsx
index 15d4b6f..6bdafd0 100644
--- a/src/components/app-shell.tsx
+++ b/src/components/app-shell.tsx
@@ -189,6 +189,15 @@ export function AppShell({ children }: { children: ReactNode }) {
       </div>
 
       <main className="flex-1 min-w-0 md:ml-0 mt-14 md:mt-0">
+        {/* Desktop top toolbar */}
+        <div className="hidden md:flex items-center gap-2 px-4 h-14 border-b bg-card">
+          <HeaderTimer />
+          <div className="flex-1" />
+          <QuickAddTime />
+          <QuickAddExpense />
+          <DateCalculator />
+          <NotificationBell />
+        </div>
         <div className="md:hidden flex overflow-x-auto gap-1 px-3 py-2 border-b bg-card">
           {NAV.filter((n) => !n.adminOnly || isAdmin).map((item) => {
             const active = item.to === "/" ? location.pathname === "/" : location.pathname.startsWith(item.to);
@@ -212,6 +221,11 @@ export function AppShell({ children }: { children: ReactNode }) {
             );
           })}
         </div>
+        <div className="md:hidden flex items-center gap-2 px-3 py-2 border-b bg-card overflow-x-auto">
+          <HeaderTimer />
+          <QuickAddTime />
+          <QuickAddExpense />
+        </div>
         {children}
       </main>
     </div>