diff --git a/gadget-code/frontend/src/App.tsx b/gadget-code/frontend/src/App.tsx
index cd32c76..9b94fcf 100644
--- a/gadget-code/frontend/src/App.tsx
+++ b/gadget-code/frontend/src/App.tsx
@@ -49,6 +49,8 @@ interface AppContextType {
   currentProject: string | null;
   setCurrentProject: (slug: string | null) => void;
   onSignOut: () => void;
+  statusMessage: string;
+  setStatusMessage: (message: string) => void;
 }
 
 export const AppContext = createContext<AppContextType | null>(null);
@@ -64,6 +66,7 @@ export default function App() {
   const [user, setUser] = useState<User | null>(null);
   const [currentProject, setCurrentProject] = useState<string | null>(null);
   const [loading, setLoading] = useState(true);
+  const [statusMessage, setStatusMessage] = useState<string>('Ready.');
 
   useEffect(() => {
     const storedUser = getStoredUser();
@@ -110,7 +113,7 @@ export default function App() {
   }
 
   return (
-    <AppContext.Provider value={{ user, currentProject, setCurrentProject: handleSetCurrentProject, onSignOut: handleSignOut }}>
+    <AppContext.Provider value={{ user, currentProject, setCurrentProject: handleSetCurrentProject, onSignOut: handleSignOut, statusMessage, setStatusMessage }}>
         <div className="h-screen flex flex-col bg-bg-primary">
           <Header user={user} onSignOut={handleSignOut} />
           <main className="flex-1 flex overflow-hidden">
@@ -143,7 +146,7 @@ export default function App() {
               />
             </Routes>
           </main>
-          <StatusBar projectSlug={currentProject} />
+          <StatusBar statusMessage={statusMessage} projectSlug={currentProject} />
         </div>
     </AppContext.Provider>
   );