feat(desktop): polish Linux native experience

shared/src/commonMain/kotlin/com/vnidrop/app/feature/receive/ReceiveScreen.kt

@@ -37,6 +37,7 @@ import androidx.compose.ui.graphics.StrokeJoin
 import androidx.compose.ui.graphics.vector.ImageVector
 import androidx.compose.ui.graphics.vector.PathBuilder
 import androidx.compose.ui.graphics.vector.path
+import androidx.compose.ui.platform.testTag
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.text.style.TextOverflow
@@ -46,6 +47,7 @@ import com.vnidrop.app.core.FolderAccessStatus
 import com.vnidrop.app.core.Transfer
 import com.vnidrop.app.core.TransferDirection
 import com.vnidrop.app.core.TransferStatus
+import com.vnidrop.app.isDesktop
 import com.vnidrop.app.ui.components.AdaptiveDrawer
 import com.vnidrop.app.ui.components.DestructiveButton
 import com.vnidrop.app.ui.components.DestructiveQuietButton
@@ -57,6 +59,7 @@ import com.vnidrop.app.ui.components.SecondaryButton
 import com.vnidrop.app.ui.feedback.UiText
 import com.vnidrop.app.ui.platform.LocalUiPlatform
 import com.vnidrop.app.ui.platform.usesMobilePresentation
+import com.vnidrop.app.ui.navigation.VniDropIcons
 import com.vnidrop.app.ui.state.WindowClass
 import com.vnidrop.app.ui.state.displayNameForStatus
 import com.vnidrop.app.ui.state.formatBytes
