diff --git a/rpa-dashboard-ai/templates/web/src/App.tsx b/rpa-dashboard-ai/templates/web/src/App.tsx
index 64f4946..c0f78a7 100644
--- a/rpa-dashboard-ai/templates/web/src/App.tsx
+++ b/rpa-dashboard-ai/templates/web/src/App.tsx
@@ -12,7 +12,7 @@ const TABS = {
   review: ['Review', 'Check extracted fields against the document', <><path d="M4 4h10l6 6v10H4z" /><path d="m8 14 3 3 5-6" /></>],
   report: ['Report', 'Result of every processed item', <><path d="M4 4h16v16H4z" /><path d="M8 9h8M8 13h8M8 17h5" /></>],
   cost: ['Cost', 'Tokens, spend and the case against doing it by hand', <><path d="M12 2v20" /><path d="M17 6H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6" /></>],
-  // OPTIONAL: admin/roles tab goes here
+  // OPTIONAL: admin/roles tab goes here (its nav entry; the screen is below, in <section>)
 } as const
 type Tab = keyof typeof TABS
 
@@ -37,6 +37,7 @@ export function App() {
     act('start_automation')
   }
 
+  // OPTIONAL: login page goes here (until signed in, return the sign-in screen instead of the shell)
   return (
     <div className="flex h-screen">
       <aside className="flex w-[230px] min-w-[230px] flex-col border-r border-line bg-glass max-[820px]:w-[66px] max-[820px]:min-w-[66px]" style={{ backdropFilter: 'var(--blur)' }}>
@@ -101,6 +102,7 @@ export function App() {
           {tab === 'review' && <Review onUnsaved={setUnsaved} />}
           {tab === 'report' && <Report />}
           {tab === 'cost' && <Cost />}
+          {/* OPTIONAL: admin/roles screen goes here (admins only) */}
         </section>
       </main>
     </div>