Flatten the sidebar: Office under Team, Connectors under Approvals, no divider

src/renderer/src/shared/Shell.tsx

@@ -27,25 +27,18 @@ interface NavSpec {
  * internal scroll regions, so the content area must not scroll as one block. */
 const FLUSH_ROUTES = new Set<RouteId>(["chat", "settings", "files", "runs", "office"]);
 
-/** The daily-driver surfaces — the core operating loop. */
-const primaryNav: NavSpec[] = [
+const allNav: NavSpec[] = [
   { id: "home", label: "Home" },
   { id: "work", label: "Work" },
   { id: "team", label: "Team" },
+  { id: "office", label: "Office" },
   { id: "chat", label: "Messages" },
   { id: "runs", label: "Runs" },
   { id: "files", label: "Files" },
   { id: "approvals", label: "Approvals" },
-];
-
-/** Less-frequent surfaces, demoted under a divider so the primary set leads. */
-const secondaryNav: NavSpec[] = [
   { id: "connectors", label: "Connectors" },
-  { id: "office", label: "Office" },
 ];
 
-const allNav: NavSpec[] = [...primaryNav, ...secondaryNav];
-
 export function Shell({
   snapshot,
   route,
@@ -101,13 +94,7 @@ export function Shell({
           <span className="search-kbd">⌘K</span>
         </button>
         <nav className="nav">
-          {primaryNav.map((item) => (
-            <NavButton key={item.id} item={item} active={route === item.id} badge={badges[item.id]} onSelect={setRoute} />
-          ))}
-        </nav>
-        <div className="nav-divider" />
-        <nav className="nav">
-          {secondaryNav.map((item) => (
+          {allNav.map((item) => (
             <NavButton key={item.id} item={item} active={route === item.id} badge={badges[item.id]} onSelect={setRoute} />
           ))}
         </nav>

src/renderer/src/styles.css

@@ -205,7 +205,6 @@ a { color: inherit; }
   color: var(--text-3);
   font-variant-numeric: tabular-nums;
 }
-.nav-divider { height: 1px; background: var(--border-soft); margin: var(--sp-2); }
 
 .convo-item {
   display: flex;