Fix some rendering issues

android/build.gradle.kts

@@ -2,6 +2,7 @@ plugins {
     alias(libs.plugins.android.application)
     alias(libs.plugins.kotlin.compose)
     alias(libs.plugins.compose)
+    alias(libs.plugins.jetbrains.kotlin.android)
 }
 
 android {
@@ -26,15 +27,16 @@ android {
         implementation(libs.androidx.activity.compose)
 //        implementation(libs.compose.ui.text.googlefonts)
         implementation(projects.commonUI)
-        implementation(compose.components.uiToolingPreview)
+//        implementation(compose.components.uiToolingPreview)
+        implementation(libs.androidx.tooling.preview)
 
         testImplementation(libs.kotlin.test)
         testImplementation(libs.atrium)
     }
 
     compileOptions {
-        sourceCompatibility = JavaVersion.VERSION_11
+        sourceCompatibility = JavaVersion.VERSION_17
-        targetCompatibility = JavaVersion.VERSION_11
+        targetCompatibility = JavaVersion.VERSION_17
     }
 
     buildTypes {
@@ -48,4 +50,10 @@ android {
             merges += "/META-INF/{AL2.0,LGPL2.1}"
         }
     }
+    kotlinOptions {
+        jvmTarget = "17"
+    }
+}
+dependencies {
+    implementation(libs.androidx.core.ktx)
 }

android/src/main/kotlin/ch/dissem/android/MainActivity.kt

@@ -4,8 +4,8 @@ import android.os.Bundle
 import androidx.activity.ComponentActivity
 import androidx.activity.compose.setContent
 import androidx.compose.runtime.Composable
+import androidx.compose.ui.tooling.preview.Preview
 import ch.dissem.yaep.ui.common.App
