fix: hide mail sidebar header in Pro shell

components/layout/sidebar.tsx

@@ -930,32 +930,35 @@ export function Sidebar({
         className
       )}
     >
-      {/* Header */}
+      {/* Header — hidden in the Pro shell, which owns its own chrome and
-      <div className={cn("flex items-center border-b border-border", isCollapsed ? "justify-center px-2 py-2" : "gap-1 px-2 py-2")}>
+          would otherwise render an empty strip (no collapse, no switcher). */}
-        <Button
+      {!isEmbedded && (
-          variant="ghost"
+        <div className={cn("flex items-center border-b border-border", isCollapsed ? "justify-center px-2 py-2" : "gap-1 px-2 py-2")}>
-          size="icon"
+          <Button
-          onClick={onSidebarClose}
+            variant="ghost"
-          className="lg:hidden h-9 w-9 flex-shrink-0"
+            size="icon"
-          aria-label={t("close")}
+            onClick={onSidebarClose}
-        >
+            className="lg:hidden h-9 w-9 flex-shrink-0"
-          <X className="w-5 h-5" />
+            aria-label={t("close")}
-        </Button>
+          >
+            <X className="w-5 h-5" />
+          </Button>
 
-        <Button
+          <Button
-          variant="ghost"
+            variant="ghost"
-          size="icon"
+            size="icon"
-          onClick={toggleSidebarCollapsed}
+            onClick={toggleSidebarCollapsed}
-          className="hidden lg:flex h-8 w-8 flex-shrink-0"
+            className="hidden lg:flex h-8 w-8 flex-shrink-0"
-          title={isCollapsed ? t("expand_tooltip") : t("collapse_tooltip")}
+            title={isCollapsed ? t("expand_tooltip") : t("collapse_tooltip")}
-        >
+          >
-          {isCollapsed ? <ChevronsRight className="w-4 h-4" /> : <ChevronsLeft className="w-4 h-4" />}
+            {isCollapsed ? <ChevronsRight className="w-4 h-4" /> : <ChevronsLeft className="w-4 h-4" />}
-        </Button>
+          </Button>
 
-        {!isCollapsed && !hideAccountSwitcher && (
+          {!isCollapsed && !hideAccountSwitcher && (
-          <AccountSwitcher variant="expanded" className="flex-1" />
+            <AccountSwitcher variant="expanded" className="flex-1" />
-        )}
+          )}
-      </div>
+        </div>
+      )}
 
       {!isCollapsed && <DemoBanner />}
       {!isCollapsed && <VacationBanner />}