@@ -163,7 +166,9 @@ private fun ReceiveHeader(showAction: Boolean, onOpen: () -> Unit) {
 	Row(Modifier.fillMaxWidth(), verticalAlignment = Alignment.CenterVertically) {
 		Column(Modifier.weight(1f), verticalArrangement = Arrangement.spacedBy(4.dp)) {
 			Text(stringResource(Res.string.receive_title), style = MaterialTheme.typography.headlineMedium, fontWeight = FontWeight.Bold)
-			Text(stringResource(Res.string.receive_new_subtitle), color = LocalVniDropColors.current.foregroundLighter)
+			if (!LocalUiPlatform.current.isDesktop) {
+				Text(stringResource(Res.string.receive_new_subtitle), color = LocalVniDropColors.current.foregroundLighter)
+			}
 		}
 		if (showAction) {
 			Spacer(Modifier.width(16.dp))
@@ -175,15 +180,27 @@ private fun ReceiveHeader(showAction: Boolean, onOpen: () -> Unit) {
 @Composable
 private fun ReceiveEmptyState(onOpen: () -> Unit) {
 	val colors = LocalVniDropColors.current
+	val desktop = LocalUiPlatform.current.isDesktop
 	Column(
 		Modifier.fillMaxWidth().heightIn(min = 430.dp).padding(horizontal = 20.dp),
 		horizontalAlignment = Alignment.CenterHorizontally,
 		verticalArrangement = Arrangement.Center,
 	) {
-		EmptyStateAnimation(
-			assetPath = "files/animations/receive_empty_state.json",
-			modifier = Modifier.size(168.dp),
-		)
+		if (desktop) {
+			Icon(
+				imageVector = VniDropIcons.Receive,
+				contentDescription = null,
+				tint = colors.brandLink,
+				modifier = Modifier
+					.size(88.dp)
+					.testTag("receive-empty-icon"),
+			)
+		} else {
+			EmptyStateAnimation(
+				assetPath = "files/animations/receive_empty_state.json",
+				modifier = Modifier.size(168.dp),
+			)
+		}
 		Text(stringResource(Res.string.receive_empty_title), modifier = Modifier.padding(top = 12.dp), style = MaterialTheme.typography.headlineSmall, fontWeight = FontWeight.Bold)
 		Text(
 			stringResource(Res.string.receive_empty_body),

shared/src/commonMain/kotlin/com/vnidrop/app/feature/send/SendCatalog.kt

@@ -30,6 +30,7 @@ import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.platform.testTag
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.text.style.TextOverflow
@@ -37,6 +38,7 @@ import androidx.compose.ui.unit.dp
 import com.vnidrop.app.core.CoreEventModel
 import com.vnidrop.app.core.Transfer
 import com.vnidrop.app.core.TransferStatus
+import com.vnidrop.app.isDesktop
 import com.vnidrop.app.ui.components.EmptyStateAnimation
 import com.vnidrop.app.ui.components.PillTone
 import com.vnidrop.app.ui.components.PrimaryButton
@@ -44,6 +46,7 @@ import com.vnidrop.app.ui.components.ProgressRow
 import com.vnidrop.app.ui.components.StatusPill
 import com.vnidrop.app.ui.platform.LocalUiPlatform
 import com.vnidrop.app.ui.platform.usesMobilePresentation
+import com.vnidrop.app.ui.navigation.VniDropIcons
 import com.vnidrop.app.ui.state.TransferProgress
 import com.vnidrop.app.ui.state.WindowClass
 import com.vnidrop.app.ui.state.activeSendProgress
@@ -128,11 +131,13 @@ private fun CatalogHeader(showAction: Boolean, onOpenComposer: () -> Unit) {
 	Row(modifier = Modifier.fillMaxWidth(), verticalAlignment = Alignment.CenterVertically) {
 		Column(Modifier.weight(1f), verticalArrangement = Arrangement.spacedBy(4.dp)) {
 			Text(stringResource(Res.string.send_title), style = MaterialTheme.typography.headlineMedium, fontWeight = FontWeight.Bold)
-			Text(
-				stringResource(Res.string.send_subtitle),
-				color = LocalVniDropColors.current.foregroundLighter,
-				style = MaterialTheme.typography.bodyMedium,
-			)
+			if (!LocalUiPlatform.current.isDesktop) {
+				Text(
+					stringResource(Res.string.send_subtitle),
+					color = LocalVniDropColors.current.foregroundLighter,
+					style = MaterialTheme.typography.bodyMedium,
+				)
+			}
 		}
 		if (showAction) {
 			Spacer(Modifier.width(16.dp))
@@ -144,15 +149,27 @@ private fun CatalogHeader(showAction: Boolean, onOpenComposer: () -> Unit) {
 @Composable
 private fun SendEmptyState(onOpenComposer: () -> Unit) {
 	val colors = LocalVniDropColors.current
+	val desktop = LocalUiPlatform.current.isDesktop
 	Column(
 		modifier = Modifier.fillMaxWidth().heightIn(min = 430.dp).padding(horizontal = 20.dp),
 		horizontalAlignment = Alignment.CenterHorizontally,
 		verticalArrangement = Arrangement.Center,
 	) {
-		EmptyStateAnimation(
-			assetPath = "files/animations/send_empty_state.json",
-			modifier = Modifier.size(168.dp),
-		)
+		if (desktop) {
+			Icon(
+				imageVector = VniDropIcons.Send,
+				contentDescription = null,
+				tint = colors.brandLink,
+				modifier = Modifier
+					.size(88.dp)
+					.testTag("send-empty-icon"),
+			)
+		} else {
+			EmptyStateAnimation(
+				assetPath = "files/animations/send_empty_state.json",
+				modifier = Modifier.size(168.dp),
+			)
+		}
 		Text(
 			stringResource(Res.string.send_empty_title),
 			modifier = Modifier.padding(top = 12.dp),

shared/src/commonMain/kotlin/com/vnidrop/app/feature/settings/SettingsOverview.kt

@@ -7,6 +7,8 @@ import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.unit.dp
+import com.vnidrop.app.isDesktop
+import com.vnidrop.app.ui.platform.LocalUiPlatform
 import com.vnidrop.app.ui.theme.ThemeMode
 import org.jetbrains.compose.resources.stringResource
 import com.vnidrop.app.ui.theme.LocalVniDropColors
@@ -34,11 +36,13 @@ internal fun SettingsOverview(
 				style = if (largeTitle) MaterialTheme.typography.headlineLarge else MaterialTheme.typography.headlineMedium,
 				fontWeight = FontWeight.Bold,
 			)
-			Text(
-				stringResource(Res.string.settings_subtitle),
-				color = LocalVniDropColors.current.foregroundLighter,
-				style = MaterialTheme.typography.bodyMedium,
-			)
+			if (!LocalUiPlatform.current.isDesktop) {
+				Text(
+					stringResource(Res.string.settings_subtitle),
+					color = LocalVniDropColors.current.foregroundLighter,
+					style = MaterialTheme.typography.bodyMedium,
+				)
+			}
 		}
 		SettingsGroup {
 			SettingsRow(

shared/src/commonMain/kotlin/com/vnidrop/app/ui/navigation/AppNavigation.kt

@@ -2,7 +2,6 @@ package com.vnidrop.app.ui.navigation
 
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Arrangement
-import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
@@ -30,7 +29,6 @@ import androidx.compose.ui.draw.clip
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.text.style.TextOverflow
-import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.dp
 import com.vnidrop.app.UiPlatform
 import com.vnidrop.app.isDesktop
@@ -56,7 +54,6 @@ fun AppSidebarNavigation(
 	selected: AppDestination,
 	style: NavigationStyle,
 	onDestinationSelected: (AppDestination) -> Unit,
-	dividerTopInset: Dp = 0.dp,
 	modifier: Modifier = Modifier,
 ) {
 	when (style) {
@@ -64,7 +61,6 @@ fun AppSidebarNavigation(
 		NavigationStyle.DesktopSidebar -> DesktopSidebarNavigation(
 			selected = selected,
 			onDestinationSelected = onDestinationSelected,
-			dividerTopInset = dividerTopInset,
 			modifier = modifier,
 		)
 		NavigationStyle.AndroidBottomBar -> error("Bottom navigation is rendered by the phone shell")
@@ -106,43 +102,31 @@ private fun AndroidNavigationRail(
 private fun DesktopSidebarNavigation(
 	selected: AppDestination,
 	onDestinationSelected: (AppDestination) -> Unit,
-	dividerTopInset: Dp,
 	modifier: Modifier = Modifier,
 ) {
 	val colors = LocalVniDropColors.current
-	Box(
+	Column(
 		modifier = modifier
 			.width(DesktopNavigationWidthDp.dp)
 			.fillMaxHeight()
-			.background(colors.backgroundSurface200),
+			.background(colors.backgroundSurface200)
+			.padding(horizontal = 12.dp, vertical = 14.dp),
+		verticalArrangement = Arrangement.spacedBy(4.dp),
 	) {
-		Column(
-			modifier = Modifier.fillMaxHeight().padding(horizontal = 12.dp, vertical = 14.dp),
-			verticalArrangement = Arrangement.spacedBy(4.dp),
-		) {
-			Text(
-				text = "VniDrop",
-				modifier = Modifier.padding(horizontal = 12.dp, vertical = 10.dp),
-				style = MaterialTheme.typography.titleMedium,
-				fontWeight = FontWeight.SemiBold,
-			)
-			Spacer(Modifier.height(4.dp))
-			primaryNavigationItems.forEach { item ->
-				DesktopNavigationItem(
-					item = item,
-					selected = item.destination == selected,
-					onClick = { onDestinationSelected(item.destination) },
-				)
-			}
-		}
-		Box(
-			modifier = Modifier
-				.align(Alignment.TopEnd)
-				.padding(top = dividerTopInset)
-				.width(1.dp)
-				.fillMaxHeight()
-				.background(colors.borderDefault),
+		Text(
+			text = "VniDrop",
+			modifier = Modifier.padding(horizontal = 12.dp, vertical = 10.dp),
+			style = MaterialTheme.typography.titleMedium,
+			fontWeight = FontWeight.SemiBold,
 		)
+		Spacer(Modifier.height(4.dp))
+		primaryNavigationItems.forEach { item ->
+			DesktopNavigationItem(
+				item = item,
+				selected = item.destination == selected,
+				onClick = { onDestinationSelected(item.destination) },
+			)
+		}
 	}
 }
 

shared/src/commonMain/kotlin/com/vnidrop/app/ui/shell/AppShell.kt

@@ -88,7 +88,6 @@ private fun WideShell(
 		AppSidebarNavigation(
 			selected = selectedDestination,
 			style = navigationStyle,
-			dividerTopInset = mainContentTopStartRadius,
 			onDestinationSelected = onDestinationSelected,
 		)
 		Box(