-import org.jetbrains.compose.ui.tooling.preview.Preview
 
 class MainActivity : ComponentActivity() {
     override fun onCreate(savedInstanceState: Bundle?) {

build.gradle.kts

@@ -10,6 +10,7 @@ plugins {
     alias(libs.plugins.kotlin.compose) apply false
     alias(libs.plugins.kotlin.multiplatform) apply false
     alias(libs.plugins.kotlin.jvm) apply false
+    alias(libs.plugins.jetbrains.kotlin.android) apply false
 }
 
 tasks.withType<KotlinJvmCompile>().configureEach {

commonUI/build.gradle.kts

@@ -8,6 +8,8 @@ kotlin {
     jvmToolchain(11)
 
     dependencies {
+        api(projects.domain)
+
         implementation(compose.components.resources)
         implementation(compose.runtime)
         implementation(compose.foundation)
@@ -16,7 +18,6 @@ kotlin {
         implementation(compose.components.resources)
         implementation(compose.components.uiToolingPreview)
 //        implementation(libs.compose.ui.text.googlefonts)
-        implementation(projects.domain)
 
         testImplementation(libs.kotlin.test)
         testImplementation(libs.atrium)

commonUI/src/main/composeResources/drawable/lightbulb.xml

@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="960"
+    android:viewportHeight="960"
+    android:tint="?attr/colorControlNormal">
+  <path
+      android:fillColor="#fff"
+      android:pathData="M480,880Q447,880 423.5,856.5Q400,833 400,800L560,800Q560,833 536.5,856.5Q513,880 480,880ZM320,760L320,680L640,680L640,760L320,760ZM330,640Q261,599 220.5,530Q180,461 180,380Q180,255 267.5,167.5Q355,80 480,80Q605,80 692.5,167.5Q780,255 780,380Q780,461 739.5,530Q699,599 630,640L330,640ZM354,560L606,560Q651,528 675.5,481Q700,434 700,380Q700,288 636,224Q572,160 480,160Q388,160 324,224Q260,288 260,380Q260,434 284.5,481Q309,528 354,560ZM480,560Q480,560 480,560Q480,560 480,560Q480,560 480,560Q480,560 480,560Q480,560 480,560Q480,560 480,560Q480,560 480,560Q480,560 480,560Z"/>
+</vector>

commonUI/src/main/kotlin/ch/dissem/yaep/ui/common/App.kt

@@ -5,11 +5,15 @@ import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.aspectRatio
+import androidx.compose.foundation.layout.fillMaxHeight
+import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.wrapContentHeight
 import androidx.compose.foundation.lazy.grid.GridCells
+import androidx.compose.foundation.lazy.grid.GridItemSpan
 import androidx.compose.foundation.lazy.grid.LazyVerticalGrid
+import androidx.compose.material3.HorizontalDivider
 import androidx.compose.material3.OutlinedCard
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.getValue
@@ -43,8 +47,8 @@ fun App(modifier: Modifier = Modifier) {
     val horizontalClues = remember { game.horizontalClues.map { DisplayClue(it) } }
     val verticalClues = remember { game.verticalClues.map { DisplayClue(it) } }
     Row(modifier = modifier) {
-        PuzzleGrid(modifier = Modifier.weight(1f), game.grid)
+        PuzzleGrid(modifier = Modifier.aspectRatio(1f).weight(0.6f).fillMaxHeight(), game.grid)
-        PuzzleClues(modifier = Modifier.weight(1f), horizontalClues, verticalClues)
+        PuzzleClues(modifier = Modifier.weight(0.4f).fillMaxHeight(), horizontalClues, verticalClues)
     }
 }
 
@@ -63,7 +67,7 @@ fun PuzzleGrid(
                 for (item in row) {
                     Selector(
                         modifier = Modifier
-                            .padding(4.dp)
+                            .padding(8.dp)
                             .weight(1f),
                         category = row.category,
                         options = item.options,
@@ -84,13 +88,15 @@ fun PuzzleClues(
 ) {
     Column(modifier = modifier) {
         LazyVerticalGrid(
-            modifier = Modifier.fillMaxWidth().weight(1f),
+            modifier = Modifier.fillMaxSize(),
-            columns = GridCells.Adaptive(32.dp)
+            columns = GridCells.Fixed(4)
         ) {
             for (clue in horizontalClues.filter { it.isActive }) {
                 item {
                     HorizontalClue(
-                        modifier = Modifier.clickable { clue.isActive = false },
+                        modifier = Modifier
+                            .padding(8.dp)
+                            .clickable { clue.isActive = false },
                         clue = clue.clue
                     )
                 }
@@ -100,21 +106,22 @@ fun PuzzleClues(
                     HorizontalClue(
                         modifier = Modifier
                             .alpha(0.5f)
+                            .padding(8.dp)
                             .clickable { clue.isActive = true },
                         clue = clue.clue
                     )
                 }
             }
+            item(span = { GridItemSpan(maxLineSpan) }) {
+                HorizontalDivider()
             }
-
-        LazyVerticalGrid(
-            modifier = Modifier.fillMaxWidth().weight(1f),
-            columns = GridCells.Adaptive(32.dp)
-        ) {
             for (clue in verticalClues.filter { it.isActive }) {
                 item {
                     VerticalClue(
-                        modifier = Modifier.clickable { clue.isActive = false },
+                        modifier = Modifier
+                            .padding(8.dp)
+                            .aspectRatio(0.3333f)
+                            .clickable { clue.isActive = false },
                         clue = clue.clue
                     )
                 }
@@ -124,6 +131,8 @@ fun PuzzleClues(
                     VerticalClue(
                         modifier = Modifier
                             .alpha(0.5f)
+                            .padding(8.dp)
+                            .aspectRatio(0.3333f)
                             .clickable { clue.isActive = true },
                         clue = clue.clue
                     )
@@ -135,24 +144,26 @@ fun PuzzleClues(
 
 @Composable
 fun HorizontalClue(modifier: Modifier = Modifier, clue: HorizontalClue) {
-    Column {
+    OutlinedCard(modifier) {
+        Row {
             when (clue) {
                 is NeighbourClue<*, *> -> {
                     DrawItem(modifier = Modifier.weight(1f), clue.a)
-                OutlinedCard(modifier = modifier.aspectRatio(1f).weight(1f)) {
                     Image(
+                        modifier = Modifier.aspectRatio(1f).weight(1f),
                         painter = painterResource(Res.drawable.neighbour),
                         contentDescription = null
                     )
-                }
                     DrawItem(modifier = Modifier.weight(1f), clue.b)
                 }
 
                 is OrderClue<*, *> -> {
                     DrawItem(modifier = Modifier.weight(1f), clue.left)
-                OutlinedCard(modifier = modifier.aspectRatio(1f).weight(1f)) {
+                    Image(
-                    Image(painter = painterResource(Res.drawable.order), contentDescription = null)
+                        modifier = Modifier.aspectRatio(1f).weight(1f),
-                }
+                        painter = painterResource(Res.drawable.order),
+                        contentDescription = null
+                    )
                     DrawItem(modifier = Modifier.weight(1f), clue.right)
                 }
 
@@ -164,11 +175,14 @@ fun HorizontalClue(modifier: Modifier = Modifier, clue: HorizontalClue) {
             }
         }
     }
+}
 
 @Composable
 fun VerticalClue(modifier: Modifier = Modifier, clue: SameColumnClue<*, *>) {
-    Column(modifier = modifier) {
+    OutlinedCard(modifier) {
+        Column {
             DrawItem(modifier = Modifier.weight(1f), clue.a)
             DrawItem(modifier = Modifier.weight(1f), clue.b)
         }
     }
+}

commonUI/src/main/kotlin/ch/dissem/yaep/ui/common/selector.kt

@@ -88,3 +88,4 @@ fun <C : ItemClass<C>> DrawItem(
         )
     }
 }
+

desktop/src/main/kotlin/ch/dissem/yaep/ui/desktop/desktop window.kt

@@ -20,6 +20,7 @@ import androidx.compose.ui.window.WindowState
 import ch.dissem.yaep.ui.common.theme.AppTheme
 import org.jetbrains.compose.resources.painterResource
 import yaep.commonui.generated.resources.Res
+import yaep.commonui.generated.resources.lightbulb
 import yaep.commonui.generated.resources.moon
 import yaep.commonui.generated.resources.sun
 import yaep.commonui.generated.resources.window_close
@@ -55,7 +56,7 @@ fun AppBar(
 ) {
     TopAppBar(
         navigationIcon = {
-            // TODO Icon(painterResource(Res.drawable.heart), null)
+            Icon(painterResource(Res.drawable.lightbulb), null)
         },
         title = { Text(text = "Yet Another Einstein Puzzle") },
         actions = {

desktop/src/main/kotlin/ch/dissem/yaep/ui/desktop/main.kt

@@ -26,11 +26,15 @@ fun main() = application {
             style = FontStyle.Normal
         )
     )
+    val windowState = rememberWindowState(
+        placement = WindowPlacement.Floating
+    )
 
     Window(
         onCloseRequest = ::exitApplication,
         undecorated = true,
         title = "YAEP",
+        state = windowState,
         icon = painterResource(Res.drawable.moon)
     ) {
         var useDarkMode by remember { mutableStateOf(true) }
@@ -41,9 +45,7 @@ fun main() = application {
                     useDarkMode = useDarkMode,
                     setDarkMode = { useDarkMode = it },
                     onCloseRequest = ::exitApplication,
-                    windowState = rememberWindowState(
+                    windowState = windowState
-                        placement = WindowPlacement.Floating
-                    )
                 )
             }
         ) {

gradle/libs.versions.toml

@@ -4,13 +4,18 @@ android-compileSdk = "34"
 android-minSdk = "24"
 android-targetSdk = "34"
 androidx-activityCompose = "1.9.0"
+androidx-compose = "1.6.8"
 compose-plugin = "1.6.11"
 kotlin = "2.0.0"
+kotlinVersion = "2.0.0"
+coreKtx = "1.13.1"
 
 [libraries]
 androidx-activity-compose = { module = "androidx.activity:activity-compose", version.ref = "androidx-activityCompose" }
+androidx-tooling-preview = {module="androidx.compose.ui:ui-tooling-preview", version.ref="androidx-compose"}
 kotlin-test = { module = "org.jetbrains.kotlin:kotlin-test", version.ref = "kotlin" }
 atrium = { module = "ch.tutteli.atrium:atrium-fluent", version = "1.2.0" }
+androidx-core-ktx = { group = "androidx.core", name = "core-ktx", version.ref = "coreKtx" }
 
 [plugins]
 android-application = { id = "com.android.application", version.ref = "agp" }
@@ -19,3 +24,4 @@ kotlin-multiplatform = { id = "org.jetbrains.kotlin.multiplatform", version.ref
 kotlin-jvm = { id = "org.jetbrains.kotlin.jvm", version.ref = "kotlin" }
 kotlin-compose = { id = "org.jetbrains.kotlin.plugin.compose", version.ref = "kotlin" }
 compose = { id = "org.jetbrains.compose", version.ref = "compose-plugin" }
+jetbrains-kotlin-android = { id = "org.jetbrains.kotlin.android", version.ref = "kotlinVersion" }