diff --git a/services/web-ui/public/app.jsx b/services/web-ui/public/app.jsx
index d1af2db..91357d3 100644
--- a/services/web-ui/public/app.jsx
+++ b/services/web-ui/public/app.jsx
@@ -37,7 +37,9 @@ function App() {
       { label: openProject.name },
     ];
     const labels = {
-      home: ['Home'], library: ['Library'], projects: ['Projects'],
+      home: ['Dragonflight'],
+      dashboard: ['Dashboard'],
+      library: ['Library'], projects: ['Projects'],
       upload: ['Ingest', 'Upload'], recorders: ['Ingest', 'Recorders'],
       schedule: ['Ingest', 'Schedule'],
       capture: ['Ingest', 'Capture'], monitors: ['Ingest', 'Monitors'],
@@ -61,12 +63,17 @@ function App() {
     );
   }
 
+  // Home is the launcher and renders edge-to-edge — skip the topbar so the
+  // hero logo + tiles get the full canvas.
+  const isLauncher = route === 'home' && !openAsset;
+
   let content;
   if (openAsset) {
     content = <AssetDetail asset={openAsset} onClose={() => setOpenAsset(null)} />;
   } else {
     switch (route) {
       case 'home':       content = <Home navigate={navigate} />; break;
+      case 'dashboard':  content = <Dashboard navigate={navigate} />; break;
       case 'library':   content = <Library navigate={navigate} onOpenAsset={setOpenAsset} openProject={openProject} />; break;
       case 'projects':  content = <Projects navigate={navigate} onOpenProject={openProjectFromAnywhere} />; break;
       case 'upload':    content = <Upload navigate={navigate} />; break;
@@ -89,7 +96,7 @@ function App() {
     <div className="app" data-density="comfortable" data-grid-size="md" data-sidebar="expanded">
       <Sidebar active={openAsset ? 'library' : route} onNavigate={navigate} />
       <div className="main">
-        {!openAsset && (
+        {!openAsset && !isLauncher && (
           <Topbar
             crumbs={crumbs}
             onNavigate={navigate}